lichta 1.0.1 → 2.0.1

package/dist/components/Calendar.svelte

@@ -1,437 +0,0 @@
-<script lang="ts">
-  import { LichTa } from '../core/lunar.js';
-  import { getYearDetails } from '../core/feng-shui.js';
-  import type { LunarDate } from '../core/types.js';
-  import type { Snippet } from 'svelte';
-
-  import type { Locale } from '../constants/i18n.js';
-
-  /**
-   * Dữ liệu cho mỗi ô ngày trong lưới lịch
-   */
-  interface DayCellData {
-    solar: Date;
-    lunar: LunarDate;
-    isToday: boolean;
-    isSelected: boolean;
-    isCurrentMonth: boolean;
-  }
-
-  interface Props {
-    /** Tháng hiển thị (1-12). Mặc định: tháng hiện tại */
-    month?: number;
-    /** Năm hiển thị. Mặc định: năm hiện tại */
-    year?: number;
-    /** Ngày được chọn */
-    selectedDate?: Date | null;
-    /** Callback khi chọn ngày */
-    onSelect?: (date: Date, lunar: LunarDate) => void;
-    /** Hiển thị ngày âm lịch bên dưới ngày dương */
-    showLunar?: boolean;
-    /** Locale (vi | en | ja | ko) */
-    locale?: Locale;
-    /** Custom snippet cho mỗi ô ngày */
-    dayCell?: Snippet<[DayCellData]>;
-    children?: Snippet;
-  }
-
-  let {
-    month = new Date().getMonth() + 1,
-    year = new Date().getFullYear(),
-    selectedDate = null,
-    onSelect,
-    showLunar = true,
-    locale = 'vi',
-    dayCell,
-    children,
-  }: Props = $props();
-
-  // State nội bộ cho navigation (khởi tạo từ props hoặc giá trị mặc định)
-  let currentMonth = $state(month ?? new Date().getMonth() + 1);
-  let currentYear = $state(year ?? new Date().getFullYear());
-
-  // Tên thứ trong tuần
-  const weekDayLabels = $derived(
-    locale === 'vi'
-      ? ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7']
-      : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
-  );
-
-  // Tên tháng hiển thị
-  const monthNames = [
-    'Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4', 'Tháng 5', 'Tháng 6',
-    'Tháng 7', 'Tháng 8', 'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12',
-  ];
-
-  // Can Chi năm hiển thị
-  let yearInfo = $derived(getYearDetails(currentYear));
-
-  // Ngày hôm nay
-  const today = new Date();
-  const todayStr = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}`;
-
-  // Tính grid lịch 6x7 = 42 ô
-  let calendarGrid = $derived.by((): DayCellData[] => {
-    const grid: DayCellData[] = [];
-
-    // Ngày đầu tiên của tháng
-    const firstDay = new Date(currentYear, currentMonth - 1, 1);
-    // Thứ của ngày đầu tiên (0=CN, 1=T2, ...)
-    const startDayOfWeek = firstDay.getDay();
-    // Số ngày trong tháng
-    const daysInMonth = new Date(currentYear, currentMonth, 0).getDate();
-
-    // Padding ngày tháng trước
-    const prevMonthDays = new Date(currentYear, currentMonth - 1, 0).getDate();
-    for (let i = startDayOfWeek - 1; i >= 0; i--) {
-      const d = prevMonthDays - i;
-      const m = currentMonth - 1 <= 0 ? 12 : currentMonth - 1;
-      const y = currentMonth - 1 <= 0 ? currentYear - 1 : currentYear;
-      const solar = new Date(y, m - 1, d);
-      const lunar = LichTa.toLunar(d, m, y);
-      const dateStr = `${y}-${m}-${d}`;
-      const selStr = selectedDate
-        ? `${selectedDate.getFullYear()}-${selectedDate.getMonth() + 1}-${selectedDate.getDate()}`
-        : '';
-
-      grid.push({
-        solar,
-        lunar,
-        isToday: dateStr === todayStr,
-        isSelected: dateStr === selStr,
-        isCurrentMonth: false,
-      });
-    }
-
-    // Ngày trong tháng hiện tại
-    for (let d = 1; d <= daysInMonth; d++) {
-      const solar = new Date(currentYear, currentMonth - 1, d);
-      const lunar = LichTa.toLunar(d, currentMonth, currentYear);
-      const dateStr = `${currentYear}-${currentMonth}-${d}`;
-      const selStr = selectedDate
-        ? `${selectedDate.getFullYear()}-${selectedDate.getMonth() + 1}-${selectedDate.getDate()}`
-        : '';
-
-      grid.push({
-        solar,
-        lunar,
-        isToday: dateStr === todayStr,
-        isSelected: dateStr === selStr,
-        isCurrentMonth: true,
-      });
-    }
-
-    // Padding ngày tháng sau
-    const remaining = 42 - grid.length;
-    for (let d = 1; d <= remaining; d++) {
-      const m = currentMonth + 1 > 12 ? 1 : currentMonth + 1;
-      const y = currentMonth + 1 > 12 ? currentYear + 1 : currentYear;
-      const solar = new Date(y, m - 1, d);
-      const lunar = LichTa.toLunar(d, m, y);
-      const dateStr = `${y}-${m}-${d}`;
-      const selStr = selectedDate
-        ? `${selectedDate.getFullYear()}-${selectedDate.getMonth() + 1}-${selectedDate.getDate()}`
-        : '';
-
-      grid.push({
-        solar,
-        lunar,
-        isToday: dateStr === todayStr,
-        isSelected: dateStr === selStr,
-        isCurrentMonth: false,
-      });
-    }
-
-    return grid;
-  });
-
-  // Navigation
-  function prevMonth() {
-    if (currentMonth === 1) {
-      currentMonth = 12;
-      currentYear -= 1;
-    } else {
-      currentMonth -= 1;
-    }
-  }
-
-  function nextMonth() {
-    if (currentMonth === 12) {
-      currentMonth = 1;
-      currentYear += 1;
-    } else {
-      currentMonth += 1;
-    }
-  }
-
-  function handleDayClick(cell: DayCellData) {
-    onSelect?.(cell.solar, cell.lunar);
-  }
-
-  function handleKeydown(event: KeyboardEvent, cell: DayCellData) {
-    if (event.key === 'Enter' || event.key === ' ') {
-      event.preventDefault();
-      handleDayClick(cell);
-    }
-  }
-</script>
-
-<div class="lich-ta-calendar">
-  <!-- Header: Navigation + Tháng/Năm -->
-  <div class="lich-ta-calendar-header">
-    <button class="lich-ta-calendar-nav" onclick={prevMonth} aria-label="Tháng trước">◀</button>
-    <div class="lich-ta-calendar-title">
-      <span class="lich-ta-calendar-month-year">
-        {monthNames[currentMonth - 1]}, {currentYear}
-      </span>
-      <span class="lich-ta-calendar-canchi">
-        {yearInfo.can} {yearInfo.chi}
-      </span>
-    </div>
-    <button class="lich-ta-calendar-nav" onclick={nextMonth} aria-label="Tháng sau">▶</button>
-  </div>
-
-  <!-- Tên thứ -->
-  <div class="lich-ta-calendar-weekdays">
-    {#each weekDayLabels as label}
-      <div class="lich-ta-calendar-weekday">{label}</div>
-    {/each}
-  </div>
-
-  <!-- Grid ngày -->
-  <div class="lich-ta-calendar-grid">
-    {#each calendarGrid as cell}
-      {#if dayCell}
-        {@render dayCell(cell)}
-      {:else}
-        <button
-          class="lich-ta-calendar-day"
-          class:is-today={cell.isToday}
-          class:is-selected={cell.isSelected}
-          class:is-other-month={!cell.isCurrentMonth}
-          class:is-first-lunar={cell.lunar.day === 1}
-          onclick={() => handleDayClick(cell)}
-          onkeydown={(e) => handleKeydown(e, cell)}
-          tabindex={cell.isCurrentMonth ? 0 : -1}
-        >
-          <span class="solar-day">{cell.solar.getDate()}</span>
-          {#if showLunar}
-            <span class="lunar-day">
-              {#if cell.lunar.day === 1}
-                {cell.lunar.day}/{cell.lunar.month}{cell.lunar.isLeap ? '*' : ''}
-              {:else}
-                {cell.lunar.day}
-              {/if}
-            </span>
-          {/if}
-        </button>
-      {/if}
-    {/each}
-  </div>
-
-  <!-- Slot cho nội dung tùy chỉnh bên dưới lịch -->
-  {#if children}
-    <div class="lich-ta-calendar-footer">
-      {@render children()}
-    </div>
-  {/if}
-</div>
-
-<style>
-  .lich-ta-calendar {
-    --lichta-primary: #d4a373;
-    --lichta-primary-light: #f5e6d3;
-    --lichta-bg: #fffcf7;
-    --lichta-surface: #ffffff;
-    --lichta-text: #2c1810;
-    --lichta-text-muted: #8b7355;
-    --lichta-text-dim: #c4b5a0;
-    --lichta-border: #e8ddd0;
-    --lichta-today-bg: #d4a373;
-    --lichta-today-text: #ffffff;
-    --lichta-selected-bg: #a0522d;
-    --lichta-selected-text: #ffffff;
-    --lichta-hover-bg: #f5e6d3;
-    --lichta-lunar-text: #b08968;
-    --lichta-first-lunar: #c2185b;
-    --lichta-radius: 8px;
-    --lichta-font: inherit;
-
-    font-family: var(--lichta-font);
-    background: var(--lichta-bg);
-    border: 1px solid var(--lichta-border);
-    border-radius: calc(var(--lichta-radius) * 2);
-    padding: 16px;
-    max-width: 420px;
-    width: 100%;
-    box-sizing: border-box;
-    user-select: none;
-  }
-
-  /* Header */
-  .lich-ta-calendar-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 16px;
-  }
-
-  .lich-ta-calendar-nav {
-    background: none;
-    border: 1px solid var(--lichta-border);
-    border-radius: var(--lichta-radius);
-    width: 36px;
-    height: 36px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    color: var(--lichta-text);
-    font-size: 0.85rem;
-    transition: all 0.15s ease;
-  }
-
-  .lich-ta-calendar-nav:hover {
-    background: var(--lichta-hover-bg);
-    border-color: var(--lichta-primary);
-  }
-
-  .lich-ta-calendar-title {
-    text-align: center;
-  }
-
-  .lich-ta-calendar-month-year {
-    display: block;
-    font-size: 1.1rem;
-    font-weight: 600;
-    color: var(--lichta-text);
-  }
-
-  .lich-ta-calendar-canchi {
-    display: block;
-    font-size: 0.8rem;
-    color: var(--lichta-text-muted);
-    margin-top: 2px;
-  }
-
-  /* Weekdays */
-  .lich-ta-calendar-weekdays {
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-    margin-bottom: 4px;
-  }
-
-  .lich-ta-calendar-weekday {
-    text-align: center;
-    font-size: 0.75rem;
-    font-weight: 600;
-    color: var(--lichta-text-muted);
-    padding: 6px 0;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-  }
-
-  /* Grid */
-  .lich-ta-calendar-grid {
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-    gap: 2px;
-  }
-
-  .lich-ta-calendar-day {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 6px 2px;
-    min-height: 48px;
-    border: none;
-    border-radius: var(--lichta-radius);
-    background: transparent;
-    cursor: pointer;
-    transition: all 0.15s ease;
-    font-family: inherit;
-  }
-
-  .lich-ta-calendar-day:hover {
-    background: var(--lichta-hover-bg);
-  }
-
-  .lich-ta-calendar-day:focus-visible {
-    outline: 2px solid var(--lichta-primary);
-    outline-offset: 1px;
-  }
-
-  .solar-day {
-    font-size: 0.95rem;
-    font-weight: 500;
-    color: var(--lichta-text);
-    line-height: 1.2;
-  }
-
-  .lunar-day {
-    font-size: 0.65rem;
-    color: var(--lichta-lunar-text);
-    line-height: 1.2;
-    margin-top: 1px;
-  }
-
-  /* States */
-  .is-other-month .solar-day {
-    color: var(--lichta-text-dim);
-  }
-
-  .is-other-month .lunar-day {
-    color: var(--lichta-text-dim);
-  }
-
-  .is-today {
-    background: var(--lichta-today-bg);
-  }
-
-  .is-today .solar-day {
-    color: var(--lichta-today-text);
-    font-weight: 700;
-  }
-
-  .is-today .lunar-day {
-    color: var(--lichta-today-text);
-    opacity: 0.85;
-  }
-
-  .is-today:hover {
-    background: var(--lichta-today-bg);
-    opacity: 0.9;
-  }
-
-  .is-selected {
-    background: var(--lichta-selected-bg);
-  }
-
-  .is-selected .solar-day {
-    color: var(--lichta-selected-text);
-    font-weight: 700;
-  }
-
-  .is-selected .lunar-day {
-    color: var(--lichta-selected-text);
-    opacity: 0.85;
-  }
-
-  .is-first-lunar .lunar-day {
-    color: var(--lichta-first-lunar);
-    font-weight: 600;
-  }
-
-  .is-today.is-first-lunar .lunar-day,
-  .is-selected.is-first-lunar .lunar-day {
-    color: var(--lichta-today-text);
-  }
-
-  /* Footer */
-  .lich-ta-calendar-footer {
-    margin-top: 12px;
-    padding-top: 12px;
-    border-top: 1px solid var(--lichta-border);
-  }
-</style>

package/dist/components/Calendar.svelte.d.ts

@@ -1,33 +0,0 @@
-import type { LunarDate } from '../core/types.js';
-import type { Snippet } from 'svelte';
-import type { Locale } from '../constants/i18n.js';
-/**
- * Dữ liệu cho mỗi ô ngày trong lưới lịch
- */
-interface DayCellData {
-    solar: Date;
-    lunar: LunarDate;
-    isToday: boolean;
-    isSelected: boolean;
-    isCurrentMonth: boolean;
-}
-interface Props {
-    /** Tháng hiển thị (1-12). Mặc định: tháng hiện tại */
-    month?: number;
-    /** Năm hiển thị. Mặc định: năm hiện tại */
-    year?: number;
-    /** Ngày được chọn */
-    selectedDate?: Date | null;
-    /** Callback khi chọn ngày */
-    onSelect?: (date: Date, lunar: LunarDate) => void;
-    /** Hiển thị ngày âm lịch bên dưới ngày dương */
-    showLunar?: boolean;
-    /** Locale (vi | en | ja | ko) */
-    locale?: Locale;
-    /** Custom snippet cho mỗi ô ngày */
-    dayCell?: Snippet<[DayCellData]>;
-    children?: Snippet;
-}
-declare const Calendar: import("svelte").Component<Props, {}, "">;
-type Calendar = ReturnType<typeof Calendar>;
-export default Calendar;

package/dist/components/Formatter.svelte

@@ -1,57 +0,0 @@
-<script lang="ts">
-	import { LichTa } from '../core/lunar.js';
-	import type { LunarDate } from '../core/types.js';
-	import type { Snippet } from 'svelte';
-
-	// Props nhận vào từ consumer ứng dụng
-	interface Props {
-		date?: Date;
-		children?: Snippet;
-	}
-	let { date = new Date(), children }: Props = $props();
-
-	// Khai báo biến reactive tự động tính toán lại khi `date` thay đổi
-	let lunar: LunarDate = $derived.by(() => {
-		const d = date.getDate();
-		const m = date.getMonth() + 1; // Tháng trong JS tính từ 0
-		const y = date.getFullYear();
-		return LichTa.toLunar(d, m, y);
-	});
-</script>
-
-<div class="lich-ta-formatter">
-	<div class="lunar-display-banner">
-		<span class="lunar-date">Ngày {lunar.day} tháng {lunar.month} (Âm lịch)</span>
-		<span class="can-chi-details">Năm {lunar.yearCanChi}</span>
-	</div>
-
-	<div class="control-slot-wrapper">
-		{@render children?.()}
-	</div>
-</div>
-
-<style>
-	.lich-ta-formatter {
-		display: block;
-		width: 100%;
-		box-sizing: border-box;
-	}
-	.lunar-display-banner {
-		padding: 12px;
-		background-color: #fcfaf7;
-		border-left: 4px solid #d4a373;
-		margin-bottom: 16px;
-	}
-	.lunar-date {
-		display: block;
-		font-weight: bold;
-		font-size: 1.1rem;
-		color: #1a1a1a;
-	}
-	.can-chi-details {
-		display: block;
-		font-size: 0.9rem;
-		color: #666666;
-		margin-top: 4px;
-	}
-</style>

package/dist/components/Formatter.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { Snippet } from 'svelte';
-interface Props {
-    date?: Date;
-    children?: Snippet;
-}
-declare const Formatter: import("svelte").Component<Props, {}, "">;
-type Formatter = ReturnType<typeof Formatter>;
-export default Formatter;

package/dist/constants/earthly-branches.d.ts

@@ -1,31 +0,0 @@
-/**
- * Earthly Branches (Địa Chi - 12 con giáp)
- * Tý       | Rat (Chuột)
- * Sửu      | Ox (Trâu)
- * Dần      | Tiger (Cọp)
- * Mão      | Rabbit (Thỏ)
- * Thìn     | Dragon (Rồng)
- * Tỵ       | Snake (Rắn)
- * Ngọ      | Horse (Ngựa)
- * Mùi      | Goat (Dê)
- * Thân     | Monkey (Khỉ)
- * Dậu      | Rooster (Gà)
- * Tuất     | Dog (Chó)
- * Hợi      | Pig (Heo)
- */
-export declare const EARTHLY_BRANCHES: readonly ["Tý", "Sửu", "Dần", "Mão", "Thìn", "Tỵ", "Ngọ", "Mùi", "Thân", "Dậu", "Tuất", "Hợi"];
-/**
- * Tính trọng số của Địa Chi (dùng để tính Ngũ Hành)
- * Chu kỳ lặp lại sau mỗi 6 Chi (index % 6)
- */
-export declare function getBranchWeight(index: number): number;
-/**
- * Tính Dương - Âm (Yin - Yang) cho Địa Chi
- * Index: 0 -> 1 (Dương) | 1 -> 0 (Âm) | ...
- */
-export declare function getBranchYinYang(index: number): 1 | 0;
-/**
- * Tính Ngũ Hành cho Địa Chi
- * Tý: 1 (Thủy Dương), Sửu: 12 (Thổ Âm), Dần: 3 (Mộc Dương), ...
- */
-export declare function getBranchElement(index: number): number;

package/dist/constants/earthly-branches.js

@@ -1,42 +0,0 @@
-/**
- * Earthly Branches (Địa Chi - 12 con giáp)
- * Tý       | Rat (Chuột)
- * Sửu      | Ox (Trâu)
- * Dần      | Tiger (Cọp)
- * Mão      | Rabbit (Thỏ)
- * Thìn     | Dragon (Rồng)
- * Tỵ       | Snake (Rắn)
- * Ngọ      | Horse (Ngựa)
- * Mùi      | Goat (Dê)
- * Thân     | Monkey (Khỉ)
- * Dậu      | Rooster (Gà)
- * Tuất     | Dog (Chó)
- * Hợi      | Pig (Heo)
- */
-export const EARTHLY_BRANCHES = [
-    'Tý', 'Sửu', 'Dần', 'Mão', 'Thìn', 'Tỵ',
-    'Ngọ', 'Mùi', 'Thân', 'Dậu', 'Tuất', 'Hợi'
-];
-/**
- * Tính trọng số của Địa Chi (dùng để tính Ngũ Hành)
- * Chu kỳ lặp lại sau mỗi 6 Chi (index % 6)
- */
-export function getBranchWeight(index) {
-    const normalizedIndex = index % 6;
-    return Math.floor(normalizedIndex / 2);
-}
-/**
- * Tính Dương - Âm (Yin - Yang) cho Địa Chi
- * Index: 0 -> 1 (Dương) | 1 -> 0 (Âm) | ...
- */
-export function getBranchYinYang(index) {
-    return (index % 2 === 0) ? 1 : 0;
-}
-/**
- * Tính Ngũ Hành cho Địa Chi
- * Tý: 1 (Thủy Dương), Sửu: 12 (Thổ Âm), Dần: 3 (Mộc Dương), ...
- */
-export function getBranchElement(index) {
-    const weight = Math.floor(index / 2) + 1;
-    return weight === 5 ? 1 : weight;
-}

package/dist/constants/five-elements.d.ts

@@ -1,9 +0,0 @@
-/**
- * Five Elements (Ngũ Hành)
- * Kim       | Metal
- * Mộc       | Wood
- * Thủy      | Water
- * Hỏa       | Fire
- * Thổ       | Earth
- */
-export declare const FIVE_ELEMENTS: string[];

package/dist/constants/five-elements.js

@@ -1,9 +0,0 @@
-/**
- * Five Elements (Ngũ Hành)
- * Kim       | Metal
- * Mộc       | Wood
- * Thủy      | Water
- * Hỏa       | Fire
- * Thổ       | Earth
- */
-export const FIVE_ELEMENTS = ['Kim', 'Mộc', 'Thủy', 'Hỏa', 'Thổ'];

package/dist/constants/heavenly-stems.d.ts

@@ -1,19 +0,0 @@
-/**
- * Heavenly Stems (Thiên Can)
- * Giáp (Dương)     | Wood
- * Ất (Âm)          | Wood
- * Bính (Dương)     | Fire
- * Đinh (Âm)        | Fire
- * Mậu (Dương)      | Earth
- * Kỷ (Âm)          | Earth
- * Canh (Dương)     | Metal
- * Tân (Âm)         | Metal
- * Nhâm (Dương)     | Water
- * Quý (Âm)         | Water
- */
-export declare const HEAVENLY_STEMS: readonly ["Giáp", "Ất", "Bính", "Đinh", "Mậu", "Kỷ", "Canh", "Tân", "Nhâm", "Quý"];
-/**
- * Tính trọng số của Thiên Can (dùng để tính Ngũ Hành)
- * Index: 0, 1 -> 1 | 2, 3 -> 2 | ... | 8, 9 -> 5
- */
-export declare function getStemWeight(index: number): number;

package/dist/constants/heavenly-stems.js

@@ -1,24 +0,0 @@
-/**
- * Heavenly Stems (Thiên Can)
- * Giáp (Dương)     | Wood
- * Ất (Âm)          | Wood
- * Bính (Dương)     | Fire
- * Đinh (Âm)        | Fire
- * Mậu (Dương)      | Earth
- * Kỷ (Âm)          | Earth
- * Canh (Dương)     | Metal
- * Tân (Âm)         | Metal
- * Nhâm (Dương)     | Water
- * Quý (Âm)         | Water
- */
-export const HEAVENLY_STEMS = [
-    'Giáp', 'Ất', 'Bính', 'Đinh', 'Mậu',
-    'Kỷ', 'Canh', 'Tân', 'Nhâm', 'Quý'
-];
-/**
- * Tính trọng số của Thiên Can (dùng để tính Ngũ Hành)
- * Index: 0, 1 -> 1 | 2, 3 -> 2 | ... | 8, 9 -> 5
- */
-export function getStemWeight(index) {
-    return Math.floor(index / 2) + 1;
-}