juxscript 1.1.80 → 1.1.82

package/lib/components/select.js

@@ -1,20 +1,24 @@
-import { FormInput } from './base/FormInput.js';
+import { BaseComponent } from './base/BaseComponent.js';
+import { formatIdAsLabel } from '../utils/formatId.js'; // ✅ Import
 // Event definitions
 const TRIGGER_EVENTS = [];
 const CALLBACK_EVENTS = ['change'];
-export class Select extends FormInput {
+export class Select extends BaseComponent {
     constructor(id, options = {}) {
         super(id, {
-            options: options.options ?? [],
-            value: options.value ?? '',
-            placeholder: options.placeholder ?? 'Select an option',
-            label: options.label ?? '',
-            required: options.required ?? false,
+            visible: true,
             disabled: options.disabled ?? false,
-            name: options.name ?? id,
-            style: options.style ?? '',
+            loading: false,
             class: options.class ?? '',
-            errorMessage: undefined
+            style: options.style ?? '',
+            attributes: {},
+            label: options.label ?? formatIdAsLabel(id), // ✅ Auto-generate
+            required: options.required ?? false,
+            name: options.name ?? id,
+            errorMessage: undefined,
+            options: options.options ?? [],
+            value: options.value ?? '',
+            placeholder: options.placeholder ?? 'Select an option'
         });
         if (options.onValidate) {
             this._onValidate = options.onValidate;
@@ -29,7 +33,7 @@ export class Select extends FormInput {
     /* ═════════════════════════════════════════════════════════════════
      * FLUENT API
      * ═════════════════════════════════════════════════════════════════ */
-    // ✅ Inherited from FormInput/BaseComponent:
+    // BaseComponent:
     // - label(), required(), name(), onValidate()
     // - validate(), isValid()
     // - style(), class()
@@ -63,6 +67,23 @@ export class Select extends FormInput {
         }
         return this;
     }
+    validate() {
+        this._hasBeenValidated = true;
+        const value = this.getValue();
+        const result = this._validateValue(value);
+        if (result === true) {
+            this._clearError();
+            return true;
+        }
+        else {
+            this._showError(result);
+            return false;
+        }
+    }
+    isValid() {
+        const value = this.getValue();
+        return this._validateValue(value) === true;
+    }
     _validateValue(value) {
         const { required, options } = this.state;
         if (required && !value) {

package/lib/components/select.ts

@@ -1,5 +1,5 @@
-import { FormInput, FormInputState } from './base/FormInput.js';
-import { BaseComponent } from './base/BaseComponent.js';
+import { BaseComponent, BaseState } from './base/BaseComponent.js';
+import { formatIdAsLabel } from '../utils/formatId.js'; // ✅ Import
 
 // Event definitions
 const TRIGGER_EVENTS = [] as const;
@@ -24,25 +24,28 @@ export interface SelectOptions {
     onValidate?: (value: string) => boolean | string;
 }
 
-interface SelectState extends FormInputState {
+interface SelectState extends BaseState {
     options: SelectOption[];
     value: string;
     placeholder: string;
 }
 
-export class Select extends FormInput<SelectState> {
+export class Select extends BaseComponent<SelectState> {
     constructor(id: string, options: SelectOptions = {}) {
         super(id, {
-            options: options.options ?? [],
-            value: options.value ?? '',
-            placeholder: options.placeholder ?? 'Select an option',
-            label: options.label ?? '',
-            required: options.required ?? false,
+            visible: true,
             disabled: options.disabled ?? false,
-            name: options.name ?? id,
-            style: options.style ?? '',
+            loading: false,
             class: options.class ?? '',
-            errorMessage: undefined
+            style: options.style ?? '',
+            attributes: {},
+            label: options.label ?? formatIdAsLabel(id), // ✅ Auto-generate
+            required: options.required ?? false,
+            name: options.name ?? id,
+            errorMessage: undefined,
+            options: options.options ?? [],
+            value: options.value ?? '',
+            placeholder: options.placeholder ?? 'Select an option'
         });
 
         if (options.onValidate) {
@@ -62,7 +65,7 @@ export class Select extends FormInput<SelectState> {
      * FLUENT API
      * ═════════════════════════════════════════════════════════════════ */
 
-    // ✅ Inherited from FormInput/BaseComponent:
+    // BaseComponent:
     // - label(), required(), name(), onValidate()
     // - validate(), isValid()
     // - style(), class()
@@ -106,6 +109,25 @@ export class Select extends FormInput<SelectState> {
         return this;
     }
 
+    validate(): boolean {
+        this._hasBeenValidated = true;
+        const value = this.getValue();
+        const result = this._validateValue(value);
+
+        if (result === true) {
+            this._clearError();
+            return true;
+        } else {
+            this._showError(result as string);
+            return false;
+        }
+    }
+
+    isValid(): boolean {
+        const value = this.getValue();
+        return this._validateValue(value) === true;
+    }
+
     protected _validateValue(value: string): boolean | string {
         const { required, options } = this.state;
 
@@ -134,9 +156,9 @@ export class Select extends FormInput<SelectState> {
         const select = document.createElement('select');
         select.className = 'jux-input-element jux-select-element';
         select.id = `${this._id}-input`;
-        select.name = name;
-        select.required = required;
-        select.disabled = disabled;
+        select.name = name!;
+        select.required = required!;
+        select.disabled = disabled!;
 
         // Placeholder option
         if (placeholder) {

package/lib/components/switch.d.ts

@@ -1,5 +1,4 @@
-import { FormInput, FormInputState } from './base/FormInput.js';
-import { BaseComponent } from './base/BaseComponent.js';
+import { BaseComponent, BaseState } from './base/BaseComponent.js';
 export interface SwitchOptions {
     checked?: boolean;
     label?: string;
@@ -11,11 +10,11 @@ export interface SwitchOptions {
     class?: string;
     onValidate?: (checked: boolean) => boolean | string;
 }
-interface SwitchState extends FormInputState {
+interface SwitchState extends BaseState {
     checked: boolean;
     value: string;
 }
-export declare class Switch extends FormInput<SwitchState> {
+export declare class Switch extends BaseComponent<SwitchState> {
     constructor(id: string, options?: SwitchOptions);
     protected getTriggerEvents(): readonly string[];
     protected getCallbackEvents(): readonly string[];
@@ -24,9 +23,11 @@ export declare class Switch extends FormInput<SwitchState> {
     toggle(): this;
     getValue(): boolean;
     setValue(value: boolean): this;
+    validate(): boolean;
     protected _validateValue(checked: boolean): boolean | string;
     protected _buildInputElement(): HTMLElement;
     render(targetId?: string | HTMLElement | BaseComponent<any>): this;
+    isValid(): boolean;
 }
 export declare function switchComponent(id: string, options?: SwitchOptions): Switch;
 export {};

package/lib/components/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAKxD,MAAM,WAAW,aAAa;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,GAAG,MAAM,CAAC;CACvD;AAED,UAAU,WAAY,SAAQ,cAAc;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;gBAClC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;IAkBnD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAehD,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAI7B,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK1B,MAAM,IAAI,IAAI;IAQd,QAAQ,IAAI,OAAO;IAInB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAQ9B,SAAS,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM;IAiB5D,SAAS,CAAC,kBAAkB,IAAI,WAAW;IAoB3C,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI;CAiHrE;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAE/E"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAOnE,MAAM,WAAW,aAAa;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,GAAG,MAAM,CAAC;CACvD;AAED,UAAU,WAAY,SAAQ,SAAS;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,MAAO,SAAQ,aAAa,CAAC,WAAW,CAAC;gBACtC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;IAqBnD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAehD,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAI7B,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK1B,MAAM,IAAI,IAAI;IAQd,QAAQ,IAAI,OAAO;IAInB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAQ9B,QAAQ,IAAI,OAAO;IAenB,SAAS,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM;IAiB5D,SAAS,CAAC,kBAAkB,IAAI,WAAW;IAoB3C,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI;IAoHlE,OAAO,IAAI,OAAO;CAIrB;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAE/E"}

package/lib/components/switch.js

@@ -1,19 +1,23 @@
-import { FormInput } from './base/FormInput.js';
+import { BaseComponent } from './base/BaseComponent.js';
+import { formatIdAsLabel } from '../utils/formatId.js'; // ✅ Import
 // Event definitions
 const TRIGGER_EVENTS = [];
 const CALLBACK_EVENTS = ['change'];
-export class Switch extends FormInput {
+export class Switch extends BaseComponent {
     constructor(id, options = {}) {
         super(id, {
-            checked: options.checked ?? false,
-            value: options.value ?? 'on',
-            label: options.label ?? '',
-            required: options.required ?? false,
+            visible: true,
             disabled: options.disabled ?? false,
-            name: options.name ?? id,
-            style: options.style ?? '',
+            loading: false,
             class: options.class ?? '',
-            errorMessage: undefined
+            style: options.style ?? '',
+            attributes: {},
+            label: options.label ?? formatIdAsLabel(id), // ✅ Auto-generate
+            required: options.required ?? false,
+            name: options.name ?? id,
+            errorMessage: undefined,
+            checked: options.checked ?? false,
+            value: options.value ?? 'on'
         });
         if (options.onValidate) {
             this._onValidate = options.onValidate;
@@ -28,7 +32,7 @@ export class Switch extends FormInput {
     /* ═════════════════════════════════════════════════════════════════
      * FLUENT API
      * ═════════════════════════════════════════════════════════════════ */
-    // ✅ Inherited from FormInput/BaseComponent:
+    // BaseComponent:
     // - label(), required(), name(), onValidate()
     // - validate(), isValid()
     // - style(), class()
@@ -57,6 +61,19 @@ export class Switch extends FormInput {
         }
         return this;
     }
+    validate() {
+        this._hasBeenValidated = true;
+        const checked = this.getValue();
+        const result = this._validateValue(checked);
+        if (result === true) {
+            this._clearError();
+            return true;
+        }
+        else {
+            this._showError(result);
+            return false;
+        }
+    }
     _validateValue(checked) {
         const { required } = this.state;
         if (required && !checked) {
@@ -167,7 +184,9 @@ export class Switch extends FormInput {
         }
         // Always add blur validation
         inputEl.addEventListener('blur', () => {
-            this.validate();
+            if (this._hasBeenValidated) {
+                this.validate();
+            }
         });
         // Sync label changes
         const labelSync = this._syncBindings.find(b => b.property === 'label');
@@ -180,6 +199,10 @@ export class Switch extends FormInput {
         container.appendChild(wrapper);
         return this;
     }
+    isValid() {
+        const checked = this.getValue();
+        return this._validateValue(checked) === true;
+    }
 }
 export function switchComponent(id, options = {}) {
     return new Switch(id, options);

package/lib/components/switch.ts

@@ -1,5 +1,6 @@
-import { FormInput, FormInputState } from './base/FormInput.js';
-import { BaseComponent } from './base/BaseComponent.js';
+import { BaseComponent, BaseState } from './base/BaseComponent.js';
+import { formatIdAsLabel } from '../utils/formatId.js'; // ✅ Import
+
 // Event definitions
 const TRIGGER_EVENTS = [] as const;
 const CALLBACK_EVENTS = ['change'] as const;
@@ -16,23 +17,26 @@ export interface SwitchOptions {
     onValidate?: (checked: boolean) => boolean | string;
 }
 
-interface SwitchState extends FormInputState {
+interface SwitchState extends BaseState {
     checked: boolean;
     value: string;
 }
 
-export class Switch extends FormInput<SwitchState> {
+export class Switch extends BaseComponent<SwitchState> {
     constructor(id: string, options: SwitchOptions = {}) {
         super(id, {
-            checked: options.checked ?? false,
-            value: options.value ?? 'on',
-            label: options.label ?? '',
-            required: options.required ?? false,
+            visible: true,
             disabled: options.disabled ?? false,
-            name: options.name ?? id,
-            style: options.style ?? '',
+            loading: false,
             class: options.class ?? '',
-            errorMessage: undefined
+            style: options.style ?? '',
+            attributes: {},
+            label: options.label ?? formatIdAsLabel(id), // ✅ Auto-generate
+            required: options.required ?? false,
+            name: options.name ?? id,
+            errorMessage: undefined,
+            checked: options.checked ?? false,
+            value: options.value ?? 'on'
         });
 
         if (options.onValidate) {
@@ -52,7 +56,7 @@ export class Switch extends FormInput<SwitchState> {
      * FLUENT API
      * ═════════════════════════════════════════════════════════════════ */
 
-    // ✅ Inherited from FormInput/BaseComponent:
+    // BaseComponent:
     // - label(), required(), name(), onValidate()
     // - validate(), isValid()
     // - style(), class()
@@ -88,6 +92,21 @@ export class Switch extends FormInput<SwitchState> {
         return this;
     }
 
+    validate(): boolean {
+        this._hasBeenValidated = true;
+        const checked = this.getValue();
+        const result = this._validateValue(checked);
+
+        if (result === true) {
+            this._clearError();
+            return true;
+        } else {
+            this._showError(result as string);
+            return false;
+        }
+    }
+
+
     protected _validateValue(checked: boolean): boolean | string {
         const { required } = this.state;
 
@@ -112,11 +131,11 @@ export class Switch extends FormInput<SwitchState> {
         input.type = 'checkbox';
         input.className = 'jux-switch-input';
         input.id = `${this._id}-input`;
-        input.name = name;
+        input.name = name!;
         input.value = value;
         input.checked = checked;
-        input.required = required;
-        input.disabled = disabled;
+        input.required = required!;
+        input.disabled = disabled!;
 
         return input;
     }
@@ -222,7 +241,9 @@ export class Switch extends FormInput<SwitchState> {
 
         // Always add blur validation
         inputEl.addEventListener('blur', () => {
-            this.validate();
+            if (this._hasBeenValidated) {
+                this.validate();
+            }
         });
 
         // Sync label changes
@@ -238,6 +259,11 @@ export class Switch extends FormInput<SwitchState> {
 
         return this;
     }
+
+    isValid(): boolean {
+        const checked = this.getValue();
+        return this._validateValue(checked) === true;
+    }
 }
 
 export function switchComponent(id: string, options: SwitchOptions = {}): Switch {

package/lib/components/watcher.d.ts

@@ -0,0 +1,195 @@
+import { BaseComponent } from "./base/BaseComponent.js";
+/**
+ * 🔍 WATCHER - Simple Component Observer
+ *
+ * Watches JUX components and fires callbacks when their state changes.
+ * Think of it as a "subscribe to component updates" utility.
+ *
+ * ═══════════════════════════════════════════════════════════════════════════════
+ * BASIC USAGE
+ * ═══════════════════════════════════════════════════════════════════════════════
+ *
+ * ```javascript
+ * import { input, paragraph, watcher } from 'juxscript';
+ *
+ * const nameInput = input('name').render('app');
+ * const greeting = paragraph('greeting').render('app');
+ *
+ * // Watch nameInput and update greeting whenever it changes
+ * watcher('name-watcher')
+ *     .watch(nameInput, () => {
+ *         greeting.text(`Hello, ${nameInput.getValue()}!`);
+ *     });
+ * ```
+ *
+ * ═══════════════════════════════════════════════════════════════════════════════
+ * MULTIPLE COMPONENTS
+ * ═══════════════════════════════════════════════════════════════════════════════
+ *
+ * ```javascript
+ * const firstNameInput = input('firstName').render();
+ * const lastNameInput = input('lastName').render();
+ * const fullName = paragraph('fullName').render();
+ *
+ * const formWatcher = watcher('form');
+ *
+ * // Watch both inputs, same callback
+ * formWatcher
+ *     .watch(firstNameInput, updateFullName)
+ *     .watch(lastNameInput, updateFullName);
+ *
+ * function updateFullName() {
+ *     const first = firstNameInput.getValue();
+ *     const last = lastNameInput.getValue();
+ *     fullName.text(`${first} ${last}`.trim());
+ * }
+ * ```
+ *
+ * ═══════════════════════════════════════════════════════════════════════════════
+ * DECLARATIVE STYLE - Watch Many, Do One Thing
+ * ═══════════════════════════════════════════════════════════════════════════════
+ *
+ * ```javascript
+ * const price = input('price').render();
+ * const quantity = input('quantity').render();
+ * const discount = input('discount').render();
+ * const total = paragraph('total').render();
+ *
+ * // Update total whenever ANY input changes
+ * watcher('calculator')
+ *     .watchMany([price, quantity, discount], () => {
+ *         const p = parseFloat(price.getValue()) || 0;
+ *         const q = parseInt(quantity.getValue()) || 0;
+ *         const d = parseFloat(discount.getValue()) || 0;
+ *
+ *         const subtotal = p * q;
+ *         const finalTotal = subtotal - (subtotal * d / 100);
+ *
+ *         total.text(`Total: $${finalTotal.toFixed(2)}`);
+ *     });
+ * ```
+ *
+ * ═══════════════════════════════════════════════════════════════════════════════
+ * STOP WATCHING
+ * ═══════════════════════════════════════════════════════════════════════════════
+ *
+ * ```javascript
+ * const myWatcher = watcher('temp');
+ * const myInput = input('field').render();
+ *
+ * const myCallback = () => console.log('Changed!');
+ *
+ * myWatcher.watch(myInput, myCallback);
+ *
+ * // Later: stop watching
+ * myWatcher.unwatch(myInput, myCallback);
+ *
+ * // Or stop watching ALL callbacks for this component
+ * myWatcher.unwatchAll(myInput);
+ *
+ * // Or clear everything
+ * myWatcher.clear();
+ * ```
+ *
+ * ═══════════════════════════════════════════════════════════════════════════════
+ * HOW IT WORKS
+ * ═══════════════════════════════════════════════════════════════════════════════
+ *
+ * 1. Watcher stores callbacks keyed by component._id
+ * 2. Component's Proxy detects state changes
+ * 3. Component calls watcher.notify(component) [if integrated]
+ * 4. Watcher runs all registered callbacks for that component
+ *
+ * Current limitation: Manual notification required. To auto-notify:
+ *
+ * ```javascript
+ * // In your component after state change:
+ * this._notifyWatchers();
+ * ```
+ *
+ * Or integrate into BaseComponent.update():
+ *
+ * ```typescript
+ * update(prop: string, value: any): void {
+ *     // ...existing update logic...
+ *     this._watchers.forEach(w => w.notify(this));
+ * }
+ * ```
+ */
+export declare class Watcher {
+    private _id;
+    private _callbacks;
+    constructor(id: string);
+    /**
+     * Watch a component and run callback when it changes
+     *
+     * @param component - Component to watch
+     * @param callback - Function to run on change
+     * @returns this (for chaining)
+     */
+    watch(component: BaseComponent<any>, callback: Function): this;
+    /**
+     * Watch multiple components with the same callback
+     *
+     * @param components - Array of components to watch
+     * @param callback - Function to run when ANY of them change
+     * @returns this (for chaining)
+     */
+    watchMany(components: BaseComponent<any>[], callback: Function): this;
+    /**
+     * Stop watching a component (remove specific callback)
+     *
+     * @param component - Component to stop watching
+     * @param callback - Specific callback to remove
+     * @returns this (for chaining)
+     */
+    unwatch(component: BaseComponent<any>, callback: Function): this;
+    /**
+     * Stop watching a component (remove ALL callbacks)
+     *
+     * @param component - Component to stop watching completely
+     * @returns this (for chaining)
+     */
+    unwatchAll(component: BaseComponent<any>): this;
+    /**
+     * Notify all callbacks for a component (call this when component changes)
+     *
+     * @param component - Component that changed
+     * @param args - Optional arguments to pass to callbacks
+     */
+    notify(component: BaseComponent<any>, ...args: any[]): void;
+    /**
+     * Clear all watched components and callbacks
+     *
+     * @returns this (for chaining)
+     */
+    clear(): this;
+    /**
+     * Get list of component IDs being watched
+     *
+     * @returns Array of component IDs
+     */
+    getWatchedIds(): string[];
+    /**
+     * Get count of callbacks for a component
+     *
+     * @param component - Component to check
+     * @returns Number of callbacks registered
+     */
+    getCallbackCount(component: BaseComponent<any>): number;
+    /**
+     * Check if watching a component
+     *
+     * @param component - Component to check
+     * @returns true if watching this component
+     */
+    isWatching(component: BaseComponent<any>): boolean;
+}
+/**
+ * Create a new watcher instance
+ *
+ * @param id - Unique identifier for this watcher
+ * @returns New Watcher instance
+ */
+export declare function watcher(id: string): Watcher;
+//# sourceMappingURL=watcher.d.ts.map

package/lib/components/watcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"watcher.d.ts","sourceRoot":"","sources":["watcher.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoHG;AAEH,qBAAa,OAAO;IAChB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,UAAU,CAAyC;gBAE/C,EAAE,EAAE,MAAM;IAItB;;;;;;OAMG;IACH,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAW9D;;;;;;OAMG;IACH,SAAS,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAKrE;;;;;;OAMG;IACH,OAAO,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAgBhE;;;;;OAKG;IACH,UAAU,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI;IAK/C;;;;;OAKG;IACH,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI;IAc3D;;;;OAIG;IACH,KAAK,IAAI,IAAI;IAKb;;;;OAIG;IACH,aAAa,IAAI,MAAM,EAAE;IAIzB;;;;;OAKG;IACH,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM;IAIvD;;;;;OAKG;IACH,UAAU,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,OAAO;CAGrD;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAE3C"}