@iyulab/chat-components 0.3.0 → 0.5.0

package/dist/components/loaders/UDotLoader.component.d.ts

@@ -1,9 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/**
- * 점 3개 로더 컴포넌트입니다.
- */
-export declare class UDotLoader extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    render(): import('lit-html').TemplateResult<1>;
-}

package/dist/components/loaders/UDotLoader.component.js

@@ -1,23 +0,0 @@
-import { html } from 'lit';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { styles } from './UDotLoader.styles.js';
-
-class UDotLoader extends BaseElement {
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {};
-  }
-  render() {
-    return html`
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-        <circle class="d0" cx="4" cy="12" r="3" />
-        <circle class="d1" cx="12" cy="12" r="3" />
-        <circle class="d2" cx="20" cy="12" r="3" />
-      </svg>
-    `;
-  }
-}
-
-export { UDotLoader };

package/dist/components/loaders/UDotLoader.d.ts

@@ -1,7 +0,0 @@
-import { UDotLoader } from './UDotLoader.component.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'u-dot-loader': UDotLoader;
-    }
-}
-export { UDotLoader };

package/dist/components/loaders/UDotLoader.js

@@ -1,5 +0,0 @@
-import { UDotLoader } from './UDotLoader.component.js';
-
-UDotLoader.define("u-dot-loader");
-
-export { UDotLoader };

package/dist/components/loaders/UDotLoader.styles.js

@@ -1,50 +0,0 @@
-import { css } from 'lit';
-
-const styles = css`
-  svg {
-    width: 1em;
-    height: 1em;
-    fill: currentColor;
-    display: inline-block;
-    vertical-align: middle;
-  }
-
-  circle {
-    animation: bounce 1.05s infinite;
-    transform-box: fill-box;
-    transform-origin: center;
-  }
-
-  circle.d1 {
-    animation-delay: 0.1s;
-  }
-
-  circle.d2 {
-    animation-delay: 0.2s;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    circle {
-      animation: none;
-      transform: none;
-    }
-  }
-
-  @keyframes bounce {
-    0%,57.14% {
-      animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
-      transform: translateY(0);
-    }
-
-    28.57% {
-      animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
-      transform: translateY(-6px);
-    }
-
-    100% {
-      transform: translateY(0);
-    }
-  }
-`;
-
-export { styles };

package/dist/components/message/UMessage.component.d.ts

@@ -1,19 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { BlockItem } from '../../types/BlockItem';
-/** 메시지 variant 타입 */
-export type MessageVariant = 'default' | 'bubble';
-/** 메시지 위치 타입 */
-export type MessagePosition = 'left' | 'right';
-/**
- * 채팅 메시지 컴포넌트입니다.
- * 다양한 유형의 블록 아이템과 인용 출처를 렌더링할 수 있습니다.
- */
-export declare class UMessage extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    variant: MessageVariant;
-    position: MessagePosition;
-    loading: boolean;
-    items?: BlockItem[];
-    render(): import('lit-html').TemplateResult<1>;
-}

package/dist/components/message/UMessage.component.js

@@ -1,90 +0,0 @@
-import { nothing, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { repeat } from 'lit/directives/repeat.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { UTextBlock } from '../blocks/UTextBlock.component.js';
-import { UMarkedBlock } from '../blocks/UMarkedBlock.component.js';
-import { UThinkBlock } from '../blocks/UThinkBlock.component.js';
-import { UToolBlock } from '../blocks/UToolBlock.component.js';
-import { URefBlock } from '../blocks/URefBlock.component.js';
-import { UDotLoader } from '../loaders/UDotLoader.component.js';
-import { styles } from './UMessage.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class UMessage extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.variant = "default";
-    this.position = "left";
-    this.loading = false;
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-text-block": UTextBlock,
-      "u-marked-block": UMarkedBlock,
-      "u-think-block": UThinkBlock,
-      "u-tool-block": UToolBlock,
-      "u-ref-block": URefBlock,
-      "u-dot-loader": UDotLoader
-    };
-  }
-  render() {
-    return html`
-      <slot name="header"></slot>
-      
-      <div class="body" part="body" variant=${this.variant} position=${this.position}>
-        ${repeat(this.items || [], (_, idx) => idx, (item, idx) => item.type === "text" ? html`
-              <u-text-block
-                .value=${item.value}
-              ></u-text-block>` : item.type === "markdown" ? html`
-              <u-marked-block
-                .value=${item.value}
-                .refs=${item.refs}
-              ></u-marked-block>` : item.type === "thinking" ? html`
-              <u-think-block 
-                .value=${item.value}
-              ></u-think-block>` : item.type === "tool" ? html`
-              <u-tool-block
-                index=${idx}
-                .heading=${item.title}
-                .input=${item.input}
-                .output=${item.output}
-              ></u-tool-block>` : item.type === "reference" ? html`
-              <u-ref-block
-                .heading=${"References"}
-                .sources=${item.sources}
-              ></u-ref-block>` : nothing)}
-        <u-dot-loader
-          ?hidden=${!this.loading}
-        ></u-dot-loader>
-      </div>
-
-      <slot name="footer" ?hidden=${this.loading}></slot>
-    `;
-  }
-}
-__decorateClass([
-  property({ type: String, reflect: true })
-], UMessage.prototype, "variant");
-__decorateClass([
-  property({ type: String, reflect: true })
-], UMessage.prototype, "position");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UMessage.prototype, "loading");
-__decorateClass([
-  property({ type: Array })
-], UMessage.prototype, "items");
-
-export { UMessage };

