@motifx/core 1.0.1 → 1.2.0-rc.0

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { MotifDomEventProps } from './jsx-runtime.js';
 export { AnyFunctionalComponent, JSX, MotifBaseProps, MotifBindable, MotifClass, MotifComponentConstructor, MotifComponentType, MotifFunctionalComponent, MotifFunctionalComponentBasic, MotifStyle, MotifValue, __attr } from './jsx-runtime.js';
 
 interface IDisposable {
@@ -159,6 +160,8 @@ interface TransitionProps {
     leaveToClass?: string;
 }
 
+type TransitionMode = 'concurrent' | 'out-in' | 'in-out';
+
 interface IHtmlElement extends HTMLElement {
 }
 interface IElement extends Node {
@@ -197,6 +200,7 @@ interface ComponentBaseOptions<TProps> {
             out: CSSTransitionInfo;
         };
         name: string;
+        mode?: TransitionMode;
         classes?: TransitionProps;
         activeCssCancel: (() => void) | null;
         activeCssPhase: 'enter' | 'leave' | null;
@@ -229,9 +233,11 @@ type HtmlElementEvents = {
 type ElementTypes = Node | Element | HTMLElement | Text | DocumentFragment | Comment | HTMLDivElement;
 declare class controlAttribute<ElementType extends ElementTypes> implements IAttribute<ComponentBase<ElementType, any>> {
     private _parent;
-    private _attrMap;
-    private _watchers;
+    private _attrMapStore?;
+    private _watchersStore?;
     constructor(parent: ComponentBase<ElementType, any>);
+    private get _attrMap();
+    private get _watchers();
     /** @deprecated Tek kaynak `_attrMap`; geriye dönük okuma için türetilmiş görünüm. */
     get attributes(): {
         name: string;
@@ -285,7 +291,7 @@ declare class ComponentMotif<TSelf extends ComponentBase = ComponentBase, TProps
     stopAnimations(): Promise<void>;
 }
 
-type IBaseProp<T extends any> = OptionalParams<T> & {
+type IBaseProp<T extends any> = OptionalParams<T> & MotifDomEventProps & {
     childs?: any[];
     options?: any;
     onElementCreating?(): any;
@@ -311,6 +317,13 @@ interface IDisposeOptions {
     deep?: boolean;
     skipLeaveTransition?: boolean;
 }
+interface SiblingsApi {
+    all: () => ComponentBase[] | undefined;
+    next: () => ComponentBase | undefined;
+    prev: () => ComponentBase | undefined;
+    nextAll: () => any;
+    prevAll: () => any;
+}
 declare abstract class ComponentBase<TElement extends ElementType = any, TProps extends object = any> extends Disposable {
     readonly motif: ComponentMotif<this, TProps>;
     element: TElement;
@@ -375,18 +388,16 @@ declare abstract class ComponentBase<TElement extends ElementType = any, TProps
     dispose(options?: IDisposeOptions): Promise<void>;
     private _disposeCore;
     disposeAsync(options?: IDisposeOptions): Promise<void>;
-    private _disposeAsyncCore;
     using<T>(waitable: Promise<any>, onfulfilled?: ((value: T) => T | PromiseLike<T>) | undefined | null, onrejected?: ((reason: any) => never | PromiseLike<never>) | undefined | null): void;
     doWork<T>(waitable: Promise<T> | PromiseLike<T>): Promise<T>;
-    siblings: {
-        all: () => ComponentBase<any, any>[] | undefined;
-        next: () => ComponentBase<any, any> | undefined;
-        prev: () => ComponentBase<any, any> | undefined;
-        nextAll: () => any;
-        prevAll: () => any;
-    };
+    private _siblingsApi?;
+    private _siblingsSet?;
+    get siblings(): SiblingsApi;
+    set siblings(value: SiblingsApi);
+    private _createSiblingsApi;
     get serviceProvider(): ServiceProvider | null;
-    getService<T = any>(token: any): T | null;
+    getService<T>(token: abstract new (...args: any[]) => T): T | null;
+    getService<T = any>(token: string | symbol | object): T | null;
     $(selector: string): {
         fromDom: () => any;
         fromComponent: () => ComponentBase<any, any>[];
@@ -439,7 +450,7 @@ declare class Frame extends Component {
     current: ComponentBase | ComponentBase[] | null;
     isBusy: boolean;
     constructor(props?: any);
-    dispose(): Promise<void>;
+    dispose(options?: IDisposeOptions): Promise<void>;
     flush(): Promise<void>;
     previouspage: any;
     navigate(page: ComponentBase | ComponentBase[], keepOldControl?: boolean): Promise<void>;
@@ -487,10 +498,12 @@ declare class TransportTo extends Component<any, {
     private _slotRegisteredListener?;
     private _slotUnregisteredListener?;
     private _transported;
+    private _countedLive;
     constructor(props: {
         name: string;
     });
     private _handleSlotChange;
+    private _rememberTransported;
     private _clearChildrenFromSlot;
     initializeComponent(sender: ComponentBase): void;
     onDisposing(sender: ComponentBase, e: EventArgs): void;
@@ -638,6 +651,7 @@ declare class ControlCollection {
     add(...control: ComponentBase[]): ComponentBase[];
     add(index?: number, ...control: ComponentBase[]): ComponentBase[];
     insert(index?: number, ...controls: ComponentBase[]): ComponentBase[];
+    private _insertOne;
     remove(control: ComponentBase): void;
     detach(control: ComponentBase): Promise<void>;
     silentDetach(control: ComponentBase, unlinkOnly?: boolean): void;
@@ -809,6 +823,11 @@ declare const motifMessages: {
     MJX121: (compiled: number, runtime: number) => string;
     MJX122: (hook: string) => string;
     MJX123: (event: string) => string;
+    MJX124: (key: string) => string;
+    MJX125: (key: string) => string;
+    MJX126: () => string;
+    MJX127: (got: string) => string;
+    MJX128: (cls: string, member: string, how: "method" | "field" | "replaced") => string;
     MJX201: () => string;
     MJX202: (key: unknown, index: number) => string;
     MJX203: (max: number) => string;
@@ -1007,8 +1026,10 @@ declare class ServiceProvider {
     constructor(services: ServiceCollection, parent?: ServiceProvider, root?: ServiceProvider);
     createScope(name?: string): ServiceProvider;
     enableAutoDisposeTransients(enable?: boolean): this;
-    get<T = any>(token: any): T;
-    getAsync<T = any>(token: any): Promise<T>;
+    get<T>(token: abstract new (...args: any[]) => T): T;
+    get<T = any>(token: string | symbol | object): T;
+    getAsync<T>(token: abstract new (...args: any[]) => T): Promise<T>;
+    getAsync<T = any>(token: string | symbol | object): Promise<T>;
     getAllServices(): ServiceCollection;
     private _releaseIfUnused;
     private _scopeFor;
@@ -1304,6 +1325,7 @@ declare class RouterLink extends Component<any, RouterLinkOptions> {
     onBuilt(sender: ComponentBase, e: EventArgs): void;
 }
 
+type ApplicationState = 'initializing' | 'running' | 'disposing' | 'disposed';
 declare class ApplicationBuilder {
     services: ServiceCollection;
     constructor();
@@ -1341,6 +1363,9 @@ declare class Application {
     provider: ServiceProvider;
     static get main(): Application;
     constructor(provider: ServiceProvider);
+    private _state;
+    private _disposing?;
+    get state(): ApplicationState;
     private _middlewares;
     private _beforeEachGuards;
     readonly router: Router;
@@ -1354,7 +1379,10 @@ declare class Application {
     attach(component: Component): void;
     detach(component: Component): void;
     appendToMainHost(component: Node): void;
-    dispose(): void;
+    dispose(): Promise<void>;
+    useTransitions(options: {
+        mode?: TransitionMode;
+    }): Application;
     use(callback: (ctx: RouteResolveContext, next: () => Promise<void>) => any): Application;
     useGuard(guard: NavigationGuard): Application;
     private urlRoutingModule;
@@ -1410,16 +1438,19 @@ declare function Injectable(options?: {
     lifetime?: ServiceLifetime;
     deps?: any[];
 }): (target: any, context?: ClassDecoratorContext) => void;
-declare function FromService<T = any>(token: any): T;
+declare function FromService<T>(token: abstract new (...args: any[]) => T): T;
+declare function FromService<T = any>(token: string | symbol | object): T;
 
 type AsyncOrSync<T> = Promise<T> | T;
-interface Context {
+interface ResilienceContext {
     [key: string]: any;
 }
-type Action<T> = (ctx?: Context) => AsyncOrSync<T>;
+type Context = ResilienceContext;
+type ResilienceAction<T> = (ctx?: ResilienceContext) => AsyncOrSync<T>;
+type Action<T> = ResilienceAction<T>;
 type ShouldHandlePredicate = (err: any) => boolean;
-declare abstract class Policy {
-    abstract execute<T>(action: Action<T>, ctx?: Context): Promise<T>;
+interface ResiliencePolicy {
+    execute<T>(action: ResilienceAction<T>, ctx?: ResilienceContext): Promise<T>;
 }
 interface RetryOptions {
     retries?: number;
@@ -1453,8 +1484,8 @@ interface FallbackOptions<T> {
     fallback: (err: any, ctx?: Context) => AsyncOrSync<T>;
     shouldHandle?: ShouldHandlePredicate;
 }
-declare function decorate<T>(policy: Policy, fn: Action<T>): (ctx?: Context) => Promise<T>;
-declare class Resilience {
+declare function decorate<T>(policy: ResiliencePolicy, fn: ResilienceAction<T>): (ctx?: ResilienceContext) => Promise<T>;
+declare class Resilience implements ResiliencePolicy {
     static get create(): Resilience;
     private resiliences;
     retry: (opts?: RetryOptions) => Resilience;
@@ -1467,4 +1498,4 @@ declare class Resilience {
 }
 
 export { Application, ApplicationBuilder, Component, ComponentBase, ComponentMotif, Computed, ContentBlock, ContentBody, ControlCollection, Dictionary, Disposable, DisposableStore, Emitter, ErrorHandler, FNComponent, FragmentNode, Frame, FromService, Injectable, Lazy, LazyComputed, LinkedList, List, MotifError, NameValuePair, NodeTypes, Query, Resilience, RouterLink, RouterView, ServiceCollection, ServiceProvider, Signal, Transport, TransportTo, Transporter, Virtualization, asyncTracking, clearModel, configureReactivityLeakMonitor, createComputed, createLazyComputed, createSignal, decorate, deepClone, disposableCore, dom, effect, errorHandler, inject, motifCompiled, motifComponent, motifFragment, preProcessing, reactive, read, safeCall, safeCallAsync, safeCallSilent, setUnexpectedErrorHandler, toDisposable, toGetter, untracked, useApplication, useModel, useNavigation };
-export type { AnyEvents, AppLifecycleEventArgs, AppLifecycleState, AsyncTrackingToken, Bind, CSSTransitionInfo, ComponentBaseOptions, CustomParameters, EffectFn, ElementType, Event$1 as Event, EventArgs, Group, HtmlElementEvents, IAttribute, IBaseProp, IClass, IDisposable, IDisposableTracker, IDisposeOptions, IElement, IHtmlElement, IsOptional, LazyOptions, LazyRetryOptions, MotifErrorCode, NavigationDirection, NavigationGuard, NavigationGuardContext, NavigationOptions, OptionalParams, ReadonlySignal, RedirectTarget, ResolveResult, RouteControl, RouteInfo, RouteItem, RouteItemBase, RouteRedirect, RouteResolveContext, Router, RouterClassingSettings, RouterEvents, RouterNavigatedEventArgs, RouterOptions, RouterValidateEventArgs, RouterViewProps, ScrollMemoryOptions, ServiceDescriptor, ServiceLifetime, StackEntryInfo, StackOptions, StackSwipeBackOptions, StackTransitionContext, TransitionProps, TransportOptions, VirtualizationDataRequest, VirtualizationDataResponse, VirtualizationProps, VirtualizationState };
+export type { AnyEvents, AppLifecycleEventArgs, AppLifecycleState, ApplicationState, AsyncTrackingToken, Bind, BulkheadOptions, CSSTransitionInfo, CircuitBreakerOptions, CircuitState, ComponentBaseOptions, CustomParameters, EffectFn, ElementType, Event$1 as Event, EventArgs, FallbackOptions, Group, HtmlElementEvents, IAttribute, IBaseProp, IClass, IDisposable, IDisposableTracker, IDisposeOptions, IElement, IHtmlElement, IsOptional, LazyOptions, LazyRetryOptions, MotifErrorCode, NavigationDirection, NavigationGuard, NavigationGuardContext, NavigationOptions, OptionalParams, RateLimiterOptions, ReadonlySignal, RedirectTarget, ResilienceAction, ResilienceContext, ResiliencePolicy, ResolveResult, RetryOptions, RouteControl, RouteInfo, RouteItem, RouteItemBase, RouteRedirect, RouteResolveContext, Router, RouterClassingSettings, RouterEvents, RouterNavigatedEventArgs, RouterOptions, RouterValidateEventArgs, RouterViewProps, ScrollMemoryOptions, ServiceDescriptor, ServiceLifetime, StackEntryInfo, StackOptions, StackSwipeBackOptions, StackTransitionContext, TimeoutOptions, TransitionMode, TransitionProps, TransportOptions, VirtualizationDataRequest, VirtualizationDataResponse, VirtualizationProps, VirtualizationState };

package/dist/index.esm.js

@@ -1,7 +1,5 @@
-import { C as Component, A as Application, f as findAppendableComponent, a as ComponentBase, n as notifyDeactivated, b as autoRegistry } from './chunks/core-DxINgP83.esm.js';
-export { c as ApplicationBuilder, d as ComponentMotif, e as ControlCollection, D as Disposable, h as DisposableStore, E as Emitter, F as FNComponent, i as FragmentNode, j as Frame, L as Lazy, R as RouterView, S as ServiceCollection, p as ServiceProvider, g as disposableCore, k as inject, m as motifCompiled, l as motifComponent, o as motifFragment, t as toDisposable, u as useApplication, q as useNavigation } from './chunks/core-DxINgP83.esm.js';
-import { m as motifError, r as reportWarning, u as untracked, e as effect, a as reportError, M as MotifError, f as formatMotifMessage } from './chunks/core-BDvHkZLQ.esm.js';
-export { C as Computed, E as ErrorHandler, L as LazyComputed, n as LinkedList, N as NodeTypes, S as Signal, b as asyncTracking, c as clearModel, d as configureReactivityLeakMonitor, g as createComputed, h as createLazyComputed, i as createSignal, j as deepClone, k as dom, l as errorHandler, o as reactive, s as safeCall, p as safeCallAsync, q as safeCallSilent, t as setUnexpectedErrorHandler, v as useModel } from './chunks/core-BDvHkZLQ.esm.js';
+import { m as motifError, C as Component, r as reportWarning, A as Application, c as contentBlocks, f as findAppendableComponent, u as untracked, e as effect, a as reportError, b as ComponentBase, n as notifyDeactivated, d as autoRegistry, M as MotifError, g as formatMotifMessage } from './chunks/core-vVL0WG0n.esm.js';
+export { h as ApplicationBuilder, k as ComponentMotif, l as Computed, p as ControlCollection, D as Disposable, x as DisposableStore, E as Emitter, B as ErrorHandler, F as FNComponent, G as FragmentNode, H as Frame, L as Lazy, J as LazyComputed, K as LinkedList, Q as NodeTypes, S as RouterView, W as ServiceCollection, X as ServiceProvider, Z as Signal, i as asyncTracking, j as clearModel, o as configureReactivityLeakMonitor, q as createComputed, s as createLazyComputed, t as createSignal, v as deepClone, w as disposableCore, y as dom, z as errorHandler, I as inject, N as motifCompiled, O as motifComponent, P as motifFragment, R as reactive, T as safeCall, U as safeCallAsync, V as safeCallSilent, Y as setUnexpectedErrorHandler, _ as toDisposable, $ as useApplication, a0 as useModel, a1 as useNavigation } from './chunks/core-vVL0WG0n.esm.js';
 
 class NameValuePair {
     Key;
@@ -56,10 +54,11 @@ class List {
     }
     ;
     remove(item) {
+        const index = this.__list.indexOf(item);
+        if (index === -1)
+            return [];
         this._map.delete(item);
-        this.__list.splice(this.__list.indexOf(item), 1);
-        item = null;
-        return [];
+        return this.__list.splice(index, 1);
     }
     ;
     indexOf(item) {
@@ -86,7 +85,7 @@ class List {
         this.__list?.forEach(callbackfn);
     }
     ReverseClone() {
-        return this.__list.reverse();
+        return this.__list.slice().reverse();
     }
     filter(callbackfn) {
         return this.__list.filter(callbackfn);
@@ -113,8 +112,7 @@ class Dictionary {
     }
     OnItemAdded;
     removeIndex(index) {
-        var i = this.__values.removeIndex(index - 1);
-        return i;
+        return this.__values.removeIndex(index);
     }
     ;
     remove(Key) {
@@ -244,20 +242,16 @@ class ContentBlock extends Component {
         // } else {
         //         var cb = ContentBodyCollectionHandable.get(props.target);
         //         if (cb) {
-        this.controls.onAdd = (control) => {
-            var cb = ContentBodyCollectionHandable.get(this.props.target);
-            if (cb) {
-                control.motif.options["ownerContentBlock"] = this;
-                cb.controls.add(control);
-            }
-        };
-        this.controls.onAddBeforeBuild = (control) => {
+        const forward = (control) => {
+            this.motif.trigger('controladded', { control });
             var cb = ContentBodyCollectionHandable.get(this.props.target);
             if (cb) {
                 control.motif.options["ownerContentBlock"] = this;
                 cb.controls.add(control);
             }
         };
+        this.controls.onAdd = forward;
+        this.controls.onAddBeforeBuild = forward;
         if (this.childs) {
             this.controls.add(...this.childs);
         }
@@ -301,7 +295,9 @@ class ContentBody extends Component {
         this.context.fire(changeBodyCollectionHandler);
     }
     ondisposing(sender) {
-        ContentBodyCollectionHandable.delete(this.props.name);
+        if (ContentBodyCollectionHandable.get(this.props.name) === this) {
+            ContentBodyCollectionHandable.delete(this.props.name);
+        }
     }
 }
 
@@ -333,7 +329,7 @@ class Transport extends Component {
     initializeComponent(sender) {
         TransportRegistry.registerSlot(this.props.name, this);
         this.onDisposing = () => {
-            (this.controls.items || []).forEach(child => {
+            [...(this.controls.items || [])].forEach(child => {
                 this.controls.remove(child);
                 child.dispose?.();
             });
@@ -341,7 +337,7 @@ class Transport extends Component {
         };
     }
     clearSlot() {
-        (this.controls.items || []).forEach(child => {
+        [...(this.controls.items || [])].forEach(child => {
             this.controls.remove(child);
             child.dispose?.();
         });
@@ -355,7 +351,7 @@ class Transporter {
         if (child.parent === newParent && newParent.controls.items.includes(child))
             return;
         if (child.parent && child.parent !== newParent) {
-            child.parent.controls.remove(child);
+            child.parent.controls.silentDetach(child, true);
         }
         if (options.owner) {
             child.motif.options.ownerTransporter = options.owner;
@@ -418,8 +414,11 @@ class TransportTo extends Component {
     _slotRegisteredListener;
     _slotUnregisteredListener;
     _transported = [];
+    _countedLive = false;
     constructor(props) {
         super('div', props);
+        contentBlocks.live++;
+        this._countedLive = true;
     }
     _handleSlotChange = (eventArgs) => {
         if (eventArgs.name === this.props.name) {
@@ -429,9 +428,17 @@ class TransportTo extends Component {
             }
             const all = [...(this.childs || []), ...this.controls.items];
             Transporter.transportMany(all, slot);
-            this._transported = all;
+            this._rememberTransported(all);
         }
     };
+    _rememberTransported(children) {
+        const kept = this._transported.filter(c => !c.isDisposed);
+        for (const child of children) {
+            if (!kept.includes(child))
+                kept.push(child);
+        }
+        this._transported = kept;
+    }
     _clearChildrenFromSlot = (slot) => {
         (this.childs || []).forEach(child => {
             slot.controls.remove(child);
@@ -450,7 +457,7 @@ class TransportTo extends Component {
             }
             const all = [...(this.childs || []), ...this.controls.items];
             Transporter.transportMany(all, slot);
-            this._transported = all;
+            this._rememberTransported(all);
         }
         this._slotRegisteredListener = Application.main.on(SLOT_REGISTERED_EVENT, this._handleSlotChange);
         this._slotUnregisteredListener = Application.main.on(SLOT_UNREGISTERED_EVENT, (eventArgs) => {
@@ -459,9 +466,11 @@ class TransportTo extends Component {
             }
         });
         this._onAddRef = (child) => {
+            this.motif.trigger('controladded', { control: child });
             const currentSlot = TransportRegistry.getSlot(this.props.name);
             if (currentSlot) {
                 Transporter.transport(child, currentSlot);
+                this._rememberTransported([child]);
             }
         };
         this._onRemoveRef = (child) => {
@@ -469,17 +478,20 @@ class TransportTo extends Component {
             if (currentSlot) {
                 currentSlot.controls.remove(child);
             }
+            this._transported = this._transported.filter(c => c !== child);
         };
         this.controls.onAdd = this._onAddRef;
         this.controls.onRemove = this._onRemoveRef;
     }
     onDisposing(sender, e) {
+        if (this._countedLive) {
+            this._countedLive = false;
+            contentBlocks.live--;
+        }
         const currentSlot = TransportRegistry.getSlot(this.props.name);
-        if (currentSlot) {
-            (this._transported || []).forEach(child => {
-                currentSlot.controls.remove(child);
-                child.dispose();
-            });
+        for (const child of this._transported || []) {
+            currentSlot?.controls.remove(child);
+            child.dispose();
         }
         if (this._slotRegisteredListener) {
             Application.main.off(SLOT_REGISTERED_EVENT, this._handleSlotChange);
@@ -1343,7 +1355,7 @@ class RateLimiterPolicy extends Policy {
         super();
         this.tokensPerInterval = opts.tokensPerInterval ?? 1;
         this.intervalMs = opts.intervalMs ?? 1000;
-        this.capacity = opts.capacity ?? 1000;
+        this.capacity = opts.capacity ?? this.tokensPerInterval;
         this.tokens = this.capacity;
         this.lastRefill = Date.now();
     }