@iyulab/components 0.4.0 → 1.0.1

package/dist/components/tree/UTree.component.d.ts

@@ -1,37 +0,0 @@
-import { UElement } from '../UElement.js';
-import { UTreeItem } from '../tree-item/UTreeItem.component.js';
-/**
- * Tree 컴포넌트는 계층적 데이터 구조를 표시하는 트리 뷰를 제공합니다.
- * u-tree-item 컴포넌트를 자식으로 사용하여 중첩된 구조를 구성할 수 있습니다.
- */
-export declare class UTree extends UElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof UElement>;
-    private selectedItems;
-    items: UTreeItem[];
-    /** 트리가 비활성화 상태인지 여부입니다. */
-    disabled: boolean;
-    /** 다중 선택을 허용할지 여부입니다. */
-    multiple: boolean;
-    /** 선택 가능한 트리인지 여부입니다. */
-    selectable: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import('lit-html').TemplateResult<1>;
-    /** 트리 항목 선택 이벤트를 처리합니다. */
-    private handleItemSelect;
-    /** 트리 항목 확장/축소 이벤트를 처리합니다. */
-    private handleItemToggle;
-    /**
-     * 선택된 모든 항목을 반환합니다.
-     */
-    getSelectedItems(): UTreeItem[];
-    /**
-     * 모든 선택을 해제합니다.
-     */
-    clearSelection(): void;
-    /**
-     * 재귀적으로 모든 TreeItem을 가져옵니다.
-     */
-    private getAllTreeItems;
-}

package/dist/components/tree/UTree.component.js

@@ -1,120 +0,0 @@
-import { html } from 'lit';
-import { queryAssignedElements, property } from 'lit/decorators.js';
-import { UElement } from '../UElement.js';
-import { UTreeItem } from '../tree-item/UTreeItem.component.js';
-import { styles } from './UTree.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 UTree extends UElement {
-  constructor() {
-    super(...arguments);
-    this.selectedItems = /* @__PURE__ */ new Set();
-    this.disabled = false;
-    this.multiple = false;
-    this.selectable = true;
-    /** 트리 항목 선택 이벤트를 처리합니다. */
-    this.handleItemSelect = (e) => {
-      if (!this.selectable || this.disabled) {
-        e.stopPropagation();
-        return;
-      }
-      const item = e.detail.item;
-      if (!this.multiple) {
-        this.selectedItems.forEach((selectedItem) => {
-          if (selectedItem !== item) {
-            selectedItem.selected = false;
-          }
-        });
-        this.selectedItems.clear();
-      }
-      if (item.selected) {
-        this.selectedItems.add(item);
-      } else {
-        this.selectedItems.delete(item);
-      }
-    };
-    /** 트리 항목 확장/축소 이벤트를 처리합니다. */
-    this.handleItemToggle = (e) => {
-      if (this.disabled) {
-        e.stopPropagation();
-        return;
-      }
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-tree-item": UTreeItem
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("u-select", this.handleItemSelect);
-    this.addEventListener("u-toggle", this.handleItemToggle);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("u-select", this.handleItemSelect);
-    this.removeEventListener("u-toggle", this.handleItemToggle);
-  }
-  render() {
-    return html`
-      <div class="container">
-        <slot></slot>
-      </div>
-    `;
-  }
-  /**
-   * 선택된 모든 항목을 반환합니다.
-   */
-  getSelectedItems() {
-    return Array.from(this.selectedItems);
-  }
-  /**
-   * 모든 선택을 해제합니다.
-   */
-  clearSelection() {
-    this.selectedItems.forEach((item) => {
-      item.selected = false;
-    });
-    this.selectedItems.clear();
-  }
-  /**
-   * 재귀적으로 모든 TreeItem을 가져옵니다.
-   */
-  getAllTreeItems(items = this.items) {
-    let allItems = [];
-    items.forEach((item) => {
-      if (item instanceof UTreeItem) {
-        allItems.push(item);
-        const childItems = this.getAllTreeItems(item.childrenItems);
-        allItems = allItems.concat(childItems);
-      }
-    });
-    return allItems;
-  }
-}
-__decorateClass([
-  queryAssignedElements({ flatten: false, selector: "u-tree-item" })
-], UTree.prototype, "items");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UTree.prototype, "disabled");
-__decorateClass([
-  property({ type: Boolean })
-], UTree.prototype, "multiple");
-__decorateClass([
-  property({ type: Boolean })
-], UTree.prototype, "selectable");
-
-export { UTree };

