tyrell-components 1.0.0-RC13 → 1.0.0-RC15

package/lib/components/calendar.d.ts

@@ -1,53 +1,7 @@
 /**
- * TyCalendar Web Component
- * PORTED FROM: cljs/ty/components/calendar.cljs
- *
- * A complete calendar orchestration component that combines navigation and month display.
- * Manages selection state, form participation, and event coordination.
- *
- * Architecture:
- * - year/month/day HTML attributes for intuitive API
- * - Internal state management (private properties)
- * - Distributes properties to child components (navigation + month)
- * - Single 'change' event with complete day context
- * - Form participation via ElementInternals
- *
- * Features:
- * - Combines ty-calendar-navigation + ty-calendar-month
- * - Date selection with visual feedback
- * - Form integration (works with FormData)
- * - Custom render functions (dayContentFn)
- * - Custom CSS injection
- * - Automatic date validation
- * - Event coordination between components
- *
- * @example
- * ```html
- * <!-- Basic usage -->
- * <ty-calendar
- *   year="2025"
- *   month="10"
- *   day="15">
- * </ty-calendar>
- *
- * <!-- Form integration -->
- * <form>
- *   <ty-calendar name="booking-date"></ty-calendar>
- *   <button type="submit">Submit</button>
- * </form>
- *
- * <!-- With custom rendering -->
- * <ty-calendar id="custom"></ty-calendar>
- * <script type="module">
- *   const cal = document.getElementById('custom');
- *   cal.dayContentFn = (ctx) => {
- *     const el = document.createElement('div');
- *     el.textContent = ctx.dayInMonth;
- *     if (ctx.today) el.style.fontWeight = 'bold';
- *     return el;
- *   };
- * </script>
- * ```
+ * TyCalendar Web Component — orchestrates ty-calendar-navigation +
+ * ty-calendar-month: owns selection state, distributes properties to the
+ * children, and participates in forms via ElementInternals.
  */
 import './calendar-month.js';
 import './calendar-navigation.js';
@@ -78,7 +32,7 @@ export interface CalendarNavigateDetail {
  */
 export declare class TyCalendar extends HTMLElement {
     private _state;
-    private _showNavigation;
+    private _hideNavigation;
     private _stateless;
     private _size;
     private _width?;
@@ -90,14 +44,9 @@ export declare class TyCalendar extends HTMLElement {
     private _navigation?;
     private _monthDisplay?;
     private _internals?;
+    private _initialValue;
     private _localeObserver?;
-    /**
-     * Form-associated custom element
-     */
     static formAssociated: boolean;
-    /**
-     * Observed attributes
-     */
     static get observedAttributes(): string[];
     constructor();
     connectedCallback(): void;
@@ -117,8 +66,8 @@ export declare class TyCalendar extends HTMLElement {
     set day(value: number | undefined);
     get locale(): string;
     set locale(value: string);
-    get showNavigation(): boolean;
-    set showNavigation(value: boolean);
+    get hideNavigation(): boolean;
+    set hideNavigation(value: boolean);
     get stateless(): boolean;
     set stateless(value: boolean);
     get size(): CalendarSize;
@@ -135,47 +84,23 @@ export declare class TyCalendar extends HTMLElement {
      * Initialize state from HTML attributes on first load
      */
     private initializeFromAttributes;
-    /**
-     * Sync state from changed attributes
-     */
+    formResetCallback(): void;
     private syncStateFromAttributes;
-    /**
-     * Update child components with current state
-     */
     private syncChildComponents;
-    /**
-     * Update form value using ElementInternals
-     */
     private updateFormValue;
     /**
      * Selection outside [min, max] => rangeUnderflow/rangeOverflow.
      * UI can't produce this (days are disabled), but programmatic values can.
      */
     private updateValidity;
-    /**
-     * Handle navigation change (month/year navigation)
-     */
     private handleNavigationChange;
-    /**
-     * Handle day click (day selection)
-     */
     private handleDayClick;
     /**
      * Force re-render of the calendar
      * Useful after updating dayContentFn or other dynamic properties
      */
     refresh(): void;
-    /**
-     * Create navigation element
-     */
     private createNavigation;
-    /**
-     * Create month display element
-     */
     private createMonthDisplay;
-    /**
-     * Main render function
-     */
     private render;
 }
-//# sourceMappingURL=calendar.d.ts.map