@iyulab/components 0.4.0 → 1.0.0

package/dist/utilities/IconRegistry.js

@@ -1,134 +0,0 @@
-import * as arrowDownUp from '../assets/icons/arrow-down-up.svg.js';
-import * as arrowDown from '../assets/icons/arrow-down.svg.js';
-import * as arrowRepeat from '../assets/icons/arrow-repeat.svg.js';
-import * as arrowUp from '../assets/icons/arrow-up.svg.js';
-import * as ban from '../assets/icons/ban.svg.js';
-import * as bellFill from '../assets/icons/bell-fill.svg.js';
-import * as boxArrowUpRight from '../assets/icons/box-arrow-up-right.svg.js';
-import * as checkCircleFill from '../assets/icons/check-circle-fill.svg.js';
-import * as checkLg from '../assets/icons/check-lg.svg.js';
-import * as chevronDown from '../assets/icons/chevron-down.svg.js';
-import * as chevronLeft from '../assets/icons/chevron-left.svg.js';
-import * as chevronRight from '../assets/icons/chevron-right.svg.js';
-import * as chevronUp from '../assets/icons/chevron-up.svg.js';
-import * as codeSlash from '../assets/icons/code-slash.svg.js';
-import * as copy from '../assets/icons/copy.svg.js';
-import * as dashLg from '../assets/icons/dash-lg.svg.js';
-import * as download from '../assets/icons/download.svg.js';
-import * as exclamationCircleFill from '../assets/icons/exclamation-circle-fill.svg.js';
-import * as exclamationTriangleFill from '../assets/icons/exclamation-triangle-fill.svg.js';
-import * as eyeSlash from '../assets/icons/eye-slash.svg.js';
-import * as eye from '../assets/icons/eye.svg.js';
-import * as fileEarmark from '../assets/icons/file-earmark.svg.js';
-import * as flag from '../assets/icons/flag.svg.js';
-import * as globe from '../assets/icons/globe.svg.js';
-import * as handThumbsDownFill from '../assets/icons/hand-thumbs-down-fill.svg.js';
-import * as handThumbsDown from '../assets/icons/hand-thumbs-down.svg.js';
-import * as handThumbsUpFill from '../assets/icons/hand-thumbs-up-fill.svg.js';
-import * as handThumbsUp from '../assets/icons/hand-thumbs-up.svg.js';
-import * as infoCircleFill from '../assets/icons/info-circle-fill.svg.js';
-import * as lightbulbFill from '../assets/icons/lightbulb-fill.svg.js';
-import * as lightbulbOff from '../assets/icons/lightbulb-off.svg.js';
-import * as lightbulb from '../assets/icons/lightbulb.svg.js';
-import * as micFill from '../assets/icons/mic-fill.svg.js';
-import * as micMuteFill from '../assets/icons/mic-mute-fill.svg.js';
-import * as paperclip from '../assets/icons/paperclip.svg.js';
-import * as pencilSquare from '../assets/icons/pencil-square.svg.js';
-import * as plusLg from '../assets/icons/plus-lg.svg.js';
-import * as search from '../assets/icons/search.svg.js';
-import * as share from '../assets/icons/share.svg.js';
-import * as sortAlphaDown from '../assets/icons/sort-alpha-down.svg.js';
-import * as sortAlphaUp from '../assets/icons/sort-alpha-up.svg.js';
-import * as stopCircle from '../assets/icons/stop-circle.svg.js';
-import * as tools from '../assets/icons/tools.svg.js';
-import * as xLg from '../assets/icons/x-lg.svg.js';
-
-let defaultIconBaseUrl = "/assets/icons/";
-function getDefaultBaseUrl() {
-  return defaultIconBaseUrl;
-}
-function setDefaultBaseUrl(url) {
-  defaultIconBaseUrl = url;
-}
-const defaultIconCache = /* @__PURE__ */ new Map();
-const internalIconBundle = new Map(
-  Object.entries(/* #__PURE__ */ Object.assign({"../assets/icons/arrow-down-up.svg": arrowDownUp,"../assets/icons/arrow-down.svg": arrowDown,"../assets/icons/arrow-repeat.svg": arrowRepeat,"../assets/icons/arrow-up.svg": arrowUp,"../assets/icons/ban.svg": ban,"../assets/icons/bell-fill.svg": bellFill,"../assets/icons/box-arrow-up-right.svg": boxArrowUpRight,"../assets/icons/check-circle-fill.svg": checkCircleFill,"../assets/icons/check-lg.svg": checkLg,"../assets/icons/chevron-down.svg": chevronDown,"../assets/icons/chevron-left.svg": chevronLeft,"../assets/icons/chevron-right.svg": chevronRight,"../assets/icons/chevron-up.svg": chevronUp,"../assets/icons/code-slash.svg": codeSlash,"../assets/icons/copy.svg": copy,"../assets/icons/dash-lg.svg": dashLg,"../assets/icons/download.svg": download,"../assets/icons/exclamation-circle-fill.svg": exclamationCircleFill,"../assets/icons/exclamation-triangle-fill.svg": exclamationTriangleFill,"../assets/icons/eye-slash.svg": eyeSlash,"../assets/icons/eye.svg": eye,"../assets/icons/file-earmark.svg": fileEarmark,"../assets/icons/flag.svg": flag,"../assets/icons/globe.svg": globe,"../assets/icons/hand-thumbs-down-fill.svg": handThumbsDownFill,"../assets/icons/hand-thumbs-down.svg": handThumbsDown,"../assets/icons/hand-thumbs-up-fill.svg": handThumbsUpFill,"../assets/icons/hand-thumbs-up.svg": handThumbsUp,"../assets/icons/info-circle-fill.svg": infoCircleFill,"../assets/icons/lightbulb-fill.svg": lightbulbFill,"../assets/icons/lightbulb-off.svg": lightbulbOff,"../assets/icons/lightbulb.svg": lightbulb,"../assets/icons/mic-fill.svg": micFill,"../assets/icons/mic-mute-fill.svg": micMuteFill,"../assets/icons/paperclip.svg": paperclip,"../assets/icons/pencil-square.svg": pencilSquare,"../assets/icons/plus-lg.svg": plusLg,"../assets/icons/search.svg": search,"../assets/icons/share.svg": share,"../assets/icons/sort-alpha-down.svg": sortAlphaDown,"../assets/icons/sort-alpha-up.svg": sortAlphaUp,"../assets/icons/stop-circle.svg": stopCircle,"../assets/icons/tools.svg": tools,"../assets/icons/x-lg.svg": xLg
-
-
-})).map(([path, module]) => {
-    const name = path.split("/").pop()?.replace(".svg", "") || "";
-    return [name, module.default];
-  }).filter(([name]) => name !== "")
-);
-class IconRegistry {
-  static {
-    this.libs = /* @__PURE__ */ new Map();
-  }
-  /** 클래스 생성 방지 */
-  constructor() {
-  }
-  /**
-   * 지정된 아이콘 라이브러리가 등록되었는지 확인합니다.
-   */
-  static has(lib) {
-    return this.libs.has(lib);
-  }
-  /**
-   * 지정된 아이콘 라이브러리를 등록합니다.
-   * 이미 등록된 라이브러리 이름인 경우, 경고 메시지를 출력합니다.
-   */
-  static register(lib, resolver) {
-    if (this.libs.has(lib)) {
-      console.warn(`Icon library "${lib}" is already registered`);
-    } else {
-      this.libs.set(lib, resolver);
-    }
-  }
-  /**
-   * 지정된 아이콘 라이브러리를 등록 해제합니다.
-   */
-  static unregister(lib) {
-    this.libs.delete(lib);
-  }
-  /**
-   * 지정된 아이콘 라이브러리의 svg 아이콘 소스를 가져옵니다.
-   */
-  static async resolve(lib, name) {
-    const resolver = this.libs.get(lib);
-    if (!resolver) return void 0;
-    const svg = await resolver(name);
-    return svg?.trim();
-  }
-}
-IconRegistry.register("internal", (name) => {
-  return internalIconBundle.get(name);
-});
-IconRegistry.register("default", async (name) => {
-  if (defaultIconCache.has(name)) {
-    return defaultIconCache.get(name);
-  }
-  const baseUrl = getDefaultBaseUrl();
-  const remoteUrl = baseUrl.endsWith("/") ? `${baseUrl}${name}.svg` : `${baseUrl}/${name}.svg`;
-  try {
-    const response = await fetch(remoteUrl);
-    if (!response.ok) return void 0;
-    const svg = await response.text();
-    defaultIconCache.set(name, svg);
-    return svg;
-  } catch (error) {
-    console.error(error);
-    return void 0;
-  }
-});
-IconRegistry.register("bootstrap", async (name) => {
-  const bootstrapUrl = `https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/icons/${name}.svg`;
-  try {
-    const response = await fetch(bootstrapUrl);
-    if (!response.ok) return void 0;
-    return await response.text();
-  } catch (error) {
-    return void 0;
-  }
-});
-
-export { IconRegistry, getDefaultBaseUrl, setDefaultBaseUrl };