package/dist/components/tree-item/UTreeItem.component.d.ts

@@ -1,41 +0,0 @@
-import { PropertyValues } from 'lit';
-import { UElement } from '../UElement.js';
-/**
- * UTreeItem 컴포넌트는 트리의 개별 노드를 나타냅니다.
- * UTree 컴포넌트와 함께 사용되며, 중첩된 구조를 지원합니다.
- */
-export declare class UTreeItem extends UElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof UElement>;
-    /** DOM 변경 감지를 위한 MutationObserver */
-    private mutationObserver?;
-    /** 자식 트리 아이템 배열 */
-    private _childrenItems;
-    /** 자식 트리 아이템 배열 (읽기 전용) */
-    get childrenItems(): readonly UTreeItem[];
-    headerEl: HTMLElement;
-    /** 트리 항목이 리프 노드인지 여부입니다. */
-    leaf: boolean;
-    /** 트리 항목의 들여쓰기 레벨입니다. */
-    level: number;
-    /** 트리 항목이 확장된 상태인지 여부입니다. */
-    expanded: boolean;
-    /** 트리 항목이 비활성화 상태인지 여부입니다. */
-    disabled: boolean;
-    /** 로딩 상태 @default false */
-    loading: boolean;
-    /** 트리 항목이 선택된 상태인지 여부입니다. */
-    selected: boolean;
-    /** 트리 항목의 값입니다. */
-    value: string;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected updated(changedProperties: PropertyValues): void;
-    render(): import('lit-html').TemplateResult<1>;
-    /** 자식 u-tree-item 요소들에 slot 속성 부여 */
-    private processChildren;
-    /** 자식 슬롯 변경 시 처리 */
-    private handleChildrenSlotChange;
-    /** 헤더 클릭 이벤트를 처리합니다. */
-    private handleHeaderClick;
-}

package/dist/components/tree-item/UTreeItem.component.js

@@ -1,161 +0,0 @@
-import { html } from 'lit';
-import { query, state, property } from 'lit/decorators.js';
-import { UElement } from '../UElement.js';
-import { UIcon } from '../icon/UIcon.component.js';
-import { styles } from './UTreeItem.styles.js';
-import { USpinner } from '../spinner/USpinner.component.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 UTreeItem extends UElement {
-  constructor() {
-    super(...arguments);
-    /** 자식 트리 아이템 배열 */
-    this._childrenItems = [];
-    this.leaf = true;
-    this.level = 0;
-    this.expanded = false;
-    this.disabled = false;
-    this.loading = false;
-    this.selected = false;
-    this.value = "";
-    /** 자식 슬롯 변경 시 처리 */
-    this.handleChildrenSlotChange = (e) => {
-      const slot = e.target;
-      const assignedElements = slot.assignedElements({ flatten: true });
-      this._childrenItems = assignedElements.filter(
-        (el) => el.tagName.toLowerCase() === "u-tree-item"
-      );
-      this.leaf = this._childrenItems.length === 0;
-      this._childrenItems.forEach((child) => {
-        child.level = this.level + 1;
-      });
-    };
-    /** 헤더 클릭 이벤트를 처리합니다. */
-    this.handleHeaderClick = (e) => {
-      if (this.disabled) {
-        e.preventDefault();
-        e.stopPropagation();
-        return;
-      }
-      if (this.leaf) {
-        this.selected = true;
-        this.emit("u-select", { value: this.value, item: this });
-      } else {
-        this.expanded = !this.expanded;
-        this.emit("u-toggle", { expanded: this.expanded, item: this });
-      }
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-spinner": USpinner
-    };
-  }
-  /** 자식 트리 아이템 배열 (읽기 전용) */
-  get childrenItems() {
-    return this._childrenItems;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("tabindex", this.disabled ? "-1" : "0");
-    this.mutationObserver = new MutationObserver((mutations) => {
-      for (const mutation of mutations) {
-        if (mutation.type === "childList") {
-          mutation.addedNodes.forEach((node) => {
-            if (node instanceof Element && node.tagName.toLowerCase() === "u-tree-item" && !node.hasAttribute("slot")) {
-              node.setAttribute("slot", "children");
-            }
-          });
-        }
-      }
-    });
-    this.mutationObserver.observe(this, { childList: true });
-    this.processChildren();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.mutationObserver?.disconnect();
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("disabled")) {
-      this.setAttribute("tabindex", this.disabled ? "-1" : "0");
-    }
-    if (changedProperties.has("level")) {
-      this.style.setProperty("--indent-level", this.level.toString());
-    }
-  }
-  render() {
-    return html`
-      <div class="header" @click=${this.handleHeaderClick}>
-        <u-icon class="expand-icon"
-          ?hidden=${this.leaf}
-          lib="internal"
-          name=${this.expanded ? "chevron-down" : "chevron-right"}
-        ></u-icon>
-        
-        <u-spinner class="prefix icon" 
-          ?hidden=${!this.loading}
-        ></u-spinner>
-        
-        <slot name="prefix"></slot>
-        
-        <span class="label">
-          <slot></slot>
-        </span>
-        
-        <slot name="suffix"></slot>
-      </div>
-
-      <div class="children" ?hidden=${!this.expanded}>
-        <slot name="children" @slotchange=${this.handleChildrenSlotChange}></slot>
-      </div>
-    `;
-  }
-  /** 자식 u-tree-item 요소들에 slot 속성 부여 */
-  processChildren() {
-    Array.from(this.children).forEach((child) => {
-      if (child.tagName.toLowerCase() === "u-tree-item" && !child.hasAttribute("slot")) {
-        child.setAttribute("slot", "children");
-      }
-    });
-  }
-}
-__decorateClass([
-  query(".header")
-], UTreeItem.prototype, "headerEl");
-__decorateClass([
-  state()
-], UTreeItem.prototype, "leaf");
-__decorateClass([
-  state()
-], UTreeItem.prototype, "level");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UTreeItem.prototype, "expanded");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UTreeItem.prototype, "disabled");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UTreeItem.prototype, "loading");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UTreeItem.prototype, "selected");
-__decorateClass([
-  property({ type: String })
-], UTreeItem.prototype, "value");
-
-export { UTreeItem };

