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

package/dist/index.js

@@ -1,34 +1,3209 @@
-import { B as e } from "./button-C1EwOosO.js";
-import { L as t } from "./badge-DE7Tgd8Z.js";
-import { C as s } from "./checkbox-7Rb3WKGx.js";
-import { F as x } from "./formfield-d8fp9FTV.js";
-import { S as L } from "./switch-Cpl53nRW.js";
-import { B as C } from "./breadcrumb-B-4yqoJZ.js";
-import { C as h } from "./card-CUhlTJyJ.js";
-import { L as B } from "./input-Bj_7u8Iv.js";
-import { P as i } from "./popover-B7tCqk3R.js";
-import { T as l } from "./text-area-CC24lj8v.js";
-import { L as D } from "./chatbot-zkxngMRH.js";
-import { C as M } from "./combobox-BJbI-Tgi.js";
-import { L as T } from "./datepicker-DFJx45C-.js";
-import { D as w } from "./download-manager-A4fOxGWJ.js";
-import { M as v } from "./modal-Bfc6WQSL.js";
-import { L as I } from "./tab-BKdN4xAz.js";
+import { LitElement as O, html as l, unsafeCSS as P, css as T, nothing as u } from "lit";
+import { property as s, customElement as Y, state as m, query as te } from "lit/decorators.js";
+import { ref as Ve } from "lit/directives/ref.js";
+import D from "dayjs";
+import { unsafeHTML as at } from "lit/directives/unsafe-html.js";
+import { live as Qe } from "lit/directives/live.js";
+import { createPopper as nt } from "@popperjs/core";
+const lt = '.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-2);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;line-height:1}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:inherit;line-height:1;flex-shrink:0}.button--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.button--sm.button--icon-only{padding:var(--spacing-1);line-height:16px}.button--md{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.button--md.button--icon-only{padding:var(--spacing-2);line-height:16px}.button--lg{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4)}.button--lg.button--icon-only{padding:var(--spacing-3);line-height:16px}.button--solid.button--primary{background-color:var(--color-primary);color:#fff}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--secondary{background-color:var(--color-secondary);color:#fff}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button-secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--text.button--secondary{background-color:transparent;color:var(--color-secondary)}.button--solid.button--success{background-color:var(--color-success);color:var(--color-success-text-emphasis)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover);color:var(--color-success-text-emphasis)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active);color:var(--color-success-text-emphasis)}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active);color:var(--color-danger-text-emphasis)}.button--solid.button--info{background-color:var(--color-info);color:var(--color-info-text-emphasis)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover);color:var(--color-info-text-emphasis)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active);color:var(--color-info-text-emphasis)}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active);color:var(--color-warning-text-emphasis)}.button--outline{border-width:2px;border-style:solid}.button--outline.button--sm{padding:calc(var(--spacing-1) - 2px) calc(var(--spacing-2) - 2px)}.button--outline.button--sm.button--icon-only{padding:calc(var(--spacing-1) - 2px)}.button--outline.button--md{padding:calc(var(--spacing-2) - 2px) calc(var(--spacing-3) - 2px)}.button--outline.button--md.button--icon-only{padding:calc(var(--spacing-2) - 2px)}.button--outline.button--lg{padding:calc(var(--spacing-3) - 2px) calc(var(--spacing-4) - 2px)}.button--outline.button--lg.button--icon-only{padding:calc(var(--spacing-3) - 2px)}.button--outline.button--primary{background-color:transparent;color:var(--color-primary-text-emphasis);border-color:var(--color-border)}.button--outline.button--primary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-primary)}.button--outline.button--secondary{background-color:transparent;color:var(--color-secondary-text-emphasis);border-color:var(--color-border)}.button--outline.button--secondary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-secondary)}.button--outline.button--success{background-color:transparent;color:var(--color-success-outline-text-emphasis);border-color:var(--color-border-success)}.button--outline.button--success:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-success-outline-text-emphasis)}.button--outline.button--danger{background-color:transparent;color:var(--color-danger-outline-text-emphasis);border-color:var(--color-border-danger)}.button--outline.button--danger:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-danger-outline-text-emphasis)}.button--outline.button--info{background-color:transparent;color:var(--color-info-outline-text-emphasis);border-color:var(--color-border-info)}.button--outline.button--info:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-info-outline-text-emphasis)}.button--outline.button--warning{background-color:transparent;color:var(--color-warning-text-emphasis);border-color:var(--color-border-warning)}.button--outline.button--warning:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-warning-text-emphasis)}.button--text.button--primary{background-color:transparent;color:var(--color-primary)}.button--text.button--primary:hover:not(:disabled){background-color:var(--color-primary-bg-subtle)}.button--text.button--success{background-color:transparent;color:var(--color-success)}.button--text.button--success:hover:not(:disabled){background-color:var(--color-success-bg-subtle)}.button--text.button--danger{background-color:transparent;color:var(--color-danger)}.button--text.button--danger:hover:not(:disabled){background-color:var(--color-danger-bg-subtle)}.button--text.button--info{background-color:transparent;color:var(--color-info)}.button--text.button--info:hover:not(:disabled){background-color:var(--color-info-bg-subtle)}.button--text.button--warning{background-color:transparent;color:var(--color-warning)}.button--text.button--warning:hover:not(:disabled){background-color:var(--color-warning-bg-subtle)}';
+var dt = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, ve = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? ct(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && dt(t, o, i), i;
+};
+let ae = class extends O {
+  constructor() {
+    super(...arguments), this.variant = "solid", this.size = "md", this.theme = "primary", this.iconOnly = !1, this.disabled = !1;
+  }
+  getButtonClasses() {
+    const e = [
+      "button",
+      `button--${this.variant}`,
+      `button--${this.size}`,
+      `button--${this.theme}`
+    ];
+    return this.iconOnly && e.push("button--icon-only"), e.join(" ");
+  }
+  render() {
+    return l`
+      <button
+        class="${this.getButtonClasses()}"
+        ?disabled="${this.disabled}"
+      >
+        <slot name="prefix"></slot>
+        <slot></slot>
+        <slot name="suffix"></slot>
+      </button>
+    `;
+  }
+};
+ae.styles = [
+  T`${P(lt)}`
+];
+ve([
+  s({ type: String })
+], ae.prototype, "variant", 2);
+ve([
+  s({ type: String })
+], ae.prototype, "size", 2);
+ve([
+  s({ type: String })
+], ae.prototype, "theme", 2);
+ve([
+  s({ type: Boolean })
+], ae.prototype, "iconOnly", 2);
+ve([
+  s({ type: Boolean })
+], ae.prototype, "disabled", 2);
+ae = ve([
+  Y("logosphere-button")
+], ae);
+const ht = ".badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{padding:var(--spacing-1) var(--spacing-2)}.badge--small{padding:0 var(--spacing-1)}.badge--round{border-radius:var(--radius-md)}.badge--default{background-color:var(--color-tertiary-bg);color:var(--color-secondary)}.badge--warning{background-color:var(--color-warning-rgb);color:var(--color-warning-text-emphasis)}.badge--success{background-color:var(--color-success-rgb);color:var(--color-success)}.badge--info{background-color:var(--color-info-rgb);color:var(--color-info-text-emphasis)}.badge--danger{background-color:var(--color-danger-rgb);color:var(--color-danger)}.badge--purple{background-color:var(--color-purple-rgb);color:var(--color-purple)}.badge__close{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-1);padding:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.75;transition:opacity var(--transition-speed-fast) var(--transition-timing);line-height:1}.badge__close:hover{opacity:1}.badge__close:focus{outline:none;opacity:1}";
+var pt = Object.defineProperty, ut = Object.getOwnPropertyDescriptor, me = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? ut(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && pt(t, o, i), i;
+};
+let ee = class extends O {
+  constructor() {
+    super(...arguments), this.variant = "default", this.size = "default", this.text = "", this.closeable = !1, this.isRound = !1;
+  }
+  handleClose() {
+    this.onClose && this.onClose(), this.dispatchEvent(
+      new CustomEvent("close", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  getBadgeClasses() {
+    const e = [
+      "badge",
+      `badge--${this.variant}`,
+      this.size === "small" ? "badge--small" : "badge--default-size"
+    ];
+    return this.isRound && e.push("badge--round"), e.join(" ");
+  }
+  render() {
+    return l`
+      <div class="${this.getBadgeClasses()}">
+        <slot></slot>
+        ${this.text ? l`<span>${this.text}</span>` : u}
+        ${this.closeable ? l`
+              <button class="badge__close" @click=${this.handleClose} aria-label="Close">
+                <ui-icon name="uil-times"></ui-icon>
+              </button>
+            ` : u}
+      </div>
+    `;
+  }
+};
+ee.styles = [
+  T`
+      ${P(ht)}
+    `
+];
+me([
+  s({ type: String })
+], ee.prototype, "variant", 2);
+me([
+  s({ type: String })
+], ee.prototype, "size", 2);
+me([
+  s({ type: String })
+], ee.prototype, "text", 2);
+me([
+  s({ type: Boolean })
+], ee.prototype, "closeable", 2);
+me([
+  s({ type: Boolean })
+], ee.prototype, "isRound", 2);
+me([
+  s({ attribute: !1 })
+], ee.prototype, "onClose", 2);
+ee = me([
+  Y("logosphere-badge")
+], ee);
+const bt = '.checkbox-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-base)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-control{width:16px;height:16px;flex-shrink:0;position:relative;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-body-bg);transition:background-color var(--transition-speed-fast) var(--transition-timing),border-color var(--transition-speed-fast) var(--transition-timing)}.checkbox-control--checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-control--checked:after{content:"";position:absolute;top:50%;left:50%;width:9px;height:5px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:translate(-50%,-65%) rotate(-45deg)}.checkbox-control--indeterminate{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-control--indeterminate:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:2px;background-color:#fff;border-radius:1px;transform:translate(-50%,-50%)}.checkbox-label{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-body-text)}.switch-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-base)}.switch-wrapper--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.switch-track{width:36px;height:20px;flex-shrink:0;border-radius:var(--radius-full);background-color:var(--color-border);position:relative;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.switch-track--checked{background-color:var(--color-primary)}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background-color:#fff;box-shadow:var(--shadow-xs);transition:transform var(--transition-speed-fast) var(--transition-timing)}.switch-track--checked .switch-thumb{transform:translate(16px)}';
+var gt = Object.defineProperty, ft = Object.getOwnPropertyDescriptor, le = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? ft(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && gt(t, o, i), i;
+};
+let W = class extends O {
+  constructor() {
+    super(...arguments), this.label = "", this.value = "", this.checked = !1, this.type = "checkbox", this.disabled = !1, this.indeterminate = !1, this.internalChecked = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.internalChecked = this.checked;
+  }
+  firstUpdated() {
+    this.setIndeterminate();
+  }
+  updated(e) {
+    e.has("indeterminate") && this.setIndeterminate(), e.has("checked") && (this.internalChecked = this.checked);
+  }
+  setIndeterminate() {
+    this.inputElement && (this.inputElement.indeterminate = this.indeterminate);
+  }
+  toggleChecked() {
+    this.disabled || (this.indeterminate ? (this.indeterminate = !1, this.internalChecked = !0) : this.internalChecked = !this.internalChecked, this.dispatchEvent(
+      new CustomEvent("lgsChange", {
+        detail: {
+          checked: this.internalChecked,
+          indeterminate: this.indeterminate,
+          value: this.value
+        },
+        bubbles: !0,
+        composed: !0
+      })
+    ));
+  }
+  renderCheckbox() {
+    const e = [
+      "checkbox-control",
+      this.internalChecked ? "checkbox-control--checked" : "",
+      this.indeterminate ? "checkbox-control--indeterminate" : ""
+    ].filter(Boolean).join(" ");
+    return l`
+      <div
+        class="checkbox-wrapper ${this.disabled ? "checkbox-wrapper--disabled" : ""}"
+        @click=${this.toggleChecked}
+      >
+        <input
+          type="checkbox"
+          class="checkbox-input"
+          .checked=${this.internalChecked}
+          ?disabled=${this.disabled}
+          .value=${this.value}
+          ${Ve((t) => this.inputElement = t)}
+        />
+        <span class="${e}"></span>
+        ${this.label ? l`<span class="checkbox-label">${this.label}</span>` : u}
+      </div>
+    `;
+  }
+  renderSwitch() {
+    return l`
+      <div
+        class="switch-wrapper ${this.disabled ? "switch-wrapper--disabled" : ""}"
+        @click=${this.toggleChecked}
+      >
+        <input
+          type="checkbox"
+          class="checkbox-input"
+          .checked=${this.internalChecked}
+          ?disabled=${this.disabled}
+          .value=${this.value}
+          ${Ve((e) => this.inputElement = e)}
+        />
+        <div class="switch-track ${this.internalChecked ? "switch-track--checked" : ""}">
+          <div class="switch-thumb"></div>
+        </div>
+        ${this.label ? l`<span class="checkbox-label">${this.label}</span>` : u}
+      </div>
+    `;
+  }
+  render() {
+    return this.type === "switch" ? this.renderSwitch() : this.renderCheckbox();
+  }
+};
+W.styles = [
+  T`
+      ${P(bt)}
+    `
+];
+le([
+  s({ type: String })
+], W.prototype, "label", 2);
+le([
+  s({ type: String })
+], W.prototype, "value", 2);
+le([
+  s({ type: Boolean })
+], W.prototype, "checked", 2);
+le([
+  s({ type: String })
+], W.prototype, "type", 2);
+le([
+  s({ type: Boolean })
+], W.prototype, "disabled", 2);
+le([
+  s({ type: Boolean })
+], W.prototype, "indeterminate", 2);
+le([
+  m()
+], W.prototype, "internalChecked", 2);
+W = le([
+  Y("logosphere-checkbox")
+], W);
+const mt = ":host{display:block}.formfield{position:relative;font-family:var(--font-family-base)}.formfield__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text);margin-bottom:var(--spacing-2)}.formfield__required{color:var(--color-danger);margin-left:var(--spacing-1)}.formfield__container{position:relative;display:flex;align-items:flex-start;border-radius:var(--radius-base);border:1px solid var(--color-border);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-body-bg);cursor:text;transition:border-color var(--transition-speed-base) var(--transition-timing),background-color var(--transition-speed-base) var(--transition-timing)}.formfield__container--focused{border-color:var(--color-primary);background-color:var(--color-body-bg)}.formfield__container--hovered:not(.formfield__container--focused):not(.formfield__container--error):not(.formfield__container--disabled){background-color:var(--color-tertiary-bg)}.formfield__container--error{border-color:var(--color-danger);background-color:var(--color-danger-bg-subtle)}.formfield__container--disabled{background-color:var(--color-tertiary-bg);opacity:.4;cursor:not-allowed}.formfield__container--subtle:not(.formfield__container--focused):not(.formfield__container--error){border-color:transparent}.formfield__input-area{flex:1;min-width:0}.formfield__suffix{display:flex;align-items:center;flex-shrink:0;margin-left:var(--spacing-2)}.formfield__suffix:empty{display:none}.formfield__helper{font-size:var(--font-size-sm);color:var(--color-tertiary);margin-top:var(--spacing-1)}.formfield__error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--spacing-1)}::slotted(input),::slotted(textarea){width:100%;border:none;outline:none;background:transparent;font-size:14px;line-height:1.5}::slotted(input:disabled),::slotted(textarea:disabled){cursor:not-allowed}";
+var _t = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, q = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? vt(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && _t(t, o, i), i;
+};
+let A = class extends O {
+  constructor() {
+    super(...arguments), this.label = "", this.helper = "", this.error = "", this.placeholder = "", this.size = "default", this.variant = "default", this.required = !1, this.disabled = !1, this.readonly = !1, this._focused = !1, this._hovered = !1, this.handleSlotFocus = (e) => {
+      const t = e.target;
+      ["INPUT", "TEXTAREA", "SELECT"].includes(t.tagName) && (this._focused = !0, this.dispatchEvent(new CustomEvent("field-focus", {
+        bubbles: !0,
+        composed: !0,
+        detail: { originalEvent: e }
+      })));
+    }, this.handleSlotBlur = (e) => {
+      const t = e.target;
+      ["INPUT", "TEXTAREA", "SELECT"].includes(t.tagName) && (this._focused = !1, this.dispatchEvent(new CustomEvent("field-blur", {
+        bubbles: !0,
+        composed: !0,
+        detail: { originalEvent: e }
+      })));
+    }, this.handleMouseEnter = () => {
+      this._hovered = !0;
+    }, this.handleMouseLeave = () => {
+      this._hovered = !1;
+    }, this.handleContainerClick = (e) => {
+      const t = e.target;
+      if (["INPUT", "TEXTAREA", "SELECT", "BUTTON"].includes(t.tagName)) return;
+      this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({ flatten: !0 }).find((i) => ["INPUT", "TEXTAREA", "SELECT"].includes(i.tagName))?.focus();
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("focus", this.handleSlotFocus, !0), this.addEventListener("blur", this.handleSlotBlur, !0);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("focus", this.handleSlotFocus, !0), this.removeEventListener("blur", this.handleSlotBlur, !0);
+  }
+  render() {
+    const e = !!this.error, t = !e && !!this.helper, o = [
+      "formfield__container",
+      e ? "formfield__container--error" : "",
+      this._focused ? "formfield__container--focused" : "",
+      this._hovered ? "formfield__container--hovered" : "",
+      this.disabled ? "formfield__container--disabled" : "",
+      this.variant === "subtle" ? "formfield__container--subtle" : ""
+    ].filter(Boolean).join(" ");
+    return l`
+      <div class="formfield">
+        ${this.label ? l`
+          <label class="formfield__label">
+            ${this.label}
+            ${this.required ? l`<span class="formfield__required">*</span>` : ""}
+          </label>
+        ` : ""}
+
+        <div
+          class="${o}"
+          @mouseenter=${this.handleMouseEnter}
+          @mouseleave=${this.handleMouseLeave}
+          @click=${this.handleContainerClick}
+        >
+          <div class="formfield__input-area">
+            <slot></slot>
+          </div>
+          <div class="formfield__suffix">
+            <slot name="suffix"></slot>
+          </div>
+        </div>
+
+        ${t ? l`<div class="formfield__helper">${this.helper}</div>` : ""}
+        ${e ? l`<div class="formfield__error">${this.error}</div>` : ""}
+      </div>
+    `;
+  }
+};
+A.styles = [T`${P(mt)}`];
+q([
+  s({ type: String })
+], A.prototype, "label", 2);
+q([
+  s({ type: String })
+], A.prototype, "helper", 2);
+q([
+  s({ type: String })
+], A.prototype, "error", 2);
+q([
+  s({ type: String })
+], A.prototype, "placeholder", 2);
+q([
+  s({ type: String })
+], A.prototype, "size", 2);
+q([
+  s({ type: String })
+], A.prototype, "variant", 2);
+q([
+  s({ type: Boolean })
+], A.prototype, "required", 2);
+q([
+  s({ type: Boolean })
+], A.prototype, "disabled", 2);
+q([
+  s({ type: Boolean })
+], A.prototype, "readonly", 2);
+q([
+  m()
+], A.prototype, "_focused", 2);
+q([
+  m()
+], A.prototype, "_hovered", 2);
+A = q([
+  Y("logosphere-formfield")
+], A);
+const yt = ":host{display:block}.switch{display:inline-block;position:relative}.switch--md{width:36px;height:20px}.switch--sm{width:32px;height:18px}.switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch__track{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-speed-base) var(--transition-timing);background-color:var(--color-gray-300)}.switch__track--on{background-color:var(--color-primary)}.switch__track--disabled{cursor:not-allowed}.switch__track--disabled-on{background-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.switch__track--disabled-off{background-color:var(--color-gray-200)}.switch__thumb{position:absolute;background-color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-xs);top:2px;left:2px;transform:translate(0);transition:transform var(--transition-speed-base) var(--transition-timing)}.switch--md .switch__thumb{width:16px;height:16px}.switch--sm .switch__thumb{width:14px;height:14px}.switch__thumb--on.switch--md .switch__thumb,.switch__track--on~.switch__thumb{transform:translate(16px)}.switch__track--on+.switch__thumb{transform:translate(16px)}";
+var wt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, we = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? xt(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && wt(t, o, i), i;
+};
+let fe = class extends O {
+  constructor() {
+    super(...arguments), this.checked = !1, this.disabled = !1, this.size = "md";
+  }
+  onChange(e) {
+    const t = e.target;
+    this.checked = t.checked, this.dispatchEvent(new CustomEvent("change", {
+      detail: { checked: this.checked }
+    }));
+  }
+  render() {
+    const e = `switch switch--${this.size}`, t = [
+      "switch__track",
+      this.checked && !this.disabled ? "switch__track--on" : "",
+      this.disabled ? "switch__track--disabled" : "",
+      this.disabled && this.checked ? "switch__track--disabled-on" : "",
+      this.disabled && !this.checked ? "switch__track--disabled-off" : ""
+    ].filter(Boolean).join(" "), o = this.checked ? "translateX(16px)" : "translateX(0)";
+    return l`
+      <label class="${e}">
+        <input
+          class="switch__input"
+          type="checkbox"
+          ?checked=${this.checked}
+          ?disabled=${this.disabled}
+          @change=${this.onChange}
+        />
+        <div class="${t}">
+          <span
+            class="switch__thumb"
+            style="transform: ${o}"
+          ></span>
+        </div>
+      </label>
+    `;
+  }
+};
+fe.styles = [T`${P(yt)}`];
+we([
+  s({ type: Boolean })
+], fe.prototype, "checked", 2);
+we([
+  s({ type: Boolean })
+], fe.prototype, "disabled", 2);
+we([
+  s({ type: String })
+], fe.prototype, "size", 2);
+we([
+  te("input")
+], fe.prototype, "inputElement", 2);
+fe = we([
+  Y("logosphere-switch")
+], fe);
+const kt = ".breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);list-style:none;margin:0;padding:0}.breadcrumb__item{display:inline-flex;align-items:center;gap:var(--spacing-2)}.breadcrumb__link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-regular);transition:color var(--transition-speed-fast) var(--transition-timing),text-decoration var(--transition-speed-fast) var(--transition-timing)}.breadcrumb__link:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb__label{color:var(--color-tertiary);font-weight:var(--font-weight-regular)}.breadcrumb__label--active{color:var(--color-emphasis);font-weight:var(--font-weight-medium)}.breadcrumb__separator{color:var(--color-gray-400);-webkit-user-select:none;user-select:none;flex-shrink:0}";
+var $t = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, et = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? zt(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && $t(t, o, i), i;
+};
+let Ye = class extends O {
+  constructor() {
+    super(...arguments), this.items = [];
+  }
+  render() {
+    return l`
+      <nav>
+        <ol class="breadcrumb">
+          ${this.items.map(
+      (e, t) => l`
+              <li class="breadcrumb__item">
+                ${e.href && !e.active ? l`<a href="${e.href}" class="breadcrumb__link">${e.label}</a>` : l`<span class="breadcrumb__label ${e.active ? "breadcrumb__label--active" : ""}">${e.label}</span>`}
+                ${t < this.items.length - 1 ? l`<span class="breadcrumb__separator">/</span>` : ""}
+              </li>
+            `
+    )}
+        </ol>
+      </nav>
+    `;
+  }
+};
+Ye.styles = [
+  T`${P(kt)}`
+];
+et([
+  s({ type: Array })
+], Ye.prototype, "items", 2);
+Ye = et([
+  Y("logosphere-breadcrumb")
+], Ye);
+const Ct = ".card{width:100%;border-radius:var(--radius-base);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-base);display:grid;grid-template-rows:auto 1fr auto}.card__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.card__header--hidden{display:none}.card__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-body-text);font-family:var(--font-family-base)}.card__body{padding:var(--spacing-4);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-family:var(--font-family-base)}.card__description{margin:0;color:var(--color-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.card__footer{padding:var(--spacing-4);display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-2);background-color:var(--color-body-bg);border-top:1px solid var(--color-border)}.card__footer--hidden{display:none}";
+var Mt = Object.defineProperty, St = Object.getOwnPropertyDescriptor, oe = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? St(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && Mt(t, o, i), i;
+};
+let V = class extends O {
+  constructor() {
+    super(...arguments), this.title = "", this.description = "", this.header = !0, this.footer = !0, this.okLabel = "Tamam", this.cancelLabel = "İptal";
+  }
+  handleOk() {
+    this.onOk?.(), this.dispatchEvent(new CustomEvent("ok", { bubbles: !0, composed: !0 }));
+  }
+  handleCancel() {
+    this.onCancel?.(), this.dispatchEvent(new CustomEvent("cancel", { bubbles: !0, composed: !0 }));
+  }
+  render() {
+    return l`
+      <div class="card">
+        ${this.header ? l`
+              <div class="card__header">
+                ${this.title ? l`<h3 class="card__title">${this.title}</h3>` : u}
+                ${this.description ? l`<p class="card__description">${this.description}</p>` : u}
+                <slot name="header"></slot>
+              </div>
+            ` : u}
+
+        <div class="card__body">
+          <slot></slot>
+        </div>
+
+        ${this.footer ? l`
+              <div class="card__footer">
+                <slot name="footer"></slot>
+                ${this.onOk ? l`
+                      <logosphere-button
+                        variant="solid"
+                        theme="success"
+                        size="md"
+                        @click=${this.handleOk}
+                      >
+                        ${this.okLabel}
+                      </logosphere-button>
+                    ` : u}
+                ${this.onCancel ? l`
+                      <logosphere-button
+                        variant="solid"
+                        theme="danger"
+                        size="md"
+                        @click=${this.handleCancel}
+                      >
+                        ${this.cancelLabel}
+                      </logosphere-button>
+                    ` : u}
+              </div>
+            ` : u}
+      </div>
+    `;
+  }
+};
+V.styles = [
+  T`
+      ${P(Ct)}
+    `
+];
+oe([
+  s({ type: String })
+], V.prototype, "title", 2);
+oe([
+  s({ type: String })
+], V.prototype, "description", 2);
+oe([
+  s({ type: Boolean })
+], V.prototype, "header", 2);
+oe([
+  s({ type: Boolean })
+], V.prototype, "footer", 2);
+oe([
+  s({ attribute: !1 })
+], V.prototype, "onOk", 2);
+oe([
+  s({ attribute: !1 })
+], V.prototype, "onCancel", 2);
+oe([
+  s({ type: String })
+], V.prototype, "okLabel", 2);
+oe([
+  s({ type: String })
+], V.prototype, "cancelLabel", 2);
+V = oe([
+  Y("logosphere-card")
+], V);
+const Dt = ".input__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.input__field::placeholder{color:var(--color-tertiary)}.input__field:disabled{cursor:not-allowed}.input__field--default{height:16px}.input__field--large{height:24px}.input__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:center;outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.input__clear-btn:hover{color:var(--color-gray-600)}";
+var Et = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, C = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ot(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && Et(t, o, i), i;
+};
+let x = class extends O {
+  constructor() {
+    super(...arguments), this.value = "", this.type = "text", this.placeholder = "", this.name = "", this.autocomplete = "", this.pattern = "", this.size = "default", this.variant = "default", this.showClear = !1, this.label = "", this.helper = "", this.error = "", this.required = !1, this.disabled = !1, this.readonly = !1, this._internalError = "", this.handleInput = (e) => {
+      const t = e.target;
+      this.value = t.value, this._internalError && (this._internalError = "", this._inputElement.setCustomValidity("")), this.dispatchEvent(new CustomEvent("input", {
+        bubbles: !0,
+        composed: !0,
+        detail: { value: this.value, originalEvent: e }
+      }));
+    }, this.handleChange = (e) => {
+      const t = e.target;
+      this.value = t.value, t.checkValidity() || (this._internalError = t.validationMessage), this.dispatchEvent(new CustomEvent("change", {
+        bubbles: !0,
+        composed: !0,
+        detail: { value: this.value, originalEvent: e }
+      }));
+    }, this.handleKeyDown = (e) => {
+      this.dispatchEvent(new CustomEvent("keydown", {
+        bubbles: !0,
+        composed: !0,
+        detail: { key: e.key, originalEvent: e }
+      }));
+    }, this.handleKeyUp = (e) => {
+      this.dispatchEvent(new CustomEvent("keyup", {
+        bubbles: !0,
+        composed: !0,
+        detail: { key: e.key, originalEvent: e }
+      }));
+    }, this.handleClear = () => {
+      this.value = "", this._inputElement && (this._inputElement.value = ""), this.dispatchEvent(new CustomEvent("clear", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("input", {
+        bubbles: !0,
+        composed: !0,
+        detail: { value: "", originalEvent: null }
+      }));
+    };
+  }
+  get inputElement() {
+    return this._inputElement;
+  }
+  focus() {
+    this._inputElement?.focus();
+  }
+  blur() {
+    this._inputElement?.blur();
+  }
+  select() {
+    this._inputElement?.select();
+  }
+  setSelectionRange(e, t, o) {
+    this._inputElement?.setSelectionRange(e, t, o);
+  }
+  checkValidity() {
+    return this._inputElement?.checkValidity() ?? !0;
+  }
+  reportValidity() {
+    return this._inputElement?.reportValidity() ?? !0;
+  }
+  setCustomValidity(e) {
+    this._inputElement?.setCustomValidity(e), this._internalError = e, this.requestUpdate();
+  }
+  render() {
+    const e = this.error || this._internalError, t = this.showClear && this.value && !this.disabled && !this.readonly, o = `input__field input__field--${this.size}`;
+    return l`
+      <logosphere-formfield
+        .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}
+      >
+        <input
+          class="${o}"
+          type=${this.type}
+          .value=${Qe(this.value)}
+          placeholder=${this.placeholder || u}
+          name=${this.name || u}
+          autocomplete=${this.autocomplete || u}
+          ?required=${this.required}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          minlength=${this.minlength ?? u}
+          maxlength=${this.maxlength ?? u}
+          pattern=${this.pattern || u}
+          min=${this.min ?? u}
+          max=${this.max ?? u}
+          step=${this.step ?? u}
+          @input=${this.handleInput}
+          @change=${this.handleChange}
+          @keydown=${this.handleKeyDown}
+          @keyup=${this.handleKeyUp}
+        />
+        ${t ? l`
+          <button
+            type="button"
+            slot="suffix"
+            class="input__clear-btn"
+            @click=${this.handleClear}
+            tabindex="-1"
+          >
+            <ui-icon name="uil-times" size="14"></ui-icon>
+          </button>
+        ` : u}
+      </logosphere-formfield>
+    `;
+  }
+};
+x.styles = [T`${P(Dt)}`];
+C([
+  te("input")
+], x.prototype, "_inputElement", 2);
+C([
+  s({ type: String })
+], x.prototype, "value", 2);
+C([
+  s({ type: String })
+], x.prototype, "type", 2);
+C([
+  s({ type: String })
+], x.prototype, "placeholder", 2);
+C([
+  s({ type: String })
+], x.prototype, "name", 2);
+C([
+  s({ type: String })
+], x.prototype, "autocomplete", 2);
+C([
+  s({ type: Number })
+], x.prototype, "minlength", 2);
+C([
+  s({ type: Number })
+], x.prototype, "maxlength", 2);
+C([
+  s({ type: String })
+], x.prototype, "pattern", 2);
+C([
+  s({ type: Number })
+], x.prototype, "min", 2);
+C([
+  s({ type: Number })
+], x.prototype, "max", 2);
+C([
+  s({ type: Number })
+], x.prototype, "step", 2);
+C([
+  s({ type: String })
+], x.prototype, "size", 2);
+C([
+  s({ type: String })
+], x.prototype, "variant", 2);
+C([
+  s({ type: Boolean })
+], x.prototype, "showClear", 2);
+C([
+  s({ type: String })
+], x.prototype, "label", 2);
+C([
+  s({ type: String })
+], x.prototype, "helper", 2);
+C([
+  s({ type: String })
+], x.prototype, "error", 2);
+C([
+  s({ type: Boolean })
+], x.prototype, "required", 2);
+C([
+  s({ type: Boolean })
+], x.prototype, "disabled", 2);
+C([
+  s({ type: Boolean })
+], x.prototype, "readonly", 2);
+C([
+  m()
+], x.prototype, "_internalError", 2);
+x = C([
+  Y("logosphere-input")
+], x);
+const Pt = '.popover__wrapper{position:relative;display:inline-block;font-family:var(--font-family-base)}.popover__trigger{display:inline-flex}.popover__panel{position:relative;overflow:visible;z-index:var(--z-index-popover);min-width:240px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-body-bg);box-shadow:var(--shadow-md)}.popover__content{position:relative;z-index:1;background-color:var(--color-body-bg);border-radius:var(--radius-md);overflow:hidden}.popover__content:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background-color:var(--color-body-bg);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:1;pointer-events:none}.popover__content>*{position:relative;z-index:2}.popover__title{padding:10px var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-body-text)}.popover__body{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-secondary)}.popover__body--with-border{border-top:1px solid var(--color-border)}.popper-arrow{position:absolute;width:12px;height:12px;pointer-events:none;z-index:0}.popper-arrow:before{content:"";position:absolute;inset:0;background:var(--color-border);transform:rotate(45deg)}.popper-arrow:after{content:"";position:absolute;inset:1px;background:var(--color-body-bg);transform:rotate(45deg)}[data-popper]{position:relative;overflow:visible}[data-popper-placement^=bottom]>.popper-arrow{top:-6px;left:50%;transform:translate(-50%,-50%)}[data-popper-placement^=top]>.popper-arrow{bottom:-6px;left:50%;transform:translate(-50%,50%)}[data-popper-placement^=left]>.popper-arrow{right:-6px;top:50%;transform:translate(50%,-50%)}[data-popper-placement^=right]>.popper-arrow{left:-6px;top:50%;transform:translate(-50%,-50%)}';
+var Tt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, Z = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Yt(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && Tt(t, o, i), i;
+};
+let F = class extends O {
+  constructor() {
+    super(...arguments), this.title = "", this.trigger = "click", this.placement = "bottom", this.offset = 8, this.open = !1, this.closeOnOutsideClick = !0, this.handleDocumentClick = (e) => {
+      !this.open || !this.closeOnOutsideClick || e.composedPath().includes(this) || this.setOpen(!1);
+    }, this.toggle = (e) => {
+      (this.trigger === "click" || this.trigger === "both") && (e?.stopPropagation(), this.setOpen(!this.open));
+    }, this.handleMouseEnter = () => {
+      (this.trigger === "hover" || this.trigger === "both") && this.setOpen(!0);
+    }, this.handleMouseLeave = () => {
+      (this.trigger === "hover" || this.trigger === "both") && this.setOpen(!1);
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this.handleDocumentClick, { capture: !0 });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick, { capture: !0 }), this.destroyPopper();
+  }
+  updated(e) {
+    super.updated(e);
+    const t = e.has("placement"), o = e.has("open") && this.open;
+    if (e.has("open") && !this.open) {
+      this.destroyPopper();
+      return;
+    }
+    (o || t) && this.open && this.updatePopper();
+  }
+  setOpen(e) {
+    this.open !== e && (this.open = e, this.dispatchEvent(new CustomEvent(e ? "popover-open" : "popover-close", {
+      bubbles: !0,
+      composed: !0
+    })));
+  }
+  updatePopper() {
+    if (!this.isConnected || !this.open) return;
+    const e = this.triggerElement, t = this.popperElement;
+    if (!(!e || !t)) {
+      if (this.popperInstance) {
+        this.popperInstance.setOptions({
+          placement: this.placement,
+          modifiers: this.getPopperModifiers(),
+          strategy: "fixed"
+        }), this.popperInstance.update();
+        return;
+      }
+      this.popperInstance = nt(e, t, {
+        placement: this.placement,
+        strategy: "fixed",
+        modifiers: this.getPopperModifiers()
+      });
+    }
+  }
+  getPopperModifiers() {
+    return [
+      { name: "offset", options: { offset: [0, this.offset] } },
+      { name: "arrow", options: { element: this.popperArrowElement, padding: 8 } },
+      { name: "preventOverflow", options: { padding: 8 } },
+      { name: "flip", options: { padding: 8 } }
+    ];
+  }
+  destroyPopper() {
+    this.popperInstance && (this.popperInstance.destroy(), this.popperInstance = void 0);
+  }
+  render() {
+    const e = !!this.title;
+    return l`
+      <div
+        class="popover__wrapper"
+        @mouseenter=${this.handleMouseEnter}
+        @mouseleave=${this.handleMouseLeave}
+      >
+        <div class="popover__trigger" part="trigger" @click=${this.toggle}>
+          <slot name="trigger"></slot>
+        </div>
+
+        ${this.open ? l`
+          <div
+            data-popper
+            class="popover__panel"
+            role="dialog"
+            aria-hidden=${this.open ? "false" : "true"}
+          >
+            <div data-popper-arrow class="popper-arrow"></div>
+            <div class="popover__content">
+              ${this.title ? l`
+                <div class="popover__title">${this.title}</div>
+              ` : null}
+              <div class="popover__body ${e ? "popover__body--with-border" : ""}">
+                <slot></slot>
+              </div>
+            </div>
+          </div>
+        ` : null}
+      </div>
+    `;
+  }
+};
+F.styles = [T`${P(Pt)}`];
+Z([
+  s({ type: String })
+], F.prototype, "title", 2);
+Z([
+  s({ type: String })
+], F.prototype, "trigger", 2);
+Z([
+  s({ type: String })
+], F.prototype, "placement", 2);
+Z([
+  s({ type: Number })
+], F.prototype, "offset", 2);
+Z([
+  s({ type: Boolean, reflect: !0 })
+], F.prototype, "open", 2);
+Z([
+  s({ type: Boolean })
+], F.prototype, "closeOnOutsideClick", 2);
+Z([
+  te('[part="trigger"]')
+], F.prototype, "triggerElement", 2);
+Z([
+  te("[data-popper]")
+], F.prototype, "popperElement", 2);
+Z([
+  te("[data-popper-arrow]")
+], F.prototype, "popperArrowElement", 2);
+F = Z([
+  Y("logosphere-popover")
+], F);
+const Lt = ".textarea__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.textarea__field::placeholder{color:var(--color-tertiary)}.textarea__field:disabled{cursor:not-allowed}.textarea__field--resize-none{resize:none}.textarea__field--resize-vertical{resize:vertical}.textarea__field--resize-horizontal{resize:horizontal}.textarea__field--resize-both{resize:both}.textarea__field--auto-resize{resize:none;overflow:hidden}.textarea__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:flex-start;align-self:flex-start;margin-top:var(--spacing-1);outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.textarea__clear-btn:hover{color:var(--color-gray-600)}";
+var Bt = Object.defineProperty, It = Object.getOwnPropertyDescriptor, M = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? It(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && Bt(t, o, i), i;
+};
+let k = class extends O {
+  constructor() {
+    super(...arguments), this.value = "", this.placeholder = "", this.name = "", this.autocomplete = "", this.rows = 3, this.wrap = "soft", this.resize = "vertical", this.autoResize = !1, this.size = "default", this.variant = "default", this.showClear = !1, this.label = "", this.helper = "", this.error = "", this.required = !1, this.disabled = !1, this.readonly = !1, this._internalError = "", this.handleInput = (e) => {
+      const t = e.target;
+      this.value = t.value, this.autoResize && this.adjustHeight(), this._internalError && (this._internalError = "", this._textareaElement.setCustomValidity("")), this.dispatchEvent(new CustomEvent("input", {
+        bubbles: !0,
+        composed: !0,
+        detail: { value: this.value, originalEvent: e }
+      }));
+    }, this.handleChange = (e) => {
+      const t = e.target;
+      this.value = t.value, t.checkValidity() || (this._internalError = t.validationMessage), this.dispatchEvent(new CustomEvent("change", {
+        bubbles: !0,
+        composed: !0,
+        detail: { value: this.value, originalEvent: e }
+      }));
+    }, this.handleKeyDown = (e) => {
+      this.dispatchEvent(new CustomEvent("keydown", {
+        bubbles: !0,
+        composed: !0,
+        detail: { key: e.key, originalEvent: e }
+      }));
+    }, this.handleKeyUp = (e) => {
+      this.dispatchEvent(new CustomEvent("keyup", {
+        bubbles: !0,
+        composed: !0,
+        detail: { key: e.key, originalEvent: e }
+      }));
+    }, this.handleClear = () => {
+      this.value = "", this._textareaElement && (this._textareaElement.value = "", this.autoResize && this.adjustHeight()), this.dispatchEvent(new CustomEvent("clear", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("input", {
+        bubbles: !0,
+        composed: !0,
+        detail: { value: "", originalEvent: null }
+      }));
+    };
+  }
+  get textareaElement() {
+    return this._textareaElement;
+  }
+  focus() {
+    this._textareaElement?.focus();
+  }
+  blur() {
+    this._textareaElement?.blur();
+  }
+  select() {
+    this._textareaElement?.select();
+  }
+  setSelectionRange(e, t, o) {
+    this._textareaElement?.setSelectionRange(e, t, o);
+  }
+  checkValidity() {
+    return this._textareaElement?.checkValidity() ?? !0;
+  }
+  reportValidity() {
+    return this._textareaElement?.reportValidity() ?? !0;
+  }
+  setCustomValidity(e) {
+    this._textareaElement?.setCustomValidity(e), this._internalError = e, this.requestUpdate();
+  }
+  adjustHeight() {
+    !this.autoResize || !this._textareaElement || (this._textareaElement.style.height = "auto", this._textareaElement.style.height = `${this._textareaElement.scrollHeight}px`);
+  }
+  updated(e) {
+    super.updated(e), e.has("value") && this.autoResize && this.adjustHeight();
+  }
+  getResizeClass() {
+    return this.autoResize ? "textarea__field--auto-resize" : {
+      none: "textarea__field--resize-none",
+      vertical: "textarea__field--resize-vertical",
+      horizontal: "textarea__field--resize-horizontal",
+      both: "textarea__field--resize-both"
+    }[this.resize];
+  }
+  render() {
+    const e = this.error || this._internalError, t = this.showClear && this.value && !this.disabled && !this.readonly, o = `textarea__field ${this.getResizeClass()}`;
+    return l`
+      <logosphere-formfield
+        .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}
+      >
+        <textarea
+          class="${o}"
+          .value=${Qe(this.value)}
+          placeholder=${this.placeholder || u}
+          name=${this.name || u}
+          autocomplete=${this.autocomplete || u}
+          ?required=${this.required}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          minlength=${this.minlength ?? u}
+          maxlength=${this.maxlength ?? u}
+          rows=${this.rows}
+          cols=${this.cols ?? u}
+          wrap=${this.wrap}
+          @input=${this.handleInput}
+          @change=${this.handleChange}
+          @keydown=${this.handleKeyDown}
+          @keyup=${this.handleKeyUp}
+        ></textarea>
+        ${t ? l`
+          <button
+            type="button"
+            slot="suffix"
+            class="textarea__clear-btn"
+            @click=${this.handleClear}
+            tabindex="-1"
+          >
+            <ui-icon name="uil-times" size="14"></ui-icon>
+          </button>
+        ` : u}
+      </logosphere-formfield>
+    `;
+  }
+};
+k.styles = [T`${P(Lt)}`];
+M([
+  te("textarea")
+], k.prototype, "_textareaElement", 2);
+M([
+  s({ type: String })
+], k.prototype, "value", 2);
+M([
+  s({ type: String })
+], k.prototype, "placeholder", 2);
+M([
+  s({ type: String })
+], k.prototype, "name", 2);
+M([
+  s({ type: String })
+], k.prototype, "autocomplete", 2);
+M([
+  s({ type: Number })
+], k.prototype, "minlength", 2);
+M([
+  s({ type: Number })
+], k.prototype, "maxlength", 2);
+M([
+  s({ type: Number })
+], k.prototype, "rows", 2);
+M([
+  s({ type: Number })
+], k.prototype, "cols", 2);
+M([
+  s({ type: String })
+], k.prototype, "wrap", 2);
+M([
+  s({ type: String })
+], k.prototype, "resize", 2);
+M([
+  s({ type: Boolean })
+], k.prototype, "autoResize", 2);
+M([
+  s({ type: String })
+], k.prototype, "size", 2);
+M([
+  s({ type: String })
+], k.prototype, "variant", 2);
+M([
+  s({ type: Boolean })
+], k.prototype, "showClear", 2);
+M([
+  s({ type: String })
+], k.prototype, "label", 2);
+M([
+  s({ type: String })
+], k.prototype, "helper", 2);
+M([
+  s({ type: String })
+], k.prototype, "error", 2);
+M([
+  s({ type: Boolean })
+], k.prototype, "required", 2);
+M([
+  s({ type: Boolean })
+], k.prototype, "disabled", 2);
+M([
+  s({ type: Boolean })
+], k.prototype, "readonly", 2);
+M([
+  m()
+], k.prototype, "_internalError", 2);
+k = M([
+  Y("logosphere-textarea")
+], k);
+const At = '.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 jt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, L = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Rt(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && jt(t, o, i), i;
+};
+let E = class extends O {
+  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, t) => {
+      t.stopPropagation(), this.setSelected(
+        this.selected.filter((o) => o[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 t = this.inputValue.toLocaleLowerCase();
+      this._filteredItems = this.items.filter(
+        (o) => String(o[this.optionLabel] ?? "").toLocaleLowerCase().includes(t)
+      );
+    }
+  }
+  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((t) => t[this.optionValue] === e[this.optionValue]);
+  }
+  _selectItem(e, t) {
+    t.stopPropagation();
+    let o;
+    this.multiple ? o = this.isSelected(e) ? this.selected.filter((r) => r[this.optionValue] !== e[this.optionValue]) : [...this.selected, e] : (o = [e], this.isOpen = !1, this.filterable && (this.inputValue = "")), this.setSelected(o);
+  }
+  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 l`
+      <div class="combobox__tags">
+        ${this.selected.map((e) => l`
+          <span class="combobox__tag">
+            ${e[this.optionLabel]}
+            ${this.readOnly ? u : l`
+              <button
+                class="combobox__tag-remove"
+                @click=${(t) => this._removeTag(e, t)}
+                aria-label="Remove"
+              >
+                <ui-icon name="uil-times" size="12"></ui-icon>
+              </button>
+            `}
+          </span>
+        `)}
+      </div>
+    `;
+  }
+  _renderTriggerContent() {
+    return this.filterable && !this.multiple ? l`
+        <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 ? l`
+          <button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
+            <ui-icon name="uil-times" size="14"></ui-icon>
+          </button>
+        ` : u}
+      ` : this.multiple && this.selected.length ? this._renderTagList() : !this.multiple && this.selected.length ? l`
+        <span class="combobox__single-value">${this.selected[0][this.optionLabel]}</span>
+        ${this.readOnly ? u : l`
+          <button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
+            <ui-icon name="uil-times" size="14"></ui-icon>
+          </button>
+        `}
+      ` : l`<span class="combobox__placeholder">${this.placeholder}</span>`;
+  }
+  _renderDropdown() {
+    return this.isOpen ? l`
+      <div class="combobox__dropdown">
+        ${this.filterable && this.multiple ? l`
+          <input
+            class="combobox__search"
+            type="text"
+            placeholder=${this.placeholder}
+            .value=${this.inputValue}
+            @input=${this._onFilterInput}
+            @keydown=${this._handleKeydown}
+            @click=${this._stopPropagation}
+          />
+        ` : u}
+
+        <div class="combobox__list">
+          ${this._filteredItems.length === 0 ? l`<div class="combobox__empty">${this.emptyMessage}</div>` : this._filteredItems.map((e, t) => l`
+                <div
+                  class="combobox__item
+                    ${!this.multiple && this.isSelected(e) ? "combobox__item--selected" : ""}
+                    ${t === this.focusedIndex ? "combobox__item--focused" : ""}"
+                  @click=${(o) => this._selectItem(e, o)}
+                  @mouseenter=${() => {
+      this.focusedIndex = t;
+    }}
+                >
+                  ${this.multiple ? l`
+                    <logosphere-checkbox
+                      .checked=${this.isSelected(e)}
+                      .value=${e[this.optionValue]}
+                      @click=${this._stopPropagation}
+                    ></logosphere-checkbox>
+                  ` : u}
+                  ${e[this.optionLabel]}
+                </div>
+              `)}
+        </div>
+      </div>
+    ` : u;
+  }
+  // ==================== MAIN RENDER ====================
+  render() {
+    const e = [
+      "combobox__label",
+      this.required && !this.readOnly ? "combobox__label--required" : ""
+    ].filter(Boolean).join(" "), t = [
+      "combobox__trigger",
+      `combobox__trigger--${this.size}`,
+      this.readOnly ? "combobox__trigger--readonly" : "",
+      !this.readOnly && this.isOpen ? "combobox__trigger--open" : ""
+    ].filter(Boolean).join(" ");
+    return l`
+      <div class="combobox">
+        ${this.label ? l`
+          <label for="${this.inputId}" class="${e}">${this.label}</label>
+        ` : u}
+
+        <div class="combobox__wrapper">
+          <div
+            class="${t}"
+            tabindex="${this.readOnly || this.filterable ? -1 : 0}"
+            @click=${this._onTriggerClick}
+            @keydown=${this.filterable ? u : 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>
+    `;
+  }
+};
+E.styles = [T`${P(At)}`];
+L([
+  s({ type: String })
+], E.prototype, "label", 2);
+L([
+  s({ type: String })
+], E.prototype, "placeholder", 2);
+L([
+  s({ type: Boolean })
+], E.prototype, "required", 2);
+L([
+  s({ type: Boolean })
+], E.prototype, "readOnly", 2);
+L([
+  s({ type: Boolean })
+], E.prototype, "multiple", 2);
+L([
+  s({ type: Boolean })
+], E.prototype, "filterable", 2);
+L([
+  s({ type: String })
+], E.prototype, "optionLabel", 2);
+L([
+  s({ type: String })
+], E.prototype, "optionValue", 2);
+L([
+  s({ type: String })
+], E.prototype, "emptyMessage", 2);
+L([
+  s({ type: Array })
+], E.prototype, "items", 2);
+L([
+  s({ type: String })
+], E.prototype, "size", 2);
+L([
+  m()
+], E.prototype, "selected", 2);
+L([
+  m()
+], E.prototype, "inputValue", 2);
+L([
+  m()
+], E.prototype, "isOpen", 2);
+L([
+  m()
+], E.prototype, "focusedIndex", 2);
+E = L([
+  Y("logosphere-combobox")
+], E);
+const Ft = ":host{display:block;z-index:9999}.chatbot{font-family:var(--font-family-base)}.chatbot__overlay{position:fixed;inset:0;background-color:#0003;z-index:var(--z-index-modal-backdrop)}.chatbot__launcher{position:fixed;z-index:var(--z-index-modal);display:flex;align-items:center;gap:var(--spacing-4);padding-left:var(--spacing-4);padding-right:var(--spacing-4);height:66px;color:#fff;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-base);background-color:var(--color-body-bg);overflow:hidden;transition:box-shadow var(--transition-speed-fast) var(--transition-timing)}.chatbot__launcher:hover{box-shadow:var(--shadow-md)}.chatbot__launcher--draggable{cursor:move}.chatbot__launcher--hidden{visibility:hidden;width:72px;height:66px;justify-content:center;padding:0}.chatbot__launcher-icon{width:40px;height:34px;flex-shrink:0}.chatbot__launcher-text{display:flex;flex-direction:column}.chatbot__launcher-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);margin:0;line-height:24px;white-space:nowrap;color:var(--color-body-text)}.chatbot__launcher-subtitle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin:0;line-height:20px;white-space:nowrap;color:var(--color-tertiary)}.chatbot__window{position:fixed;z-index:var(--z-index-modal);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-body-bg)}.chatbot__window--hidden{display:none}.chatbot__window--fullscreen{inset:80px 50px;width:auto;height:auto}.chatbot__resize-top{position:absolute;top:0;left:0;right:0;height:8px;cursor:ns-resize;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-top:hover{background-color:#0000000d}.chatbot__resize-side{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-side:hover{background-color:#0000000d}.chatbot__resize-side--left{left:0}.chatbot__resize-side--right{right:0}.chatbot__resize-corner{position:absolute;top:0;width:16px;height:16px;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-corner:hover{background-color:#0000001a}.chatbot__resize-corner--nwse{left:0;cursor:nwse-resize}.chatbot__resize-corner--nesw{right:0;cursor:nesw-resize}.chatbot__header{height:74px;display:flex;align-items:center;justify-content:space-between;padding-left:var(--spacing-5);padding-right:var(--spacing-4);gap:var(--spacing-4);flex-shrink:0;background-color:var(--color-body-bg);border-bottom:1px solid var(--color-border)}.chatbot__header-info{display:flex;align-items:center;gap:var(--spacing-4)}.chatbot__header-logo{width:50px;height:41px}.chatbot__header-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);margin:0;line-height:24px;color:var(--color-body-text)}.chatbot__header-subtitle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin:0;line-height:20px;color:var(--color-tertiary)}.chatbot__header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.chatbot__body{flex:1;display:flex;flex-direction:column;background-color:var(--color-body-bg);position:relative;overflow:hidden}.chatbot__product{padding:var(--spacing-3);padding-bottom:0;flex-shrink:0;margin:0 var(--spacing-3)}.chatbot__messages{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.chatbot__messages::-webkit-scrollbar{display:none}.chatbot__message{display:flex}.chatbot__message--user{justify-content:flex-end}.chatbot__message--assistant,.chatbot__message--system{justify-content:flex-start}.chatbot__bubble{position:relative;color:var(--color-body-text);max-width:85%;border-radius:var(--radius-md);padding:var(--spacing-4);font-size:var(--font-size-sm);line-height:20px;font-weight:var(--font-weight-medium)}.chatbot__bubble--user{background-color:var(--color-primary);color:#fff;border-bottom-right-radius:0;border-top-right-radius:var(--radius-xl);border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.chatbot__bubble--user a{color:#ffffffe6}.chatbot__bubble--assistant,.chatbot__bubble--system{background-color:var(--color-tertiary-bg);border-bottom-left-radius:0;border-top-right-radius:var(--radius-xl);border-top-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.chatbot__message-content p{margin:0}.chatbot__message-content ol{list-style-type:decimal;margin:0;padding-left:var(--spacing-5)}.chatbot__message-content ul{list-style-type:disc;margin:0;padding-left:var(--spacing-5)}.chatbot__message-content li{padding-left:var(--spacing-1)}.chatbot__message-content a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-speed-fast) var(--transition-timing)}.chatbot__message-content a:hover{color:var(--color-primary-hover)}.chatbot__feedback{display:flex;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-2)}.chatbot__typing-wrapper{display:flex;justify-content:flex-start}.chatbot__typing{background-color:var(--color-tertiary-bg);padding:var(--spacing-3);border-radius:var(--radius-xl);border-bottom-left-radius:0;display:inline-flex;align-items:center;gap:2px}.chatbot__typing-dot{display:inline-block;width:6px;height:6px;background-color:var(--color-gray-300);border-radius:var(--radius-full);animation:chatbot-typing 1.4s infinite ease-in-out both;margin:0 2px}.chatbot__typing-dot:nth-child(1){animation-delay:-.32s}.chatbot__typing-dot:nth-child(2){animation-delay:-.16s}@keyframes chatbot-typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot__input-area{padding:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-1);background-color:var(--color-body-bg)}.chatbot__input-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-tertiary-bg);border-radius:var(--radius-md);padding:var(--spacing-2);border:1px solid transparent;transition:background-color var(--transition-speed-fast) var(--transition-timing),border-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__input-wrapper:focus-within{background-color:var(--color-body-bg);border-color:var(--color-border)}.chatbot__input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-body-text)}.chatbot__input::placeholder{color:var(--color-tertiary)}.chatbot__input:disabled{opacity:.5;cursor:not-allowed}.chatbot__footer{display:flex;align-items:center;justify-content:center;padding-bottom:var(--spacing-2)}.chatbot__footer-text{margin:0;padding:0;color:var(--color-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-base)}";
+var qt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, z = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ht(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && qt(t, o, i), i;
+};
+let v = class extends O {
+  constructor() {
+    super(...arguments), this.returnUri = "", this.questionPrompt = "", this.minimizedIconOnly = !1, this.draggable = !1, this.resizable = !1, this.products = [], this.openInitially = !1, this.showFeedbackButtons = !1, this.open = !1, this.fullscreen = !1, this.messages = [], this.isLoading = !1, this.inputText = "", this.selectedProductId = "", this.windowWidth = 440, this.windowHeight = Math.min(700, window.innerHeight - 40), this.position = { right: 20, bottom: 20 }, this.isDragging = !1, this.screenWidth = window.innerWidth, this.dragStartPos = { x: 0, y: 0 }, this.initialPosition = { right: 0, bottom: 0 }, this.isResizing = !1, this.resizeDirection = "horizontal", this.resizeStartWidth = 0, this.resizeStartHeight = 0, this.onWindowResize = () => {
+      this.screenWidth = window.innerWidth;
+      const e = window.innerHeight - 40;
+      this.windowHeight > e && (this.windowHeight = e);
+    }, this.onToggle = () => {
+      this.open = !this.open, this.scrollToBottom();
+    }, this.onClose = () => {
+      this.open = !1, this.fullscreen = !1;
+    }, this.onToggleFullscreen = () => {
+      this.fullscreen = !this.fullscreen;
+    }, this.onMouseMove = (e) => {
+      if (this.isDragging) {
+        const t = this.dragStartPos.x - e.clientX, o = this.dragStartPos.y - e.clientY, i = this.shadowRoot?.querySelector(".chatbot__launcher")?.getBoundingClientRect(), a = i?.width || 72, n = i?.height || 66;
+        this.position = {
+          right: Math.max(0, Math.min(window.innerWidth - a, this.initialPosition.right + t)),
+          bottom: Math.max(0, Math.min(window.innerHeight - n, this.initialPosition.bottom + o))
+        };
+      } else if (this.isResizing) {
+        const t = this.dragStartPos.x - e.clientX, o = this.dragStartPos.y - e.clientY;
+        if (this.resizeDirection === "horizontal" || this.resizeDirection === "both") {
+          const r = this.position.right < this.screenWidth / 2;
+          this.windowWidth = Math.max(300, this.resizeStartWidth + (r ? t : -t));
+        }
+        (this.resizeDirection === "vertical" || this.resizeDirection === "both") && (this.windowHeight = Math.max(400, this.resizeStartHeight + o));
+      }
+    }, this.onMouseUp = (e) => {
+      this.isDragging ? (this.isDragging = !1, window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp), Math.hypot(e.clientX - this.dragStartPos.x, e.clientY - this.dragStartPos.y) < 5 && this.onToggle()) : this.isResizing && (this.isResizing = !1, window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp));
+    }, this.handleKeyDown = (e) => {
+      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), this.sendMessage());
+    }, this.onInput = (e) => {
+      const t = e.target;
+      this.inputText = t ? t.value : e.detail;
+    }, this.onCopyMessage = (e) => {
+      navigator.clipboard.writeText(e);
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), window.addEventListener("resize", this.onWindowResize);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), window.removeEventListener("resize", this.onWindowResize), window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp);
+  }
+  async firstUpdated() {
+    this.products.length === 1 && (this.selectedProductId = this.products[0].id), this.open = this.openInitially, this.open && await this.initConversation();
+  }
+  updated(e) {
+    e.has("products") && this.handleProductUpdate(), e.has("messages") && this.scrollToBottom(), e.has("open") && this.open && !this.conversationId && this.initConversation();
+  }
+  // ==================== PRODUCT ====================
+  handleProductUpdate() {
+    if (!this.products.length) return;
+    const e = this.products.some((t) => t.id === this.selectedProductId);
+    this.products.length === 1 && (this.selectedProductId = this.products[0].id), e || (this.messages = [], this.conversationId = void 0, this.open && this.initConversation()), requestAnimationFrame(() => this.updateComboboxItems());
+  }
+  updateComboboxItems() {
+    const e = this.productEl;
+    if (!e || this.products?.length <= 1) return;
+    const t = this.products.map((r) => ({ value: r.id, label: r.name }));
+    e.items = t;
+    const o = e.selectedItems?.() || [];
+    if (o.length > 0) {
+      const r = o[0]?.value;
+      !this.products.some((a) => a.id === r) && e.setSelected && e.setSelected([]);
+    }
+  }
+  async onProductChange(e) {
+    const t = e.detail?.selected?.[0]?.value;
+    t && t !== this.selectedProductId && (this.selectedProductId = t);
+  }
+  // ==================== DRAG ====================
+  onMouseDown(e) {
+    this.draggable && (e.preventDefault(), this.isDragging = !0, this.dragStartPos = { x: e.clientX, y: e.clientY }, this.initialPosition = { ...this.position }, window.addEventListener("mousemove", this.onMouseMove), window.addEventListener("mouseup", this.onMouseUp));
+  }
+  startResize(e, t) {
+    this.resizable && (e.preventDefault(), e.stopPropagation(), this.isResizing = !0, this.resizeDirection = t, this.dragStartPos = { x: e.clientX, y: e.clientY }, this.resizeStartWidth = this.windowWidth, this.resizeStartHeight = this.windowHeight, window.addEventListener("mousemove", this.onMouseMove), window.addEventListener("mouseup", this.onMouseUp));
+  }
+  // ==================== CHAT API ====================
+  async ensureToken(e = !1) {
+    const t = "logosphere_chatbot_token";
+    if (e && (this.assertionToken = void 0, localStorage.removeItem(t)), !e) {
+      const i = localStorage.getItem(t);
+      if (i) {
+        this.assertionToken = i;
+        return;
+      }
+    }
+    const r = await (await fetch(`${this.returnUri}/api/chat/start`)).json();
+    if (!r.Success || !r.Data?.Token) throw new Error("Token alınamadı");
+    this.assertionToken = r.Data.Token, localStorage.setItem(t, this.assertionToken);
+  }
+  async postChat(e) {
+    await this.ensureToken();
+    const t = `${this.returnUri}/api/chat/completions`, o = () => fetch(t, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        client_assertion: this.assertionToken,
+        client_assertion_type: "urn:ietf:params:oauth:client-assertion-type:jwt-bearer"
+      },
+      body: JSON.stringify(e)
+    });
+    let r = await o();
+    if (r.status === 401 && (await this.ensureToken(!0), r = await o()), !r.ok) throw new Error(`HTTP ${r.status}`);
+    return r.json();
+  }
+  async initConversation() {
+    if (!this.isLoading) {
+      this.isLoading = !0;
+      try {
+        await this.ensureToken();
+        const e = await this.postChat({
+          ChatCompletionType: "NewConversation",
+          Context: this.selectedProductId,
+          QuestionPrompt: this.questionPrompt
+        });
+        this.conversationId = e.Data.ConversationId;
+        const t = e.Data.Choices?.[0]?.Message?.Content;
+        t && this.addMessage(t, "assistant");
+      } catch {
+        this.addMessage("Bir hata oluştu, lütfen tekrar deneyiniz.", "system");
+      } finally {
+        this.isLoading = !1;
+      }
+    }
+  }
+  async sendMessage() {
+    const e = this.inputText.trim();
+    if (!(!e || !this.conversationId || this.isLoading)) {
+      if (!this.selectedProductId) {
+        this.addMessage("Lütfen önce bir ürün seçiniz.", "system");
+        return;
+      }
+      this.addMessage(e, "user"), this.inputText = "", this.isLoading = !0;
+      try {
+        const o = (await this.postChat({
+          ChatCompletionType: "ConversationUpdate",
+          Content: e,
+          Context: this.selectedProductId,
+          ConversationId: this.conversationId,
+          QuestionPrompt: this.questionPrompt
+        })).Data?.Choices?.[0]?.Message?.Content;
+        this.addMessage(o || "Cevap alınamadı.", "assistant");
+      } catch {
+        this.addMessage("Bağlantı hatası.", "system");
+      } finally {
+        this.isLoading = !1;
+      }
+    }
+  }
+  addMessage(e, t) {
+    this.messages = [...this.messages, { content: e, role: t, timestamp: Date.now() }];
+  }
+  scrollToBottom() {
+    setTimeout(() => {
+      this.chatContainer && (this.chatContainer.scrollTop = this.chatContainer.scrollHeight);
+    }, 0);
+  }
+  // ==================== CONTENT FORMATTER ====================
+  formatContent(e) {
+    if (!e) return "";
+    const o = e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").split(`
+`);
+    let r = "", i = !1, a = "";
+    for (const n of o) {
+      const d = n.trim() === "", c = n.match(/^\s*\d+\.\s+(.*)/), f = n.match(/^\s*[-*]\s+(.*)/);
+      if (c || f) {
+        const b = c ? "ol" : "ul";
+        (!i || a !== b) && (i && (r += `</${a}>`), r += `<${b}>`, i = !0, a = b), r += `<li>${c ? c[1] : f[1]}</li>`;
+      } else
+        d ? i || (r += "<br>") : (i && (r += `</${a}>`, i = !1, a = ""), r += `<p>${n}</p>`);
+    }
+    return i && (r += `</${a}>`), r.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\*(.*?)\*/g, "<em>$1</em>").replace(
+      /\[([^\]]+)\]\(([^)]+)\)/g,
+      '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
+    );
+  }
+  // ==================== RENDER ====================
+  render() {
+    const e = this.position.right < this.screenWidth / 2;
+    return l`
+            <div class="chatbot">
+                ${this.renderOverlay()}
+                ${this.renderLauncher()}
+                ${this.renderWindow(e)}
+            </div>
+        `;
+  }
+  renderOverlay() {
+    return this.open || this.fullscreen ? l`<div class="chatbot__overlay" @click=${this.onToggle}></div>` : "";
+  }
+  renderLauncher() {
+    const e = [
+      "chatbot__launcher",
+      this.draggable ? "chatbot__launcher--draggable" : "",
+      this.open ? "chatbot__launcher--hidden" : ""
+    ].filter(Boolean).join(" ");
+    return l`
+            <div
+                class="${e}"
+                style="right: ${this.position.right}px; bottom: ${this.position.bottom}px;"
+                @mousedown=${this.onMouseDown}
+                @click=${this.draggable ? null : this.onToggle}
+                aria-expanded=${this.open ? "true" : "false"}
+            >
+                <img class="chatbot__launcher-icon" src="${v.ICONS.launcher}" alt="chatbot" />
+                ${!this.open && !this.minimizedIconOnly ? l`
+                    <div class="chatbot__launcher-text">
+                        <p class="chatbot__launcher-title">Logo</p>
+                        <p class="chatbot__launcher-subtitle">Dijital Danışman</p>
+                    </div>
+                ` : ""}
+            </div>
+        `;
+  }
+  renderWindow(e) {
+    const t = [
+      "chatbot__window",
+      this.open ? "" : "chatbot__window--hidden",
+      this.fullscreen ? "chatbot__window--fullscreen" : ""
+    ].filter(Boolean).join(" "), o = this.fullscreen ? "" : `bottom: 20px; height: ${this.windowHeight}px; width: ${this.windowWidth}px; ${e ? "right: 20px;" : "left: 20px;"}`;
+    return l`
+            <div class="${t}" style="${o}">
+                ${this.renderResizeHandles(e)}
+                ${this.renderHeader()}
+                <div class="chatbot__body">
+                    ${this.renderProductSelector()}
+                    ${this.renderChatArea()}
+                    ${this.renderInputArea()}
+                </div>
+            </div>
+        `;
+  }
+  renderResizeHandles(e) {
+    return this.fullscreen || !this.resizable ? "" : l`
+            <div class="chatbot__resize-top"
+                 @mousedown=${(t) => this.startResize(t, "vertical")}></div>
+            <div class="chatbot__resize-side ${e ? "chatbot__resize-side--left" : "chatbot__resize-side--right"}"
+                 @mousedown=${(t) => this.startResize(t, "horizontal")}></div>
+            <div class="chatbot__resize-corner ${e ? "chatbot__resize-corner--nwse" : "chatbot__resize-corner--nesw"}"
+                 @mousedown=${(t) => this.startResize(t, "both")}></div>
+        `;
+  }
+  renderHeader() {
+    return l`
+            <div class="chatbot__header">
+                <div class="chatbot__header-info">
+                    <img class="chatbot__header-logo" alt="logo" src="${v.ICONS.launcher}" />
+                    <div>
+                        <p class="chatbot__header-title">Logo</p>
+                        <p class="chatbot__header-subtitle">Dijital Danışman</p>
+                    </div>
+                </div>
+                <div class="chatbot__header-actions">
+                    <logosphere-button
+                        iconOnly="true"
+                        size="sm"
+                        variant="text"
+                        theme="--color-light-rgb"
+                        title=${this.fullscreen ? "Küçült" : "Tam Ekran"}
+                        @click=${this.onToggleFullscreen}
+                    >
+                        <ui-icon name="${this.fullscreen ? "uil-compress-alt" : "uil-expand-alt"}" size="16"></ui-icon>
+                    </logosphere-button>
+                    <logosphere-button
+                        iconOnly="true"
+                        size="sm"
+                        variant="text"
+                        theme="--color-light"
+                        title="Kapat"
+                        @click=${this.onClose}
+                    >
+                        <ui-icon name="uil-times" size="16"></ui-icon>
+                    </logosphere-button>
+                </div>
+            </div>
+        `;
+  }
+  renderProductSelector() {
+    return l`
+            <div class="chatbot__product">
+                ${this.products.length > 1 ? l`
+                        <logosphere-combobox
+                            id="product"
+                            .items=${this.products.map((e) => ({ value: e.id, label: e.name }))}
+                            optionValue="value"
+                            optionLabel="label"
+                            placeholder="Ürün seçiniz"
+                            @selected=${this.onProductChange}
+                        ></logosphere-combobox>
+                    ` : l`
+                        <logosphere-input
+                            id="product"
+                            placeholder="Ürün seçiniz"
+                            .value=${this.products.length === 1 ? this.products[0].name : ""}
+                            readOnly="true"
+                        ></logosphere-input>
+                    `}
+            </div>
+        `;
+  }
+  renderChatArea() {
+    return l`
+            <div id="chat-container" class="chatbot__messages">
+                ${this.messages.map((e) => this.renderMessage(e))}
+                ${this.isLoading ? this.renderTypingIndicator() : ""}
+            </div>
+        `;
+  }
+  renderMessage(e) {
+    const t = [
+      "chatbot__bubble",
+      `chatbot__bubble--${e.role}`
+    ].join(" ");
+    return l`
+            <div class="chatbot__message chatbot__message--${e.role}">
+                <div class="${t}">
+                    <div class="chatbot__message-content">
+                        ${at(this.formatContent(e.content))}
+                    </div>
+                    ${this.showFeedbackButtons && e.role === "assistant" ? this.renderFeedbackButtons(e) : ""}
+                </div>
+            </div>
+        `;
+  }
+  renderFeedbackButtons(e) {
+    return l`
+            <div class="chatbot__feedback">
+                <logosphere-button
+                    @click=${() => this.onCopyMessage(e.content)}
+                    title="Kopyala"
+                    iconOnly="true"
+                    size="sm"
+                    theme="--color-light-rgb"
+                >
+                    <ui-icon name="uil-copy" size="14"></ui-icon>
+                </logosphere-button>
+                <logosphere-button title="Like" iconOnly="true" size="sm" theme="--color-light-rgb">
+                    <ui-icon name="uil-thumbs-up" size="14"></ui-icon>
+                </logosphere-button>
+                <logosphere-button title="Dislike" iconOnly="true" size="sm" theme="--color-light-rgb">
+                    <ui-icon name="uil-thumbs-down" size="14"></ui-icon>
+                </logosphere-button>
+            </div>
+        `;
+  }
+  renderTypingIndicator() {
+    return l`
+            <div class="chatbot__typing-wrapper">
+                <div class="chatbot__typing">
+                    <span class="chatbot__typing-dot"></span>
+                    <span class="chatbot__typing-dot"></span>
+                    <span class="chatbot__typing-dot"></span>
+                </div>
+            </div>
+        `;
+  }
+  renderInputArea() {
+    return l`
+            <div class="chatbot__input-area">
+                <div class="chatbot__input-wrapper">
+                    <input
+                        class="chatbot__input"
+                        placeholder=${this.selectedProductId ? "Bir şeyler yazın..." : "Lütfen ürün seçiniz..."}
+                        .value=${this.inputText}
+                        @input=${this.onInput}
+                        @keydown=${this.handleKeyDown}
+                        ?disabled=${!this.selectedProductId}
+                    />
+                    <logosphere-button
+                        iconOnly="true"
+                        size="lg"
+                        variant="text"
+                        theme="--color-light"
+                        title="Gönder"
+                        @click=${this.sendMessage}
+                        ?disabled=${!this.selectedProductId || !this.inputText.trim()}
+                    >
+                        <ui-icon name="uil-arrow-circle-right" size="20"></ui-icon>
+                    </logosphere-button>
+                </div>
+            </div>
+            <div class="chatbot__footer">
+                <p class="chatbot__footer-text">İçerik Yapay Zeka ile Üretilmiştir</p>
+            </div>
+        `;
+  }
+};
+v.styles = [T`${P(Ft)}`];
+v.ICONS = {
+  launcher: "data:image/svg+xml,%3Csvg%20width%3D%2251%22%20height%3D%2242%22%20viewBox%3D%220%200%2051%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.457%200C40.0338%200%2041.542%200.293293%2042.9302%200.8283L49.15%206.07675C50.2611%207.93912%2050.8994%2010.1162%2050.8994%2012.4424V23.084C50.8994%2024.4858%2050.6676%2025.8334%2050.2402%2027.0907L43.1534%2034.6096C41.7043%2035.2006%2040.1187%2035.5264%2038.457%2035.5264H30.7605L38.5805%2027.2296C40.814%2027.1643%2042.6045%2025.3332%2042.6045%2023.084V12.4424C42.6045%2010.1518%2040.7476%208.29492%2038.457%208.29492H12.4424C10.1518%208.29492%208.29492%2010.1518%208.29492%2012.4424V23.084C8.29492%2025.3746%2010.1518%2027.2314%2012.4424%2027.2314H33.5078L20.4487%2041.0866C17.7992%2042.5379%2014.3381%2040.2741%2014.7842%2036.7803C14.8402%2036.3421%2014.9629%2035.9194%2015.1416%2035.5264H12.4424C10.9217%2035.5264%209.46472%2035.2536%208.11774%2034.7542L0.610679%2026.945C0.214298%2025.7295%200%2024.4318%200%2023.084V12.4424C0%2010.8011%200.317794%209.23402%200.895207%207.79935L7.12424%201.19058C8.73679%200.427072%2010.5397%200%2012.4424%200H38.457ZM23.1357%2017.7881C23.1357%2015.4815%2021.2656%2013.6113%2018.959%2013.6113C16.6525%2013.6114%2014.7822%2015.4815%2014.7822%2017.7881C14.7824%2020.0945%2016.6526%2021.9638%2018.959%2021.9639C21.2655%2021.9639%2023.1356%2020.0945%2023.1357%2017.7881ZM36.2344%2017.7881C36.2344%2015.4815%2034.3642%2013.6113%2032.0576%2013.6113C29.7511%2013.6114%2027.8809%2015.4815%2027.8809%2017.7881C27.881%2020.0945%2029.7512%2021.9638%2032.0576%2021.9639C34.3641%2021.9639%2036.2342%2020.0945%2036.2344%2017.7881Z%22%20fill%3D%22url(%23paint0_linear_97_4585)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_97_4585%22%20x1%3D%2231.662%22%20y1%3D%224.88016%22%20x2%3D%2214.4119%22%20y2%3D%2237.9167%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F22727%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CA0D0D%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"
+};
+z([
+  s({ type: String, attribute: "return-uri" })
+], v.prototype, "returnUri", 2);
+z([
+  s({ type: String, attribute: "question-prompt" })
+], v.prototype, "questionPrompt", 2);
+z([
+  s({ type: Boolean, attribute: "minimized-icon-only" })
+], v.prototype, "minimizedIconOnly", 2);
+z([
+  s({ type: Boolean, attribute: "draggable" })
+], v.prototype, "draggable", 2);
+z([
+  s({ type: Boolean, attribute: "resizable" })
+], v.prototype, "resizable", 2);
+z([
+  s({
+    type: Array,
+    hasChanged: (e, t) => e === t ? !1 : !t || !e || e.length !== t.length ? !0 : JSON.stringify(e) !== JSON.stringify(t)
+  }),
+  s({ type: Array })
+], v.prototype, "products", 2);
+z([
+  s({ type: Boolean, attribute: "open-initially" })
+], v.prototype, "openInitially", 2);
+z([
+  s({ type: Boolean, attribute: "show-feedback-buttons" })
+], v.prototype, "showFeedbackButtons", 2);
+z([
+  m()
+], v.prototype, "open", 2);
+z([
+  m()
+], v.prototype, "fullscreen", 2);
+z([
+  m()
+], v.prototype, "messages", 2);
+z([
+  m()
+], v.prototype, "conversationId", 2);
+z([
+  m()
+], v.prototype, "assertionToken", 2);
+z([
+  m()
+], v.prototype, "isLoading", 2);
+z([
+  m()
+], v.prototype, "inputText", 2);
+z([
+  m()
+], v.prototype, "selectedProductId", 2);
+z([
+  m()
+], v.prototype, "windowWidth", 2);
+z([
+  m()
+], v.prototype, "windowHeight", 2);
+z([
+  m()
+], v.prototype, "position", 2);
+z([
+  m()
+], v.prototype, "isDragging", 2);
+z([
+  m()
+], v.prototype, "screenWidth", 2);
+z([
+  te("#chat-container")
+], v.prototype, "chatContainer", 2);
+z([
+  te("#product")
+], v.prototype, "productEl", 2);
+v = z([
+  Y("logosphere-chatbot")
+], v);
+function xe(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Se = { exports: {} }, Ut = Se.exports, Ne;
+function Vt() {
+  return Ne || (Ne = 1, (function(e, t) {
+    (function(o, r) {
+      e.exports = r();
+    })(Ut, (function() {
+      var o = { 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, a) {
+        var n = i.prototype, d = n.format;
+        a.en.formats = o, n.format = function(c) {
+          c === void 0 && (c = "YYYY-MM-DDTHH:mm:ssZ");
+          var f = this.$locale().formats, b = (function(p, g) {
+            return p.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(I, N, B) {
+              var h = B && B.toUpperCase();
+              return N || g[B] || o[B] || g[h].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(_, w, y) {
+                return w || y.slice(1);
+              }));
+            }));
+          })(c, f === void 0 ? {} : f);
+          return d.call(this, b);
+        };
+      };
+    }));
+  })(Se)), Se.exports;
+}
+var Nt = Vt();
+const Kt = /* @__PURE__ */ xe(Nt);
+var De = { exports: {} }, Wt = De.exports, Ke;
+function Gt() {
+  return Ke || (Ke = 1, (function(e, t) {
+    (function(o, r) {
+      e.exports = r();
+    })(Wt, (function() {
+      var o = { 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/, a = /\d\d/, n = /\d\d?/, d = /\d*[^-_:/,()\s\d]+/, c = {}, f = function(h) {
+        return (h = +h) + (h > 68 ? 1900 : 2e3);
+      }, b = function(h) {
+        return function(_) {
+          this[h] = +_;
+        };
+      }, p = [/[+-]\d\d:?(\d\d)?|Z/, function(h) {
+        (this.zone || (this.zone = {})).offset = (function(_) {
+          if (!_ || _ === "Z") return 0;
+          var w = _.match(/([+-]|\d\d)/g), y = 60 * w[1] + (+w[2] || 0);
+          return y === 0 ? 0 : w[0] === "+" ? -y : y;
+        })(h);
+      }], g = function(h) {
+        var _ = c[h];
+        return _ && (_.indexOf ? _ : _.s.concat(_.f));
+      }, I = function(h, _) {
+        var w, y = c.meridiem;
+        if (y) {
+          for (var H = 1; H <= 24; H += 1) if (h.indexOf(y(H, 0, _)) > -1) {
+            w = H > 12;
+            break;
+          }
+        } else w = h === (_ ? "pm" : "PM");
+        return w;
+      }, N = { A: [d, function(h) {
+        this.afternoon = I(h, !1);
+      }], a: [d, function(h) {
+        this.afternoon = I(h, !0);
+      }], Q: [i, function(h) {
+        this.month = 3 * (h - 1) + 1;
+      }], S: [i, function(h) {
+        this.milliseconds = 100 * +h;
+      }], SS: [a, function(h) {
+        this.milliseconds = 10 * +h;
+      }], SSS: [/\d{3}/, function(h) {
+        this.milliseconds = +h;
+      }], s: [n, b("seconds")], ss: [n, b("seconds")], m: [n, b("minutes")], mm: [n, b("minutes")], H: [n, b("hours")], h: [n, b("hours")], HH: [n, b("hours")], hh: [n, b("hours")], D: [n, b("day")], DD: [a, b("day")], Do: [d, function(h) {
+        var _ = c.ordinal, w = h.match(/\d+/);
+        if (this.day = w[0], _) for (var y = 1; y <= 31; y += 1) _(y).replace(/\[|\]/g, "") === h && (this.day = y);
+      }], w: [n, b("week")], ww: [a, b("week")], M: [n, b("month")], MM: [a, b("month")], MMM: [d, function(h) {
+        var _ = g("months"), w = (g("monthsShort") || _.map((function(y) {
+          return y.slice(0, 3);
+        }))).indexOf(h) + 1;
+        if (w < 1) throw new Error();
+        this.month = w % 12 || w;
+      }], MMMM: [d, function(h) {
+        var _ = g("months").indexOf(h) + 1;
+        if (_ < 1) throw new Error();
+        this.month = _ % 12 || _;
+      }], Y: [/[+-]?\d+/, b("year")], YY: [a, function(h) {
+        this.year = f(h);
+      }], YYYY: [/\d{4}/, b("year")], Z: p, ZZ: p };
+      function B(h) {
+        var _, w;
+        _ = h, w = c && c.formats;
+        for (var y = (h = _.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(ue, re, K) {
+          var U = K && K.toUpperCase();
+          return re || w[K] || o[K] || w[U].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(ie, se, be) {
+            return se || be.slice(1);
+          }));
+        }))).match(r), H = y.length, j = 0; j < H; j += 1) {
+          var he = y[j], pe = N[he], J = pe && pe[0], Q = pe && pe[1];
+          y[j] = Q ? { regex: J, parser: Q } : he.replace(/^\[|\]$/g, "");
+        }
+        return function(ue) {
+          for (var re = {}, K = 0, U = 0; K < H; K += 1) {
+            var ie = y[K];
+            if (typeof ie == "string") U += ie.length;
+            else {
+              var se = ie.regex, be = ie.parser, ke = ue.slice(U), _e = se.exec(ke)[0];
+              be.call(re, _e), ue = ue.replace(_e, "");
+            }
+          }
+          return (function(ge) {
+            var $e = ge.afternoon;
+            if ($e !== void 0) {
+              var R = ge.hours;
+              $e ? R < 12 && (ge.hours += 12) : R === 12 && (ge.hours = 0), delete ge.afternoon;
+            }
+          })(re), re;
+        };
+      }
+      return function(h, _, w) {
+        w.p.customParseFormat = !0, h && h.parseTwoDigitYear && (f = h.parseTwoDigitYear);
+        var y = _.prototype, H = y.parse;
+        y.parse = function(j) {
+          var he = j.date, pe = j.utc, J = j.args;
+          this.$u = pe;
+          var Q = J[1];
+          if (typeof Q == "string") {
+            var ue = J[2] === !0, re = J[3] === !0, K = ue || re, U = J[2];
+            re && (U = J[2]), c = this.$locale(), !ue && U && (c = w.Ls[U]), this.$d = (function(ke, _e, ge, $e) {
+              try {
+                if (["x", "X"].indexOf(_e) > -1) return new Date((_e === "X" ? 1e3 : 1) * ke);
+                var R = B(_e)(ke), Le = R.year, ze = R.month, tt = R.day, ot = R.hours, rt = R.minutes, it = R.seconds, st = R.milliseconds, He = R.zone, Ue = R.week, Be = /* @__PURE__ */ new Date(), Ie = tt || (Le || ze ? 1 : Be.getDate()), Ae = Le || Be.getFullYear(), Ce = 0;
+                Le && !ze || (Ce = ze > 0 ? ze - 1 : Be.getMonth());
+                var Me, je = ot || 0, Re = rt || 0, Fe = it || 0, qe = st || 0;
+                return He ? new Date(Date.UTC(Ae, Ce, Ie, je, Re, Fe, qe + 60 * He.offset * 1e3)) : ge ? new Date(Date.UTC(Ae, Ce, Ie, je, Re, Fe, qe)) : (Me = new Date(Ae, Ce, Ie, je, Re, Fe, qe), Ue && (Me = $e(Me).week(Ue).toDate()), Me);
+              } catch {
+                return /* @__PURE__ */ new Date("");
+              }
+            })(he, Q, pe, w), this.init(), U && U !== !0 && (this.$L = this.locale(U).$L), K && he != this.format(Q) && (this.$d = /* @__PURE__ */ new Date("")), c = {};
+          } else if (Q instanceof Array) for (var ie = Q.length, se = 1; se <= ie; se += 1) {
+            J[1] = Q[se - 1];
+            var be = w.apply(this, J);
+            if (be.isValid()) {
+              this.$d = be.$d, this.$L = be.$L, this.init();
+              break;
+            }
+            se === ie && (this.$d = /* @__PURE__ */ new Date(""));
+          }
+          else H.call(this, j);
+        };
+      };
+    }));
+  })(De)), De.exports;
+}
+var Xt = Gt();
+const Zt = /* @__PURE__ */ xe(Xt);
+var Ee = { exports: {} }, Jt = Ee.exports, We;
+function Qt() {
+  return We || (We = 1, (function(e, t) {
+    (function(o, r) {
+      e.exports = r();
+    })(Jt, (function() {
+      return function(o, r, i) {
+        r.prototype.isBetween = function(a, n, d, c) {
+          var f = i(a), b = i(n), p = (c = c || "()")[0] === "(", g = c[1] === ")";
+          return (p ? this.isAfter(f, d) : !this.isBefore(f, d)) && (g ? this.isBefore(b, d) : !this.isAfter(b, d)) || (p ? this.isBefore(f, d) : !this.isAfter(f, d)) && (g ? this.isAfter(b, d) : !this.isBefore(b, d));
+        };
+      };
+    }));
+  })(Ee)), Ee.exports;
+}
+var eo = Qt();
+const to = /* @__PURE__ */ xe(eo);
+var Oe = { exports: {} }, oo = Oe.exports, Ge;
+function ro() {
+  return Ge || (Ge = 1, (function(e, t) {
+    (function(o, r) {
+      e.exports = r();
+    })(oo, (function() {
+      var o = "week", r = "year";
+      return function(i, a, n) {
+        var d = a.prototype;
+        d.week = function(c) {
+          if (c === void 0 && (c = null), c !== null) return this.add(7 * (c - this.week()), "day");
+          var f = this.$locale().yearStart || 1;
+          if (this.month() === 11 && this.date() > 25) {
+            var b = n(this).startOf(r).add(1, r).date(f), p = n(this).endOf(o);
+            if (b.isBefore(p)) return 1;
+          }
+          var g = n(this).startOf(r).date(f).startOf(o).subtract(1, "millisecond"), I = this.diff(g, o, !0);
+          return I < 0 ? n(this).startOf("week").week() : Math.ceil(I);
+        }, d.weeks = function(c) {
+          return c === void 0 && (c = null), this.week(c);
+        };
+      };
+    }));
+  })(Oe)), Oe.exports;
+}
+var io = ro();
+const so = /* @__PURE__ */ xe(io);
+var Pe = { exports: {} }, ao = Pe.exports, Xe;
+function no() {
+  return Xe || (Xe = 1, (function(e, t) {
+    (function(o, r) {
+      e.exports = r();
+    })(ao, (function() {
+      return function(o, r, i) {
+        var a = r.prototype, n = function(p) {
+          return p && (p.indexOf ? p : p.s);
+        }, d = function(p, g, I, N, B) {
+          var h = p.name ? p : p.$locale(), _ = n(h[g]), w = n(h[I]), y = _ || w.map((function(j) {
+            return j.slice(0, N);
+          }));
+          if (!B) return y;
+          var H = h.weekStart;
+          return y.map((function(j, he) {
+            return y[(he + (H || 0)) % 7];
+          }));
+        }, c = function() {
+          return i.Ls[i.locale()];
+        }, f = function(p, g) {
+          return p.formats[g] || (function(I) {
+            return I.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(N, B, h) {
+              return B || h.slice(1);
+            }));
+          })(p.formats[g.toUpperCase()]);
+        }, b = function() {
+          var p = this;
+          return { months: function(g) {
+            return g ? g.format("MMMM") : d(p, "months");
+          }, monthsShort: function(g) {
+            return g ? g.format("MMM") : d(p, "monthsShort", "months", 3);
+          }, firstDayOfWeek: function() {
+            return p.$locale().weekStart || 0;
+          }, weekdays: function(g) {
+            return g ? g.format("dddd") : d(p, "weekdays");
+          }, weekdaysMin: function(g) {
+            return g ? g.format("dd") : d(p, "weekdaysMin", "weekdays", 2);
+          }, weekdaysShort: function(g) {
+            return g ? g.format("ddd") : d(p, "weekdaysShort", "weekdays", 3);
+          }, longDateFormat: function(g) {
+            return f(p.$locale(), g);
+          }, meridiem: this.$locale().meridiem, ordinal: this.$locale().ordinal };
+        };
+        a.localeData = function() {
+          return b.bind(this)();
+        }, i.localeData = function() {
+          var p = c();
+          return { firstDayOfWeek: function() {
+            return p.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(g) {
+            return f(p, g);
+          }, meridiem: p.meridiem, ordinal: p.ordinal };
+        }, i.months = function() {
+          return d(c(), "months");
+        }, i.monthsShort = function() {
+          return d(c(), "monthsShort", "months", 3);
+        }, i.weekdays = function(p) {
+          return d(c(), "weekdays", null, null, p);
+        }, i.weekdaysShort = function(p) {
+          return d(c(), "weekdaysShort", "weekdays", 3, p);
+        }, i.weekdaysMin = function(p) {
+          return d(c(), "weekdaysMin", "weekdays", 2, p);
+        };
+      };
+    }));
+  })(Pe)), Pe.exports;
+}
+var lo = no();
+const co = /* @__PURE__ */ xe(lo);
+var Te = { exports: {} }, ho = Te.exports, Ze;
+function po() {
+  return Ze || (Ze = 1, (function(e, t) {
+    (function(o, r) {
+      e.exports = r(D);
+    })(ho, (function(o) {
+      function r(n) {
+        return n && typeof n == "object" && "default" in n ? n : { default: n };
+      }
+      var i = r(o), a = { 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(a, null, !0), a;
+    }));
+  })(Te)), Te.exports;
+}
+po();
+const uo = '.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 bo = Object.defineProperty, go = Object.getOwnPropertyDescriptor, S = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? go(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && bo(t, o, i), i;
+};
+D.extend(Kt);
+D.extend(Zt);
+D.extend(to);
+D.extend(so);
+D.extend(co);
+D.locale("tr");
+const fo = [
+  "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"
+], mo = D.months(), Je = D.weekdaysShort(), _o = [...Je.slice(1), Je[0]];
+let vo = 0;
+const yo = () => `dp-${++vo}`;
+let $ = class extends O {
+  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 = D(), 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 = yo(), 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 = D();
+      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(), o = this.renderRoot.querySelector("#" + this.inputId + "-ico"), r = window.innerWidth, i = window.innerHeight, a = 8, n = o ? o.getBoundingClientRect().left : t.left + t.width, d = Math.round(Math.max(0, n - t.left - a) * (this.expandFactor || 1)), c = Math.round(t.right - t.left - a), f = Math.max(220, Math.min(d, c));
+      let b = Math.round(t.left);
+      b + f > r - a && (b = Math.max(a, Math.round(r - f - a)));
+      const p = Math.max(0, i - t.bottom - a * 2), g = Math.max(0, t.top - a * 2), I = 260;
+      let N, B;
+      p >= I || p >= g ? (N = Math.round(t.bottom + a), B = Math.max(I, p)) : (B = Math.max(I, g), N = Math.max(a, Math.round(t.top - a - B))), this._popupPos = { left: b, top: N, width: f, maxH: B };
+    };
+  }
+  // ==================== LIFECYCLE ====================
+  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();
+  }
+  // ==================== HELPERS ====================
+  _safeDay(e) {
+    if (!e) return null;
+    for (const o of fo) {
+      const r = D(e, o, !0);
+      if (r.isValid()) return r;
+    }
+    const t = D(e);
+    return t.isValid() ? t : null;
+  }
+  _withinBounds(e) {
+    const t = this._safeDay(this.min), o = this._safeDay(this.max);
+    return !(t && e.isBefore(t, "day") || o && e.isAfter(o, "day") || this.disabledDays.includes(e.day()));
+  }
+  _displayValue() {
+    if (this.rangeMode && this._rangeStart && this._rangeEnd) {
+      const t = this._safeDay(this._rangeStart), o = this._safeDay(this._rangeEnd);
+      if (t && o) return `${t.format("DD/MM/YYYY")} - ${o.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, o) => e + o);
+  }
+  _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 }, (o, r) => t.add(r, "day"));
+  }
+  _isInRange(e) {
+    if (!this.rangeMode || !this._rangeStart || !this._rangeEnd) return null;
+    const t = this._safeDay(this._rangeStart), o = this._safeDay(this._rangeEnd);
+    return !t || !o ? null : e.isSame(t, "day") ? "start" : e.isSame(o, "day") ? "end" : e.isBetween(t, o, "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 o = this._hoverDate, r = o.isAfter(t, "day"), i = r ? t : o, a = r ? o : t;
+    return e.isSame(t, "day") ? "preview-start" : e.isSame(o, "day") ? "preview-end" : e.isAfter(i, "day") && e.isBefore(a, "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 o = this._isInRange(e);
+    if (o === "start")
+      return t.push("dp__day--range-start"), t.join(" ");
+    if (o === "end")
+      return t.push("dp__day--range-end"), t.join(" ");
+    if (o === "between")
+      return t.push("dp__day--range-between"), t.join(" ");
+    const r = this._getHoverPreview(e);
+    return r === "preview-start" ? (t.push("dp__day--range-start"), t.join(" ")) : r === "preview-end" ? (t.push("dp__day--range-end"), t.join(" ")) : r === "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(D(), "day") ? t.push("dp__day--today") : t.push("dp__day--default"), t.join(" "));
+  }
+  // ==================== EVENTS ====================
+  _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() ?? D() : this._cursor = this._safeDay(this.value)?.clone() ?? D(), 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 o = this._safeDay(t);
+    o && this._withinBounds(o) ? (this._emitChange(o.format("YYYY-MM-DD")), this._cursor = o, 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"));
+  }
+  // ==================== RENDER ====================
+  _renderCalendar(e) {
+    const t = this._daysInGrid();
+    return l`
+      <div class="dp__weekdays" role="row">
+        ${_o.map((o) => l`<div class="dp__weekday" role="columnheader" aria-label=${o}>${o}</div>`)}
+      </div>
+      <div
+        id="grid"
+        tabindex="0"
+        class="dp__grid"
+        role="grid"
+        aria-label="Takvim"
+        @keydown=${this._keydownGrid}
+        @mouseleave=${() => {
+      this._hoverDate = null;
+    }}
+      >
+        ${t.map((o) => {
+      const r = o.month() === this._cursor.month(), i = e ? o.isSame(e, "day") : !1, a = o.isSame(this._cursor, "day"), n = !this._withinBounds(o), d = [
+        this._getDayClasses(o),
+        r ? "" : "dp__day--out-of-month",
+        a ? "dp__day--focused" : ""
+      ].filter(Boolean).join(" ");
+      return l`
+            <button
+              class="${d}"
+              role="gridcell"
+              @click=${() => !n && this._select(o)}
+              @mouseenter=${() => {
+        this.rangeMode && this._rangeStart && !this._rangeEnd && (this._hoverDate = o);
+      }}
+              aria-selected=${i ? "true" : "false"}
+              aria-disabled=${n ? "true" : "false"}
+              tabindex=${a ? "0" : "-1"}
+            >
+              <span class="dp__day-num">${o.date()}</span>
+            </button>
+          `;
+    })}
+      </div>
+    `;
+  }
+  _renderMonthGrid() {
+    return l`
+      <div class="dp__month-grid" role="grid" aria-label="Ay seçimi">
+        ${mo.map((e, t) => {
+      const o = t === this._cursor.month(), r = t === D().month() && this._cursor.year() === D().year();
+      return l`
+            <button
+              class="dp__month-btn ${o ? "dp__month-btn--selected" : ""} ${r && !o ? "dp__month-btn--current" : ""}"
+              role="gridcell"
+              aria-selected=${o ? "true" : "false"}
+              @click=${() => this._selectMonth(t)}
+            >${e}</button>
+          `;
+    })}
+      </div>
+    `;
+  }
+  _renderYearGrid() {
+    return l`
+      <div class="dp__year-grid" role="grid" aria-label="Yıl seçimi">
+        ${this._getYears().map((e) => {
+      const t = e === this._cursor.year(), o = e === D().year();
+      return l`
+            <button
+              class="dp__year-btn ${t ? "dp__year-btn--selected" : ""} ${o && !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), o = [
+      "dp__input",
+      this._open ? "dp__input--open" : "",
+      this._hasError ? "dp__input--error" : "",
+      this.required && !e ? "dp__input--required" : ""
+    ].filter(Boolean).join(" ");
+    return l`
+      <div class="dp">
+        <div class="dp__input-wrapper">
+          <input
+            id=${this.inputId}
+            class="${o}"
+            .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 ? l`
+            <div class="dp__error-tooltip" role="alert">${this._errorMsg}</div>
+          ` : u}
+        </div>
+
+        ${this._open ? l`
+          <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>
+        ` : u}
+      </div>
+    `;
+  }
+};
+$.styles = [T`${P(uo)}`];
+S([
+  s({ type: String })
+], $.prototype, "value", 2);
+S([
+  s({ type: String })
+], $.prototype, "min", 2);
+S([
+  s({ type: String })
+], $.prototype, "max", 2);
+S([
+  s({ type: Boolean })
+], $.prototype, "required", 2);
+S([
+  s({ type: Boolean })
+], $.prototype, "disabled", 2);
+S([
+  s({ type: Number })
+], $.prototype, "expandFactor", 2);
+S([
+  s({ type: String })
+], $.prototype, "placeholder", 2);
+S([
+  s({ type: Boolean })
+], $.prototype, "rangeMode", 2);
+S([
+  s({ type: Array })
+], $.prototype, "disabledDays", 2);
+S([
+  s({ type: String })
+], $.prototype, "rangeStart", 2);
+S([
+  s({ type: String })
+], $.prototype, "rangeEnd", 2);
+S([
+  s({ attribute: !1 })
+], $.prototype, "onChange", 2);
+S([
+  s({ attribute: !1 })
+], $.prototype, "onRangeChange", 2);
+S([
+  m()
+], $.prototype, "_open", 2);
+S([
+  m()
+], $.prototype, "_cursor", 2);
+S([
+  m()
+], $.prototype, "_popupPos", 2);
+S([
+  m()
+], $.prototype, "_rangeStart", 2);
+S([
+  m()
+], $.prototype, "_rangeEnd", 2);
+S([
+  m()
+], $.prototype, "_hoverDate", 2);
+S([
+  m()
+], $.prototype, "_viewMode", 2);
+S([
+  m()
+], $.prototype, "_hasError", 2);
+S([
+  m()
+], $.prototype, "_errorMsg", 2);
+$ = S([
+  Y("logosphere-datepicker")
+], $);
+const wo = ":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)}";
+var xo = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, ye = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? ko(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && xo(t, o, i), i;
+};
+let ne = class extends O {
+  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((e) => e.status !== "completed"), this.requestUpdate(), this.saveState();
+    }, this.handleAddDownload = (e) => {
+      e.preventDefault();
+      const t = e.target, o = new globalThis.FormData(t), r = o.get("url"), i = o.get("filename");
+      if (!r?.trim()) return;
+      const a = this.downloads.find((n) => n.url === r.trim());
+      a && a.status !== "error" || (this.addDownload(r.trim(), i?.trim() || void 0), t.reset());
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.loadState(), this.setupVisibilityChangeHandler();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.saveState();
+  }
+  setupVisibilityChangeHandler() {
+    document.addEventListener("visibilitychange", () => {
+      document.hidden && this.saveState();
+    });
+  }
+  loadState() {
+    try {
+      const e = globalThis.localStorage.getItem(this.storageKey);
+      if (e) {
+        const t = JSON.parse(e);
+        this.downloads = t.downloads || [], this.downloads.forEach((o) => {
+          o.status === "downloading" && (o.status = "paused"), o.status === "error" && o.error?.includes("Failed to fetch") && (o.status = "paused", o.error = void 0);
+        });
+      }
+    } catch (e) {
+      console.error("Failed to load download state:", e);
+    }
+  }
+  saveState() {
+    try {
+      const e = {
+        downloads: this.downloads.map((t) => ({
+          ...t,
+          status: t.status === "downloading" ? "paused" : t.status
+        }))
+      };
+      globalThis.localStorage.setItem(this.storageKey, JSON.stringify(e));
+    } catch (e) {
+      console.error("Failed to save download state:", e);
+    }
+  }
+  async getFileSize(e) {
+    try {
+      const t = await globalThis.fetch(e, {
+        method: "HEAD",
+        mode: "cors",
+        credentials: "omit",
+        signal: globalThis.AbortSignal.timeout(1e4)
+      });
+      if (t.ok) {
+        const o = t.headers.get("content-length");
+        if (o) {
+          const r = parseInt(o);
+          if (!isNaN(r) && r > 0) return r;
+        }
+      }
+      try {
+        const o = await globalThis.fetch(e, {
+          method: "GET",
+          headers: { Range: "bytes=0-0" },
+          mode: "cors",
+          credentials: "omit",
+          signal: globalThis.AbortSignal.timeout(1e4)
+        });
+        if (o.ok) {
+          const r = o.headers.get("content-range");
+          if (r) {
+            const a = r.match(/\/(\d+)/);
+            if (a) {
+              const n = parseInt(a[1]);
+              if (!isNaN(n) && n > 0) return n;
+            }
+          }
+          const i = o.headers.get("content-length");
+          if (i) {
+            const a = parseInt(i);
+            if (!isNaN(a) && a > 0) return a;
+          }
+        }
+      } catch {
+      }
+      return 0;
+    } catch (t) {
+      return (!(t instanceof Error) || !["AbortError", "ERR_EMPTY_RESPONSE", "Failed to fetch"].some((o) => t.message.includes(o))) && console.warn("Failed to get file size:", t), 0;
+    }
+  }
+  createChunks(e) {
+    if (e === 0)
+      return [{ start: 0, end: this.chunkSize - 1, downloaded: 0, status: "pending" }];
+    const t = [];
+    for (let o = 0; o < e; o += this.chunkSize)
+      t.push({ start: o, end: Math.min(o + this.chunkSize - 1, e - 1), downloaded: 0, status: "pending" });
+    return t;
+  }
+  async downloadChunk(e, t) {
+    const o = t.end > t.start ? `bytes=${t.start + t.downloaded}-${t.end}` : `bytes=${t.start + t.downloaded}-`, r = await globalThis.fetch(e, {
+      headers: { Range: o },
+      signal: globalThis.AbortSignal.any([
+        new globalThis.AbortController().signal,
+        globalThis.AbortSignal.timeout(6e4)
+      ]),
+      mode: "cors",
+      credentials: "omit"
+    });
+    if (!r.ok) {
+      if (r.status === 416) return { data: new Uint8Array(0), isComplete: !0 };
+      throw new Error(`HTTP ${r.status}: ${r.statusText}`);
+    }
+    const i = new Uint8Array(await r.arrayBuffer()), a = r.headers.get("content-range");
+    let n = !1, d;
+    if (a) {
+      const c = a.match(/\/(\d+)/);
+      if (c) {
+        d = parseInt(c[1]);
+        const f = a.match(/(\d+)-(\d+)/);
+        f && (n = parseInt(f[2]) >= d - 1);
+      }
+    } else i.length === 0 && (n = !0);
+    return { data: i, isComplete: n, actualSize: d };
+  }
+  async downloadFile(e) {
+    const t = new globalThis.AbortController();
+    this.activeDownloads.set(e.id, t);
+    try {
+      e.status = "downloading", e.startTime = Date.now(), this.requestUpdate();
+      const o = e.chunks.filter((d) => d.status === "pending"), r = /* @__PURE__ */ new Set(), i = async (d) => {
+        const c = e.chunks[d];
+        if (!(!c || c.status !== "pending")) {
+          c.status = "downloading", r.add(d), this.requestUpdate();
+          try {
+            if (e.status !== "downloading") return;
+            const f = await this.downloadChunk(e.url, c);
+            if (e.status !== "downloading") return;
+            c.downloaded = f.data.length, c.status = "completed", e.downloaded += c.downloaded, f.actualSize && e.size === 0 && (e.size = f.actualSize, e.size > this.chunkSize && e.chunks.push(...this.createChunks(e.size).slice(1))), r.delete(d), this.requestUpdate(), this.saveState(), (f.isComplete || e.chunks.every((b) => b.status === "completed")) && (e.status = "completed", e.endTime = Date.now(), this.requestUpdate(), this.saveState());
+          } catch (f) {
+            c.status = "error", r.delete(d), e.chunks.filter((b) => b.status === "error").length === e.chunks.length && (e.status = "error", e.error = f instanceof Error ? f.message : "All chunks failed"), this.requestUpdate(), this.saveState();
+          }
+          await new Promise((f) => setTimeout(f, 1));
+        }
+      }, a = [];
+      let n = 0;
+      for (; (n < o.length || r.size > 0) && e.status === "downloading"; ) {
+        for (; r.size < this.maxConcurrentChunks && n < o.length && e.status === "downloading"; )
+          a.push(i(n)), n++;
+        if (r.size > 0)
+          try {
+            await Promise.race([Promise.race(a), new Promise((d) => setTimeout(d, 100))]);
+          } catch {
+          }
+        await new Promise((d) => setTimeout(d, 10));
+      }
+    } catch (o) {
+      (!(o instanceof Error) || o.name !== "AbortError") && (e.status = "error", e.error = o instanceof Error ? o.message : "Unknown error", this.requestUpdate());
+    } finally {
+      this.activeDownloads.delete(e.id), this.saveState();
+    }
+  }
+  pauseDownload(e) {
+    const t = this.activeDownloads.get(e);
+    t && (t.abort(), this.activeDownloads.delete(e));
+    const o = this.downloads.find((r) => r.id === e);
+    o?.status === "downloading" && (o.status = "paused", this.requestUpdate(), this.saveState());
+  }
+  resumeDownload(e) {
+    const t = this.downloads.find((o) => o.id === e);
+    t?.status === "paused" && this.downloadFile(t);
+  }
+  removeDownload(e) {
+    this.pauseDownload(e), this.downloads = this.downloads.filter((t) => t.id !== e), this.requestUpdate(), this.saveState();
+  }
+  formatBytes(e) {
+    if (e === 0) return "0 Bytes";
+    const t = 1024, o = ["Bytes", "KB", "MB", "GB"], r = Math.floor(Math.log(e) / Math.log(t));
+    return parseFloat((e / Math.pow(t, r)).toFixed(2)) + " " + o[r];
+  }
+  formatDuration(e) {
+    const t = Math.floor(e / 1e3), o = Math.floor(t / 60), r = Math.floor(o / 60);
+    return r > 0 ? `${r}h ${o % 60}m ${t % 60}s` : o > 0 ? `${o}m ${t % 60}s` : `${t}s`;
+  }
+  getProgressPercentage(e) {
+    return e.size === 0 ? e.status === "completed" ? 100 : 0 : Math.round(e.downloaded / e.size * 100);
+  }
+  getDownloadSpeed(e) {
+    if (!e.startTime) return "0 KB/s";
+    const t = (Date.now() - e.startTime) / 1e3;
+    return t === 0 ? "0 KB/s" : this.formatBytes(e.downloaded / t) + "/s";
+  }
+  getETA(e) {
+    if (!e.startTime || e.downloaded === 0 || e.size === 0) return "Unknown";
+    const t = (Date.now() - e.startTime) / 1e3;
+    return this.formatDuration((e.size - e.downloaded) / (e.downloaded / t) * 1e3);
+  }
+  async addDownload(e, t) {
+    try {
+      this.isAddingFiles = !0, this.requestUpdate();
+      try {
+        new globalThis.URL(e);
+      } catch {
+        throw new Error("Invalid URL format");
+      }
+      const o = await this.getFileSize(e), i = {
+        id: `download_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        url: e,
+        filename: t || e.split("/").pop() || "unknown",
+        size: o,
+        downloaded: 0,
+        status: "pending",
+        chunks: this.createChunks(o)
+      };
+      this.downloads.push(i), this.requestUpdate(), this.saveState(), this.downloadFile(i);
+    } catch (o) {
+      const r = o instanceof Error ? o.message : "Unknown error occurred";
+      this.downloads.push({
+        id: `error_${Date.now()}`,
+        url: e,
+        filename: t || e.split("/").pop() || "unknown",
+        size: 0,
+        downloaded: 0,
+        status: "error",
+        chunks: [],
+        error: r
+      }), this.requestUpdate(), this.saveState();
+    } finally {
+      this.isAddingFiles = !1, this.requestUpdate();
+    }
+  }
+  getStatusClass(e) {
+    return {
+      downloading: "dm__status--downloading",
+      paused: "dm__status--paused",
+      completed: "dm__status--completed",
+      error: "dm__status--error"
+    }[e] ?? "dm__status--pending";
+  }
+  getProgressBarClass(e) {
+    return {
+      downloading: "dm__progress-bar--downloading",
+      paused: "dm__progress-bar--paused",
+      completed: "dm__progress-bar--completed",
+      error: "dm__progress-bar--error"
+    }[e] ?? "dm__progress-bar--pending";
+  }
+  render() {
+    const e = this.downloads.filter((r) => r.status === "downloading").length, t = this.downloads.filter((r) => r.status === "completed").length, o = this.downloads.filter((r) => r.status === "paused").length;
+    return l`
+      <div class="dm">
+        <div class="dm__container">
+          <div class="dm__header">
+            <h2 class="dm__title">Download Manager</h2>
+            <div class="dm__stats">
+              <span>Active: ${e}</span>
+              <span>Paused: ${o}</span>
+              <span>Completed: ${t}</span>
+              <span>Total: ${this.downloads.length}</span>
+            </div>
+          </div>
+
+          <form @submit=${this.handleAddDownload} class="dm__form">
+            <div class="dm__form-row">
+              <div class="dm__form-field">
+                <input type="url" name="url" placeholder="Enter download URL" required class="dm__input" />
+              </div>
+              <div class="dm__form-field--filename">
+                <input type="text" name="filename" placeholder="Custom filename (optional)" class="dm__input" />
+              </div>
+              <button type="submit" ?disabled=${this.isAddingFiles} class="dm__submit-btn">
+                ${this.isAddingFiles ? l`<span class="dm__spinner"></span> Adding...` : "Add Download"}
+              </button>
+            </div>
+            <div class="dm__form-note">
+              <p><strong>Note:</strong> Some servers don't support HEAD requests. File size will be discovered during download.</p>
+            </div>
+          </form>
+
+          <div class="dm__list">
+            ${this.downloads.length === 0 ? l`<div class="dm__empty">No downloads yet. Add a URL to get started.</div>` : this.downloads.map((r) => l`
+                  <div class="dm__item ${r.status === "error" ? "dm__item--error" : ""}">
+                    <div class="dm__item-header">
+                      <div class="dm__item-info">
+                        <p class="dm__item-name">${r.filename}</p>
+                        <p class="dm__item-url">${r.url}</p>
+                      </div>
+                      <div class="dm__item-controls">
+                        <span class="dm__status ${this.getStatusClass(r.status)}">${r.status}</span>
+                        <button class="dm__remove-btn" @click=${() => this.removeDownload(r.id)} title="Remove download">✕</button>
+                      </div>
+                    </div>
+
+                    <div class="dm__progress">
+                      <div class="dm__progress-labels">
+                        <span>${this.formatBytes(r.downloaded)}${r.size > 0 ? ` / ${this.formatBytes(r.size)}` : " (unknown size)"}</span>
+                        <span>${r.size > 0 ? `${this.getProgressPercentage(r)}%` : "Downloading..."}</span>
+                      </div>
+                      <div class="dm__progress-track">
+                        ${r.size > 0 ? l`<div class="dm__progress-bar ${this.getProgressBarClass(r.status)}" style="width: ${this.getProgressPercentage(r)}%"></div>` : l`<div class="dm__progress-bar ${this.getProgressBarClass(r.status)} dm__progress-bar--indeterminate"></div>`}
+                      </div>
+                    </div>
+
+                    <div class="dm__item-footer">
+                      <div class="dm__item-speeds">
+                        <span>Speed: ${r.status === "downloading" ? this.getDownloadSpeed(r) : "0 KB/s"}</span>
+                        <span>ETA: ${r.status === "downloading" ? this.getETA(r) : "Unknown"}</span>
+                      </div>
+                      <div class="dm__item-actions">
+                        ${r.status === "downloading" ? l`
+                          <button class="dm__action-btn dm__action-btn--pause" @click=${() => this.pauseDownload(r.id)}>
+                            <span class="dm__spinner dm__spinner--sm"></span> Pause
+                          </button>
+                        ` : r.status === "paused" ? l`
+                          <button class="dm__action-btn dm__action-btn--resume" @click=${() => this.resumeDownload(r.id)}>Resume</button>
+                        ` : r.status === "completed" ? l`
+                          <span class="dm__status-completed">Completed</span>
+                        ` : r.status === "error" ? l`
+                          <div class="dm__error-info">
+                            <div class="dm__error-label">Error</div>
+                            <div class="dm__error-detail">${r.error}</div>
+                          </div>
+                        ` : ""}
+                      </div>
+                    </div>
+
+                    ${r.status === "downloading" ? l`
+                      <div class="dm__chunks">
+                        <div>Chunks: ${r.chunks.filter((i) => i.status === "completed").length}/${r.chunks.length} completed</div>
+                        <div>Chunk size: ${this.formatBytes(this.chunkSize)}</div>
+                        <div>Downloaded: ${this.formatBytes(r.downloaded)}${r.size > 0 ? ` / ${this.formatBytes(r.size)}` : ""}</div>
+                      </div>
+                    ` : ""}
+                  </div>
+                `)}
+          </div>
+
+          ${this.downloads.length > 0 ? l`
+            <div class="dm__actions">
+              <button class="dm__clear-btn" @click=${this.clearCompleted}>Clear Completed</button>
+              <div class="dm__persist-note">State is automatically saved and will persist across browser sessions</div>
+            </div>
+          ` : ""}
+        </div>
+      </div>
+    `;
+  }
+};
+ne.styles = [T`${P(wo)}`];
+ye([
+  s({ type: Number })
+], ne.prototype, "chunkSize", 2);
+ye([
+  s({ type: Number })
+], ne.prototype, "maxConcurrentDownloads", 2);
+ye([
+  s({ type: Number })
+], ne.prototype, "maxConcurrentChunks", 2);
+ye([
+  m()
+], ne.prototype, "downloads", 2);
+ye([
+  m()
+], ne.prototype, "isAddingFiles", 2);
+ne = ye([
+  Y("download-manager")
+], ne);
+const $o = ".modal__backdrop{position:fixed;inset:0;z-index:var(--z-index-modal-backdrop);display:flex;align-items:center;justify-content:center;background-color:#00000080;padding:var(--spacing-4);font-family:var(--font-family-base)}.modal__dialog{width:100%;max-width:720px;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-xl);background-color:var(--color-body-bg);display:grid;grid-template-rows:auto 1fr auto}.modal__header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-2)}.modal__header-content{flex:1;min-width:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-body-text);margin:0}.modal__body{padding:var(--spacing-4)}.modal__footer{padding:var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:flex-end;border-top:1px solid var(--color-border)}";
+var zo = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, de = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Co(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && zo(t, o, i), i;
+};
+let G = class extends O {
+  constructor() {
+    super(...arguments), this.open = !1, this.title = "", this.closeOnEsc = !0, this.closeOnBackdrop = !0, this.showBack = !1, this.showClose = !1, this.hasFooterContent = !1, this.onKeyDown = (e) => {
+      this.open && this.closeOnEsc && e.key === "Escape" && this.setOpen(!1);
+    }, this.onBackdropClick = (e) => {
+      if (!this.closeOnBackdrop) return;
+      const t = this.shadowRoot?.querySelector(".__modal-content");
+      t && !t.contains(e.target) && this.setOpen(!1);
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("keydown", this.onKeyDown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("keydown", this.onKeyDown);
+  }
+  openModal() {
+    this.setOpen(!0);
+  }
+  closeModal() {
+    this.setOpen(!1);
+  }
+  setOpen(e) {
+    this.open !== e && (this.open = e, this.dispatchEvent(new CustomEvent(e ? "modal-open" : "modal-close", { bubbles: !0 })));
+  }
+  checkFooterContent() {
+    const e = this.shadowRoot?.querySelector('slot[name="footer"]');
+    e && (this.hasFooterContent = e.assignedNodes().length > 0);
+  }
+  updated(e) {
+    super.updated(e), this.checkFooterContent();
+  }
+  render() {
+    return this.open ? l`
+      <div
+        class="modal__backdrop"
+        role="presentation"
+        aria-hidden="false"
+        @mousedown=${this.onBackdropClick}
+      >
+        <div
+          class="__modal-content modal__dialog"
+          role="dialog"
+          aria-modal="true"
+        >
+          ${this.showBack || this.showClose ? l`
+            <div class="modal__header">
+              ${this.showBack ? l`
+                <logosphere-button variant="text" size="sm" @click=${() => this.setOpen(!1)}>←</logosphere-button>
+              ` : ""}
+              <div class="modal__header-content">
+                ${this.title ? l`<h2 class="modal__title">${this.title}</h2>` : ""}
+                <slot name="header"></slot>
+              </div>
+              ${this.showClose ? l`
+                <logosphere-button variant="text" size="sm" @click=${() => this.setOpen(!1)}>×</logosphere-button>
+              ` : ""}
+            </div>
+          ` : ""}
+
+          <div class="modal__body">
+            <slot></slot>
+          </div>
+
+          ${this.hasFooterContent ? l`
+            <div class="modal__footer">
+              <slot name="footer"></slot>
+            </div>
+          ` : ""}
+        </div>
+      </div>
+    ` : l``;
+  }
+};
+G.styles = [T`${P($o)}`];
+de([
+  s({ type: Boolean, reflect: !0 })
+], G.prototype, "open", 2);
+de([
+  s({ type: String })
+], G.prototype, "title", 2);
+de([
+  s({ type: Boolean })
+], G.prototype, "closeOnEsc", 2);
+de([
+  s({ type: Boolean })
+], G.prototype, "closeOnBackdrop", 2);
+de([
+  s({ type: Boolean })
+], G.prototype, "showBack", 2);
+de([
+  s({ type: Boolean })
+], G.prototype, "showClose", 2);
+de([
+  s({ type: Boolean, state: !0 })
+], G.prototype, "hasFooterContent", 2);
+G = de([
+  Y("logosphere-modal")
+], G);
+const Mo = ".tab{width:100%;font-family:var(--font-family-base)}.tab__list{display:flex;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--color-border);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab__list::-webkit-scrollbar{display:none}.tab__button{display:inline-flex;flex-direction:row;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);min-width:120px;position:relative;cursor:pointer;border:none;border-bottom:2px solid transparent;background:transparent;font-family:var(--font-family-base);white-space:nowrap;transition:background-color var(--transition-speed-base) var(--transition-timing),border-color var(--transition-speed-base) var(--transition-timing)}.tab__button:hover:not(.tab__button--disabled):not(.tab__button--active){background-color:var(--color-tertiary-bg)}.tab__button--active{border-bottom-color:var(--color-primary)}.tab__button--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.tab__icon{font-size:var(--font-size-xl);flex-shrink:0;color:inherit;line-height:1}.tab__content{display:flex;flex-direction:column;align-items:flex-start}.tab__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-body-text)}.tab__label--inactive{color:var(--color-tertiary)}.tab__description{font-size:var(--font-size-xs);text-align:left;color:var(--color-tertiary)}.tab__description--active{color:var(--color-secondary)}.tab__panel{padding:var(--spacing-4);outline:none}.tab__panel--hidden{display:none}";
+var So = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, ce = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Do(t, o) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (i = (r ? n(t, o, i) : n(i)) || i);
+  return r && i && So(t, o, i), i;
+};
+let X = class extends O {
+  constructor() {
+    super(...arguments), this.tabs = [], this.activeTab = "", this.lazy = !0, this.variant = "default", this._focusedIndex = 0, this._renderedTabs = /* @__PURE__ */ new Set();
+  }
+  connectedCallback() {
+    super.connectedCallback(), !this.activeTab && this.tabs.length > 0 && (this.activeTab = this.tabs[0].id);
+  }
+  willUpdate(e) {
+    if (super.willUpdate(e), e.has("activeTab") && this.activeTab) {
+      this._renderedTabs.add(this.activeTab);
+      const t = this.tabs.findIndex((o) => o.id === this.activeTab);
+      t !== -1 && (this._focusedIndex = t);
+    }
+    e.has("tabs") && this.tabs.length > 0 && (this.tabs.some((o) => o.id === this.activeTab) || (this.activeTab = this.tabs[0].id), this._focusedIndex = this.tabs.findIndex((o) => o.id === this.activeTab));
+  }
+  // ==================== EVENTS ====================
+  handleTabClick(e, t) {
+    if (t) return;
+    const o = this.activeTab;
+    this.activeTab = e, this._focusedIndex = this.tabs.findIndex((r) => r.id === e), this.dispatchEvent(
+      new CustomEvent("tab-change", {
+        detail: { oldTab: o, newTab: e },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  handleKeyDown(e) {
+    const { tabs: t } = this;
+    if (t.filter((i) => !i.disabled).length === 0) return;
+    let o = this._focusedIndex;
+    const r = this._focusedIndex;
+    switch (e.key) {
+      case "ArrowLeft":
+        e.preventDefault();
+        do
+          o = o > 0 ? o - 1 : t.length - 1;
+        while (t[o]?.disabled && o !== r);
+        break;
+      case "ArrowRight":
+        e.preventDefault();
+        do
+          o = o < t.length - 1 ? o + 1 : 0;
+        while (t[o]?.disabled && o !== r);
+        break;
+      case "Home":
+        for (e.preventDefault(), o = 0; t[o]?.disabled && o < t.length - 1; ) o++;
+        break;
+      case "End":
+        for (e.preventDefault(), o = t.length - 1; t[o]?.disabled && o > 0; ) o--;
+        break;
+      default:
+        return;
+    }
+    if (o !== this._focusedIndex && !t[o]?.disabled) {
+      const i = this.activeTab;
+      this._focusedIndex = o, this.activeTab = t[o].id, this.updateComplete.then(() => {
+        this.shadowRoot?.querySelector(
+          `[role="tab"][data-tab-id="${t[o].id}"]`
+        )?.focus();
+      }), this.dispatchEvent(
+        new CustomEvent("tab-change", {
+          detail: { oldTab: i, newTab: t[o].id },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  scrollTabIntoView(e) {
+    this.updateComplete.then(() => {
+      const t = this.shadowRoot?.querySelector(
+        `[role="tab"][data-tab-id="${e}"]`
+      );
+      if (t && this.tablist) {
+        const o = this.tablist.getBoundingClientRect(), r = t.getBoundingClientRect();
+        r.left < o.left ? this.tablist.scrollLeft -= o.left - r.left + 16 : r.right > o.right && (this.tablist.scrollLeft += r.right - o.right + 16);
+      }
+    });
+  }
+  // ==================== RENDER ====================
+  renderTabButton(e, t) {
+    const o = this.activeTab === e.id, r = this._focusedIndex === t, i = [
+      "tab__button",
+      o ? "tab__button--active" : "",
+      e.disabled ? "tab__button--disabled" : ""
+    ].filter(Boolean).join(" "), a = ["tab__label", o ? "" : "tab__label--inactive"].filter(Boolean).join(" "), n = ["tab__description", o ? "tab__description--active" : ""].filter(Boolean).join(" ");
+    return l`
+      <button
+        role="tab"
+        class=${i}
+        data-tab-id=${e.id}
+        aria-selected=${o ? "true" : "false"}
+        aria-controls="panel-${e.id}"
+        tabindex=${o || r ? "0" : "-1"}
+        ?disabled=${e.disabled}
+        @click=${() => this.handleTabClick(e.id, e.disabled)}
+        @focus=${() => this.scrollTabIntoView(e.id)}
+      >
+        ${e.icon ? l`<i class="${e.icon} tab__icon"></i>` : u}
+        <div class="tab__content">
+          <span class=${a}>${e.label}</span>
+          ${e.description ? l`<span class=${n}>${e.description}</span>` : u}
+        </div>
+      </button>
+    `;
+  }
+  renderTabPanel(e) {
+    const t = this.activeTab === e.id;
+    if (!(!this.lazy || this._renderedTabs.has(e.id))) return u;
+    const r = ["tab__panel", t ? "" : "tab__panel--hidden"].filter(Boolean).join(" ");
+    return l`
+      <div
+        role="tabpanel"
+        id="panel-${e.id}"
+        aria-labelledby="tab-${e.id}"
+        class=${r}
+        tabindex="0"
+      >
+        <slot name=${`panel-${e.id}`}>
+          ${typeof e.content == "string" ? l`${e.content}` : u}
+        </slot>
+      </div>
+    `;
+  }
+  render() {
+    return l`
+      <div class="tab">
+        <div role="tablist" aria-label="Tabs" class="tab__list" @keydown=${this.handleKeyDown}>
+          ${this.tabs.map((e, t) => this.renderTabButton(e, t))}
+        </div>
+        <div class="tab__panels">${this.tabs.map((e) => this.renderTabPanel(e))}</div>
+      </div>
+    `;
+  }
+};
+X.styles = [
+  T`
+      ${P(Mo)}
+    `
+];
+ce([
+  s({ type: Array })
+], X.prototype, "tabs", 2);
+ce([
+  s({ type: String })
+], X.prototype, "activeTab", 2);
+ce([
+  s({ type: Boolean })
+], X.prototype, "lazy", 2);
+ce([
+  s({ type: String })
+], X.prototype, "variant", 2);
+ce([
+  m()
+], X.prototype, "_focusedIndex", 2);
+ce([
+  m()
+], X.prototype, "_renderedTabs", 2);
+ce([
+  te('[role="tablist"]')
+], X.prototype, "tablist", 2);
+X = ce([
+  Y("logosphere-tab")
+], X);
 export {
-  C as Breadcrumb,
-  e as Button,
-  h as Card,
-  s as Checkbox,
-  M as Combobox,
-  w as DownloadManager,
-  x as FormField,
-  T as LedsDatePicker,
-  D as LedsUiChatbot,
-  t as LogosphereBadge,
-  B as LogosphereInput,
-  I as LogosphereTab,
-  v as Modal,
-  i as Popover,
-  L as Switch,
-  l as TextArea
+  Ye as Breadcrumb,
+  ae as Button,
+  V as Card,
+  W as Checkbox,
+  E as Combobox,
+  ne as DownloadManager,
+  A as FormField,
+  $ as LedsDatePicker,
+  v as LedsUiChatbot,
+  ee as LogosphereBadge,
+  x as LogosphereInput,
+  X as LogosphereTab,
+  G as Modal,
+  F as Popover,
+  fe as Switch,
+  k as TextArea
 };