@iyulab/chat-components 0.3.0 → 0.5.0

package/dist/components/blocks/UToolBlock.component.d.ts

@@ -1,20 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { JsonNode } from '../../types/JsonNode.js';
-/**
- * 툴 사용 블록 컴포넌트입니다.
- */
-export declare class UToolBlock extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 로딩 상태 */
-    loading: boolean;
-    /** 블록 접힘 여부 */
-    collapsed: boolean;
-    /** 헤딩 텍스트 */
-    heading?: string;
-    /** 입력 데이터 (JSON Object) */
-    input?: JsonNode;
-    /** 출력 데이터 (JSON Object) */
-    output?: JsonNode;
-    render(): import('lit-html').TemplateResult<1>;
-}

package/dist/components/blocks/UToolBlock.component.js

@@ -1,80 +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 { USpinner } from '@iyulab/components/dist/components/spinner/USpinner.component.js';
-import { UJsonBlock } from './UJsonBlock.component.js';
-import { jsonAttrConverter } from '../../utilities/converters.js';
-import { styles } from './UToolBlock.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 UToolBlock extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.loading = false;
-    this.collapsed = true;
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-spinner": USpinner,
-      "u-json-block": UJsonBlock
-    };
-  }
-  render() {
-    return html`
-      <div class="header"  @click=${() => this.collapsed = !this.collapsed}>
-        ${this.loading ? html`<u-spinner></u-spinner>` : html`<u-icon lib="internal" name="tools"></u-icon>`}
-        <div class="title">
-          ${this.heading || "Tool Usage"}
-        </div>
-        <u-icon
-          lib="internal"
-          name=${this.collapsed ? "plus-lg" : "dash-lg"}
-        ></u-icon>
-      </div>
-
-      <div class="body" part="body" scrollable ?hidden=${this.collapsed}>
-        <div class="input-view" ?hidden=${!this.input}>
-          <u-json-block
-            .value=${this.input || {}}
-          ></u-json-block>
-        </div>
-        <div class="output-view" ?hidden=${!this.output}>
-          <u-icon lib="internal" name="chevron-down"></u-icon>
-          <u-json-block
-            .value=${this.output || {}}
-          ></u-json-block>
-        </div>
-      </div>
-    `;
-  }
-}
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UToolBlock.prototype, "loading");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UToolBlock.prototype, "collapsed");
-__decorateClass([
-  property({ type: String })
-], UToolBlock.prototype, "heading");
-__decorateClass([
-  property({ type: Object, converter: jsonAttrConverter })
-], UToolBlock.prototype, "input");
-__decorateClass([
-  property({ type: Object, converter: jsonAttrConverter })
-], UToolBlock.prototype, "output");
-
-export { UToolBlock };

package/dist/components/buttons/UAttachButton.component.d.ts

@@ -1,22 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/**
- * 파일 첨부 버튼 컴포넌트입니다.
- */
-export declare class UAttachButton extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    input?: HTMLInputElement;
-    /** 첨부 파일 유형 제한, 컴마로 구분된 MIME 타입 문자열 (예: "image/*,application/pdf") */
-    accept?: string;
-    /** 다중 파일 선택 가능 여부 */
-    multiple: boolean;
-    render(): import('lit-html').TemplateResult<1>;
-    /**
-     * 버튼 클릭 핸들러
-     */
-    private handleButtonClick;
-    /**
-     * 파일 선택 이벤트 핸들러
-     */
-    private handleInputChange;
-}

package/dist/components/buttons/UAttachButton.component.js