package/dist/components/prompt/UPrompt.component.d.ts

@@ -1,25 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/**
- * 채팅 입력 컴포넌트입니다.
- * 텍스트 입력 영역과 우측에 액션 버튼을 배치할 수 있는 슬롯을 제공합니다.
- */
-export declare class UPrompt extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 로딩 상태 여부 */
-    loading: boolean;
-    /** 최소 행 수 */
-    minRows: number;
-    /** 최대 행 수 */
-    maxRows: number;
-    /** 입력 필드의 플레이스홀더 텍스트 */
-    placeholder?: string;
-    /** 입력 필드의 값 */
-    value?: string;
-    connectedCallback(): void;
-    render(): import('lit-html').TemplateResult<1>;
-    send(): void;
-    private handleTextBlockInput;
-    private handleTextBlockKeydown;
-    private handleSendButtonClick;
-}

package/dist/components/prompt/UPrompt.component.js

@@ -1,113 +0,0 @@
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { UIcon } from '@iyulab/components/dist/components/icon/UIcon.component.js';
-import { UButton } from '@iyulab/components/dist/components/button/UButton.component.js';
-import { UTextBlock } from '../blocks/UTextBlock.component.js';
-import { styles } from './UPrompt.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class UPrompt extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.loading = false;
-    this.minRows = 1;
-    this.maxRows = 10;
-    this.handleSendButtonClick = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      this.send();
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-button": UButton,
-      "u-text-block": UTextBlock
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("tabindex", "0");
-  }
-  render() {
-    return html`
-      <slot name="header"></slot>
-
-      <u-text-block part="input"
-        editable
-        .minRows=${this.minRows}
-        .maxRows=${this.maxRows}
-        .value=${this.value}
-        .placeholder=${this.placeholder}
-        @input=${this.handleTextBlockInput}
-        @keydown=${this.handleTextBlockKeydown}
-      ></u-text-block>
-      
-      <div class="control" part="control">
-        <slot name="left-actions"></slot>
-        <div style="flex: 1;"></div>
-        <slot name="right-actions"></slot>
-        
-        <u-button class="send-btn" part="send-btn"
-          ?disabled=${!this.loading && !this.value}
-          @click=${this.handleSendButtonClick}>
-          <u-icon
-            lib="internal"
-            name=${this.loading ? "stop-circle" : "arrow-up"}
-          ></u-icon>
-        </u-button>
-      </div>
-      
-      <slot name="footer"></slot>
-    `;
-  }
-  send() {
-    const value = this.value?.trim();
-    if (this.loading) {
-      this.emit("u-cancel");
-    } else if (value) {
-      this.emit("u-submit", { value: this.value });
-      this.value = "";
-    } else ;
-  }
-  handleTextBlockInput(e) {
-    e.preventDefault();
-    const target = e.target;
-    this.value = target.value;
-  }
-  handleTextBlockKeydown(e) {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      this.send();
-    }
-  }
-}
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UPrompt.prototype, "loading");
-__decorateClass([
-  property({ type: Number })
-], UPrompt.prototype, "minRows");
-__decorateClass([
-  property({ type: Number })
-], UPrompt.prototype, "maxRows");
-__decorateClass([
-  property({ type: String })
-], UPrompt.prototype, "placeholder");
-__decorateClass([
-  property({ type: String })
-], UPrompt.prototype, "value");
-
-export { UPrompt };

