@motifx/core 1.2.0-rc.2 → 1.2.0-rc.4

package/dist/index.esm.js

@@ -1,17 +1,14 @@
-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-C5z0P3iY.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-C5z0P3iY.esm.js';
+import { m as motifError, C as Component, r as reportWarning, T as TransportRegistry, A as Application, S as SLOT_REGISTERED_EVENT, a as SLOT_UNREGISTERED_EVENT, c as contentBlocks, f as findAppendableComponent, u as untracked, e as effect, b as reportError, d as ComponentBase, n as notifyDeactivated, g as autoRegistry, M as MotifError, h as formatMotifMessage } from './chunks/core-C-BpS-QN.esm.js';
+export { i as ApplicationBuilder, l as ComponentMotif, o as Computed, q as ControlCollection, D as Disposable, y as DisposableStore, E as Emitter, F as ErrorHandler, G as FNComponent, H as FragmentNode, I as Frame, L as Lazy, K as LazyComputed, N as LinkedList, R as NodeTypes, V as RouterView, Z as ServiceCollection, _ as ServiceProvider, a0 as Signal, j as asyncTracking, k as clearModel, p as configureReactivityLeakMonitor, s as createComputed, t as createLazyComputed, v as createSignal, w as deepClone, x as disposableCore, z as dom, B as errorHandler, J as inject, O as motifCompiled, P as motifComponent, Q as motifFragment, U as reactive, W as safeCall, X as safeCallAsync, Y as safeCallSilent, $ as setUnexpectedErrorHandler, a1 as toDisposable, a2 as useApplication, a3 as useModel, a4 as useNavigation } from './chunks/core-C-BpS-QN.esm.js';
 
 class NameValuePair {
-    Key;
-    value;
 }
 
 class List {
-    ItemAdded;
-    ItemAddedBefore;
-    ItemSplice;
-    __list = [];
-    _map = new Set();
+    constructor() {
+        this.__list = [];
+        this._map = new Set();
+    }
     Dispose() {
         this.__list = [];
     }
@@ -93,7 +90,9 @@ class List {
 }
 
 class Dictionary {
-    __values = new List();
+    constructor() {
+        this.__values = new List();
+    }
     Add(Key, Value) {
         var item = new NameValuePair();
         item.Key = Key;
@@ -110,7 +109,6 @@ class Dictionary {
     item(key) {
         return this.filter(t => t.Key == key)[0];
     }
-    OnItemAdded;
     removeIndex(index) {
         return this.__values.removeIndex(index);
     }
@@ -151,7 +149,6 @@ function compareKeys(a, b) {
     return a > b ? 1 : a < b ? -1 : 0;
 }
 class Query {
-    source;
     constructor(source) {
         this.source = Array.isArray(source) ? source : Array.from(source);
     }
@@ -301,27 +298,7 @@ class ContentBody extends Component {
     }
 }
 
-const SLOT_REGISTERED_EVENT = Symbol('slotRegistered');
-const SLOT_UNREGISTERED_EVENT = Symbol('slotUnregistered');
-class TransportRegistry {
-    static slots = new Map();
-    static registerSlot(name, slot) {
-        this.slots.set(name, slot);
-        Application.main.fire(SLOT_REGISTERED_EVENT, { name, slot });
-    }
-    static unregisterSlot(name, slot) {
-        if (this.slots.get(name) === slot) {
-            this.slots.delete(name);
-            Application.main.fire(SLOT_UNREGISTERED_EVENT, { name, slot });
-        }
-    }
-    static getSlot(name) {
-        return this.slots.get(name);
-    }
-}
-
 class Transport extends Component {
-    mode;
     constructor(props) {
         super(props);
         this.mode = props.mode || 'replace';
@@ -409,28 +386,34 @@ class Transporter {
 }
 
 class TransportTo extends Component {
-    _onAddRef;
-    _onRemoveRef;
-    _slotRegisteredListener;
-    _slotUnregisteredListener;
-    _transported = [];
-    _countedLive = false;
     constructor(props) {
         super('div', props);
+        this._transported = [];
+        this._countedLive = false;
+        this._handleSlotChange = (eventArgs) => {
+            if (eventArgs.name === this.props.name) {
+                const slot = eventArgs.slot;
+                if (slot.mode !== 'merge') {
+                    slot.clearSlot?.();
+                }
+                const all = [...(this.childs || []), ...this.controls.items];
+                Transporter.transportMany(all, slot);
+                this._rememberTransported(all);
+            }
+        };
+        this._clearChildrenFromSlot = (slot) => {
+            (this.childs || []).forEach(child => {
+                slot.controls.remove(child);
+                child.dispose();
+            });
+            (this.controls.items || []).forEach(child => {
+                slot.controls.remove(child);
+                child.dispose();
+            });
+        };
         contentBlocks.live++;
         this._countedLive = true;
     }
-    _handleSlotChange = (eventArgs) => {
-        if (eventArgs.name === this.props.name) {
-            const slot = eventArgs.slot;
-            if (slot.mode !== 'merge') {
-                slot.clearSlot?.();
-            }
-            const all = [...(this.childs || []), ...this.controls.items];
-            Transporter.transportMany(all, slot);
-            this._rememberTransported(all);
-        }
-    };
     _rememberTransported(children) {
         const kept = this._transported.filter(c => !c.isDisposed);
         for (const child of children) {
@@ -439,16 +422,6 @@ class TransportTo extends Component {
         }
         this._transported = kept;
     }
-    _clearChildrenFromSlot = (slot) => {
-        (this.childs || []).forEach(child => {
-            slot.controls.remove(child);
-            child.dispose();
-        });
-        (this.controls.items || []).forEach(child => {
-            slot.controls.remove(child);
-            child.dispose();
-        });
-    };
     initializeComponent(sender) {
         let slot = TransportRegistry.getSlot(this.props.name);
         if (slot) {
@@ -512,19 +485,35 @@ class TransportTo extends Component {
 }
 
 class Virtualization extends Component {
-    _state;
-    _virtualContent;
-    _topSpacer;
-    _bottomSpacer;
-    _cache = new Map();
-    _view = [];
-    _occurrence = [];
-    _occurrenceKeys = new WeakMap();
-    _isLoadingMore = false;
-    _emptyRendered = false;
-    _renderPending = false;
     constructor(props) {
         super('div', props);
+        this._cache = new Map();
+        this._view = [];
+        this._occurrence = [];
+        this._occurrenceKeys = new WeakMap();
+        this._isLoadingMore = false;
+        this._emptyRendered = false;
+        this._renderPending = false;
+        this.contentWrapper = new Component();
+        this._initialLoadStarted = false;
+        this._offsets = null;
+        this._observedHeight = -1;
+        this._loadSeq = 0;
+        this._reloadScheduled = false;
+        this._reloadTimes = [];
+        this._handleScroll = (_sender, _event) => {
+            this.renderViewport();
+            if (this.props.autoLoad === false)
+                return;
+            if (!this._state.hasMore || this._isLoadingMore || !this._state.isInitialized)
+                return;
+            const el = this.wrapper.element;
+            const fixed = this._fixedHeight();
+            const loadedBottom = fixed !== null ? this._state.data.length * fixed : this._offsetOf(this._view.length);
+            const distanceToLoaded = loadedBottom - (el.scrollTop + el.clientHeight);
+            if (distanceToLoaded < (this.props.autoLoadThreshold ?? 100))
+                void this._loadMore();
+        };
         if (props.className)
             this.class.add(props.className);
         if (props.style)
@@ -546,8 +535,6 @@ class Virtualization extends Component {
         this.renderViewport = this.renderViewport.bind(this);
         this._makeView();
     }
-    contentWrapper = new Component();
-    wrapper;
     _makeView() {
         this._topSpacer = new Component('div');
         this._topSpacer.element.style.cssText = 'height: 0px;';
@@ -576,7 +563,6 @@ class Virtualization extends Component {
             this.motif.on('scroll', this._handleScroll);
         }
     }
-    _initialLoadStarted = false;
     onBuilding() {
         if (this.props.mainTemplate || this._initialLoadStarted)
             return;
@@ -593,10 +579,6 @@ class Virtualization extends Component {
         this._stopDataWatch();
         this._clearContent();
     }
-    _offsets = null;
-    _resizeObserver;
-    _observed;
-    _observedHeight = -1;
     _fixedHeight() {
         const h = this.props.itemHeight;
         return typeof h === 'function' ? null : h;
@@ -678,10 +660,6 @@ class Virtualization extends Component {
         this._resizeObserver = undefined;
         this._observed = undefined;
     }
-    _loadSeq = 0;
-    _dataWatchStop;
-    _reloadScheduled = false;
-    _reloadTimes = [];
     _stopDataWatch() {
         this._dataWatchStop?.();
         this._dataWatchStop = undefined;
@@ -780,19 +758,6 @@ class Virtualization extends Component {
             this._renderErrorState(error);
         }
     }
-    _handleScroll = (_sender, _event) => {
-        this.renderViewport();
-        if (this.props.autoLoad === false)
-            return;
-        if (!this._state.hasMore || this._isLoadingMore || !this._state.isInitialized)
-            return;
-        const el = this.wrapper.element;
-        const fixed = this._fixedHeight();
-        const loadedBottom = fixed !== null ? this._state.data.length * fixed : this._offsetOf(this._view.length);
-        const distanceToLoaded = loadedBottom - (el.scrollTop + el.clientHeight);
-        if (distanceToLoaded < (this.props.autoLoadThreshold ?? 100))
-            void this._loadMore();
-    };
     async _loadInitial() {
         const seq = ++this._loadSeq;
         this._state.isLoading = true;
@@ -1181,12 +1146,6 @@ function addJitter(base, jitterFactor = 0.1) {
 class Policy {
 }
 class RetryPolicy extends Policy {
-    retries;
-    backoff;
-    delayMs;
-    jitter;
-    shouldHandle;
-    onRetry;
     constructor(options = {}) {
         super();
         this.retries = options.retries ?? 3;
@@ -1225,7 +1184,6 @@ class RetryPolicy extends Policy {
     }
 }
 class TimeoutPolicy extends Policy {
-    timeoutMs;
     constructor(opts) {
         super();
         this.timeoutMs = opts.timeoutMs;
@@ -1245,17 +1203,12 @@ class TimeoutPolicy extends Policy {
     }
 }
 class CircuitBreakerPolicy extends Policy {
-    failureThreshold;
-    successThreshold;
-    durationOfBreakMs;
-    shouldHandle;
-    onStateChange;
-    state = 'CLOSED';
-    failureCount = 0;
-    successCount = 0;
-    nextAttemptTime = 0;
     constructor(opts = {}) {
         super();
+        this.state = 'CLOSED';
+        this.failureCount = 0;
+        this.successCount = 0;
+        this.nextAttemptTime = 0;
         this.failureThreshold = opts.failureThreshold ?? 5;
         this.successThreshold = opts.successThreshold ?? 2;
         this.durationOfBreakMs = opts.durationOfBreakMs ?? 60000;
@@ -1308,12 +1261,10 @@ class CircuitBreakerPolicy extends Policy {
     }
 }
 class BulkheadPolicy extends Policy {
-    maxConcurrent;
-    maxQueue;
-    active = 0;
-    queue = [];
     constructor(opts = {}) {
         super();
+        this.active = 0;
+        this.queue = [];
         this.maxConcurrent = opts.maxConcurrent ?? 10;
         this.maxQueue = opts.maxQueue ?? 50;
     }
@@ -1346,11 +1297,6 @@ class BulkheadPolicy extends Policy {
     }
 }
 class RateLimiterPolicy extends Policy {
-    tokensPerInterval;
-    intervalMs;
-    capacity;
-    tokens;
-    lastRefill;
     constructor(opts = {}) {
         super();
         this.tokensPerInterval = opts.tokensPerInterval ?? 1;
@@ -1380,8 +1326,6 @@ class RateLimiterPolicy extends Policy {
     }
 }
 class FallbackPolicy extends Policy {
-    fallback;
-    shouldHandle;
     constructor(opts) {
         super();
         this.fallback = opts.fallback;
@@ -1399,7 +1343,6 @@ class FallbackPolicy extends Policy {
     }
 }
 class PolicyWrap extends Policy {
-    policies;
     constructor(...policies) {
         super();
         this.policies = policies;
@@ -1424,34 +1367,36 @@ function decorate(policy, fn) {
     return (ctx) => policy.execute(fn, ctx);
 }
 class Resilience {
+    constructor() {
+        this.resiliences = [];
+        this.retry = (opts) => {
+            this.resiliences.push(resilience.retry(opts));
+            return this;
+        };
+        this.timeout = (opts) => {
+            this.resiliences.push(resilience.timeout(opts));
+            return this;
+        };
+        this.circuitBreaker = (opts) => {
+            this.resiliences.push(resilience.circuitBreaker(opts));
+            return this;
+        };
+        this.bulkhead = (opts) => {
+            this.resiliences.push(resilience.bulkhead(opts));
+            return this;
+        };
+        this.rateLimiter = (opts) => {
+            this.resiliences.push(resilience.rateLimiter(opts));
+            return this;
+        };
+        this.fallback = (opts) => {
+            this.resiliences.push(resilience.fallback(opts));
+            return this;
+        };
+    }
     static get create() {
         return new Resilience();
     }
-    resiliences = [];
-    retry = (opts) => {
-        this.resiliences.push(resilience.retry(opts));
-        return this;
-    };
-    timeout = (opts) => {
-        this.resiliences.push(resilience.timeout(opts));
-        return this;
-    };
-    circuitBreaker = (opts) => {
-        this.resiliences.push(resilience.circuitBreaker(opts));
-        return this;
-    };
-    bulkhead = (opts) => {
-        this.resiliences.push(resilience.bulkhead(opts));
-        return this;
-    };
-    rateLimiter = (opts) => {
-        this.resiliences.push(resilience.rateLimiter(opts));
-        return this;
-    };
-    fallback = (opts) => {
-        this.resiliences.push(resilience.fallback(opts));
-        return this;
-    };
     async execute(action, ctx) {
         return resilience.wrap(...this.resiliences).execute(action, ctx);
     }