package/dist/utilities/Notifier.d.ts

@@ -1,31 +0,0 @@
-import { AlertType } from '../components/alert/UAlert.component.js';
-/** 토스트 알림의 화면 위치 타입 */
-export type ScreenPosition = "top-left" | "top-center" | "top-right" | "middle-left" | "middle-center" | "middle-right" | "bottom-left" | "bottom-center" | "bottom-right";
-/** 토스트 알림 옵션 */
-export interface ToastOptions {
-    /** 알림 유형 */
-    type: AlertType;
-    /** 알림 제목 */
-    heading?: string;
-    /** 알림 내용 */
-    content?: string;
-    /** 알림 표시 시간 (밀리초 단위) */
-    duration?: number;
-    /** 표시 화면 위치 */
-    position?: ScreenPosition;
-}
-/**
- * 알림 유틸리티 전역 인스턴스입니다.
- */
-export declare class Notifier {
-    private static containers;
-    private static toasts;
-    /** 개별 인스턴스 생성을 방지합니다. */
-    private constructor();
-    /**
-     * 토스트 알림을 생성합니다.
-     */
-    static toast(options: ToastOptions): Promise<void>;
-    /** 위치에 맞는 컨테이너 엘리먼트를 가져오거나, 생성합니다. */
-    private static getOrCreateContainer;
-}

