@logosphere-ui/core 0.0.0-alpha.30 → 0.0.0-alpha.33

package/dist/{drawer-CjM-vX41.cjs → drawer-g6mHdpjF.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("lit"),i=require("lit/decorators.js");require("./button-DRZ4sG4T.cjs");require("./ui-icon-DKZMrOTi.cjs");const p=":host{display:block}.drawer{position:relative;font-family:var(--font-family-base)}.drawer__trigger{display:inline-flex}.drawer__panel{position:fixed;top:0;bottom:0;width:var(--drawer-width, 360px);max-width:min(100vw,var(--drawer-width, 360px));background:var(--color-body-bg);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:var(--z-index-modal);display:flex;flex-direction:column;pointer-events:none;opacity:0;transition:transform var(--transition-speed-slow) var(--transition-timing),opacity var(--transition-speed-slow) linear}.drawer__panel--right{right:0;transform:translate(100%)}.drawer__panel--left{left:0;transform:translate(-100%);border-left:none;border-right:1px solid var(--color-border)}.drawer__panel--open{transform:translate(0);pointer-events:auto;opacity:1}.drawer__header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.drawer__title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer__close{width:28px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-body-bg);display:inline-flex;align-items:center;justify-content:center;color:var(--color-body-color);cursor:pointer}.drawer__close:hover{background:var(--color-tertiary)}.drawer__body{flex:1;overflow:auto;padding:var(--spacing-4)}";var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,s=(d,e,t,r)=>{for(var o=r>1?void 0:r?h(e,t):e,a=d.length-1,n;a>=0;a--)(n=d[a])&&(o=(r?n(e,t,o):n(o))||o);return r&&o&&c(e,t,o),o};exports.Drawer=class extends l.LitElement{constructor(){super(...arguments),this.open=!1,this.title="",this.position="right",this.width=360,this.closeOnEsc=!0,this.containerSelector="",this._frameStyle="",this._onKeyDown=e=>{!this.open||!this.closeOnEsc||(e.key==="Escape"||e.key==="Esc")&&this._setOpen(!1)},this._onTriggerClick=()=>this._setOpen(!0),this._onCloseClick=()=>this._setOpen(!1),this._syncFrame=()=>{const e=this._resolveContainer().getBoundingClientRect(),t=Math.max(0,e.top),r=Math.max(0,window.innerHeight-e.bottom),o=Math.max(0,e.left),a=Math.max(0,window.innerWidth-e.right),n=Math.max(0,e.width);this._frameStyle=this.position==="right"?`top:${t}px;bottom:${r}px;right:${a}px;max-width:${n}px;`:`top:${t}px;bottom:${r}px;left:${o}px;max-width:${n}px;`}}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._onKeyDown,!0),window.addEventListener("resize",this._syncFrame),window.addEventListener("scroll",this._syncFrame,!0),this.updateComplete.then(()=>this._syncFrame())}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._onKeyDown,!0),window.removeEventListener("resize",this._syncFrame),window.removeEventListener("scroll",this._syncFrame,!0)}updated(e){(e.has("open")||e.has("position")||e.has("width")||e.has("containerSelector"))&&this._syncFrame()}openDrawer(){this._setOpen(!0)}closeDrawer(){this._setOpen(!1)}_setOpen(e){this.open!==e&&(this.open=e,this.dispatchEvent(new CustomEvent(e?"drawer-open":"drawer-close",{bubbles:!0,composed:!0})))}_resolveContainer(){if(this.containerSelector){const e=this.getRootNode();if("querySelector"in e){const r=e.querySelector(this.containerSelector);if(r)return r}const t=document.querySelector(this.containerSelector);if(t)return t}return this.parentElement??this}render(){return l.html`
+"use strict";const l=require("lit"),i=require("lit/decorators.js");require("./button-DRZ4sG4T.cjs");require("./ui-icon-jKyMV1zp.cjs");const p=":host{display:block}.drawer{position:relative;font-family:var(--font-family-base)}.drawer__trigger{display:inline-flex}.drawer__panel{position:fixed;top:0;bottom:0;width:var(--drawer-width, 360px);max-width:min(100vw,var(--drawer-width, 360px));background:var(--color-body-bg);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:var(--z-index-modal);display:flex;flex-direction:column;pointer-events:none;opacity:0;transition:transform var(--transition-speed-slow) var(--transition-timing),opacity var(--transition-speed-slow) linear}.drawer__panel--right{right:0;transform:translate(100%)}.drawer__panel--left{left:0;transform:translate(-100%);border-left:none;border-right:1px solid var(--color-border)}.drawer__panel--open{transform:translate(0);pointer-events:auto;opacity:1}.drawer__header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.drawer__title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer__close{width:28px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-body-bg);display:inline-flex;align-items:center;justify-content:center;color:var(--color-body-color);cursor:pointer}.drawer__close:hover{background:var(--color-tertiary)}.drawer__body{flex:1;overflow:auto;padding:var(--spacing-4)}";var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,s=(d,e,t,r)=>{for(var o=r>1?void 0:r?h(e,t):e,a=d.length-1,n;a>=0;a--)(n=d[a])&&(o=(r?n(e,t,o):n(o))||o);return r&&o&&c(e,t,o),o};exports.Drawer=class extends l.LitElement{constructor(){super(...arguments),this.open=!1,this.title="",this.position="right",this.width=360,this.closeOnEsc=!0,this.containerSelector="",this._frameStyle="",this._onKeyDown=e=>{!this.open||!this.closeOnEsc||(e.key==="Escape"||e.key==="Esc")&&this._setOpen(!1)},this._onTriggerClick=()=>this._setOpen(!0),this._onCloseClick=()=>this._setOpen(!1),this._syncFrame=()=>{const e=this._resolveContainer().getBoundingClientRect(),t=Math.max(0,e.top),r=Math.max(0,window.innerHeight-e.bottom),o=Math.max(0,e.left),a=Math.max(0,window.innerWidth-e.right),n=Math.max(0,e.width);this._frameStyle=this.position==="right"?`top:${t}px;bottom:${r}px;right:${a}px;max-width:${n}px;`:`top:${t}px;bottom:${r}px;left:${o}px;max-width:${n}px;`}}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._onKeyDown,!0),window.addEventListener("resize",this._syncFrame),window.addEventListener("scroll",this._syncFrame,!0),this.updateComplete.then(()=>this._syncFrame())}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._onKeyDown,!0),window.removeEventListener("resize",this._syncFrame),window.removeEventListener("scroll",this._syncFrame,!0)}updated(e){(e.has("open")||e.has("position")||e.has("width")||e.has("containerSelector"))&&this._syncFrame()}openDrawer(){this._setOpen(!0)}closeDrawer(){this._setOpen(!1)}_setOpen(e){this.open!==e&&(this.open=e,this.dispatchEvent(new CustomEvent(e?"drawer-open":"drawer-close",{bubbles:!0,composed:!0})))}_resolveContainer(){if(this.containerSelector){const e=this.getRootNode();if("querySelector"in e){const r=e.querySelector(this.containerSelector);if(r)return r}const t=document.querySelector(this.containerSelector);if(t)return t}return this.parentElement??this}render(){return l.html`
       <div class="drawer">
         <div class="drawer__trigger" @click=${this._onTriggerClick}>
           <slot name="trigger"></slot>

package/dist/drawer.cjs

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

package/dist/drawer.js

@@ -1,4 +1,4 @@
-import { D as e } from "./drawer-CViKfr6O.js";
+import { D as e } from "./drawer-CRB8UUAo.js";
 export {
   e as Drawer
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./button-DRZ4sG4T.cjs"),o=require("./badge-BV2hTvrI.cjs"),n=require("./checkbox-CdDTRdKV.cjs"),u=require("./formfield-CRcyUMvQ.cjs"),a=require("./switch-8RGGesy5.cjs"),c=require("./breadcrumb-Cop-B1J7.cjs"),i=require("./card-BD8FkSTi.cjs"),b=require("./input-DPTTu8ZR.cjs"),d=require("./popover-DhEvLuOo.cjs"),p=require("./text-area-BztUgBL1.cjs"),s=require("./timepicker-CRtoPBMn.cjs"),g=require("./chatbot-BUYrJbTR.cjs"),m=require("./calendar-Coc9E6lD.cjs"),l=require("./combobox-kdjsT5eX.cjs"),f=require("./datepicker-Cf3gLMsu.cjs"),P=require("./drawer-CjM-vX41.cjs"),h=require("./download-manager-DDeTYRPs.cjs"),r=require("./leftmenu-RcrjiF7g.cjs"),y=require("./modal-CsEaHz0h.cjs"),e=require("./toast-container-T77X56AG.cjs"),j=require("./tab-BmrITzOL.cjs"),O=require("./tree-menu-CdNwvOjp.cjs");Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>t.Button});Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>o.LogosphereBadge});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>n.Checkbox});Object.defineProperty(exports,"FormField",{enumerable:!0,get:()=>u.FormField});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>a.Switch});Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>c.Breadcrumb});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>i.Card});Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>b.LogosphereInput});Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>d.Popover});Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>p.TextArea});Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:()=>s.TimePicker});Object.defineProperty(exports,"LogosphereChatBot",{enumerable:!0,get:()=>g.LogosphereChatBot});Object.defineProperty(exports,"LogosphereCalendar",{enumerable:!0,get:()=>m.LogosphereCalendar});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>l.Combobox});Object.defineProperty(exports,"LogosphereDatePicker",{enumerable:!0,get:()=>f.LogosphereDatePicker});Object.defineProperty(exports,"Drawer",{enumerable:!0,get:()=>P.Drawer});Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>h.DownloadManager});Object.defineProperty(exports,"LeftMenu",{enumerable:!0,get:()=>r.LeftMenu});Object.defineProperty(exports,"LeftMenuItemElement",{enumerable:!0,get:()=>r.LeftMenuItemElement});exports.Modal=y.Modal;Object.defineProperty(exports,"LogosphereToast",{enumerable:!0,get:()=>e.LogosphereToast});Object.defineProperty(exports,"LogosphereToastContainer",{enumerable:!0,get:()=>e.LogosphereToastContainer});exports.ToastService=e.ToastService;Object.defineProperty(exports,"LogosphereTab",{enumerable:!0,get:()=>j.LogosphereTab});Object.defineProperty(exports,"TreeMenu",{enumerable:!0,get:()=>O.TreeMenu});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./button-DRZ4sG4T.cjs"),o=require("./badge-COTtd1jh.cjs"),n=require("./checkbox-CdDTRdKV.cjs"),u=require("./formfield-CRcyUMvQ.cjs"),a=require("./switch-8RGGesy5.cjs"),i=require("./breadcrumb-Cop-B1J7.cjs"),c=require("./card-BD8FkSTi.cjs"),b=require("./input-Tkm7VBBl.cjs"),g=require("./pagination-AclB9qi1.cjs"),p=require("./popover-DhEvLuOo.cjs"),d=require("./text-area-DCBCDtJw.cjs"),s=require("./timepicker-WxA2Uo66.cjs"),m=require("./chatbot-8etAVHNx.cjs"),l=require("./calendar-DtpJBtpq.cjs"),P=require("./combobox-BV4AKTqp.cjs"),f=require("./datepicker-BCNJROwD.cjs"),h=require("./drawer-g6mHdpjF.cjs"),y=require("./download-manager-DDeTYRPs.cjs"),r=require("./leftmenu-D0sRExqr.cjs"),j=require("./modal-DFnpqdWX.cjs"),e=require("./toast-container-B9E_mVk6.cjs"),O=require("./tab-BmrITzOL.cjs"),q=require("./tree-menu-DuJuy5pp.cjs");Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>t.Button});Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>o.LogosphereBadge});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>n.Checkbox});Object.defineProperty(exports,"FormField",{enumerable:!0,get:()=>u.FormField});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>a.Switch});Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>i.Breadcrumb});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>c.Card});Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>b.LogosphereInput});exports.Pagination=g.Pagination;Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>p.Popover});Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>d.TextArea});Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:()=>s.TimePicker});Object.defineProperty(exports,"LogosphereChatBot",{enumerable:!0,get:()=>m.LogosphereChatBot});Object.defineProperty(exports,"LogosphereCalendar",{enumerable:!0,get:()=>l.LogosphereCalendar});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>P.Combobox});Object.defineProperty(exports,"LogosphereDatePicker",{enumerable:!0,get:()=>f.LogosphereDatePicker});Object.defineProperty(exports,"Drawer",{enumerable:!0,get:()=>h.Drawer});Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>y.DownloadManager});Object.defineProperty(exports,"LeftMenu",{enumerable:!0,get:()=>r.LeftMenu});Object.defineProperty(exports,"LeftMenuItemElement",{enumerable:!0,get:()=>r.LeftMenuItemElement});exports.Modal=j.Modal;Object.defineProperty(exports,"LogosphereToast",{enumerable:!0,get:()=>e.LogosphereToast});Object.defineProperty(exports,"LogosphereToastContainer",{enumerable:!0,get:()=>e.LogosphereToastContainer});exports.ToastService=e.ToastService;Object.defineProperty(exports,"LogosphereTab",{enumerable:!0,get:()=>O.LogosphereTab});Object.defineProperty(exports,"TreeMenu",{enumerable:!0,get:()=>q.TreeMenu});

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from "./atoms/Switch/index.js";
 export * from "./molecules/Breadcrumb/index.js";
 export * from "./molecules/Card/index.js";
 export * from "./molecules/Input/index.js";