package/dist/events/UChangeEvent.d.ts

@@ -1,6 +0,0 @@
-export type UChangeEvent = CustomEvent<Record<PropertyKey, never>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'u-change': UChangeEvent;
-    }
-}

package/dist/events/UHideEvent.d.ts

@@ -1,6 +0,0 @@
-export type UHideEvent = CustomEvent<Record<PropertyKey, never>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'u-hide': UHideEvent;
-    }
-}

package/dist/events/UInputEvent.d.ts

@@ -1,6 +0,0 @@
-export type UInputEvent = CustomEvent<Record<PropertyKey, never>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'u-input': UInputEvent;
-    }
-}

package/dist/events/UResizeEvent.d.ts

@@ -1,6 +0,0 @@
-export type UResizeEvent = CustomEvent<Record<PropertyKey, never>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'u-resize': UResizeEvent;
-    }
-}

package/dist/events/USelectEvent.d.ts

@@ -1,6 +0,0 @@
-export type USelectEvent = CustomEvent<Record<PropertyKey, never>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'u-select': USelectEvent;
-    }
-}

package/dist/events/UShowEvent.d.ts

@@ -1,6 +0,0 @@
-export type UShowEvent = CustomEvent<Record<PropertyKey, never>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'u-show': UShowEvent;
-    }
-}

package/dist/react-components/UAlert.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { UAlert } from '../components/alert/UAlert';
-
-export declare const UAlert: React.ForwardRefExoticComponent<
-  Partial<UAlert> & React.HTMLAttributes<UAlert>
->;
-
-export type UAlertProps = React.ComponentProps<typeof UAlert>;

package/dist/react-components/UForm.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { UForm } from '../components/form/UForm';
-
-export declare const UForm: React.ForwardRefExoticComponent<
-  Partial<UForm> & React.HTMLAttributes<UForm>
->;
-
-export type UFormProps = React.ComponentProps<typeof UForm>;

package/dist/react-components/UInput.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { UInput } from '../components/input/UInput';
-
-export declare const UInput: React.ForwardRefExoticComponent<
-  Partial<UInput> & React.HTMLAttributes<UInput>
->;
-
-export type UInputProps = React.ComponentProps<typeof UInput>;

package/dist/react-components/UMenu.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { UMenu } from '../components/menu/UMenu';
-
-export declare const UMenu: React.ForwardRefExoticComponent<
-  Partial<UMenu> & React.HTMLAttributes<UMenu>
->;
-
-export type UMenuProps = React.ComponentProps<typeof UMenu>;

