tyrell-components 1.0.0-RC13 → 1.0.0-RC15

package/lib/components/wizard.d.ts

@@ -1,56 +1,8 @@
 /**
- * Wizard Component
- *
- * A carousel-based wizard/stepper component with smooth animations, progress tracking, and completion state.
- * Features horizontal sliding transitions between steps, animated progress line, and step completion tracking.
- * Behaves like tabs - a "dumb" component that only renders and fires events. All navigation and validation
- * is controlled by the user.
- *
- * Features:
- * - Carousel animation with smooth sliding transitions between steps
- * - Fixed dimensions prevent layout shift between steps
- * - Animated progress line showing completion status
- * - Step indicators with completed/active/pending states
- * - Rich indicator support via slots (icons, custom content)
- * - Independent panel scrolling with scroll position reset
- * - ResizeObserver for responsive percentage widths
- * - Smart rendering - only updates DOM when necessary
- * - Accessibility with ARIA roles and attributes
- * - Fires events on step clicks - user controls navigation
- *
- * @example
- * <!-- Basic wizard with text labels -->
- * <ty-wizard width="900px" height="600px" active="welcome">
- *   <ty-step id="welcome" label="Welcome">
- *     <div class="p-6">
- *       <h1>Welcome!</h1>
- *       <button onclick="goToStep('account')">Next</button>
- *     </div>
- *   </ty-step>
- *   <ty-step id="account" label="Account Setup">
- *     <div class="p-6">
- *       <h2>Account Setup</h2>
- *       <button onclick="goToStep('welcome')">Previous</button>
- *       <button onclick="goToStep('complete')">Next</button>
- *     </div>
- *   </ty-step>
- * </ty-wizard>
- *
- * @example
- * <!-- Wizard with custom indicators -->
- * <ty-wizard width="100%" height="700px" active="welcome" completed="welcome,account">
- *   <!-- Custom indicator icons -->
- *   <div slot="indicator-welcome">
- *     <ty-icon name="hand" size="sm"></ty-icon>
- *   </div>
- *   <div slot="indicator-account">
- *     <span class="text-lg font-bold">1</span>
- *   </div>
- *
- *   <ty-step id="welcome" label="Welcome">...</ty-step>
- *   <ty-step id="account" label="Account">...</ty-step>
- *   <ty-step id="profile" label="Profile">...</ty-step>
- * </ty-wizard>
+ * Wizard Component — carousel-based stepper with sliding transitions, an
+ * animated progress line, and step completion tracking. Expects `ty-step`
+ * children. "Dumb" like ty-tabs: it renders and fires events; all navigation
+ * and validation is the consumer's.
  */
 /**
  * Wizard container attributes configuration
@@ -76,11 +28,11 @@ export interface WizardStepChangeDetail {
  * TyWizard Web Component
  */
 export declare class TyWizard extends HTMLElement {
-    /** Observed attributes */
     static get observedAttributes(): string[];
     constructor();
+    private _childObserver;
+    private _childRenderQueued;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
 }
-//# sourceMappingURL=wizard.d.ts.map