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

package/dist/devtools.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var devtools = require('./chunks/core-CX1Sz73P.cjs');
+var devtools = require('./chunks/core-ZMoM1273.cjs');
 
 
 

package/dist/devtools.esm.js

@@ -1,2 +1,2 @@
-export { a3 as debugGetDepMap, a2 as debugGetDeps } from './chunks/core-C5z0P3iY.esm.js';
+export { a6 as debugGetDepMap, a5 as debugGetDeps } from './chunks/core-C-BpS-QN.esm.js';
 //# sourceMappingURL=devtools.esm.js.map

package/dist/index.cjs

@@ -1,18 +1,15 @@
 'use strict';
 
-var devtools = require('./chunks/core-CX1Sz73P.cjs');
+var devtools = require('./chunks/core-ZMoM1273.cjs');
 
 class NameValuePair {
-    Key;
-    value;
 }
 
 class List {
-    ItemAdded;
-    ItemAddedBefore;
-    ItemSplice;
-    __list = [];
-    _map = new Set();
+    constructor() {
+        this.__list = [];
+        this._map = new Set();
+    }
     Dispose() {
         this.__list = [];
     }
@@ -94,7 +91,9 @@ class List {
 }
 
 class Dictionary {
-    __values = new List();
+    constructor() {
+        this.__values = new List();
+    }
     Add(Key, Value) {
         var item = new NameValuePair();
         item.Key = Key;
@@ -111,7 +110,6 @@ class Dictionary {
     item(key) {
         return this.filter(t => t.Key == key)[0];
     }
-    OnItemAdded;
     removeIndex(index) {
         return this.__values.removeIndex(index);
     }
@@ -152,7 +150,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);
     }
@@ -302,39 +299,19 @@ class ContentBody extends devtools.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);
-        devtools.Application.main.fire(SLOT_REGISTERED_EVENT, { name, slot });
-    }
-    static unregisterSlot(name, slot) {
-        if (this.slots.get(name) === slot) {
-            this.slots.delete(name);
-            devtools.Application.main.fire(SLOT_UNREGISTERED_EVENT, { name, slot });
-        }
-    }
-    static getSlot(name) {
-        return this.slots.get(name);
-    }
-}
-
 class Transport extends devtools.Component {
-    mode;
     constructor(props) {
         super(props);
         this.mode = props.mode || 'replace';
     }
     initializeComponent(sender) {
-        TransportRegistry.registerSlot(this.props.name, this);
+        devtools.TransportRegistry.registerSlot(this.props.name, this);
         this.onDisposing = () => {
             [...(this.controls.items || [])].forEach(child => {
                 this.controls.remove(child);
                 child.dispose?.();
             });
-            TransportRegistry.unregisterSlot(this.props.name, this);
+            devtools.TransportRegistry.unregisterSlot(this.props.name, this);
         };
     }
     clearSlot() {
@@ -410,28 +387,34 @@ class Transporter {
 }
 
 class TransportTo extends devtools.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();
+            });
+        };
         devtools.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) {
@@ -440,18 +423,8 @@ class TransportTo extends devtools.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);
+        let slot = devtools.TransportRegistry.getSlot(this.props.name);
         if (slot) {
             if (slot.mode !== 'merge') {
                 slot.clearSlot?.();
@@ -460,22 +433,22 @@ class TransportTo extends devtools.Component {
             Transporter.transportMany(all, slot);
             this._rememberTransported(all);
         }
-        this._slotRegisteredListener = devtools.Application.main.on(SLOT_REGISTERED_EVENT, this._handleSlotChange);
-        this._slotUnregisteredListener = devtools.Application.main.on(SLOT_UNREGISTERED_EVENT, (eventArgs) => {
+        this._slotRegisteredListener = devtools.Application.main.on(devtools.SLOT_REGISTERED_EVENT, this._handleSlotChange);
+        this._slotUnregisteredListener = devtools.Application.main.on(devtools.SLOT_UNREGISTERED_EVENT, (eventArgs) => {
             if (eventArgs.name === this.props.name) {
                 this._clearChildrenFromSlot(eventArgs.slot);
             }
         });
         this._onAddRef = (child) => {
             this.motif.trigger('controladded', { control: child });
-            const currentSlot = TransportRegistry.getSlot(this.props.name);
+            const currentSlot = devtools.TransportRegistry.getSlot(this.props.name);
             if (currentSlot) {
                 Transporter.transport(child, currentSlot);
                 this._rememberTransported([child]);
             }
         };
         this._onRemoveRef = (child) => {
-            const currentSlot = TransportRegistry.getSlot(this.props.name);
+            const currentSlot = devtools.TransportRegistry.getSlot(this.props.name);
             if (currentSlot) {
                 currentSlot.controls.remove(child);
             }
@@ -489,17 +462,17 @@ class TransportTo extends devtools.Component {
             this._countedLive = false;
             devtools.contentBlocks.live--;
         }
-        const currentSlot = TransportRegistry.getSlot(this.props.name);
+        const currentSlot = devtools.TransportRegistry.getSlot(this.props.name);
         for (const child of this._transported || []) {
             currentSlot?.controls.remove(child);
             child.dispose();
         }
         if (this._slotRegisteredListener) {
-            devtools.Application.main.off(SLOT_REGISTERED_EVENT, this._handleSlotChange);
+            devtools.Application.main.off(devtools.SLOT_REGISTERED_EVENT, this._handleSlotChange);
             this._slotRegisteredListener = undefined;
         }
         if (this._slotUnregisteredListener) {
-            devtools.Application.main.off(SLOT_UNREGISTERED_EVENT, this._slotUnregisteredListener);
+            devtools.Application.main.off(devtools.SLOT_UNREGISTERED_EVENT, this._slotUnregisteredListener);
             this._slotUnregisteredListener = undefined;
         }
         if (this.controls.onAdd === this._onAddRef)
@@ -513,19 +486,35 @@ class TransportTo extends devtools.Component {
 }
 
 class Virtualization extends devtools.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 devtools.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)
@@ -547,8 +536,6 @@ class Virtualization extends devtools.Component {
         this.renderViewport = this.renderViewport.bind(this);
         this._makeView();
     }
-    contentWrapper = new devtools.Component();
-    wrapper;
     _makeView() {
         this._topSpacer = new devtools.Component('div');
         this._topSpacer.element.style.cssText = 'height: 0px;';
@@ -577,7 +564,6 @@ class Virtualization extends devtools.Component {
             this.motif.on('scroll', this._handleScroll);
         }
     }
-    _initialLoadStarted = false;
     onBuilding() {
         if (this.props.mainTemplate || this._initialLoadStarted)
             return;
@@ -594,10 +580,6 @@ class Virtualization extends devtools.Component {
         this._stopDataWatch();
         this._clearContent();
     }
-    _offsets = null;
-    _resizeObserver;
-    _observed;
-    _observedHeight = -1;
     _fixedHeight() {
         const h = this.props.itemHeight;
         return typeof h === 'function' ? null : h;
@@ -679,10 +661,6 @@ class Virtualization extends devtools.Component {
         this._resizeObserver = undefined;
         this._observed = undefined;
     }
-    _loadSeq = 0;
-    _dataWatchStop;
-    _reloadScheduled = false;
-    _reloadTimes = [];
     _stopDataWatch() {
         this._dataWatchStop?.();
         this._dataWatchStop = undefined;
@@ -781,19 +759,6 @@ class Virtualization extends devtools.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;
@@ -1182,12 +1147,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;
@@ -1226,7 +1185,6 @@ class RetryPolicy extends Policy {
     }
 }
 class TimeoutPolicy extends Policy {
-    timeoutMs;
     constructor(opts) {
         super();
         this.timeoutMs = opts.timeoutMs;
@@ -1246,17 +1204,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;
@@ -1309,12 +1262,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;
     }
@@ -1347,11 +1298,6 @@ class BulkheadPolicy extends Policy {
     }
 }
 class RateLimiterPolicy extends Policy {
-    tokensPerInterval;
-    intervalMs;
-    capacity;
-    tokens;
-    lastRefill;
     constructor(opts = {}) {
         super();
         this.tokensPerInterval = opts.tokensPerInterval ?? 1;
@@ -1381,8 +1327,6 @@ class RateLimiterPolicy extends Policy {
     }
 }
 class FallbackPolicy extends Policy {
-    fallback;
-    shouldHandle;
     constructor(opts) {
         super();
         this.fallback = opts.fallback;
@@ -1400,7 +1344,6 @@ class FallbackPolicy extends Policy {
     }
 }
 class PolicyWrap extends Policy {
-    policies;
     constructor(...policies) {
         super();
         this.policies = policies;
@@ -1425,34 +1368,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);
     }