package/dist/components/references/URefCard.component.d.ts

@@ -1,24 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/**
- * 참조 소스를 카드 형태로 표시하는 공통 컴포넌트입니다.
- * Web과 Document 타입 모두 지원합니다.
- */
-export declare class URefCard extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 카드 타입 (web 또는 document) */
-    type: 'web' | 'document';
-    /** 외부 링크 URL */
-    href?: string;
-    /** 카드 타이틀 */
-    heading?: string;
-    /** 태그 목록 */
-    tags?: string[];
-    render(): import('lit-html').TemplateResult<1>;
-    /** 링크 클릭 핸들러 */
-    private handleAnchorClick;
-    /** URL에서 Google의 파비콘 URL을 반환합니다. */
-    private getFaviconUrl;
-    /** URL에서 도메인 사이트 주소를 반환합니다. */
-    private getDomainName;
-}

package/dist/components/references/URefCard.component.js

@@ -1,105 +0,0 @@
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { arrayAttrConverter } from '@iyulab/components/dist/utilities/converters.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { UIcon } from '@iyulab/components/dist/components/icon/UIcon.component.js';
-import { styles } from './URefCard.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class URefCard extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.type = "web";
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon
-    };
-  }
-  render() {
-    return html`
-      <a href="${ifDefined(this.href)}" target="_blank" rel="noopener noreferrer"
-        @click=${this.handleAnchorClick}>
-        <div class="header">
-          <img class="favicon" 
-            src="${this.getFaviconUrl(this.href)}" 
-            alt="favicon"
-          />
-          <div class="title" title="${ifDefined(this.heading)}">
-            ${this.heading || this.getDomainName(this.href)}
-          </div>
-
-          <div style="flex: 1;"></div>
-
-          <div class="badge" type=${this.type}>
-            <u-icon 
-              lib="internal" 
-              name=${this.type === "web" ? "globe" : "file-earmark"}
-            ></u-icon>
-            ${this.type.toUpperCase()}
-          </div>
-        </div>
-
-        <div class="body">
-          <slot></slot>
-        </div>
-        
-        <div class="footer" ?hidden=${!this.tags || this.tags.length === 0}>
-          ${this.tags?.map((tag) => html`<span class="tag">${tag}</span>`)}
-        </div>
-      </a>
-    `;
-  }
-  /** 링크 클릭 핸들러 */
-  handleAnchorClick(e) {
-    if (!this.href) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }
-  /** URL에서 Google의 파비콘 URL을 반환합니다. */
-  getFaviconUrl(url) {
-    if (!url) return `/favicon.ico`;
-    try {
-      const hostname = new URL(url).hostname;
-      return `https://www.google.com/s2/favicons?sz=64&domain=${hostname}`;
-    } catch {
-      return `/favicon.ico`;
-    }
-  }
-  /** URL에서 도메인 사이트 주소를 반환합니다. */
-  getDomainName(url) {
-    if (!url) return "";
-    try {
-      return new URL(url).hostname;
-    } catch {
-      return "";
-    }
-  }
-}
-__decorateClass([
-  property({ type: String, reflect: true })
-], URefCard.prototype, "type");
-__decorateClass([
-  property({ type: String })
-], URefCard.prototype, "href");
-__decorateClass([
-  property({ type: String })
-], URefCard.prototype, "heading");
-__decorateClass([
-  property({ type: Array, converter: arrayAttrConverter((v) => v) })
-], URefCard.prototype, "tags");
-
-export { URefCard };

package/dist/components/references/URefCardGroup.component.d.ts

@@ -1,25 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { URefCard } from './URefCard.component.js';
-/**
- * 여러 참조 카드를 그룹으로 표시하는 컴포넌트입니다.
- * 페이지네이션 기능을 제공하여 각 카드를 하나씩 탐색할 수 있습니다.
- */
-export declare class URefCardGroup extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** slot으로 받은 카드 엘리먼트들 */
-    cards: URefCard[];
-    /** 현재 표시 중인 카드의 인덱스 */
-    currentIndex: number;
-    render(): import('lit-html').TemplateResult<1>;
-    /**
-     * 해당하는 인덱스에 해당하는 카드로 변경합니다.
-     */
-    switch(index: number): void;
-    /** 이전 카드로 이동합니다. */
-    private handlePreviousButtonClick;
-    /** 다음 카드로 이동합니다. */
-    private handleNextButtonClick;
-    /** slot 내용이 변경될 때 호출됩니다. */
-    private handleSlotChange;
-}

