@logosphere-ui/core 0.0.0-alpha.2 → 0.0.0-alpha.20

package/dist/formfield-CNh4mBSs.js

@@ -0,0 +1,147 @@
+import { unsafeCSS as h, css as _, LitElement as u, html as n } from "lit";
+import { property as i, state as f, customElement as p } from "lit/decorators.js";
+const m = ":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:center;box-sizing:border-box;border-radius:var(--radius-base);border:1px solid var(--color-border);padding:0 var(--spacing-2) 0 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--cursor-text{cursor:text}.formfield__container--cursor-pointer{cursor:pointer}.formfield__container--cursor-default{cursor:default}.formfield__container--default{min-height:32px}.formfield__container--large{min-height:40px}.formfield__container--focused{border-color:var(--color-secondary-hover);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;display:flex;align-items:center}.formfield__prefix,.formfield__clear,.formfield__suffix{display:flex;align-items:center;flex-shrink:0;align-self:stretch}.formfield__prefix{margin-right:var(--spacing-2)}.formfield__clear,.formfield__suffix{margin-left:var(--spacing-2)}.formfield__container--has-prefix .formfield__prefix{border-right:1px solid var(--color-border);padding-right:var(--spacing-2)}.formfield__container--has-suffix .formfield__suffix{border-left:1px solid var(--color-border);padding-left:var(--spacing-2)}.formfield__prefix:empty,.formfield__clear:empty,.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 g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (e, r, l, a) => {
+  for (var s = a > 1 ? void 0 : a ? v(r, l) : r, d = e.length - 1, c; d >= 0; d--)
+    (c = e[d]) && (s = (a ? c(r, l, s) : c(s)) || s);
+  return a && s && g(r, l, s), s;
+};
+let t = class extends u {
+  constructor() {
+    super(...arguments), this.label = "", this.helper = "", this.error = "", this.placeholder = "", this.size = "default", this.variant = "default", this.cursor = "text", this.required = !1, this.disabled = !1, this.readonly = !1, this._focused = !1, this._hovered = !1, this._hasPrefix = !1, this._hasSuffix = !1, this.handleSlotFocus = (e) => {
+      const r = e.target;
+      ["INPUT", "TEXTAREA", "SELECT"].includes(r.tagName) && (this._focused = !0, this.dispatchEvent(new CustomEvent("field-focus", {
+        bubbles: !0,
+        composed: !0,
+        detail: { originalEvent: e }
+      })));
+    }, this.handleSlotBlur = (e) => {
+      const r = e.target;
+      ["INPUT", "TEXTAREA", "SELECT"].includes(r.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 r = e.target;
+      if (["INPUT", "TEXTAREA", "SELECT", "BUTTON"].includes(r.tagName)) return;
+      this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({ flatten: !0 }).find((s) => ["INPUT", "TEXTAREA", "SELECT"].includes(s.tagName))?.focus();
+    }, this.handlePrefixSlotChange = (e) => {
+      const r = e.target;
+      this._hasPrefix = r.assignedElements({ flatten: !0 }).length > 0;
+    }, this.handleSuffixSlotChange = (e) => {
+      const r = e.target;
+      this._hasSuffix = r.assignedElements({ flatten: !0 }).length > 0;
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("focus", this.handleSlotFocus, !0), this.addEventListener("blur", this.handleSlotBlur, !0);
+  }
+  firstUpdated() {
+    const e = this.shadowRoot?.querySelector('slot[name="prefix"]'), r = this.shadowRoot?.querySelector('slot[name="suffix"]');
+    e && (this._hasPrefix = e.assignedElements({ flatten: !0 }).length > 0), r && (this._hasSuffix = r.assignedElements({ flatten: !0 }).length > 0);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("focus", this.handleSlotFocus, !0), this.removeEventListener("blur", this.handleSlotBlur, !0);
+  }
+  render() {
+    const e = !!this.error, r = !e && !!this.helper, l = [
+      "formfield__container",
+      `formfield__container--${this.size}`,
+      `formfield__container--cursor-${this.cursor}`,
+      this._hasPrefix ? "formfield__container--has-prefix" : "",
+      this._hasSuffix ? "formfield__container--has-suffix" : "",
+      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__prefix">
+            <slot name="prefix" @slotchange=${this.handlePrefixSlotChange}></slot>
+          </div>
+          <div class="formfield__input-area">
+            <slot></slot>
+          </div>
+          <div class="formfield__clear">
+            <slot name="clear"></slot>
+          </div>
+          <div class="formfield__suffix">
+            <slot name="suffix" @slotchange=${this.handleSuffixSlotChange}></slot>
+          </div>
+        </div>
+
+        ${r ? n`<div class="formfield__helper">${this.helper}</div>` : ""}
+        ${e ? n`<div class="formfield__error">${this.error}</div>` : ""}
+      </div>
+    `;
+  }
+};
+t.styles = [_`${h(m)}`];
+o([
+  i({ type: String })
+], t.prototype, "label", 2);
+o([
+  i({ type: String })
+], t.prototype, "helper", 2);
+o([
+  i({ type: String })
+], t.prototype, "error", 2);
+o([
+  i({ type: String })
+], t.prototype, "placeholder", 2);
+o([
+  i({ type: String })
+], t.prototype, "size", 2);
+o([
+  i({ type: String })
+], t.prototype, "variant", 2);
+o([
+  i({ type: String })
+], t.prototype, "cursor", 2);
+o([
+  i({ type: Boolean })
+], t.prototype, "required", 2);
+o([
+  i({ type: Boolean })
+], t.prototype, "disabled", 2);
+o([
+  i({ type: Boolean })
+], t.prototype, "readonly", 2);
+o([
+  f()
+], t.prototype, "_focused", 2);
+o([
+  f()
+], t.prototype, "_hovered", 2);
+o([
+  f()
+], t.prototype, "_hasPrefix", 2);
+o([
+  f()
+], t.prototype, "_hasSuffix", 2);
+t = o([
+  p("logosphere-formfield")
+], t);
+export {
+  t as F
+};

package/dist/formfield.cjs

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

package/dist/formfield.js

@@ -1,4 +1,4 @@
-import { F } from "./formfield-d8fp9FTV.js";
+import { F } from "./formfield-CNh4mBSs.js";
 export {
   F as FormField
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button-CDRccsk9.cjs"),r=require("./badge-BbhaO73N.cjs"),t=require("./checkbox-CdDTRdKV.cjs"),o=require("./formfield-D_7NFFoe.cjs"),n=require("./switch-Rnnn10bn.cjs"),u=require("./breadcrumb-Cop-B1J7.cjs"),b=require("./card-n8ka8Zk-.cjs"),a=require("./input-DsIOQPGV.cjs"),c=require("./popover-C_Ob86CJ.cjs"),i=require("./text-area-DFDF5oos.cjs"),d=require("./chatbot-oRwt64d8.cjs"),p=require("./combobox-pmE7bgEL.cjs"),g=require("./datepicker-b9JGTTMx.cjs"),s=require("./download-manager-BSIMTGaK.cjs"),l=require("./modal-DQ8VFL-P.cjs"),m=require("./tab-DcjAlXzU.cjs");Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>e.Button});Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>r.LogosphereBadge});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>t.Checkbox});Object.defineProperty(exports,"FormField",{enumerable:!0,get:()=>o.FormField});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>n.Switch});Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>u.Breadcrumb});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>b.Card});Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>a.LogosphereInput});Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>c.Popover});Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>i.TextArea});Object.defineProperty(exports,"LedsUiChatbot",{enumerable:!0,get:()=>d.LedsUiChatbot});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>p.Combobox});Object.defineProperty(exports,"LedsDatePicker",{enumerable:!0,get:()=>g.LedsDatePicker});Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>s.DownloadManager});Object.defineProperty(exports,"Modal",{enumerable:!0,get:()=>l.Modal});Object.defineProperty(exports,"LogosphereTab",{enumerable:!0,get:()=>m.LogosphereTab});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./button-CDRccsk9.cjs"),t=require("./badge-7IIatiRv.cjs"),o=require("./checkbox-CdDTRdKV.cjs"),n=require("./formfield-BFOIEicR.cjs"),u=require("./switch-Rnnn10bn.cjs"),a=require("./breadcrumb-Cop-B1J7.cjs"),b=require("./card-KiNHfEi2.cjs"),c=require("./input-JpAWN-M1.cjs"),i=require("./popover-C2p5Pmts.cjs"),d=require("./text-area-CZDdxbrN.cjs"),p=require("./chatbot-B_3w7h4T.cjs"),g=require("./calendar-LMn1ZF3N.cjs"),l=require("./combobox-C6zoQopK.cjs"),m=require("./datepicker-CwDDA6np.cjs"),s=require("./drawer-BvcPd5nz.cjs"),f=require("./download-manager-BSIMTGaK.cjs"),e=require("./leftmenu-DBcncBN8.cjs"),P=require("./modal-DU1sszVn.cjs"),y=require("./tab-DcjAlXzU.cjs"),j=require("./tree-menu-B1iwfHyd.cjs");Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>r.Button});Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>t.LogosphereBadge});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>o.Checkbox});Object.defineProperty(exports,"FormField",{enumerable:!0,get:()=>n.FormField});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>u.Switch});Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>a.Breadcrumb});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>b.Card});Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>c.LogosphereInput});Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>i.Popover});Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>d.TextArea});Object.defineProperty(exports,"LogosphereChatBot",{enumerable:!0,get:()=>p.LogosphereChatBot});Object.defineProperty(exports,"LogosphereCalendar",{enumerable:!0,get:()=>g.LogosphereCalendar});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>l.Combobox});Object.defineProperty(exports,"LogosphereDatePicker",{enumerable:!0,get:()=>m.LogosphereDatePicker});Object.defineProperty(exports,"Drawer",{enumerable:!0,get:()=>s.Drawer});Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>f.DownloadManager});Object.defineProperty(exports,"LeftMenu",{enumerable:!0,get:()=>e.LeftMenu});Object.defineProperty(exports,"LeftMenuItemElement",{enumerable:!0,get:()=>e.LeftMenuItemElement});Object.defineProperty(exports,"Modal",{enumerable:!0,get:()=>P.Modal});Object.defineProperty(exports,"LogosphereTab",{enumerable:!0,get:()=>y.LogosphereTab});Object.defineProperty(exports,"TreeMenu",{enumerable:!0,get:()=>j.TreeMenu});

package/dist/index.d.ts

@@ -9,8 +9,12 @@ export * from "./molecules/Input/index.js";
 export * from "./molecules/Popover/index.js";
 export * from "./molecules/Textarea/index.js";
 export * from "./organisms/Chatbot/index.js";
+export * from "./organisms/Calendar/index.js";
 export * from "./organisms/Combobox/index.js";
 export * from "./organisms/DatePicker/index.js";
+export * from "./organisms/Drawer/index.js";
 export * from "./organisms/DownloadManager/index.js";
+export * from "./organisms/LeftMenu/index.js";
 export * from "./organisms/Modal/index.js";
 export * from "./organisms/Tab/index.js";
+export * from "./organisms/TreeMenu/index.js";

package/dist/index.js

@@ -1,34 +1,43 @@
-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-ByllRq9M.js";
-import { P as i } from "./popover-D-FXdEdS.js";
-import { T as l } from "./text-area-CtZY3yLA.js";
-import { L as D } from "./chatbot-Ces7Xveb.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 { B as e } from "./button-BqOMevro.js";
+import { L as t } from "./badge-B2chRYGd.js";
+import { C as s } from "./checkbox-g6kl2jGR.js";
+import { F as x } from "./formfield-CNh4mBSs.js";
+import { S as L } from "./switch-CG4SSjTg.js";
+import { B as n } from "./breadcrumb-BB61Xt0s.js";
+import { C } from "./card-CNoTUaJC.js";
+import { L as u } from "./input-jmbvgWEq.js";
+import { P as M } from "./popover-CaVOXo_k.js";
+import { T as l } from "./text-area-Dec_k4rs.js";
+import { L as T } from "./chatbot-uGYcx6Nn.js";
+import { L as i } from "./calendar-WZ_GQvnn.js";
+import { C as F } from "./combobox-LBU6VHLi.js";
+import { L as k } from "./datepicker-SwKsdw3S.js";
+import { D as S } from "./drawer-DVINJB4a.js";
+import { D as A } from "./download-manager-a541AYhr.js";
+import { L as j, a as q } from "./leftmenu-C-q1h_2U.js";
+import { M as z } from "./modal-B8aQyCBg.js";
+import { L as H } from "./tab-BYU_XEhp.js";
+import { T as K } from "./tree-menu-BbX8GK_z.js";
 export {
-  C as Breadcrumb,
+  n as Breadcrumb,
   e as Button,
-  h as Card,
+  C as Card,
   s as Checkbox,
-  M as Combobox,
-  w as DownloadManager,
+  F as Combobox,
+  A as DownloadManager,
+  S as Drawer,
   x as FormField,
-  T as LedsDatePicker,
-  D as LedsUiChatbot,
+  j as LeftMenu,
+  q as LeftMenuItemElement,
   t as LogosphereBadge,
-  B as LogosphereInput,
-  I as LogosphereTab,
-  v as Modal,
-  i as Popover,
+  i as LogosphereCalendar,
+  T as LogosphereChatBot,
+  k as LogosphereDatePicker,
+  u as LogosphereInput,
+  H as LogosphereTab,
+  z as Modal,
+  M as Popover,
   L as Switch,
-  l as TextArea
+  l as TextArea,
+  K as TreeMenu
 };