+export * from "./molecules/Pagination/index.js";
 export * from "./molecules/Popover/index.js";
 export * from "./molecules/Textarea/index.js";
 export * from "./molecules/TimePicker/index.js";

package/dist/index.js

@@ -1,49 +1,51 @@
 import { B as e } from "./button-Uu9oaieg.js";
-import { L as t } from "./badge-BD_MRIBd.js";
+import { L as t } from "./badge-BJqUgXZD.js";
 import { C as p } from "./checkbox-g6kl2jGR.js";
 import { F as x } from "./formfield-O327HYt0.js";
 import { S as L } from "./switch-DNqPqH-R.js";
-import { B as n } from "./breadcrumb-BB61Xt0s.js";
-import { C as g } from "./card-CAAhjIjf.js";
-import { L as d } from "./input-BJtn_iTC.js";
-import { P as c } from "./popover-BSfKsQni.js";
-import { T as B } from "./text-area-DUg5BGQh.js";
-import { T as b } from "./timepicker-BKUTi_AU.js";
-import { L as D } from "./chatbot-Cb2ByNkE.js";
-import { L as k } from "./calendar-CBJ4mtlE.js";
-import { C as F } from "./combobox-G4TVTGS7.js";
-import { L as v } from "./datepicker-n5dZbuCD.js";
-import { D as A } from "./drawer-CViKfr6O.js";
-import { D as j } from "./download-manager-BPg-6Qfg.js";
-import { L as y, a as z } from "./leftmenu-DpES_nr1.js";
-import { M as H } from "./modal-DHzMgFVY.js";
-import { L as K, a as N, T as O } from "./toast-container-CHrtU7X5.js";
-import { L as R } from "./tab-Ca_OyNqQ.js";
-import { T as V } from "./tree-menu-5dkAPsgJ.js";
+import { B as g } from "./breadcrumb-BB61Xt0s.js";
+import { C as T } from "./card-CAAhjIjf.js";
+import { L as C } from "./input-BUX_2G5m.js";
+import { P as c } from "./pagination-BLNrwUSO.js";
+import { P as B } from "./popover-BSfKsQni.js";
+import { T as P } from "./text-area-coWx4Xn-.js";
+import { T as l } from "./timepicker-rNyKCfN3.js";
+import { L as k } from "./chatbot-p4CmxSdZ.js";
+import { L as F } from "./calendar-B7bSuIt4.js";
+import { C as v } from "./combobox-CTqEZUg6.js";
+import { L as A } from "./datepicker-tJbIvNpy.js";
+import { D as j } from "./drawer-CRB8UUAo.js";
+import { D as y } from "./download-manager-BPg-6Qfg.js";
+import { L as G, a as H } from "./leftmenu-Cf2gC2J0.js";
+import { M as K } from "./modal-Cfa0imdF.js";
+import { L as O, a as Q, T as R } from "./toast-container-Cb0MduXt.js";
+import { L as V } from "./tab-Ca_OyNqQ.js";
+import { T as X } from "./tree-menu-CufITiv_.js";
 export {
-  n as Breadcrumb,
+  g as Breadcrumb,
   e as Button,
-  g as Card,
+  T as Card,
   p as Checkbox,
-  F as Combobox,
-  j as DownloadManager,
-  A as Drawer,
+  v as Combobox,
+  y as DownloadManager,
+  j as Drawer,
   x as FormField,
-  y as LeftMenu,
-  z as LeftMenuItemElement,
+  G as LeftMenu,
+  H as LeftMenuItemElement,
   t as LogosphereBadge,
-  k as LogosphereCalendar,
-  D as LogosphereChatBot,
-  v as LogosphereDatePicker,
-  d as LogosphereInput,
-  R as LogosphereTab,
-  K as LogosphereToast,
-  N as LogosphereToastContainer,
-  H as Modal,
-  c as Popover,
+  F as LogosphereCalendar,
+  k as LogosphereChatBot,
+  A as LogosphereDatePicker,
+  C as LogosphereInput,
+  V as LogosphereTab,
+  O as LogosphereToast,
+  Q as LogosphereToastContainer,
+  K as Modal,
+  c as Pagination,
+  B as Popover,
   L as Switch,
-  B as TextArea,
-  b as TimePicker,
-  O as ToastService,
-  V as TreeMenu
+  P as TextArea,
+  l as TimePicker,
+  R as ToastService,
+  X as TreeMenu
 };