package/dist/react-components/UMenuItem.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { UMenuItem } from '../components/menu-item/UMenuItem';
-
-export declare const UMenuItem: React.ForwardRefExoticComponent<
-  Partial<UMenuItem> & React.HTMLAttributes<UMenuItem>
->;
-
-export type UMenuItemProps = React.ComponentProps<typeof UMenuItem>;

package/dist/react-components/UProgressBar.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { UProgressBar } from '../components/progress-bar/UProgressBar';
-
-export declare const UProgressBar: React.ForwardRefExoticComponent<
-  Partial<UProgressBar> & React.HTMLAttributes<UProgressBar>
->;
-
-export type UProgressBarProps = React.ComponentProps<typeof UProgressBar>;

package/dist/react-components/UProgressRing.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { UProgressRing } from '../components/progress-ring/UProgressRing';
-
-export declare const UProgressRing: React.ForwardRefExoticComponent<
-  Partial<UProgressRing> & React.HTMLAttributes<UProgressRing>
->;
-
-export type UProgressRingProps = React.ComponentProps<typeof UProgressRing>;

package/dist/react-components/USplitPanel.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { USplitPanel } from '../components/split-panel/USplitPanel';
-
-export declare const USplitPanel: React.ForwardRefExoticComponent<
-  Partial<USplitPanel> & React.HTMLAttributes<USplitPanel>
->;
-
-export type USplitPanelProps = React.ComponentProps<typeof USplitPanel>;

package/dist/react-components/UTooltip.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { UTooltip } from '../components/tooltip/UTooltip';
-
-export declare const UTooltip: React.ForwardRefExoticComponent<
-  Partial<UTooltip> & React.HTMLAttributes<UTooltip>
->;
-
-export type UTooltipProps = React.ComponentProps<typeof UTooltip>;

package/dist/react-components/UTree.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { UTree } from '../components/tree/UTree';
-
-export declare const UTree: React.ForwardRefExoticComponent<
-  Partial<UTree> & React.HTMLAttributes<UTree>
->;
-
-export type UTreeProps = React.ComponentProps<typeof UTree>;

package/dist/react-components/UTreeItem.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { UTreeItem } from '../components/tree-item/UTreeItem';
-
-export declare const UTreeItem: React.ForwardRefExoticComponent<
-  Partial<UTreeItem> & React.HTMLAttributes<UTreeItem>
->;
-
-export type UTreeItemProps = React.ComponentProps<typeof UTreeItem>;

package/dist/utilities/IconRegistry.d.ts

@@ -1,40 +0,0 @@
-/**
- * `default` 라이브러리에서 아이콘을 로드할 때 사용할 기본 URL을 반환합니다.
- */
-declare function getDefaultBaseUrl(): string;
-/**
- * `default` 라이브러리에서 아이콘을 로드할 때 사용할 기본 URL을 설정합니다.
- *
- * @example
- * - `/assets/icons/`
- * - `https://cdn.example.com/icons/`
- */
-declare function setDefaultBaseUrl(url: string): void;
-type IconResolver = (name: string) => string | undefined | Promise<string | undefined>;
-/**
- * 아이콘 레지스트리입니다.
- * 아이콘 라이브러리를 등록하고, 아이콘을 조회하는 기능을 제공합니다.
- */
-declare class IconRegistry {
-    private static libs;
-    /** 클래스 생성 방지 */
-    private constructor();
-    /**
-     * 지정된 아이콘 라이브러리가 등록되었는지 확인합니다.
-     */
-    static has(lib: string): boolean;
-    /**
-     * 지정된 아이콘 라이브러리를 등록합니다.
-     * 이미 등록된 라이브러리 이름인 경우, 경고 메시지를 출력합니다.
-     */
-    static register(lib: string, resolver: IconResolver): void;
-    /**
-     * 지정된 아이콘 라이브러리를 등록 해제합니다.
-     */
-    static unregister(lib: string): void;
-    /**
-     * 지정된 아이콘 라이브러리의 svg 아이콘 소스를 가져옵니다.
-     */
-    static resolve(lib: string, name: string): Promise<string | undefined>;
-}
-export { IconRegistry, getDefaultBaseUrl, setDefaultBaseUrl, };