@@ -1,89 +0,0 @@
-import { html } from 'lit';
-import { query, 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 { UTooltip } from '@iyulab/components/dist/components/tooltip/UTooltip.component.js';
-import { styles } from './UAttachButton.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 UAttachButton extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.multiple = false;
-    /**
-     * 버튼 클릭 핸들러
-     */
-    this.handleButtonClick = () => {
-      if (!this.input) return;
-      this.input.click();
-    };
-    /**
-     * 파일 선택 이벤트 핸들러
-     */
-    this.handleInputChange = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      const target = e.target;
-      const files = target.files;
-      if (!files || files.length === 0) return;
-      this.emit("u-change", {
-        files: Array.from(files)
-      });
-      target.value = "";
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-button": UButton,
-      "u-tooltip": UTooltip
-    };
-  }
-  render() {
-    return html`
-      <u-button part="base" 
-        variant="borderless"
-        @click=${this.handleButtonClick}>
-        <u-icon part="icon" 
-          lib="internal" 
-          name="paperclip"
-        ></u-icon>
-      </u-button>
-
-      <u-tooltip for="u-button" placement="bottom" distance="8">
-        <slot></slot>
-      </u-tooltip>
-      
-      <input 
-        hidden
-        type="file"
-        ?multiple=${this.multiple}
-        .accept=${this.accept || "*"}
-        @change=${this.handleInputChange}
-      />
-    `;
-  }
-}
-__decorateClass([
-  query('input[type="file"]')
-], UAttachButton.prototype, "input");
-__decorateClass([
-  property({ type: String })
-], UAttachButton.prototype, "accept");
-__decorateClass([
-  property({ type: Boolean })
-], UAttachButton.prototype, "multiple");
-
-export { UAttachButton };

package/dist/components/buttons/UCopyButton.component.d.ts

@@ -1,20 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/**
- * 클릭 시 클립보드에 텍스트를 복사하는 버튼입니다. 복사 상태를 표시하기 위해 아이콘이 변경됩니다.
- */
-export declare class UCopyButton extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 클립보드 복사 상태를 나타내는 플래그입니다. */
-    isCopied: boolean;
-    /** 클립보드 복사 후 재사용 대기 시간 (ms) */
-    delay: number;
-    /** 복사할 텍스트를 설정합니다. */
-    value?: string;
-    render(): import('lit-html').TemplateResult<1>;
-    /**
-     * 클립보드에 텍스트를 복사하는 메서드입니다.
-     * 복사 후 재사용 대기 시간이 설정되어 있으면, 일정 시간 후에 복사 가능 상태로 되돌립니다.
-     */
-    private copyToClipboard;
-}

package/dist/components/buttons/UCopyButton.component.js

@@ -1,81 +0,0 @@
-import { html } from 'lit';
-import { state, 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 { UTooltip } from '@iyulab/components/dist/components/tooltip/UTooltip.component.js';
-import { styles } from './UCopyButton.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 UCopyButton extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.isCopied = false;
-    this.delay = 1e3;
-    /**
-     * 클립보드에 텍스트를 복사하는 메서드입니다.
-     * 복사 후 재사용 대기 시간이 설정되어 있으면, 일정 시간 후에 복사 가능 상태로 되돌립니다.
-     */
-    this.copyToClipboard = async () => {
-      if (!this.value) return;
-      if (this.isCopied) return;
-      try {
-        await window.navigator.clipboard.writeText(this.value);
-        if (this.delay <= 0) return;
-        this.isCopied = true;
-        setTimeout(() => {
-          this.isCopied = false;
-        }, this.delay);
-      } catch (error) {
-        console.error("Failed to copy text to clipboard:", error);
-        this.isCopied = false;
-      }
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-button": UButton,
-      "u-tooltip": UTooltip
-    };
-  }
-  render() {
-    return html`
-      <u-button part="base" 
-        variant="borderless"
-        ?disabled=${this.isCopied}
-        @click=${this.copyToClipboard}>
-        <u-icon part="icon"
-          lib="internal"
-          name=${this.isCopied ? "check-lg" : "copy"}
-        ></u-icon>
-      </u-button>
-
-      <u-tooltip for="u-button" placement="bottom" distance="8">
-        <slot></slot>
-      </u-tooltip>
-    `;
-  }
-}
-__decorateClass([
-  state()
-], UCopyButton.prototype, "isCopied");
-__decorateClass([
-  property({ type: Number })
-], UCopyButton.prototype, "delay");
-__decorateClass([
-  property({ type: String })
-], UCopyButton.prototype, "value");
-
-export { UCopyButton };