package/dist/components/references/URefCardGroup.component.js

@@ -1,88 +0,0 @@
-import { html } from 'lit';
-import { state } from 'lit/decorators.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { UIcon } from '@iyulab/components/dist/components/icon/UIcon.component.js';
-import { URefCard } from './URefCard.component.js';
-import { styles } from './URefCardGroup.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class URefCardGroup extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.cards = [];
-    this.currentIndex = 0;
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-ref-card": URefCard
-    };
-  }
-  render() {
-    return html`
-      <div class="header">
-        <button class="nav-button"
-          @click=${this.handlePreviousButtonClick}>
-          <u-icon lib="internal" name="chevron-left"></u-icon>
-        </button>
-        
-        <span class="page-indicator">
-          ${this.currentIndex + 1} / ${this.cards.length}
-        </span>
-        
-        <button class="nav-button"
-          @click=${this.handleNextButtonClick}>
-          <u-icon lib="internal" name="chevron-right"></u-icon>
-        </button>
-      </div>
-      
-      <div class="viewport">
-        <div class="track" style=${`transform: translateX(-${this.currentIndex * 100}%);`}>
-          <slot @slotchange=${this.handleSlotChange}></slot>
-        </div>
-      </div>
-    `;
-  }
-  /**
-   * 해당하는 인덱스에 해당하는 카드로 변경합니다.
-   */
-  switch(index) {
-    const len = this.cards.length;
-    if (len === 0) return;
-    this.currentIndex = index < 0 ? len - 1 : index >= len ? 0 : index;
-  }
-  /** 이전 카드로 이동합니다. */
-  handlePreviousButtonClick() {
-    this.switch(this.currentIndex - 1);
-  }
-  /** 다음 카드로 이동합니다. */
-  handleNextButtonClick() {
-    this.switch(this.currentIndex + 1);
-  }
-  /** slot 내용이 변경될 때 호출됩니다. */
-  handleSlotChange(e) {
-    const slot = e.target;
-    const elements = slot.assignedElements({ flatten: true });
-    this.cards = elements.filter((el) => el instanceof URefCard);
-    this.switch(0);
-  }
-}
-__decorateClass([
-  state()
-], URefCardGroup.prototype, "cards");
-__decorateClass([
-  state()
-], URefCardGroup.prototype, "currentIndex");
-
-export { URefCardGroup };

package/dist/components/references/URefTag.component.d.ts

@@ -1,13 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/**
- * 인용 태그 컴포넌트입니다.
- */
-export declare class URefTag extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 인용 출처 소스 데이터 */
-    href?: string;
-    render(): import('lit-html').TemplateResult<1>;
-    /** 링크 클릭 핸들러 */
-    private handleAnchorClick;
-}

package/dist/components/references/URefTag.component.js

@@ -1,54 +0,0 @@
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { UTooltip } from '@iyulab/components/dist/components/tooltip/UTooltip.component.js';
-import { UIcon } from '@iyulab/components/dist/components/icon/UIcon.component.js';
-import { styles } from './URefTag.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class URefTag extends BaseElement {
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-tooltip": UTooltip
-    };
-  }
-  render() {
-    return html`
-      <a href="${ifDefined(this.href)}" target="_blank" rel="noopener noreferrer"
-        @click=${this.handleAnchorClick}>
-        <slot></slot>
-      </a>
-
-      <u-icon lib="internal" name="box-arrow-up-right"></u-icon>
-
-      <u-tooltip interactive placement="bottom" distance="4">
-        <slot name="tooltip"></slot>
-      </u-tooltip>
-    `;
-  }
-  /** 링크 클릭 핸들러 */
-  handleAnchorClick(e) {
-    if (!this.href) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }
-}
-__decorateClass([
-  property({ type: String })
-], URefTag.prototype, "href");
-
-export { URefTag };

package/dist/events/UCancelEvent.d.ts

@@ -1,6 +0,0 @@
-export type UCancelEvent = CustomEvent<undefined>;
-declare global {
-    interface HTMLElementEventMap {
-        'u-cancel': UCancelEvent;
-    }
-}

package/dist/events/USubmitEvent.d.ts

@@ -1,6 +0,0 @@
-export type USubmitEvent = CustomEvent<string>;
-declare global {
-    interface HTMLElementEventMap {
-        'u-submit': USubmitEvent;
-    }
-}