package/dist/utilities/Notifier.js

@@ -1,79 +0,0 @@
-import { UAlert } from '../components/alert/UAlert.component.js';
-
-UAlert.define("u-alert");
-class Notifier {
-  static {
-    this.containers = /* @__PURE__ */ new Map();
-  }
-  static {
-    this.toasts = /* @__PURE__ */ new Set();
-  }
-  /** 개별 인스턴스 생성을 방지합니다. */
-  constructor() {
-  }
-  /**
-   * 토스트 알림을 생성합니다.
-   */
-  static async toast(options) {
-    const el = new UAlert();
-    el.type = options.type;
-    el.heading = options.heading;
-    el.content = options.content;
-    this.toasts.add(el);
-    const position = options.position || "top-right";
-    const container = this.getOrCreateContainer(position);
-    container.appendChild(el);
-    await el.updateComplete;
-    el.show();
-    const duration = options.duration && options.duration > 0 ? options.duration : 3e3;
-    setTimeout(async () => {
-      await el.hide();
-      await new Promise((resolve) => setTimeout(resolve, 300));
-      el.remove();
-      this.toasts.delete(el);
-      if (!container.hasChildNodes()) {
-        container.remove();
-        this.containers.delete(position);
-      }
-    }, duration);
-  }
-  /** 위치에 맞는 컨테이너 엘리먼트를 가져오거나, 생성합니다. */
-  static getOrCreateContainer(position) {
-    let container = this.containers.get(position);
-    if (container) return container;
-    container = document.createElement("div");
-    container.style.position = "fixed";
-    container.style.zIndex = "9999";
-    container.style.display = "flex";
-    container.style.gap = "10px";
-    const transformParts = [];
-    if (position.startsWith("top")) {
-      container.style.top = "20px";
-      container.style.flexDirection = "column";
-    } else if (position.startsWith("bottom")) {
-      container.style.bottom = "20px";
-      container.style.flexDirection = "column-reverse";
-    } else {
-      container.style.top = "50%";
-      container.style.flexDirection = "column";
-      transformParts.push("translateY(-50%)");
-    }
-    if (position.endsWith("left")) {
-      container.style.left = "20px";
-      container.style.alignItems = "flex-start";
-    } else if (position.endsWith("right")) {
-      container.style.right = "20px";
-      container.style.alignItems = "flex-end";
-    } else {
-      container.style.left = "50%";
-      container.style.alignItems = "center";
-      transformParts.unshift("translateX(-50%)");
-    }
-    container.style.transform = transformParts.length ? transformParts.join(" ") : "";
-    document.body.appendChild(container);
-    this.containers.set(position, container);
-    return container;
-  }
-}
-
-export { Notifier };

package/dist/utilities/decorators.d.ts

@@ -1,28 +0,0 @@
-export type PropertyMetaData = any;
-type Constructor<T = {}> = new (...args: any[]) => T;
-/**
- * 클래스 속성을 정의하기 위한 데코레이터 함수입니다.
- * @param metadata - 클래스 속성에 대한 메타데이터입니다.
- */
-export declare function propertyMeta(metadata: PropertyMetaData): (target: any, propertyKey: string) => void;
-/**
- * target 클래스의 모든 속성에 대한 메타데이터를 설정합니다.
- * @param target - 클래스의 생성자 함수입니다.
- * @param propertyKey - 메타데이터를 설정할 속성의 이름입니다.
- * @param metadata - 속성에 대한 메타데이터입니다.
- */
-export declare function setPropertyMeta(target: any, propertyKey: string, metadata: PropertyMetaData): void;
-/**
- * target 클래스의 모든 속성에 대한 메타데이터를 반환합니다.
- * @param target - 클래스의 생성자 함수입니다.
- * @return 모든 메타데이터의 배열을 반환합니다.
- */
-export declare function getPropertyMeta(target: Constructor): PropertyMetaData[] | undefined;
-/**
- * target 클래스의 특정속성에 대한 메타데이터를 반환합니다.
- * @param target - 클래스의 생성자 함수입니다.
- * @param propertyKey - 메타데이터를 검색할 속성의 이름입니다.
- * @returns 특정 속성에 대한 메타데이터를 반환합니다.
- */
-export declare function getPropertyMeta(target: Constructor, propertyKey: string): PropertyMetaData | undefined;
-export {};