package/dist/components/buttons/UReportButton.component.d.ts

@@ -1,9 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/**
- * 메시지 신고 버튼 컴포넌트입니다.
- */
-export declare class UReportButton extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    render(): import('lit-html').TemplateResult<1>;
-}

package/dist/components/buttons/UReportButton.component.js

@@ -1,36 +0,0 @@
-import { html } from 'lit';
-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 { UTooltip } from '@iyulab/components/dist/components/tooltip/UTooltip.component.js';
-import { styles } from './UReportButton.styles.js';
-
-class UReportButton extends BaseElement {
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-button": UButton,
-      "u-tooltip": UTooltip
-    };
-  }
-  render() {
-    return html`
-      <u-button part="base" 
-        variant="borderless">
-        <u-icon part="icon"
-          lib="internal"
-          name="flag"
-        ></u-icon>
-      </u-button>
-
-      <u-tooltip for="u-button" placement="bottom" distance="8">
-        <slot></slot>
-      </u-tooltip>
-    `;
-  }
-}
-
-export { UReportButton };

package/dist/components/buttons/UReportButton.d.ts

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

package/dist/components/buttons/UReportButton.js

@@ -1,5 +0,0 @@
-import { UReportButton } from './UReportButton.component.js';
-
-UReportButton.define("u-report-button");
-
-export { UReportButton };

package/dist/components/buttons/UReportButton.styles.js

@@ -1,14 +0,0 @@
-import { css } from 'lit';
-
-const styles = css`
-  :host(:empty) u-tooltip {
-    display: none;
-  }
-
-  u-button {
-    color: var(--u-txt-color-weak);
-    font-size: 16px;
-  }
-`;
-
-export { styles };

package/dist/components/buttons/URetryButton.component.d.ts

@@ -1,11 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/**
- * 메시지 재시도 버튼 컴포넌트입니다.
- */
-export declare class URetryButton extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 재생성 중인지 여부 */
-    loading: boolean;
-    render(): import('lit-html').TemplateResult<1>;
-}

package/dist/components/buttons/URetryButton.component.js

@@ -1,53 +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 { UTooltip } from '@iyulab/components/dist/components/tooltip/UTooltip.component.js';
-import { styles } from './URetryButton.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 URetryButton extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.loading = false;
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-button": UButton,
-      "u-tooltip": UTooltip
-    };
-  }
-  render() {
-    return html`
-      <u-button part="base" 
-        variant="borderless">
-        <u-icon part="icon"
-          lib="internal"
-          name="arrow-repeat"
-        ></u-icon>
-      </u-button>
-
-      <u-tooltip for="u-button" placement="bottom" distance="8">
-        <slot></slot>
-      </u-tooltip>
-    `;
-  }
-}
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], URetryButton.prototype, "loading");
-
-export { URetryButton };

package/dist/components/buttons/URetryButton.d.ts

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

package/dist/components/buttons/URetryButton.js

@@ -1,5 +0,0 @@
-import { URetryButton } from './URetryButton.component.js';
-
-URetryButton.define("u-retry-button");
-
-export { URetryButton };

package/dist/components/buttons/URetryButton.styles.js

@@ -1,26 +0,0 @@
-import { css } from 'lit';
-
-const styles = css`
-  :host(:empty) u-tooltip {
-    display: none;
-  }
-  :host([loading]) u-icon {
-    animation: spin 1s linear infinite;
-  }
-
-  u-button {
-    color: var(--u-txt-color-weak);
-    font-size: 16px;
-  }
-
-  @keyframes spin {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
-  }
-`;
-
-export { styles };

