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

package/dist/formfield-d8fp9FTV.js

@@ -1,118 +0,0 @@
-import { LitElement as u, html as n, unsafeCSS as p, css as h } from "lit";
-import { property as s, state as c, customElement as m } from "lit/decorators.js";
-const _ = ":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 v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, t = (e, o, l, a) => {
-  for (var i = a > 1 ? void 0 : a ? b(o, l) : o, d = e.length - 1, f; d >= 0; d--)
-    (f = e[d]) && (i = (a ? f(o, l, i) : f(i)) || i);
-  return a && i && v(o, l, i), i;
-};
-let r = class extends u {
-  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 o = e.target;
-      ["INPUT", "TEXTAREA", "SELECT"].includes(o.tagName) && (this._focused = !0, this.dispatchEvent(new CustomEvent("field-focus", {
-        bubbles: !0,
-        composed: !0,
-        detail: { originalEvent: e }
-      })));
-    }, this.handleSlotBlur = (e) => {
-      const o = e.target;
-      ["INPUT", "TEXTAREA", "SELECT"].includes(o.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 o = e.target;
-      if (["INPUT", "TEXTAREA", "SELECT", "BUTTON"].includes(o.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, o = !e && !!this.helper, l = [
-      "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 n`
-      <div class="formfield">
-        ${this.label ? n`
-          <label class="formfield__label">
-            ${this.label}
-            ${this.required ? n`<span class="formfield__required">*</span>` : ""}
-          </label>
-        ` : ""}
-
-        <div
-          class="${l}"
-          @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>
-
-        ${o ? n`<div class="formfield__helper">${this.helper}</div>` : ""}
-        ${e ? n`<div class="formfield__error">${this.error}</div>` : ""}
-      </div>
-    `;
-  }
-};
-r.styles = [h`${p(_)}`];
-t([
-  s({ type: String })
-], r.prototype, "label", 2);
-t([
-  s({ type: String })
-], r.prototype, "helper", 2);
-t([
-  s({ type: String })
-], r.prototype, "error", 2);
-t([
-  s({ type: String })
-], r.prototype, "placeholder", 2);
-t([
-  s({ type: String })
-], r.prototype, "size", 2);
-t([
-  s({ type: String })
-], r.prototype, "variant", 2);
-t([
-  s({ type: Boolean })
-], r.prototype, "required", 2);
-t([
-  s({ type: Boolean })
-], r.prototype, "disabled", 2);
-t([
-  s({ type: Boolean })
-], r.prototype, "readonly", 2);
-t([
-  c()
-], r.prototype, "_focused", 2);
-t([
-  c()
-], r.prototype, "_hovered", 2);
-r = t([
-  m("logosphere-formfield")
-], r);
-export {
-  r as F
-};

package/dist/input-ByllRq9M.js

@@ -1,192 +0,0 @@
-import { LitElement as d, nothing as o, html as u, unsafeCSS as y, css as c } from "lit";
-import { query as m, property as r, state as b, customElement as v } from "lit/decorators.js";
-import { l as g } from "./live-WTVSYE2F.js";
-const _ = ".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 f = Object.defineProperty, E = Object.getOwnPropertyDescriptor, e = (i, n, l, a) => {
-  for (var s = a > 1 ? void 0 : a ? E(n, l) : n, p = i.length - 1, h; p >= 0; p--)
-    (h = i[p]) && (s = (a ? h(n, l, s) : h(s)) || s);
-  return a && s && f(n, l, s), s;
-};
-let t = class extends d {
-  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 = (i) => {
-      const n = i.target;
-      this.value = n.value, this._internalError && (this._internalError = "", this._inputElement.setCustomValidity("")), this.dispatchEvent(new CustomEvent("input", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: this.value, originalEvent: i }
-      }));
-    }, this.handleChange = (i) => {
-      const n = i.target;
-      this.value = n.value, n.checkValidity() || (this._internalError = n.validationMessage), this.dispatchEvent(new CustomEvent("change", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: this.value, originalEvent: i }
-      }));
-    }, this.handleKeyDown = (i) => {
-      this.dispatchEvent(new CustomEvent("keydown", {
-        bubbles: !0,
-        composed: !0,
-        detail: { key: i.key, originalEvent: i }
-      }));
-    }, this.handleKeyUp = (i) => {
-      this.dispatchEvent(new CustomEvent("keyup", {
-        bubbles: !0,
-        composed: !0,
-        detail: { key: i.key, originalEvent: i }
-      }));
-    }, 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(i, n, l) {
-    this._inputElement?.setSelectionRange(i, n, l);
-  }
-  checkValidity() {
-    return this._inputElement?.checkValidity() ?? !0;
-  }
-  reportValidity() {
-    return this._inputElement?.reportValidity() ?? !0;
-  }
-  setCustomValidity(i) {
-    this._inputElement?.setCustomValidity(i), this._internalError = i, this.requestUpdate();
-  }
-  render() {
-    const i = this.error || this._internalError, n = this.showClear && this.value && !this.disabled && !this.readonly, l = `input__field input__field--${this.size}`;
-    return u`
-      <logosphere-formfield
-        .label=${this.label}
-        .helper=${this.helper}
-        .error=${i}
-        .required=${this.required}
-        .disabled=${this.disabled}
-        .readonly=${this.readonly}
-        .placeholder=${this.placeholder}
-        .size=${this.size}
-        .variant=${this.variant}
-      >
-        <input
-          class="${l}"
-          type=${this.type}
-          .value=${g(this.value)}
-          placeholder=${this.placeholder || o}
-          name=${this.name || o}
-          autocomplete=${this.autocomplete || o}
-          ?required=${this.required}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          minlength=${this.minlength ?? o}
-          maxlength=${this.maxlength ?? o}
-          pattern=${this.pattern || o}
-          min=${this.min ?? o}
-          max=${this.max ?? o}
-          step=${this.step ?? o}
-          @input=${this.handleInput}
-          @change=${this.handleChange}
-          @keydown=${this.handleKeyDown}
-          @keyup=${this.handleKeyUp}
-        />
-        ${n ? u`
-          <button
-            type="button"
-            slot="suffix"
-            class="input__clear-btn"
-            @click=${this.handleClear}
-            tabindex="-1"
-          >
-            <ui-icon name="uil-times" size="14"></ui-icon>
-          </button>
-        ` : o}
-      </logosphere-formfield>
-    `;
-  }
-};
-t.styles = [c`${y(_)}`];
-e([
-  m("input")
-], t.prototype, "_inputElement", 2);
-e([
-  r({ type: String })
-], t.prototype, "value", 2);
-e([
-  r({ type: String })
-], t.prototype, "type", 2);
-e([
-  r({ type: String })
-], t.prototype, "placeholder", 2);
-e([
-  r({ type: String })
-], t.prototype, "name", 2);
-e([
-  r({ type: String })
-], t.prototype, "autocomplete", 2);
-e([
-  r({ type: Number })
-], t.prototype, "minlength", 2);
-e([
-  r({ type: Number })
-], t.prototype, "maxlength", 2);
-e([
-  r({ type: String })
-], t.prototype, "pattern", 2);
-e([
-  r({ type: Number })
-], t.prototype, "min", 2);
-e([
-  r({ type: Number })
-], t.prototype, "max", 2);
-e([
-  r({ type: Number })
-], t.prototype, "step", 2);
-e([
-  r({ type: String })
-], t.prototype, "size", 2);
-e([
-  r({ type: String })
-], t.prototype, "variant", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "showClear", 2);
-e([
-  r({ type: String })
-], t.prototype, "label", 2);
-e([
-  r({ type: String })
-], t.prototype, "helper", 2);
-e([
-  r({ type: String })
-], t.prototype, "error", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "required", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "disabled", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "readonly", 2);
-e([
-  b()
-], t.prototype, "_internalError", 2);
-t = e([
-  v("logosphere-input")
-], t);
-export {
-  t as L
-};

package/dist/input-DsIOQPGV.cjs

@@ -1,46 +0,0 @@
-"use strict";const o=require("lit"),t=require("lit/decorators.js"),h=require("./live-BX-yBGvT.cjs"),u=".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 y=Object.defineProperty,d=Object.getOwnPropertyDescriptor,r=(s,e,n,i)=>{for(var p=i>1?void 0:i?d(e,n):e,l=s.length-1,a;l>=0;l--)(a=s[l])&&(p=(i?a(e,n,p):a(p))||p);return i&&p&&y(e,n,p),p};exports.LogosphereInput=class extends o.LitElement{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 n=e.target;this.value=n.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 n=e.target;this.value=n.value,n.checkValidity()||(this._internalError=n.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,n,i){this._inputElement?.setSelectionRange(e,n,i)}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,n=this.showClear&&this.value&&!this.disabled&&!this.readonly,i=`input__field input__field--${this.size}`;return o.html`
-      <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="${i}"
-          type=${this.type}
-          .value=${h.l(this.value)}
-          placeholder=${this.placeholder||o.nothing}
-          name=${this.name||o.nothing}
-          autocomplete=${this.autocomplete||o.nothing}
-          ?required=${this.required}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          minlength=${this.minlength??o.nothing}
-          maxlength=${this.maxlength??o.nothing}
-          pattern=${this.pattern||o.nothing}
-          min=${this.min??o.nothing}
-          max=${this.max??o.nothing}
-          step=${this.step??o.nothing}
-          @input=${this.handleInput}
-          @change=${this.handleChange}
-          @keydown=${this.handleKeyDown}
-          @keyup=${this.handleKeyUp}
-        />
-        ${n?o.html`
-          <button
-            type="button"
-            slot="suffix"
-            class="input__clear-btn"
-            @click=${this.handleClear}
-            tabindex="-1"
-          >
-            <ui-icon name="uil-times" size="14"></ui-icon>
-          </button>
-        `:o.nothing}
-      </logosphere-formfield>
-    `}};exports.LogosphereInput.styles=[o.css`${o.unsafeCSS(u)}`];r([t.query("input")],exports.LogosphereInput.prototype,"_inputElement",2);r([t.property({type:String})],exports.LogosphereInput.prototype,"value",2);r([t.property({type:String})],exports.LogosphereInput.prototype,"type",2);r([t.property({type:String})],exports.LogosphereInput.prototype,"placeholder",2);r([t.property({type:String})],exports.LogosphereInput.prototype,"name",2);r([t.property({type:String})],exports.LogosphereInput.prototype,"autocomplete",2);r([t.property({type:Number})],exports.LogosphereInput.prototype,"minlength",2);r([t.property({type:Number})],exports.LogosphereInput.prototype,"maxlength",2);r([t.property({type:String})],exports.LogosphereInput.prototype,"pattern",2);r([t.property({type:Number})],exports.LogosphereInput.prototype,"min",2);r([t.property({type:Number})],exports.LogosphereInput.prototype,"max",2);r([t.property({type:Number})],exports.LogosphereInput.prototype,"step",2);r([t.property({type:String})],exports.LogosphereInput.prototype,"size",2);r([t.property({type:String})],exports.LogosphereInput.prototype,"variant",2);r([t.property({type:Boolean})],exports.LogosphereInput.prototype,"showClear",2);r([t.property({type:String})],exports.LogosphereInput.prototype,"label",2);r([t.property({type:String})],exports.LogosphereInput.prototype,"helper",2);r([t.property({type:String})],exports.LogosphereInput.prototype,"error",2);r([t.property({type:Boolean})],exports.LogosphereInput.prototype,"required",2);r([t.property({type:Boolean})],exports.LogosphereInput.prototype,"disabled",2);r([t.property({type:Boolean})],exports.LogosphereInput.prototype,"readonly",2);r([t.state()],exports.LogosphereInput.prototype,"_internalError",2);exports.LogosphereInput=r([t.customElement("logosphere-input")],exports.LogosphereInput);

package/dist/live-BX-yBGvT.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("./directive-ekjitgzi.cjs");const s=e=>e.strings===void 0,o={},T=(e,r=o)=>e._$AH=r;const l=t.e(class extends t.i{constructor(e){if(super(e),e.type!==t.t.PROPERTY&&e.type!==t.t.ATTRIBUTE&&e.type!==t.t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!s(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[r]){if(r===t.E||r===t.A)return r;const n=e.element,i=e.name;if(e.type===t.t.PROPERTY){if(r===n[i])return t.E}else if(e.type===t.t.BOOLEAN_ATTRIBUTE){if(!!r===n.hasAttribute(i))return t.E}else if(e.type===t.t.ATTRIBUTE&&n.getAttribute(i)===r+"")return t.E;return T(e),r}});exports.l=l;

package/dist/live-WTVSYE2F.js

@@ -1,24 +0,0 @@
-import { e as s, i as T, t, E as n, A as l } from "./directive-Z_rhNYWK.js";
-const p = (e) => e.strings === void 0, u = {}, E = (e, r = u) => e._$AH = r;
-const A = s(class extends T {
-  constructor(e) {
-    if (super(e), e.type !== t.PROPERTY && e.type !== t.ATTRIBUTE && e.type !== t.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
-    if (!p(e)) throw Error("`live` bindings can only contain a single expression");
-  }
-  render(e) {
-    return e;
-  }
-  update(e, [r]) {
-    if (r === n || r === l) return r;
-    const i = e.element, o = e.name;
-    if (e.type === t.PROPERTY) {
-      if (r === i[o]) return n;
-    } else if (e.type === t.BOOLEAN_ATTRIBUTE) {
-      if (!!r === i.hasAttribute(o)) return n;
-    } else if (e.type === t.ATTRIBUTE && i.getAttribute(o) === r + "") return n;
-    return E(e), r;
-  }
-});
-export {
-  A as l
-};

package/dist/modal-Bfc6WQSL.js

@@ -1,110 +0,0 @@
-import { LitElement as p, html as r, unsafeCSS as h, css as m } from "lit";
-import { property as n, customElement as f } from "lit/decorators.js";
-const u = ".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 v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, t = (e, s, i, l) => {
-  for (var a = l > 1 ? void 0 : l ? g(s, i) : s, d = e.length - 1, c; d >= 0; d--)
-    (c = e[d]) && (a = (l ? c(s, i, a) : c(a)) || a);
-  return l && a && v(s, i, a), a;
-};
-let o = class extends p {
-  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 s = this.shadowRoot?.querySelector(".__modal-content");
-      s && !s.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 ? r`
-      <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 ? r`
-            <div class="modal__header">
-              ${this.showBack ? r`
-                <logosphere-button variant="text" size="sm" @click=${() => this.setOpen(!1)}>←</logosphere-button>
-              ` : ""}
-              <div class="modal__header-content">
-                ${this.title ? r`<h2 class="modal__title">${this.title}</h2>` : ""}
-                <slot name="header"></slot>
-              </div>
-              ${this.showClose ? r`
-                <logosphere-button variant="text" size="sm" @click=${() => this.setOpen(!1)}>×</logosphere-button>
-              ` : ""}
-            </div>
-          ` : ""}
-
-          <div class="modal__body">
-            <slot></slot>
-          </div>
-
-          ${this.hasFooterContent ? r`
-            <div class="modal__footer">
-              <slot name="footer"></slot>
-            </div>
-          ` : ""}
-        </div>
-      </div>
-    ` : r``;
-  }
-};
-o.styles = [m`${h(u)}`];
-t([
-  n({ type: Boolean, reflect: !0 })
-], o.prototype, "open", 2);
-t([
-  n({ type: String })
-], o.prototype, "title", 2);
-t([
-  n({ type: Boolean })
-], o.prototype, "closeOnEsc", 2);
-t([
-  n({ type: Boolean })
-], o.prototype, "closeOnBackdrop", 2);
-t([
-  n({ type: Boolean })
-], o.prototype, "showBack", 2);
-t([
-  n({ type: Boolean })
-], o.prototype, "showClose", 2);
-t([
-  n({ type: Boolean, state: !0 })
-], o.prototype, "hasFooterContent", 2);
-o = t([
-  f("logosphere-modal")
-], o);
-export {
-  o as M
-};

package/dist/modal-DQ8VFL-P.cjs

@@ -1,39 +0,0 @@
-"use strict";const e=require("lit"),t=require("lit/decorators.js"),p=".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 c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,s=(n,o,r,l)=>{for(var a=l>1?void 0:l?h(o,r):o,i=n.length-1,d;i>=0;i--)(d=n[i])&&(a=(l?d(o,r,a):d(a))||a);return l&&a&&c(o,r,a),a};exports.Modal=class extends e.LitElement{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=o=>{this.open&&this.closeOnEsc&&o.key==="Escape"&&this.setOpen(!1)},this.onBackdropClick=o=>{if(!this.closeOnBackdrop)return;const r=this.shadowRoot?.querySelector(".__modal-content");r&&!r.contains(o.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(o){this.open!==o&&(this.open=o,this.dispatchEvent(new CustomEvent(o?"modal-open":"modal-close",{bubbles:!0})))}checkFooterContent(){const o=this.shadowRoot?.querySelector('slot[name="footer"]');o&&(this.hasFooterContent=o.assignedNodes().length>0)}updated(o){super.updated(o),this.checkFooterContent()}render(){return this.open?e.html`
-      <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?e.html`
-            <div class="modal__header">
-              ${this.showBack?e.html`
-                <logosphere-button variant="text" size="sm" @click=${()=>this.setOpen(!1)}>←</logosphere-button>
-              `:""}
-              <div class="modal__header-content">
-                ${this.title?e.html`<h2 class="modal__title">${this.title}</h2>`:""}
-                <slot name="header"></slot>
-              </div>
-              ${this.showClose?e.html`
-                <logosphere-button variant="text" size="sm" @click=${()=>this.setOpen(!1)}>×</logosphere-button>
-              `:""}
-            </div>
-          `:""}
-
-          <div class="modal__body">
-            <slot></slot>
-          </div>
-
-          ${this.hasFooterContent?e.html`
-            <div class="modal__footer">
-              <slot name="footer"></slot>
-            </div>
-          `:""}
-        </div>
-      </div>
-    `:e.html``}};exports.Modal.styles=[e.css`${e.unsafeCSS(p)}`];s([t.property({type:Boolean,reflect:!0})],exports.Modal.prototype,"open",2);s([t.property({type:String})],exports.Modal.prototype,"title",2);s([t.property({type:Boolean})],exports.Modal.prototype,"closeOnEsc",2);s([t.property({type:Boolean})],exports.Modal.prototype,"closeOnBackdrop",2);s([t.property({type:Boolean})],exports.Modal.prototype,"showBack",2);s([t.property({type:Boolean})],exports.Modal.prototype,"showClose",2);s([t.property({type:Boolean,state:!0})],exports.Modal.prototype,"hasFooterContent",2);exports.Modal=s([t.customElement("logosphere-modal")],exports.Modal);

package/dist/popover-C_Ob86CJ.cjs

@@ -1,30 +0,0 @@
-"use strict";const Z=require("lit"),N=require("lit/decorators.js");var $="top",M="bottom",L="right",j="left",ke="auto",le=[$,M,L,j],ee="start",fe="end",vt="clippingParents",Ze="viewport",ae="popper",ht="reference",Ie=le.reduce(function(t,e){return t.concat([e+"-"+ee,e+"-"+fe])},[]),et=[].concat(le,[ke]).reduce(function(t,e){return t.concat([e,e+"-"+ee,e+"-"+fe])},[]),mt="beforeRead",gt="read",yt="afterRead",bt="beforeMain",wt="main",xt="afterMain",Ot="beforeWrite",Pt="write",Et="afterWrite",At=[mt,gt,yt,bt,wt,xt,Ot,Pt,Et];function H(t){return t?(t.nodeName||"").toLowerCase():null}function R(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function K(t){var e=R(t).Element;return t instanceof e||t instanceof Element}function S(t){var e=R(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function $e(t){if(typeof ShadowRoot>"u")return!1;var e=R(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Ct(t){var e=t.state;Object.keys(e.elements).forEach(function(r){var n=e.styles[r]||{},o=e.attributes[r]||{},i=e.elements[r];!S(i)||!H(i)||(Object.assign(i.style,n),Object.keys(o).forEach(function(f){var s=o[f];s===!1?i.removeAttribute(f):i.setAttribute(f,s===!0?"":s)}))})}function Dt(t){var e=t.state,r={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,r.popper),e.styles=r,e.elements.arrow&&Object.assign(e.elements.arrow.style,r.arrow),function(){Object.keys(e.elements).forEach(function(n){var o=e.elements[n],i=e.attributes[n]||{},f=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:r[n]),s=f.reduce(function(a,c){return a[c]="",a},{});!S(o)||!H(o)||(Object.assign(o.style,s),Object.keys(i).forEach(function(a){o.removeAttribute(a)}))})}}const kt={name:"applyStyles",enabled:!0,phase:"write",fn:Ct,effect:Dt,requires:["computeStyles"]};function W(t){return t.split("-")[0]}var J=Math.max,we=Math.min,te=Math.round;function Ce(){var t=navigator.userAgentData;return t!=null&&t.brands&&Array.isArray(t.brands)?t.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function tt(){return!/^((?!chrome|android).)*safari/i.test(Ce())}function re(t,e,r){e===void 0&&(e=!1),r===void 0&&(r=!1);var n=t.getBoundingClientRect(),o=1,i=1;e&&S(t)&&(o=t.offsetWidth>0&&te(n.width)/t.offsetWidth||1,i=t.offsetHeight>0&&te(n.height)/t.offsetHeight||1);var f=K(t)?R(t):window,s=f.visualViewport,a=!tt()&&r,c=(n.left+(a&&s?s.offsetLeft:0))/o,p=(n.top+(a&&s?s.offsetTop:0))/i,h=n.width/o,y=n.height/i;return{width:h,height:y,top:p,right:c+h,bottom:p+y,left:c,x:c,y:p}}function je(t){var e=re(t),r=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-r)<=1&&(r=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:r,height:n}}function rt(t,e){var r=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(r&&$e(r)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function V(t){return R(t).getComputedStyle(t)}function $t(t){return["table","td","th"].indexOf(H(t))>=0}function I(t){return((K(t)?t.ownerDocument:t.document)||window.document).documentElement}function xe(t){return H(t)==="html"?t:t.assignedSlot||t.parentNode||($e(t)?t.host:null)||I(t)}function Fe(t){return!S(t)||V(t).position==="fixed"?null:t.offsetParent}function jt(t){var e=/firefox/i.test(Ce()),r=/Trident/i.test(Ce());if(r&&S(t)){var n=V(t);if(n.position==="fixed")return null}var o=xe(t);for($e(o)&&(o=o.host);S(o)&&["html","body"].indexOf(H(o))<0;){var i=V(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||e&&i.willChange==="filter"||e&&i.filter&&i.filter!=="none")return o;o=o.parentNode}return null}function ue(t){for(var e=R(t),r=Fe(t);r&&$t(r)&&V(r).position==="static";)r=Fe(r);return r&&(H(r)==="html"||H(r)==="body"&&V(r).position==="static")?e:r||jt(t)||e}function Be(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function se(t,e,r){return J(t,we(e,r))}function Bt(t,e,r){var n=se(t,e,r);return n>r?r:n}function ot(){return{top:0,right:0,bottom:0,left:0}}function nt(t){return Object.assign({},ot(),t)}function it(t,e){return e.reduce(function(r,n){return r[n]=t,r},{})}var Rt=function(e,r){return e=typeof e=="function"?e(Object.assign({},r.rects,{placement:r.placement})):e,nt(typeof e!="number"?e:it(e,le))};function St(t){var e,r=t.state,n=t.name,o=t.options,i=r.elements.arrow,f=r.modifiersData.popperOffsets,s=W(r.placement),a=Be(s),c=[j,L].indexOf(s)>=0,p=c?"height":"width";if(!(!i||!f)){var h=Rt(o.padding,r),y=je(i),l=a==="y"?$:j,w=a==="y"?M:L,v=r.rects.reference[p]+r.rects.reference[a]-f[a]-r.rects.popper[p],d=f[a]-r.rects.reference[a],b=ue(i),O=b?a==="y"?b.clientHeight||0:b.clientWidth||0:0,P=v/2-d/2,u=h[l],m=O-y[p]-h[w],g=O/2-y[p]/2+P,x=se(u,g,m),C=a;r.modifiersData[n]=(e={},e[C]=x,e.centerOffset=x-g,e)}}function Mt(t){var e=t.state,r=t.options,n=r.element,o=n===void 0?"[data-popper-arrow]":n;o!=null&&(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o)||rt(e.elements.popper,o)&&(e.elements.arrow=o))}const Lt={name:"arrow",enabled:!0,phase:"main",fn:St,effect:Mt,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function oe(t){return t.split("-")[1]}var Tt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function _t(t,e){var r=t.x,n=t.y,o=e.devicePixelRatio||1;return{x:te(r*o)/o||0,y:te(n*o)/o||0}}function Xe(t){var e,r=t.popper,n=t.popperRect,o=t.placement,i=t.variation,f=t.offsets,s=t.position,a=t.gpuAcceleration,c=t.adaptive,p=t.roundOffsets,h=t.isFixed,y=f.x,l=y===void 0?0:y,w=f.y,v=w===void 0?0:w,d=typeof p=="function"?p({x:l,y:v}):{x:l,y:v};l=d.x,v=d.y;var b=f.hasOwnProperty("x"),O=f.hasOwnProperty("y"),P=j,u=$,m=window;if(c){var g=ue(r),x="clientHeight",C="clientWidth";if(g===R(r)&&(g=I(r),V(g).position!=="static"&&s==="absolute"&&(x="scrollHeight",C="scrollWidth")),g=g,o===$||(o===j||o===L)&&i===fe){u=M;var A=h&&g===m&&m.visualViewport?m.visualViewport.height:g[x];v-=A-n.height,v*=a?1:-1}if(o===j||(o===$||o===M)&&i===fe){P=L;var E=h&&g===m&&m.visualViewport?m.visualViewport.width:g[C];l-=E-n.width,l*=a?1:-1}}var D=Object.assign({position:s},c&&Tt),T=p===!0?_t({x:l,y:v},R(r)):{x:l,y:v};if(l=T.x,v=T.y,a){var k;return Object.assign({},D,(k={},k[u]=O?"0":"",k[P]=b?"0":"",k.transform=(m.devicePixelRatio||1)<=1?"translate("+l+"px, "+v+"px)":"translate3d("+l+"px, "+v+"px, 0)",k))}return Object.assign({},D,(e={},e[u]=O?v+"px":"",e[P]=b?l+"px":"",e.transform="",e))}function Wt(t){var e=t.state,r=t.options,n=r.gpuAcceleration,o=n===void 0?!0:n,i=r.adaptive,f=i===void 0?!0:i,s=r.roundOffsets,a=s===void 0?!0:s,c={placement:W(e.placement),variation:oe(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,Xe(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:f,roundOffsets:a})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,Xe(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:a})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}const Ht={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Wt,data:{}};var ye={passive:!0};function Nt(t){var e=t.state,r=t.instance,n=t.options,o=n.scroll,i=o===void 0?!0:o,f=n.resize,s=f===void 0?!0:f,a=R(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach(function(p){p.addEventListener("scroll",r.update,ye)}),s&&a.addEventListener("resize",r.update,ye),function(){i&&c.forEach(function(p){p.removeEventListener("scroll",r.update,ye)}),s&&a.removeEventListener("resize",r.update,ye)}}const zt={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Nt,data:{}};var Vt={left:"right",right:"left",bottom:"top",top:"bottom"};function be(t){return t.replace(/left|right|bottom|top/g,function(e){return Vt[e]})}var qt={start:"end",end:"start"};function Ye(t){return t.replace(/start|end/g,function(e){return qt[e]})}function Re(t){var e=R(t),r=e.pageXOffset,n=e.pageYOffset;return{scrollLeft:r,scrollTop:n}}function Se(t){return re(I(t)).left+Re(t).scrollLeft}function It(t,e){var r=R(t),n=I(t),o=r.visualViewport,i=n.clientWidth,f=n.clientHeight,s=0,a=0;if(o){i=o.width,f=o.height;var c=tt();(c||!c&&e==="fixed")&&(s=o.offsetLeft,a=o.offsetTop)}return{width:i,height:f,x:s+Se(t),y:a}}function Ft(t){var e,r=I(t),n=Re(t),o=(e=t.ownerDocument)==null?void 0:e.body,i=J(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),f=J(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-n.scrollLeft+Se(t),a=-n.scrollTop;return V(o||r).direction==="rtl"&&(s+=J(r.clientWidth,o?o.clientWidth:0)-i),{width:i,height:f,x:s,y:a}}function Me(t){var e=V(t),r=e.overflow,n=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function at(t){return["html","body","#document"].indexOf(H(t))>=0?t.ownerDocument.body:S(t)&&Me(t)?t:at(xe(t))}function pe(t,e){var r;e===void 0&&(e=[]);var n=at(t),o=n===((r=t.ownerDocument)==null?void 0:r.body),i=R(n),f=o?[i].concat(i.visualViewport||[],Me(n)?n:[]):n,s=e.concat(f);return o?s:s.concat(pe(xe(f)))}function De(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Xt(t,e){var r=re(t,!1,e==="fixed");return r.top=r.top+t.clientTop,r.left=r.left+t.clientLeft,r.bottom=r.top+t.clientHeight,r.right=r.left+t.clientWidth,r.width=t.clientWidth,r.height=t.clientHeight,r.x=r.left,r.y=r.top,r}function Ue(t,e,r){return e===Ze?De(It(t,r)):K(e)?Xt(e,r):De(Ft(I(t)))}function Yt(t){var e=pe(xe(t)),r=["absolute","fixed"].indexOf(V(t).position)>=0,n=r&&S(t)?ue(t):t;return K(n)?e.filter(function(o){return K(o)&&rt(o,n)&&H(o)!=="body"}):[]}function Ut(t,e,r,n){var o=e==="clippingParents"?Yt(t):[].concat(e),i=[].concat(o,[r]),f=i[0],s=i.reduce(function(a,c){var p=Ue(t,c,n);return a.top=J(p.top,a.top),a.right=we(p.right,a.right),a.bottom=we(p.bottom,a.bottom),a.left=J(p.left,a.left),a},Ue(t,f,n));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function st(t){var e=t.reference,r=t.element,n=t.placement,o=n?W(n):null,i=n?oe(n):null,f=e.x+e.width/2-r.width/2,s=e.y+e.height/2-r.height/2,a;switch(o){case $:a={x:f,y:e.y-r.height};break;case M:a={x:f,y:e.y+e.height};break;case L:a={x:e.x+e.width,y:s};break;case j:a={x:e.x-r.width,y:s};break;default:a={x:e.x,y:e.y}}var c=o?Be(o):null;if(c!=null){var p=c==="y"?"height":"width";switch(i){case ee:a[c]=a[c]-(e[p]/2-r[p]/2);break;case fe:a[c]=a[c]+(e[p]/2-r[p]/2);break}}return a}function ce(t,e){e===void 0&&(e={});var r=e,n=r.placement,o=n===void 0?t.placement:n,i=r.strategy,f=i===void 0?t.strategy:i,s=r.boundary,a=s===void 0?vt:s,c=r.rootBoundary,p=c===void 0?Ze:c,h=r.elementContext,y=h===void 0?ae:h,l=r.altBoundary,w=l===void 0?!1:l,v=r.padding,d=v===void 0?0:v,b=nt(typeof d!="number"?d:it(d,le)),O=y===ae?ht:ae,P=t.rects.popper,u=t.elements[w?O:y],m=Ut(K(u)?u:u.contextElement||I(t.elements.popper),a,p,f),g=re(t.elements.reference),x=st({reference:g,element:P,placement:o}),C=De(Object.assign({},P,x)),A=y===ae?C:g,E={top:m.top-A.top+b.top,bottom:A.bottom-m.bottom+b.bottom,left:m.left-A.left+b.left,right:A.right-m.right+b.right},D=t.modifiersData.offset;if(y===ae&&D){var T=D[o];Object.keys(E).forEach(function(k){var F=[L,M].indexOf(k)>=0?1:-1,X=[$,M].indexOf(k)>=0?"y":"x";E[k]+=T[X]*F})}return E}function Gt(t,e){e===void 0&&(e={});var r=e,n=r.placement,o=r.boundary,i=r.rootBoundary,f=r.padding,s=r.flipVariations,a=r.allowedAutoPlacements,c=a===void 0?et:a,p=oe(n),h=p?s?Ie:Ie.filter(function(w){return oe(w)===p}):le,y=h.filter(function(w){return c.indexOf(w)>=0});y.length===0&&(y=h);var l=y.reduce(function(w,v){return w[v]=ce(t,{placement:v,boundary:o,rootBoundary:i,padding:f})[W(v)],w},{});return Object.keys(l).sort(function(w,v){return l[w]-l[v]})}function Jt(t){if(W(t)===ke)return[];var e=be(t);return[Ye(t),e,Ye(e)]}function Kt(t){var e=t.state,r=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var o=r.mainAxis,i=o===void 0?!0:o,f=r.altAxis,s=f===void 0?!0:f,a=r.fallbackPlacements,c=r.padding,p=r.boundary,h=r.rootBoundary,y=r.altBoundary,l=r.flipVariations,w=l===void 0?!0:l,v=r.allowedAutoPlacements,d=e.options.placement,b=W(d),O=b===d,P=a||(O||!w?[be(d)]:Jt(d)),u=[d].concat(P).reduce(function(Q,q){return Q.concat(W(q)===ke?Gt(e,{placement:q,boundary:p,rootBoundary:h,padding:c,flipVariations:w,allowedAutoPlacements:v}):q)},[]),m=e.rects.reference,g=e.rects.popper,x=new Map,C=!0,A=u[0],E=0;E<u.length;E++){var D=u[E],T=W(D),k=oe(D)===ee,F=[$,M].indexOf(T)>=0,X=F?"width":"height",B=ce(e,{placement:D,boundary:p,rootBoundary:h,altBoundary:y,padding:c}),_=F?k?L:j:k?M:$;m[X]>g[X]&&(_=be(_));var de=be(_),Y=[];if(i&&Y.push(B[T]<=0),s&&Y.push(B[_]<=0,B[de]<=0),Y.every(function(Q){return Q})){A=D,C=!1;break}x.set(D,Y)}if(C)for(var ve=w?3:1,Oe=function(q){var ie=u.find(function(me){var U=x.get(me);if(U)return U.slice(0,q).every(function(Pe){return Pe})});if(ie)return A=ie,"break"},ne=ve;ne>0;ne--){var he=Oe(ne);if(he==="break")break}e.placement!==A&&(e.modifiersData[n]._skip=!0,e.placement=A,e.reset=!0)}}const Qt={name:"flip",enabled:!0,phase:"main",fn:Kt,requiresIfExists:["offset"],data:{_skip:!1}};function Ge(t,e,r){return r===void 0&&(r={x:0,y:0}),{top:t.top-e.height-r.y,right:t.right-e.width+r.x,bottom:t.bottom-e.height+r.y,left:t.left-e.width-r.x}}function Je(t){return[$,L,M,j].some(function(e){return t[e]>=0})}function Zt(t){var e=t.state,r=t.name,n=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,f=ce(e,{elementContext:"reference"}),s=ce(e,{altBoundary:!0}),a=Ge(f,n),c=Ge(s,o,i),p=Je(a),h=Je(c);e.modifiersData[r]={referenceClippingOffsets:a,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:h},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":h})}const er={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Zt};function tr(t,e,r){var n=W(t),o=[j,$].indexOf(n)>=0?-1:1,i=typeof r=="function"?r(Object.assign({},e,{placement:t})):r,f=i[0],s=i[1];return f=f||0,s=(s||0)*o,[j,L].indexOf(n)>=0?{x:s,y:f}:{x:f,y:s}}function rr(t){var e=t.state,r=t.options,n=t.name,o=r.offset,i=o===void 0?[0,0]:o,f=et.reduce(function(p,h){return p[h]=tr(h,e.rects,i),p},{}),s=f[e.placement],a=s.x,c=s.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=a,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=f}const or={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:rr};function nr(t){var e=t.state,r=t.name;e.modifiersData[r]=st({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})}const ir={name:"popperOffsets",enabled:!0,phase:"read",fn:nr,data:{}};function ar(t){return t==="x"?"y":"x"}function sr(t){var e=t.state,r=t.options,n=t.name,o=r.mainAxis,i=o===void 0?!0:o,f=r.altAxis,s=f===void 0?!1:f,a=r.boundary,c=r.rootBoundary,p=r.altBoundary,h=r.padding,y=r.tether,l=y===void 0?!0:y,w=r.tetherOffset,v=w===void 0?0:w,d=ce(e,{boundary:a,rootBoundary:c,padding:h,altBoundary:p}),b=W(e.placement),O=oe(e.placement),P=!O,u=Be(b),m=ar(u),g=e.modifiersData.popperOffsets,x=e.rects.reference,C=e.rects.popper,A=typeof v=="function"?v(Object.assign({},e.rects,{placement:e.placement})):v,E=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,T={x:0,y:0};if(g){if(i){var k,F=u==="y"?$:j,X=u==="y"?M:L,B=u==="y"?"height":"width",_=g[u],de=_+d[F],Y=_-d[X],ve=l?-C[B]/2:0,Oe=O===ee?x[B]:C[B],ne=O===ee?-C[B]:-x[B],he=e.elements.arrow,Q=l&&he?je(he):{width:0,height:0},q=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:ot(),ie=q[F],me=q[X],U=se(0,x[B],Q[B]),Pe=P?x[B]/2-ve-U-ie-E.mainAxis:Oe-U-ie-E.mainAxis,pt=P?-x[B]/2+ve+U+me+E.mainAxis:ne+U+me+E.mainAxis,Ee=e.elements.arrow&&ue(e.elements.arrow),ft=Ee?u==="y"?Ee.clientTop||0:Ee.clientLeft||0:0,Le=(k=D?.[u])!=null?k:0,ct=_+Pe-Le-ft,lt=_+pt-Le,Te=se(l?we(de,ct):de,_,l?J(Y,lt):Y);g[u]=Te,T[u]=Te-_}if(s){var _e,ut=u==="x"?$:j,dt=u==="x"?M:L,G=g[m],ge=m==="y"?"height":"width",We=G+d[ut],He=G-d[dt],Ae=[$,j].indexOf(b)!==-1,Ne=(_e=D?.[m])!=null?_e:0,ze=Ae?We:G-x[ge]-C[ge]-Ne+E.altAxis,Ve=Ae?G+x[ge]+C[ge]-Ne-E.altAxis:He,qe=l&&Ae?Bt(ze,G,Ve):se(l?ze:We,G,l?Ve:He);g[m]=qe,T[m]=qe-G}e.modifiersData[n]=T}}const pr={name:"preventOverflow",enabled:!0,phase:"main",fn:sr,requiresIfExists:["offset"]};function fr(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function cr(t){return t===R(t)||!S(t)?Re(t):fr(t)}function lr(t){var e=t.getBoundingClientRect(),r=te(e.width)/t.offsetWidth||1,n=te(e.height)/t.offsetHeight||1;return r!==1||n!==1}function ur(t,e,r){r===void 0&&(r=!1);var n=S(e),o=S(e)&&lr(e),i=I(e),f=re(t,o,r),s={scrollLeft:0,scrollTop:0},a={x:0,y:0};return(n||!n&&!r)&&((H(e)!=="body"||Me(i))&&(s=cr(e)),S(e)?(a=re(e,!0),a.x+=e.clientLeft,a.y+=e.clientTop):i&&(a.x=Se(i))),{x:f.left+s.scrollLeft-a.x,y:f.top+s.scrollTop-a.y,width:f.width,height:f.height}}function dr(t){var e=new Map,r=new Set,n=[];t.forEach(function(i){e.set(i.name,i)});function o(i){r.add(i.name);var f=[].concat(i.requires||[],i.requiresIfExists||[]);f.forEach(function(s){if(!r.has(s)){var a=e.get(s);a&&o(a)}}),n.push(i)}return t.forEach(function(i){r.has(i.name)||o(i)}),n}function vr(t){var e=dr(t);return At.reduce(function(r,n){return r.concat(e.filter(function(o){return o.phase===n}))},[])}function hr(t){var e;return function(){return e||(e=new Promise(function(r){Promise.resolve().then(function(){e=void 0,r(t())})})),e}}function mr(t){var e=t.reduce(function(r,n){var o=r[n.name];return r[n.name]=o?Object.assign({},o,n,{options:Object.assign({},o.options,n.options),data:Object.assign({},o.data,n.data)}):n,r},{});return Object.keys(e).map(function(r){return e[r]})}var Ke={placement:"bottom",modifiers:[],strategy:"absolute"};function Qe(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return!e.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function gr(t){t===void 0&&(t={});var e=t,r=e.defaultModifiers,n=r===void 0?[]:r,o=e.defaultOptions,i=o===void 0?Ke:o;return function(s,a,c){c===void 0&&(c=i);var p={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ke,i),modifiersData:{},elements:{reference:s,popper:a},attributes:{},styles:{}},h=[],y=!1,l={state:p,setOptions:function(b){var O=typeof b=="function"?b(p.options):b;v(),p.options=Object.assign({},i,p.options,O),p.scrollParents={reference:K(s)?pe(s):s.contextElement?pe(s.contextElement):[],popper:pe(a)};var P=vr(mr([].concat(n,p.options.modifiers)));return p.orderedModifiers=P.filter(function(u){return u.enabled}),w(),l.update()},forceUpdate:function(){if(!y){var b=p.elements,O=b.reference,P=b.popper;if(Qe(O,P)){p.rects={reference:ur(O,ue(P),p.options.strategy==="fixed"),popper:je(P)},p.reset=!1,p.placement=p.options.placement,p.orderedModifiers.forEach(function(E){return p.modifiersData[E.name]=Object.assign({},E.data)});for(var u=0;u<p.orderedModifiers.length;u++){if(p.reset===!0){p.reset=!1,u=-1;continue}var m=p.orderedModifiers[u],g=m.fn,x=m.options,C=x===void 0?{}:x,A=m.name;typeof g=="function"&&(p=g({state:p,options:C,name:A,instance:l})||p)}}}},update:hr(function(){return new Promise(function(d){l.forceUpdate(),d(p)})}),destroy:function(){v(),y=!0}};if(!Qe(s,a))return l;l.setOptions(c).then(function(d){!y&&c.onFirstUpdate&&c.onFirstUpdate(d)});function w(){p.orderedModifiers.forEach(function(d){var b=d.name,O=d.options,P=O===void 0?{}:O,u=d.effect;if(typeof u=="function"){var m=u({state:p,name:b,instance:l,options:P}),g=function(){};h.push(m||g)}})}function v(){h.forEach(function(d){return d()}),h=[]}return l}}var yr=[zt,ir,Ht,kt,or,Qt,pr,Lt,er],br=gr({defaultModifiers:yr});const wr='.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 xr=Object.defineProperty,Or=Object.getOwnPropertyDescriptor,z=(t,e,r,n)=>{for(var o=n>1?void 0:n?Or(e,r):e,i=t.length-1,f;i>=0;i--)(f=t[i])&&(o=(n?f(e,r,o):f(o))||o);return n&&o&&xr(e,r,o),o};exports.Popover=class extends Z.LitElement{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 r=e.has("placement"),n=e.has("open")&&this.open;if(e.has("open")&&!this.open){this.destroyPopper();return}(n||r)&&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,r=this.popperElement;if(!(!e||!r)){if(this.popperInstance){this.popperInstance.setOptions({placement:this.placement,modifiers:this.getPopperModifiers(),strategy:"fixed"}),this.popperInstance.update();return}this.popperInstance=br(e,r,{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 Z.html`
-      <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?Z.html`
-          <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?Z.html`
-                <div class="popover__title">${this.title}</div>
-              `:null}
-              <div class="popover__body ${e?"popover__body--with-border":""}">
-                <slot></slot>
-              </div>
-            </div>
-          </div>
-        `:null}
-      </div>
-    `}};exports.Popover.styles=[Z.css`${Z.unsafeCSS(wr)}`];z([N.property({type:String})],exports.Popover.prototype,"title",2);z([N.property({type:String})],exports.Popover.prototype,"trigger",2);z([N.property({type:String})],exports.Popover.prototype,"placement",2);z([N.property({type:Number})],exports.Popover.prototype,"offset",2);z([N.property({type:Boolean,reflect:!0})],exports.Popover.prototype,"open",2);z([N.property({type:Boolean})],exports.Popover.prototype,"closeOnOutsideClick",2);z([N.query('[part="trigger"]')],exports.Popover.prototype,"triggerElement",2);z([N.query("[data-popper]")],exports.Popover.prototype,"popperElement",2);z([N.query("[data-popper-arrow]")],exports.Popover.prototype,"popperArrowElement",2);exports.Popover=z([N.customElement("logosphere-popover")],exports.Popover);