@iyulab/modern-app 0.2.4 → 0.3.0

package/dist/components/SidebarLogo.d.ts

@@ -1,33 +0,0 @@
-import { DirectiveResult } from 'lit/directive.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { ExtendedBaseElement } from '../internals/ExtendedBaseElement.js';
-import { StyleMap } from '../types/AppTypes.js';
-type ElementParts = 'host' | 'container' | 'image' | 'icon' | 'label';
-/** 로고  설정 */
-export interface SidebarLogoConfig {
-    type: 'image' | 'icon';
-    image?: string;
-    icon?: string;
-    label?: string | DirectiveResult;
-    styles?: StyleMap<ElementParts>;
-    onClick?: (e: MouseEvent) => void;
-}
-/**
- * SidebarLogo 컴포넌트는 사이드바에 표시되는 로고를 나타냅니다.
- */
-export declare class SidebarLogo extends ExtendedBaseElement<ElementParts> {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 콤팩트 모드 여부 */
-    compact: boolean;
-    /** 로고 타입 */
-    type: 'image' | 'icon';
-    /** 로고 이미지 URL */
-    image?: string;
-    /** 로고 아이콘 svg 이름 */
-    icon?: string;
-    /** 로고 아이콘 텍스트 */
-    label?: string | DirectiveResult;
-    render(): import('lit-html').TemplateResult<1>;
-}
-export {};

package/dist/components/SidebarLogo.js

@@ -1,60 +0,0 @@
-import { nothing as m, html as s } from "lit";
-import { property as e } from "lit/decorators.js";
-import { UIcon as l } from "@iyulab/components/dist/components/icon/UIcon.component.js";
-import { ExtendedBaseElement as h } from "../internals/ExtendedBaseElement.js";
-import { styles as y } from "./SidebarLogo.styles.js";
-var d = Object.defineProperty, i = (r, n, a, g) => {
-  for (var t = void 0, p = r.length - 1, c; p >= 0; p--)
-    (c = r[p]) && (t = c(n, a, t) || t);
-  return t && d(n, a, t), t;
-};
-class o extends h {
-  constructor() {
-    super(...arguments), this.compact = !1, this.type = "icon";
-  }
-  static {
-    this.styles = [super.styles, y];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": l
-    };
-  }
-  render() {
-    return s`
-      <div class="container" part="container">
-        ${this.type === "image" && this.image ? s`
-          <img part="image"
-            ?compact=${this.compact}
-            src=${this.image}
-            alt="App Logo"
-          />` : this.type === "icon" && this.icon ? s`
-          <u-icon part="icon"
-            .name=${this.icon}
-          ></u-icon>` : m}
-        <span part="label"
-          ?hidden=${this.compact || !this.label}>
-          ${this.label}
-        </span>
-      </div>
-    `;
-  }
-}
-i([
-  e({ type: Boolean })
-], o.prototype, "compact");
-i([
-  e({ type: String })
-], o.prototype, "type");
-i([
-  e({ type: String })
-], o.prototype, "image");
-i([
-  e({ type: String })
-], o.prototype, "icon");
-i([
-  e({ type: String })
-], o.prototype, "label");
-export {
-  o as SidebarLogo
-};

package/dist/components/SidebarLogo.styles.d.ts

@@ -1 +0,0 @@
-export declare const styles: import('lit').CSSResult;

package/dist/components/SidebarLogo.styles.js

@@ -1,57 +0,0 @@
-import { css as o } from "lit";
-const e = o`
-  :host {
-    display: block;
-    min-width: 0;
-    font-size: 32px;
-    color: var(--u-txt-color);
-    user-select: none;
-    cursor: pointer;
-    transition: all 0.2s ease;
-  }
-  :host(:hover) {
-    color: var(--u-txt-color-hover);
-  }
-  :host(:active) {
-    color: var(--u-txt-color-active);
-  }
-
-  .container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    overflow: hidden;
-    gap: 8px;
-  }
-
-  img {
-    width: auto;
-    height: 1em;
-    object-fit: contain;
-    flex-shrink: 0;
-  }
-  img[compact] {
-    width: 1em;
-    height: auto;
-  }
-
-  u-icon {
-    font-size: 1em;
-    color: inherit;
-    flex-shrink: 0;
-  }
-
-  span {
-    font-size: 0.75em;
-    font-weight: 600;
-    line-height: inherit;
-    color: inherit;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-`;
-export {
-  e as styles
-};

package/dist/internals/observables.d.ts

@@ -1,7 +0,0 @@
-import { IObservableValue } from 'mobx';
-/** 화면 크기 타입 */
-export type ScreenSize = 'small' | 'medium' | 'large';
-/**
- * 현재 화면 크기 상태
- */
-export declare const screen: IObservableValue<ScreenSize>;

package/dist/internals/observables.js

@@ -1,5 +0,0 @@
-import { observable as e } from "mobx";
-const r = e.box("large");
-export {
-  r as screen
-};

package/dist/types/AppTypes.d.ts

@@ -1,4 +0,0 @@
-/** 스타일 값 타입 */
-export type StyleValue = Record<string, string> | Partial<CSSStyleDeclaration>;
-/** 스타일 맵 타입 */
-export type StyleMap<T extends string> = Partial<Record<T, StyleValue>>;