package/dist/components/buttons/UShareButton.component.d.ts

@@ -1,9 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/**
- * 메시지 공유하기 버튼 컴포넌트입니다.
- */
-export declare class UShareButton extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    render(): import('lit-html').TemplateResult<1>;
-}

package/dist/components/buttons/UShareButton.component.js

@@ -1,36 +0,0 @@
-import { html } from 'lit';
-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 { UTooltip } from '@iyulab/components/dist/components/tooltip/UTooltip.component.js';
-import { styles } from './UShareButton.styles.js';
-
-class UShareButton extends BaseElement {
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-button": UButton,
-      "u-tooltip": UTooltip
-    };
-  }
-  render() {
-    return html`
-      <u-button part="base" 
-        variant="borderless">
-        <u-icon part="icon"
-          lib="internal"
-          name="share"
-        ></u-icon>
-      </u-button>
-
-      <u-tooltip for="u-button" placement="bottom" distance="8">
-        <slot></slot>
-      </u-tooltip>
-    `;
-  }
-}
-
-export { UShareButton };

package/dist/components/buttons/UShareButton.d.ts

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

package/dist/components/buttons/UShareButton.js

@@ -1,5 +0,0 @@
-import { UShareButton } from './UShareButton.component.js';
-
-UShareButton.define("u-share-button");
-
-export { UShareButton };

package/dist/components/buttons/UShareButton.styles.js

@@ -1,14 +0,0 @@
-import { css } from 'lit';
-
-const styles = css`
-  :host(:empty) u-tooltip {
-    display: none;
-  }
-
-  u-button {
-    color: var(--u-txt-color-weak);
-    font-size: 16px;
-  }
-`;
-
-export { styles };

package/dist/components/buttons/UVoteButton.component.d.ts

@@ -1,15 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/** 투표 상태 타입 */
-export type VoteValue = 'none' | 'up' | 'down';
-/**
- * 투표 버튼 컴포넌트입니다.
- */
-export declare class UVoteButton extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 현재 투표 상태 */
-    value: VoteValue;
-    render(): import('lit-html').TemplateResult<1>;
-    private handleUpButtonClick;
-    private handleDownButtonClick;
-}

package/dist/components/buttons/UVoteButton.component.js

@@ -1,70 +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 { UTooltip } from '@iyulab/components/dist/components/tooltip/UTooltip.component.js';
-import { styles } from './UVoteButton.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 UVoteButton extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.value = "none";
-    this.handleUpButtonClick = () => {
-      this.value = this.value === "up" ? "none" : "up";
-      this.emit("u-change", { value: this.value });
-    };
-    this.handleDownButtonClick = () => {
-      this.value = this.value === "down" ? "none" : "down";
-      this.emit("u-change", { value: this.value });
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-button": UButton,
-      "u-tooltip": UTooltip
-    };
-  }
-  render() {
-    return html`
-      <u-button class="up-btn" part="up-btn"
-        variant="borderless"
-        @click=${this.handleUpButtonClick}>
-        <u-icon part="icon"
-          lib="internal"
-          name=${this.value === "up" ? "hand-thumbs-up-fill" : "hand-thumbs-up"}
-        ></u-icon>
-      </u-button>
-      <u-button class="down-btn" part="down-btn"
-        variant="borderless"
-        @click=${this.handleDownButtonClick}>
-        <u-icon part="icon"
-          lib="internal"
-          name=${this.value === "down" ? "hand-thumbs-down-fill" : "hand-thumbs-down"}
-        ></u-icon>
-      </u-button>
-
-      <u-tooltip for="u-button" placement="bottom" distance="8">
-        <slot></slot>
-      </u-tooltip>
-    `;
-  }
-}
-__decorateClass([
-  property({ type: String })
-], UVoteButton.prototype, "value");
-
-export { UVoteButton };