@petit-kit/scoped 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,627 @@
+export * from './plugins';
+/**
+ * Scope - A lightweight, framework-agnostic library for building web components
+ *
+ * @module scope
+ * @version 0.0.1
+ * @since 0.0.1
+ * @description Provides a minimal abstraction over Custom Elements API, making it easy
+ * to create reusable, encapsulated components with reactive state, lifecycle hooks,
+ * and a simple template-based rendering system.
+ *
+ * @example Basic component
+ * ```javascript
+ * import { define } from './scope.js';
+ *
+  * define("c-slider", {
+ *   props: { value: { type: Number, default: 0 } }
+ * }, ({ link, emit, actions, host }) => {
+ *   link("value", "value")
+ *
+ *   actions.handleChange = event => {
+ *     host.updateState({ value: event.target.valueAsNumber })
+ *     emit("on-change", { value: event.target.valueAsNumber })
+ *   }
+ *
+ *   return () => `
+ *     <div>
+ *       <input
+ *         type="range"
+ *         min="0" max="100" step="1"
+ *         bind:value="value"
+ *         on:input="handleChange"
+ *       />
+ *       <c-number ref="number" bind:value="value"></c-number>
+ *     </div>
+ *   `
+ * })
+
+ * ```
+ *
+ * @example Component with shadow DOM
+ * ```javascript
+ * define('styled-button', {
+ *   shadow: true,
+ *   styles: 'button { background: blue; color: white; }'
+ * }, () => {
+ *   return () => '<button>Click me</button>';
+ * });
+ * ```
+ *
+ * @see {@link ComponentContext} for available context properties
+ * @see {@link ComponentOptions} for configuration options
+ */
+/**
+ * Library version.
+ *
+ * @constant {string}
+ * @since 0.1.0
+ */
+declare const SCOPE_VERSION = "0.0.1";
+/**
+ * Supported prop types for type checking and parsing
+ *
+ * @typedef {StringConstructor|NumberConstructor|BooleanConstructor|ObjectConstructor|ArrayConstructor} PropType
+ * @since 0.1.0
+ */
+export type PropType = StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor;
+/**
+ * Definition for a single prop, including type, default value, and reflection behavior
+ *
+ * @template T - The type of the prop value
+ * @interface PropDefinition
+ * @since 0.1.0
+ *
+ * @example
+ * ```typescript
+ * const propDef: PropDefinition<number> = {
+ *   type: Number,
+ *   default: 0,
+ *   reflect: true
+ * };
+ * ```
+ */
+export interface PropDefinition<T = any> {
+    /**
+     * Type constructor for parsing the prop value from attributes
+     * @type {PropType}
+     */
+    type?: PropType;
+    /**
+     * Default value if prop is not provided
+     * @type {T}
+     */
+    default?: T;
+    /**
+     * Whether to reflect prop changes back to HTML attributes
+     * @type {boolean}
+     * @default false
+     */
+    reflect?: boolean;
+}
+/**
+ * Props definition object mapping prop names to their definitions or default values
+ *
+ * @typedef {Record<string, PropDefinition | any>} PropsDefinition
+ * @since 0.1.0
+ *
+ * @example
+ * ```typescript
+ * const props: PropsDefinition = {
+ *   count: { type: Number, default: 0 },
+ *   name: { type: String, default: 'World' },
+ *   active: { type: Boolean, default: false }
+ * };
+ * ```
+ */
+export type PropsDefinition = Record<string, PropDefinition | any>;
+/**
+ * Plugin for extending the component context.
+ */
+export type ComponentPlugin<Ext extends Record<string, any> = {}> = {
+    /** Optional plugin name for debugging */
+    name?: string;
+    /**
+     * Extend the component context with new capabilities.
+     */
+    extend: (context: ComponentContextBase<any, any, any, any>, host: ComponentHost) => Ext;
+};
+/**
+ * Options for component definition
+ *
+ * @interface ComponentOptions
+ * @since 0.1.0
+ *
+ * @example
+ * ```typescript
+ * const options: ComponentOptions = {
+ *   props: { count: { type: Number, default: 0 } },
+ *   shadow: true,
+ *   styles: 'div { color: red; }'
+ * };
+ * ```
+ */
+export interface ComponentOptions<Plugins extends readonly ComponentPlugin<any>[] = ComponentPlugin<any>[]> {
+    /**
+     * Prop definitions for the component
+     * @type {PropsDefinition}
+     */
+    props?: PropsDefinition;
+    /**
+     * Whether to use Shadow DOM (default: false, uses light DOM)
+     * @type {boolean}
+     * @default false
+     */
+    shadow?: boolean;
+    /**
+     * CSS styles to inject into document head (for shadow DOM components)
+     * @type {string}
+     */
+    styles?: string;
+    /**
+     * Plugins that extend the component context.
+     * @type {Plugins}
+     */
+    plugins?: Plugins;
+}
+/**
+ * Methods available on the component host element
+ *
+ * @interface ComponentHost
+ * @since 0.1.0
+ *
+ * @example
+ * ```typescript
+ * define('my-component', {}, ({ host }) => {
+ *   host.setState({ count: 5 });
+ *   host.updateState({ scrollY: 100 });
+ *   host.setProps({ title: 'New Title' });
+ * });
+ * ```
+ */
+export interface ComponentHost {
+    /**
+     * Update state and trigger full re-render
+     * @method setState
+     * @param {Partial<State>} partial - Partial state object to merge
+     * @template State
+     *
+     * @example
+     * ```typescript
+     * host.setState({ count: 5, name: 'Updated' });
+     * ```
+     */
+    setState: <State>(partial: Partial<State>) => void;
+    /**
+     * Update state without re-render (triggers effects only)
+     * @method updateState
+     * @param {Partial<State>} partial - Partial state object to merge
+     * @template State
+     *
+     * @example
+     * ```typescript
+     * // Update scroll position without re-rendering
+     * host.updateState({ scrollY: window.scrollY });
+     * ```
+     */
+    updateState: <State>(partial: Partial<State>) => void;
+    /**
+     * Update props programmatically
+     * @method setProps
+     * @param {Partial<Props>} partial - Partial props object to merge
+     * @template Props
+     *
+     * @example
+     * ```typescript
+     * // Pass large data (recommended for objects/arrays)
+     * element.setProps({ data: largeArray, config: complexObject });
+     * ```
+     */
+    setProps: <Props>(partial: Partial<Props>) => void;
+    /**
+     * Schedule a partial update (effects only)
+     * @method scheduleUpdate
+     *
+     * @example
+     * ```typescript
+     * host.scheduleUpdate(); // Runs effects on next animation frame
+     * ```
+     */
+    scheduleUpdate: () => void;
+    /**
+     * Force an update (full or partial render)
+     * @method update
+     * @param {boolean} fullRender - Whether to perform full render or effects only
+     *
+     * @example
+     * ```typescript
+     * host.update(true);  // Full render
+     * host.update(false); // Effects only
+     * ```
+     */
+    update: (fullRender: boolean) => void;
+    /**
+     * Force a full re-render even if template is unchanged
+     * @method forceRender
+     *
+     * @example
+     * ```typescript
+     * host.forceRender(); // Forces DOM update even if template string matches
+     * ```
+     */
+    forceRender: () => void;
+    /**
+     * Clean up component and run destroy callbacks
+     * @method destroy
+     *
+     * @example
+     * ```typescript
+     * host.destroy(); // Cleans up effects, events, and runs onDestroy hooks
+     * ```
+     */
+    destroy: () => void;
+    /**
+     * Remove the component from the DOM
+     * @method remove
+     *
+     * @example
+     * ```typescript
+     * host.remove(); // Removes element and triggers cleanup via disconnectedCallback
+     * ```
+     */
+    remove: () => void;
+}
+/**
+ * Context object passed to the setup function, providing access to component APIs
+ *
+ * @template Props - Type of component props
+ * @template State - Type of component state
+ * @template Actions - Type of action methods
+ * @template Refs - Type of DOM refs
+ * @interface ComponentContext
+ * @since 0.1.0
+ *
+ * @example Basic usage
+ * ```typescript
+ * define('counter', {}, ({ props, state, actions, host }) => {
+ *   state.count = 0;
+ *   actions.increment = () => host.setState({ count: state.count + 1 });
+ *   return () => `<div>${state.count}</div>`;
+ * });
+ * ```
+ *
+ * @example With lifecycle hooks
+ * ```typescript
+ * define('component', {}, ({ onMount, onDestroy, effect }) => {
+ *   onMount(() => console.log('Mounted'));
+ *   onDestroy(() => console.log('Destroyed'));
+ *   effect((deps) => {
+ *     const timer = setInterval(() => {}, 1000);
+ *     return () => clearInterval(timer);
+ *   }, []);
+ *   return () => '<div>Hello</div>';
+ * });
+ * ```
+ *
+ * @see {@link ComponentHost} for host methods
+ * @see {@link ComponentOptions} for component configuration
+ */
+export interface ComponentContextBase<Props = Record<string, any>, State = Record<string, any>, Actions = Record<string, Function>, Refs = Record<string, HTMLElement | HTMLElement[]>> {
+    /**
+     * Component props (read-only, updated via attributes or setProps)
+     * @type {Props}
+     * @readonly
+     */
+    props: Props;
+    /**
+     * Component state (mutable, updated via setState/updateState)
+     * @type {State}
+     */
+    state: State;
+    /**
+     * Action methods that can be called from event handlers
+     * @type {Actions}
+     *
+     * @example
+     * ```typescript
+     * actions.handleClick = () => { /* ... *\/ };
+     * // Use in template: <button on:click="handleClick">
+     * ```
+     */
+    actions: Actions;
+    /**
+     * DOM element references (populated after render)
+     * @type {Refs}
+     *
+     * @example
+     * ```typescript
+     * // In template: <div ref="myDiv"></div>
+     * // Access: refs.myDiv
+     * ```
+     */
+    refs: Refs;
+    /**
+     * Emit custom events that bubble up the DOM tree
+     * @method emit
+     * @param {string} name - Event name
+     * @param {any} [detail] - Optional event detail data
+     *
+     * @example
+     * ```typescript
+     * emit('item-clicked', { id: 123, name: 'Item' });
+     * ```
+     */
+    emit: (name: string, detail?: any) => void;
+    /**
+     * Listen to a custom event from a given target
+     * @method listen
+     * @param {EventTarget} target - Target to attach the listener to
+     * @param {string} name - Custom event name to listen for
+     * @param {function(CustomEvent): void} handler - Event handler
+     * @param {AddEventListenerOptions} [options] - Listener options
+     * @returns {() => void} Cleanup function to remove the listener
+     *
+     * @example
+     * ```typescript
+     * const cleanup = listen(window, 'theme-change', (e) => {
+     *   console.log(e.detail);
+     * });
+     * ```
+     */
+    listen: (target: EventTarget, name: string, handler: (event: CustomEvent<any>) => void, options?: AddEventListenerOptions) => () => void;
+    /**
+     * Update state without triggering a re-render (triggers effects only)
+     * @method updateState
+     * @param {Partial<State>} partial - Partial state object to merge
+     *
+     * @example
+     * ```typescript
+     * updateState({ count: 5 }); // Updates state, runs effects, but doesn't re-render
+     * ```
+     */
+    updateState: (partial: Partial<State>) => void;
+    /**
+     * The component host element with all host methods
+     * @type {HTMLElement & ComponentHost}
+     *
+     * @see {@link ComponentHost}
+     */
+    host: HTMLElement & ComponentHost;
+    /**
+     * Register callback to run after component is mounted
+     * @method onMount
+     * @param {function(): void} callback - Callback function
+     * @since 0.1.0
+     */
+    onMount: (callback: () => void) => void;
+    /**
+     * Register callback to run when component is destroyed
+     * @method onDestroy
+     * @param {function(): void} callback - Callback function
+     * @since 0.1.0
+     */
+    onDestroy: (callback: () => void) => void;
+    /**
+     * Register callback to run after each update/re-render
+     * @method onUpdate
+     * @param {function(): void} callback - Callback function
+     * @since 0.3.0
+     */
+    onUpdate: (callback: () => void) => void;
+    /**
+     * Register callback to run before each update/re-render
+     * @method onBeforeUpdate
+     * @param {function(): void} callback - Callback function
+     * @since 0.3.0
+     */
+    onBeforeUpdate: (callback: () => void) => void;
+    /**
+     * Register callback to run only on the first update (after mount)
+     * @method onFirstUpdate
+     * @param {function(): void} callback - Callback function
+     * @since 0.3.0
+     */
+    onFirstUpdate: (callback: () => void) => void;
+    /**
+     * Register callback to run when props change
+     * @method onPropsChanged
+     * @param {function(string, any, any): void} callback - Callback function
+     * @since 0.3.0
+     *
+     * @example
+     * ```typescript
+     * onPropsChanged((propName, oldValue, newValue) => {
+     *   console.log(`${propName} changed from ${oldValue} to ${newValue}`);
+     * });
+     * ```
+     */
+    onPropsChanged: (callback: (propName: string, oldValue: any, newValue: any) => void) => void;
+    /**
+     * Link a prop and a state key (two-way, no extra render)
+     *
+     * Updates state when the prop changes, and updates the prop/attribute
+     * when the state changes without triggering a render. Attribute
+     * reflection is forced even if the prop is not marked reflect: true.
+     *
+     * @method link
+     * @param {string} propName - Prop name to link
+     * @param {string} [stateKey] - State key to link (defaults to propName)
+     *
+     * @example
+     * ```typescript
+     * link('value'); // state.value <-> props.value
+     * link('title', 'text'); // state.text <-> props.title
+     * ```
+     */
+    link: (propName: string, stateKey?: string) => void;
+    /**
+     * Register effect function that runs after renders (with optional cleanup)
+     * @method effect
+     * @param {function(any[]): (void|function())} fn - Effect function that can return cleanup
+     * @param {any[] | (() => any[])} [deps] - Optional dependency array or deps getter
+     * @returns {() => void} Cleanup function to remove the effect
+     * @since 0.2.0
+     *
+     * @example
+     * ```typescript
+     * const cleanup = effect((deps) => {
+     *   const timer = setInterval(() => {}, 1000);
+     *   return () => clearInterval(timer); // Cleanup function
+     * }, []);
+     * ```
+     */
+    effect: (fn: EffectFn, deps?: any[] | (() => any[])) => () => void;
+    /**
+     * Register a computed value that updates before renders.
+     *
+     * @method computed
+     * @param {function(any[]): *} getter - Function that returns the computed value
+     * @param {any[] | (() => any[])} [deps] - Optional dependency array or deps getter
+     * @returns {() => T} Getter for the current computed value
+     * @since 0.0.1
+     *
+     * @example
+     * ```typescript
+     * const fullName = computed((deps) => `${props.first} ${state.last}`, () => [props.first, state.last]);
+     * return () => `<div>${fullName()}</div>`;
+     * ```
+     */
+    computed: <T>(getter: ComputedGetter<T>, deps?: ComputedDeps) => () => T;
+    /**
+     * Set up event delegation for dynamic content
+     * @method delegate
+     * @param {string} eventType - The event type (e.g., 'click', 'input')
+     * @param {string} selector - CSS selector to match target elements
+     * @param {function(Event, Element): void} handler - Handler function
+     * @returns {() => void} Cleanup function to remove the delegation
+     * @since 0.2.0
+     *
+     * @example
+     * ```typescript
+     * const cleanup = delegate('click', '.item', (e, target) => {
+     *   console.log('Item clicked:', target);
+     * });
+     * ```
+     */
+    delegate: (eventType: string, selector: string, handler: (event: Event, target: Element) => void) => () => void;
+}
+/**
+ * Component context including plugin-provided extensions.
+ */
+export type ComponentContext<Props = Record<string, any>, State = Record<string, any>, Actions = Record<string, Function>, Refs = Record<string, HTMLElement | HTMLElement[]>, Ext = {}> = ComponentContextBase<Props, State, Actions, Refs> & Ext;
+type UnionToIntersection<U> = (U extends any ? (arg: U) => void : never) extends (arg: infer I) => void ? I : never;
+type PluginExtensions<Plugins extends readonly ComponentPlugin<any>[]> = UnionToIntersection<Plugins[number] extends ComponentPlugin<infer Ext> ? Ext : {}>;
+/**
+ * Setup function that receives component context and returns a render function
+ *
+ * @template Props - Type of component props
+ * @template State - Type of component state
+ * @template Actions - Type of action methods
+ * @template Refs - Type of DOM refs
+ * @typedef {function} SetupFunction
+ * @param {ComponentContext<Props, State, Actions, Refs, Ext>} context - Component context
+ * @returns {() => string} Render function that returns HTML template string
+ * @since 0.1.0
+ *
+ * @example
+ * ```typescript
+ * const setup: SetupFunction = ({ props, state, actions }) => {
+ *   state.count = 0;
+ *   actions.increment = () => state.count++;
+ *   return () => `<div>Count: ${state.count}</div>`;
+ * };
+ * ```
+ *
+ * @see {@link ComponentContext}
+ */
+export type SetupFunction<Props = Record<string, any>, State = Record<string, any>, Actions = Record<string, Function>, Refs = Record<string, HTMLElement | HTMLElement[]>, Ext = {}> = (context: ComponentContext<Props, State, Actions, Refs, Ext>) => () => string;
+/**
+ * Information about a delegated event handler
+ */
+export type DelegatedEventInfo = {
+    /** The event type (e.g., 'click', 'input') */
+    eventType: string;
+    /** CSS selector to match elements */
+    selector: string;
+    /** The actual event listener attached to the root */
+    listener: (e: Event) => void;
+    /** Set of handler functions registered for this delegation */
+    handlers: Set<(e: Event, target: Element) => void>;
+};
+export type EffectDeps = any[] | (() => any[]);
+export type ComputedDeps = any[] | (() => any[]);
+export type EffectFn = (deps?: any[]) => void | (() => void);
+export type ComputedGetter<T = any> = (deps?: any[]) => T;
+export type EffectRecord = {
+    fn: EffectFn;
+    deps?: EffectDeps;
+    prevDeps?: any[];
+    cleanup?: () => void;
+};
+export type ComputedRecord<T = any> = {
+    getter: ComputedGetter<T>;
+    deps?: ComputedDeps;
+    prevDeps?: any[];
+    value: T;
+};
+/**
+ * Defines a new custom element component
+ *
+ * @function define
+ * @template Props - Type of component props
+ * @template State - Type of component state
+ * @template Actions - Type of action methods
+ * @template Refs - Type of DOM refs
+ *
+ * @param {string} tagName - The custom element tag name (must contain a hyphen, e.g., 'my-component')
+ * @param {ComponentOptions} [options={}] - Component configuration options
+ * @param {SetupFunction<Props, State, Actions, Refs, PluginExtensions<Plugins>>} [setup] - Optional setup function that receives context and returns render function
+ * @returns {Function} The custom element class constructor
+ *
+ * @throws {Error} If tagName doesn't contain a hyphen (required by Custom Elements spec)
+ * @throws {Error} If component is already defined (logs warning instead of throwing)
+ *
+ * @example Basic component
+ * ```javascript
+ * define('my-counter', {
+ *   props: { initialValue: { type: Number, default: 0 } }
+ * }, ({ props, state, actions, host }) => {
+ *   state.count = props.initialValue;
+ *   actions.increment = () => host.setState({ count: state.count + 1 });
+ *   return () => `<div>Count: ${state.count}</div>`;
+ * });
+ * ```
+ *
+ * @example Component with shadow DOM
+ * ```javascript
+ * define('styled-button', {
+ *   shadow: true,
+ *   styles: 'button { background: blue; color: white; }'
+ * }, () => {
+ *   return () => '<button>Click me</button>';
+ * });
+ * ```
+ *
+ * @example Component with TypeScript types
+ * ```typescript
+ * interface MyProps { count: number }
+ * interface MyState { value: string }
+ * interface MyActions { handleClick: () => void }
+ *
+ * define<MyProps, MyState, MyActions>('typed-component', {
+ *   props: { count: { type: Number, default: 0 } }
+ * }, ({ props, state, actions }) => {
+ *   state.value = `Count: ${props.count}`;
+ *   actions.handleClick = () => console.log('clicked');
+ *   return () => `<div>${state.value}</div>`;
+ * });
+ * ```
+ *
+ * @see {@link ComponentContext} for available context properties
+ * @see {@link ComponentOptions} for configuration options
+ * @see {@link SetupFunction} for setup function signature
+ * @since 0.1.0
+ */
+declare function define<Props = Record<string, any>, State = Record<string, any>, Actions = Record<string, Function>, Refs = Record<string, HTMLElement | HTMLElement[]>, Plugins extends readonly ComponentPlugin<any>[] = []>(tagName: string, options?: ComponentOptions<Plugins>, setup?: SetupFunction<Props, State, Actions, Refs, PluginExtensions<Plugins>>): typeof HTMLElement;
+export { define, SCOPE_VERSION };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,2 @@
+function t(t,i){if(!i||"object"!=typeof i||null==i.type)return null!=t?t:i;const{type:e,default:s}=i;if(null==t)return s;try{switch(e){case String:return String(t);case Number:{const i=Number(t);return Number.isNaN(i)?s:i}case Boolean:return""===t||"true"===t||"false"!==t&&"0"!==t&&null!=t;case Object:try{return"string"==typeof t?JSON.parse(t):t}catch{return s}case Array:try{return"string"==typeof t?JSON.parse(t):t}catch{return Array.isArray(s)?s:[]}default:return t}}catch{return s}}function i(t,i,e,s){if(!s||"object"!=typeof s||!s.reflect)return;let n=null;const o=s.type;if(o===Boolean)return e?void t.setAttribute(i,""):void t.removeAttribute(i);if(o===Object||o===Array)try{n=null==e?null:JSON.stringify(e)}catch{n=null}else n=null==e?null:String(e);null==n?t.removeAttribute(i):t.setAttribute(i,n)}function e(e,s={},n){const{props:o={},shadow:r=!1,styles:h,plugins:c}=s,f=c??[],d=()=>{};class y extends HTMLElement{constructor(){super(),this.version=u,this.t={};for(const t of Object.keys(o)){const i=o[t];this.t[t]=i&&"object"==typeof i&&("type"in i||"default"in i)?i:{type:void 0,default:i,reflect:!1}}this.props={},this.state={},this.actions={},this.refs={},this.emit=this.emit.bind(this),this.listen=this.listen.bind(this),this.setState=this.setState.bind(this),this.updateState=this.updateState.bind(this),this.setProps=this.setProps.bind(this),this.scheduleUpdate=this.scheduleUpdate.bind(this),this.update=this.update.bind(this),this.forceRender=this.forceRender.bind(this),this.destroy=this.destroy.bind(this),this.i=null,this.o=null,this.h=!1,this.u=!1,this.l=r,this.p=r?this.attachShadow({mode:"open"}):this,this.m=null,this.S=[],this.v=[],this._=[],this.O=[],this.j=[],this.M=[],this.A=[],this.$=[],this.k=new Map,this.F=!1,this.T=!1,this.C={},this.H=!1,this.I=e,this.R=!1,this.U=new Set,this.q=!1,this.B=new Map,this.L=0,this.N=!1}V(t){const i=this.l?this.p.host:this;let e=t.parentElement;for(;e;){if(e===i)return!1;if(e.tagName.includes("-"))return!0;e=e.parentElement}return!1}static get observedAttributes(){return Object.keys(o)}attributeChangedCallback(i,e,s){if(e===s)return;const n=this.t[i],o=this.C[i],r=t(s,n);if(this.props[i]=r,this.F&&o!==r)for(const t of this.$)try{t(i,o,r)}catch(t){d(String(t?.message||t))}this.C[i]=r,this.U.has(i)?this.U.delete(i):this.i&&this.isConnected?this.q?this.R=!0:this.update(!0):this.R=!0}connectedCallback(){for(const i in this.t){if(!this.t.hasOwnProperty(i))continue;const e=t(this.getAttribute(i),this.t[i]);this.props[i]=e,this.C[i]=e}r||this.m||(this.m=this.J());let e=null;try{if(n){const t={props:this.props,state:this.state,actions:this.actions,refs:this.refs,emit:this.emit,listen:this.listen,updateState:this.updateState.bind(this),host:this,onMount:t=>this._.push(t),onDestroy:t=>this.O.push(t),onUpdate:t=>this.j.push(t),onBeforeUpdate:t=>this.M.push(t),onFirstUpdate:t=>this.A.push(t),onPropsChanged:t=>this.$.push(t),link:(t,e)=>{const s=e||t;this.state[s]=this.props[t],this.$.push((i,e,n)=>{i===t&&(Object.is(this.state[s],n)||(this.state[s]=n))});const n={fn:()=>{const e=this.state[s];if(Object.is(this.props[t],e))return;this.props[t]=e,this.C[t]=e;const n=this.t[t],o=n?{...n,reflect:!0}:n,r=this.getAttribute(t);this.U.add(t),i(this,t,e,o),r===this.getAttribute(t)&&this.U.delete(t)},deps:()=>[this.state[s]]};this.S.push(n)},computed:(t,i)=>{let e;if(void 0!==i)try{const t="function"==typeof i?i():i;Array.isArray(t)&&(e=t)}catch(t){String(t?.message||t)}const s={getter:t,deps:i,value:void 0!==i?t(e):t()};this.v.push(s);const n=()=>s.value;return n.P=s,this.W(n),n},effect:(t,i)=>{const e={fn:t,deps:i};return this.S.push(e),()=>this.D(e)},delegate:(t,i,e)=>(this.Z(t,i,e),()=>this.G(t,i,e))};for(const i of f)if(i)try{const e=i.extend(t,this);e&&"object"==typeof e&&Object.assign(t,e)}catch(t){d(String(t?.message||t))}e=n(t)}}catch(t){String(t?.message||t)}if(this.i="function"!=typeof e?()=>"":e,this.q=!0,this.update(!0),this.q=!1,this.R&&(this.R=!1,this.update(!0)),!this.F){this.F=!0;for(const t of this._)try{t()}catch(t){d(String(t?.message||t))}}}disconnectedCallback(){this.destroy()}remove(){super.remove()}destroy(){for(const t of this.O)try{t()}catch(t){d(String(t?.message||t))}for(const t of this.S)if(t.cleanup){try{t.cleanup()}catch(t){d(String(t?.message||t))}t.cleanup=void 0}for(const[,t]of this.k)try{this.p.removeEventListener(t.eventType,t.listener)}catch{}this.k.clear(),this.F=!1}emit(t,i){this.dispatchEvent(new CustomEvent(t,{detail:i,bubbles:!0,composed:!0}))}listen(t,i,e,s){const n=e;t.addEventListener(i,n,s);const o=()=>{try{t.removeEventListener(i,n,s)}catch{}};return this.O.push(o),o}setState(t){let i=!1;const e=t,s=this.state;for(const t in e){if(!Object.prototype.hasOwnProperty.call(e,t))continue;const n=e[t];Object.is(s[t],n)||(s[t]=n,i=!0)}if(i)if(this.q||!this.F)this.update(!0);else{if(!this.i||!this.isConnected)return;if(this.h)return;this.h=!0,requestAnimationFrame(()=>{this.h=!1,this.i&&this.isConnected&&this.update(!0)})}}updateState(t){Object.assign(this.state,t),this.i&&this.isConnected&&this.K()}setProps(t){const e=Object.keys(t);if(0===e.length)return;const s=[];for(const n of e){const e=t[n],o=this.C[n];this.props[n]=e,this.F&&o!==e&&s.push(n);const r=this.t[n];r&&r.reflect&&i(this,n,e,r),this.F&&o===e||(this.C[n]=e)}if(this.F&&s.length>0)for(const i of s){const e=this.C[i],s=t[i];for(const t of this.$)try{t(i,e,s)}catch(t){d(String(t?.message||t))}}this.i&&this.isConnected?this.update(!0):this.R=!0}scheduleUpdate(){this.i&&this.isConnected&&this.K()}K(){this.u||this.h||(this.u=!0,("function"==typeof queueMicrotask?queueMicrotask:t=>Promise.resolve().then(t))(()=>{this.u=!1,this.i&&this.isConnected&&(this.h||this.update(!1))}))}update(t){if(this.i){if(t&&this.F)for(const t of this.M)try{t()}catch(t){d(String(t?.message||t))}if(t){this.X();let t="";try{t=this.i()}catch(i){String(i?.message||i),t=""}if("string"!=typeof t&&(t=null==t?"":String(t)),t=((t,i)=>{const e={...this.props,...i};return t.replace(l,(t,i)=>{const s=e[i];return null==s?"":String(s)})})(t,this.state),!this.l){const i=`data-scope-owner="${this.I}"`;t=t.replace(/<slot(?![^>]*data-scope-owner)(\s|>)/g,`<slot ${i}$1`)}this.N=!1;const i=null!==this.o&&Object.is(this.o,t);let e=!1;i&&this.F||(this.l,this.p.innerHTML=t,this.o=t,e=!0),this.q?(this.Y(),("function"==typeof requestAnimationFrame?requestAnimationFrame:t=>setTimeout(t,0))(()=>{this.i&&this.isConnected&&(e&&!r&&this.projectSlots(),e&&this.tt(),this.it(),this.et())})):(e&&!r&&this.projectSlots(),e&&this.st(),this.it(),this.et())}else this.N&&this.X(),this.it(),this.F&&this.et()}}forceRender(){this.o=null,this.i&&this.isConnected?this.q?this.R=!0:this.update(!0):this.R=!0}et(){if(!this.T){this.T=!0;for(const t of this.A)try{t()}catch(t){d(String(t?.message||t))}}for(const t of this.j)try{t()}catch(t){d(String(t?.message||t))}this.nt()}nt(){const t=(this.l?this.p:this).querySelectorAll("*"),i=Object.prototype.hasOwnProperty,e=this.state,s=this.props;this.actions;for(let n=0;n<t.length;n++){const o=t[n];if(this.V(o))continue;if(0===o.attributes.length)continue;const r=o.attributes;for(let t=r.length-1;t>=0;t--){const n=r[t];if(!n.name.startsWith(a))continue;const h=n.name.slice(5),c=n.value,f=c?c.trim():"";let u,l=!1;if(f){const t=this.B.get(f);if(t){t.P&&(this.N=!0);try{u=t()}catch{}l=!0}}if(!l){const t=f||h,n=i.call(e,t),o=!n&&i.call(s,t);n?u=e[t]:o&&(u=s[t])}if("text"===h){const t=null==u?"":String(u);o.textContent!==t&&(o.textContent=t)}else if("html"===h){const t=null==u?"":String(u);o.innerHTML!==t&&(o.innerHTML=t)}else if(h in o){if(!Object.is(o[h],u))try{o[h]=u}catch{}if("value"===h)try{null==u?o.removeAttribute("value"):o.setAttribute("value",String(u))}catch{}}else if(null!=u)try{o.setAttribute(h,String(u))}catch{}const d=`__scopeBind_${h}`,y=o[d];if(y){const t=y.ot;t&&o.removeEventListener(t,y),delete o[d]}}}}X(){for(const t of this.v){let i,e=!0;if(void 0!==t.deps)try{const s="function"==typeof t.deps?t.deps():t.deps;if(Array.isArray(s)&&(i=s,t.prevDeps&&t.prevDeps.length===i.length)){e=!1;for(let s=0;s<i.length;s++)if(!Object.is(t.prevDeps[s],i[s])){e=!0;break}}}catch(t){d(String(t?.message||t)),e=!0,i=void 0}if(e){try{t.value=void 0!==t.deps?t.getter(i):t.getter()}catch(t){d(String(t?.message||t))}i&&(t.prevDeps=i.slice())}}}it(){for(const t of this.S){let i,e=!0;if(void 0!==t.deps)try{const s="function"==typeof t.deps?t.deps():t.deps;if(Array.isArray(s)&&(i=s,t.prevDeps&&t.prevDeps.length===i.length)){e=!1;for(let s=0;s<i.length;s++)if(!Object.is(t.prevDeps[s],i[s])){e=!0;break}}}catch(t){d(String(t?.message||t)),e=!0,i=void 0}if(e){if(t.cleanup){try{t.cleanup()}catch{}t.cleanup=void 0}try{const e=void 0!==t.deps?t.fn(i):t.fn();"function"==typeof e&&(t.cleanup=e)}catch{}i&&(t.prevDeps=i.slice())}}}D(t){const i=this.S.indexOf(t);if(-1!==i){if(t.cleanup)try{t.cleanup()}catch{}this.S.splice(i,1)}}W(t){const i=t.rt;if(i&&"string"==typeof i)return this.B.set(i,t),i;const e=`__scope_bind_${++this.L}__`;this.B.set(e,t);try{t.rt=e,t.toString=()=>e}catch{}return e}Y(){const t=(this.l?this.p:this).querySelectorAll("[ref]"),i=this.refs;for(const t in i)i.hasOwnProperty(t)&&delete i[t];if(0!==t.length)for(let e=0;e<t.length;e++){const s=t[e];if(this.V(s))continue;const n=s.getAttribute("ref");n&&(i[n]?Array.isArray(i[n])?i[n].push(s):i[n]=[i[n],s]:i[n]=s)}}tt(){const t=(this.l?this.p:this).querySelectorAll("*");for(let i=0;i<t.length;i++){const e=t[i];if(this.V(e))continue;if(0===e.attributes.length)continue;const s=e.attributes;for(let t=s.length-1;t>=0;t--){const i=s[t];if(!i.name.startsWith("on:"))continue;const n=i.name.slice(3),o=i.value,r=`__tinyHandler_${n}`,h=e[r];h&&e.removeEventListener(n,h),e.removeAttribute(i.name);const c=this.actions[o];if(c&&"function"==typeof c){const t=t=>{c.call(this.actions,t)};e[r]=t,e.addEventListener(n,t)}}}}st(){const t=(this.l?this.p:this).querySelectorAll("*"),i=this.refs;for(const t in i)i.hasOwnProperty(t)&&delete i[t];for(let e=0;e<t.length;e++){const s=t[e];if(this.V(s))continue;const n=s.getAttribute("ref");if(n&&(i[n]?Array.isArray(i[n])?i[n].push(s):i[n]=[i[n],s]:i[n]=s),s.attributes.length>0){const t=s.attributes;for(let i=t.length-1;i>=0;i--){const e=t[i];if(!e.name.startsWith("on:"))continue;const n=e.name.slice(3),o=e.value,r=`__tinyHandler_${n}`,h=s[r];h&&s.removeEventListener(n,h),s.removeAttribute(e.name);const c=this.actions[o];if(c&&"function"==typeof c){const t=t=>{c.call(this.actions,t)};s[r]=t,s.addEventListener(n,t)}}}}}J(){const t=new Map,i=this.childNodes,e=[];for(let t=0;t<i.length;t++)e.push(i[t]);for(let i=0;i<e.length;i++){const s=e[i];let n="";1===s.nodeType&&s.getAttribute&&(n=s.getAttribute("slot")||""),t.has(n)||t.set(n,[]),t.get(n).push(s)}for(let t=0;t<e.length;t++){const i=e[t];i.parentNode&&i.parentNode.removeChild(i)}return t}projectSlots(){const t=this.m||new Map,i=(this.l?this.p:this).querySelectorAll(`slot[data-scope-owner="${this.I}"]`);if(0!==i.length)for(let e=0;e<i.length;e++){const s=i[e],n=s.getAttribute("name")||"",o=t.get(n)||[];if(o.length){const t=document.createDocumentFragment();for(let i=0;i<o.length;i++){const e=o[i];let s;if(1===e.nodeType&&e.tagName.includes("-")&&e.m instanceof Map){const t=e,i=document.createElement(t.tagName.toLowerCase());for(let e=0;e<t.attributes.length;e++){const s=t.attributes[e];i.setAttribute(s.name,s.value)}for(const e of t.m.values())for(let t=0;t<e.length;t++)i.appendChild(e[t].cloneNode(!0));s=i}else s=e.cloneNode(!0);t.appendChild(s)}s.replaceWith(t)}else{const t=s.childNodes,i=[];for(let e=0;e<t.length;e++)i.push(t[e]);if(i.length>0){const t=document.createDocumentFragment();for(let e=0;e<i.length;e++)t.appendChild(i[e]);s.replaceWith(t)}}}}Z(t,i,e){const s=`${t}::${i}`;let n=this.k.get(s);if(!n){const e=t=>{const e=t.target&&t.target.closest?t.target.closest(i):null;if(e)for(const i of n.handlers)try{i(t,e)}catch{}};n={eventType:t,selector:i,listener:e,handlers:new Set},this.k.set(s,n),this.p.addEventListener(t,e)}n.handlers.add(e)}G(t,i,e){const s=`${t}::${i}`,n=this.k.get(s);if(n&&(n.handlers.delete(e),0===n.handlers.size)){try{this.p.removeEventListener(t,n.listener)}catch{}this.k.delete(s)}}}if(!customElements.get(e)){if(h&&"undefined"!=typeof document){const t=`scope-${e}-styles`;if(!document.getElementById(t)){const i=document.createElement("style");i.id=t,i.textContent=h,document.head.appendChild(i)}}try{customElements.define(e,y)}catch(t){String(t?.message||t)}}return y}const s=()=>({name:"device",extend:t=>{const i=new Map;return t.onDestroy(()=>{for(const[t,e]of i)t.removeEventListener("change",e);i.clear()}),{onMediaQuery:(t,e,s={})=>{if("undefined"==typeof window||"undefined"==typeof matchMedia)return()=>{};const{immediate:n=!0}=s,o=matchMedia(t),r=t=>{e(t.matches,t)};return o.addEventListener("change",r),i.set(o,r),n&&e(o.matches,null),()=>{o.removeEventListener("change",r),i.delete(o)}}}}}),n=(t,i={})=>({name:"morph",extend:(e,s)=>{const{ignoreActiveValue:n=!0,callbacks:o}=i,r=t(),h=s,c=h.p,f=h.l?ShadowRoot.prototype:HTMLElement.prototype,u=Object.getOwnPropertyDescriptor(f,"innerHTML"),l=t=>{r.morph(c,t,{morphStyle:"innerHTML",ignoreActiveValue:n,callbacks:o})};let a=!0;return Object.defineProperty(c,"innerHTML",{set(t){a?(u.set.call(this,t),a=!1):l(t)},get(){return u.get.call(this)},configurable:!0}),e.onDestroy(()=>{delete c.innerHTML}),{morph:l}}}),o=()=>({name:"window",extend:t=>{const i=new Set,e=new Set,s=(t,e={})=>{if("undefined"==typeof window)return()=>{};const{immediate:s=!0}=e,n=i=>{t(window.innerWidth,window.innerHeight,i)};return window.addEventListener("resize",n),i.add(n),s&&n(new UIEvent("resize")),()=>{window.removeEventListener("resize",n),i.delete(n)}};return t.onDestroy(()=>{if("undefined"!=typeof window){for(const t of i)window.removeEventListener("resize",t);i.clear();for(const t of e)t.disconnect();e.clear()}}),{onViewportResize:s,onWindowResize:(t,i={})=>{if("undefined"==typeof window)return()=>{};if("undefined"==typeof ResizeObserver)return s((i,e,s)=>t(i,e,s),i);const{immediate:n=!0}=i,o=document.documentElement,r=new ResizeObserver(i=>{const e=i[0];if(!e)return;const{width:s,height:n}=e.contentRect;t(s,n,e)});if(r.observe(o),e.add(r),n){const i=o.getBoundingClientRect();t(i.width,i.height,new UIEvent("resize"))}return()=>{r.disconnect(),e.delete(r)}}}}}),r=()=>({name:"inview",extend:(t,i)=>{const e=new Set,s=(t,i,s={})=>{if("undefined"==typeof window||"undefined"==typeof IntersectionObserver)return()=>{};const{immediate:n=!0,...o}=s;let r=!n;const h=new IntersectionObserver(e=>{for(const s of e)s.target===t&&(r?r=!1:i(s.isIntersecting,s))},o);return h.observe(t),e.add(h),()=>{h.unobserve(t),h.disconnect(),e.delete(h)}};return t.onDestroy(()=>{for(const t of e)t.disconnect();e.clear()}),{onInView:(t,e)=>s(i,t,e),observeInView:(t,i,e)=>s(t,i,e)}}}),h=t=>({name:"lenis",extend:i=>{const e=new Set;return i.onDestroy(()=>{for(const{lenis:t,handler:i}of e)"function"==typeof t.off&&t.off("scroll",i);e.clear()}),{onLenisScroll:i=>{const s=t();if(!s)return()=>{};const n=t=>{i(t)};s.on("scroll",n);const o={lenis:s,handler:n};return e.add(o),()=>{e.has(o)&&(e.delete(o),"function"==typeof s.off&&s.off("scroll",n))}}}}}),c=()=>({name:"timer",extend:t=>{const i=new Set,e=new Set,s=new Set,n={setTimeout:(t,e,...s)=>{let n;return n=setTimeout((...e)=>{i.delete(n),t(...e)},e,...s),i.add(n),n},setInterval:(t,i,...s)=>{const n=setInterval(t,i,...s);return e.add(n),n},raf:(t,i)=>{let e=0,n=!0,o=0;const r="number"==typeof i&&i>0?1e3/i:0,h=i=>{if(s.delete(e),n){if(r){if(i-o>=r){const e=o?i-o:r;o=i,t(i,e)}}else{const e=o?i-o:0;o=i,t(i,e)}e=requestAnimationFrame(h),s.add(e)}};return e=requestAnimationFrame(h),s.add(e),()=>{n&&(n=!1,s.delete(e),cancelAnimationFrame(e))}}};return t.onDestroy(()=>{for(const t of i)clearTimeout(t);i.clear();for(const t of e)clearInterval(t);e.clear();for(const t of s)cancelAnimationFrame(t);s.clear()}),{timer:n}}}),f=()=>({name:"mouse",extend:t=>{const i=new Map,e=(t,e)=>{if("undefined"==typeof window)return()=>{};const s=t=>{const i=t;e(i.clientX,i.clientY,i)};window.addEventListener(t,s);let n=i.get(t);return n||(n=new Set,i.set(t,n)),n.add(s),()=>{window.removeEventListener(t,s),n?.delete(s)}};return t.onDestroy(()=>{if("undefined"!=typeof window){for(const[t,e]of i){for(const i of e)window.removeEventListener(t,i);e.clear()}i.clear()}}),{onMouseMove:t=>e("mousemove",t),onMouseDown:t=>e("mousedown",t),onMouseUp:t=>e("mouseup",t),onMouseWheel:t=>(t=>{if("undefined"==typeof window)return()=>{};const e=i=>{const e=i;t(e.clientX,e.clientY,e.deltaY,e)};window.addEventListener("wheel",e);let s=i.get("wheel");return s||(s=new Set,i.set("wheel",s)),s.add(e),()=>{window.removeEventListener("wheel",e),s?.delete(e)}})(t)}}}),u="0.0.1",l=/\{([A-Za-z_$][\w$]*)\}/g,a="bind:";export{u as SCOPE_VERSION,e as define,s as devicePlugin,r as inViewPlugin,h as lenisPlugin,n as morphPlugin,f as mousePlugin,c as timerPlugin,o as windowPlugin};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/plugins/content/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map