@micro-lc/preview 0.3.2 → 0.4.0

package/website/development/assets/{index-320e76a2.js → index-d5aaa491.js}

@@ -2911,7 +2911,7 @@ var Subscription = function() {
     this._finalizers = null;
   }
   Subscription2.prototype.unsubscribe = function() {
-    var e_1, _a, e_2, _b;
+    var e_1, _a2, e_2, _b;
     var errors;
     if (!this.closed) {
       this.closed = true;
@@ -2928,8 +2928,8 @@ var Subscription = function() {
             e_1 = { error: e_1_1 };
           } finally {
             try {
-              if (_parentage_1_1 && !_parentage_1_1.done && (_a = _parentage_1.return))
-                _a.call(_parentage_1);
+              if (_parentage_1_1 && !_parentage_1_1.done && (_a2 = _parentage_1.return))
+                _a2.call(_parentage_1);
             } finally {
               if (e_1)
                 throw e_1.error;
@@ -2982,7 +2982,7 @@ var Subscription = function() {
     }
   };
   Subscription2.prototype.add = function(teardown) {
-    var _a;
+    var _a2;
     if (teardown && teardown !== this) {
       if (this.closed) {
         execFinalizer(teardown);
@@ -2993,7 +2993,7 @@ var Subscription = function() {
           }
           teardown._addParent(this);
         }
-        (this._finalizers = (_a = this._finalizers) !== null && _a !== void 0 ? _a : []).push(teardown);
+        (this._finalizers = (_a2 = this._finalizers) !== null && _a2 !== void 0 ? _a2 : []).push(teardown);
       }
     }
   };
@@ -3267,7 +3267,7 @@ var Observable = function() {
     var _this = this;
     var subscriber = isSubscriber(observerOrNext) ? observerOrNext : new SafeSubscriber(observerOrNext, error2, complete);
     errorContext(function() {
-      var _a = _this, operator = _a.operator, source = _a.source;
+      var _a2 = _this, operator = _a2.operator, source = _a2.source;
       subscriber.add(operator ? operator.call(subscriber, source) : source ? _this._subscribe(subscriber) : _this._trySubscribe(subscriber));
     });
     return subscriber;
@@ -3299,8 +3299,8 @@ var Observable = function() {
     });
   };
   Observable2.prototype._subscribe = function(subscriber) {
-    var _a;
-    return (_a = this.source) === null || _a === void 0 ? void 0 : _a.subscribe(subscriber);
+    var _a2;
+    return (_a2 = this.source) === null || _a2 === void 0 ? void 0 : _a2.subscribe(subscriber);
   };
   Observable2.prototype[observable] = function() {
     return this;
@@ -3332,8 +3332,8 @@ var Observable = function() {
   return Observable2;
 }();
 function getPromiseCtor(promiseCtor) {
-  var _a;
-  return (_a = promiseCtor !== null && promiseCtor !== void 0 ? promiseCtor : config.Promise) !== null && _a !== void 0 ? _a : Promise;
+  var _a2;
+  return (_a2 = promiseCtor !== null && promiseCtor !== void 0 ? promiseCtor : config.Promise) !== null && _a2 !== void 0 ? _a2 : Promise;
 }
 function isObserver(value) {
   return value && isFunction(value.next) && isFunction(value.error) && isFunction(value.complete);
@@ -3395,11 +3395,11 @@ var OperatorSubscriber = function(_super) {
     return _this;
   }
   OperatorSubscriber2.prototype.unsubscribe = function() {
-    var _a;
+    var _a2;
     if (!this.shouldUnsubscribe || this.shouldUnsubscribe()) {
       var closed_1 = this.closed;
       _super.prototype.unsubscribe.call(this);
-      !closed_1 && ((_a = this.onFinalize) === null || _a === void 0 ? void 0 : _a.call(this));
+      !closed_1 && ((_a2 = this.onFinalize) === null || _a2 === void 0 ? void 0 : _a2.call(this));
     }
   };
   return OperatorSubscriber2;
@@ -3436,7 +3436,7 @@ var Subject = function(_super) {
   Subject2.prototype.next = function(value) {
     var _this = this;
     errorContext(function() {
-      var e_1, _a;
+      var e_1, _a2;
       _this._throwIfClosed();
       if (!_this.isStopped) {
         if (!_this.currentObservers) {
@@ -3451,8 +3451,8 @@ var Subject = function(_super) {
           e_1 = { error: e_1_1 };
         } finally {
           try {
-            if (_c && !_c.done && (_a = _b.return))
-              _a.call(_b);
+            if (_c && !_c.done && (_a2 = _b.return))
+              _a2.call(_b);
           } finally {
             if (e_1)
               throw e_1.error;
@@ -3494,8 +3494,8 @@ var Subject = function(_super) {
   };
   Object.defineProperty(Subject2.prototype, "observed", {
     get: function() {
-      var _a;
-      return ((_a = this.observers) === null || _a === void 0 ? void 0 : _a.length) > 0;
+      var _a2;
+      return ((_a2 = this.observers) === null || _a2 === void 0 ? void 0 : _a2.length) > 0;
     },
     enumerable: false,
     configurable: true
@@ -3511,7 +3511,7 @@ var Subject = function(_super) {
   };
   Subject2.prototype._innerSubscribe = function(subscriber) {
     var _this = this;
-    var _a = this, hasError = _a.hasError, isStopped = _a.isStopped, observers = _a.observers;
+    var _a2 = this, hasError = _a2.hasError, isStopped = _a2.isStopped, observers = _a2.observers;
     if (hasError || isStopped) {
       return EMPTY_SUBSCRIPTION;
     }
@@ -3523,7 +3523,7 @@ var Subject = function(_super) {
     });
   };
   Subject2.prototype._checkFinalizedStatuses = function(subscriber) {
-    var _a = this, hasError = _a.hasError, thrownError = _a.thrownError, isStopped = _a.isStopped;
+    var _a2 = this, hasError = _a2.hasError, thrownError = _a2.thrownError, isStopped = _a2.isStopped;
     if (hasError) {
       subscriber.error(thrownError);
     } else if (isStopped) {
@@ -3549,20 +3549,20 @@ var AnonymousSubject = function(_super) {
     return _this;
   }
   AnonymousSubject2.prototype.next = function(value) {
-    var _a, _b;
-    (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.next) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+    var _a2, _b;
+    (_b = (_a2 = this.destination) === null || _a2 === void 0 ? void 0 : _a2.next) === null || _b === void 0 ? void 0 : _b.call(_a2, value);
   };
   AnonymousSubject2.prototype.error = function(err) {
-    var _a, _b;
-    (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.call(_a, err);
+    var _a2, _b;
+    (_b = (_a2 = this.destination) === null || _a2 === void 0 ? void 0 : _a2.error) === null || _b === void 0 ? void 0 : _b.call(_a2, err);
   };
   AnonymousSubject2.prototype.complete = function() {
-    var _a, _b;
-    (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.complete) === null || _b === void 0 ? void 0 : _b.call(_a);
+    var _a2, _b;
+    (_b = (_a2 = this.destination) === null || _a2 === void 0 ? void 0 : _a2.complete) === null || _b === void 0 ? void 0 : _b.call(_a2);
   };
   AnonymousSubject2.prototype._subscribe = function(subscriber) {
-    var _a, _b;
-    return (_b = (_a = this.source) === null || _a === void 0 ? void 0 : _a.subscribe(subscriber)) !== null && _b !== void 0 ? _b : EMPTY_SUBSCRIPTION;
+    var _a2, _b;
+    return (_b = (_a2 = this.source) === null || _a2 === void 0 ? void 0 : _a2.subscribe(subscriber)) !== null && _b !== void 0 ? _b : EMPTY_SUBSCRIPTION;
   };
   return AnonymousSubject2;
 }(Subject);
@@ -3586,7 +3586,7 @@ var BehaviorSubject = function(_super) {
     return subscription;
   };
   BehaviorSubject2.prototype.getValue = function() {
-    var _a = this, hasError = _a.hasError, thrownError = _a.thrownError, _value = _a._value;
+    var _a2 = this, hasError = _a2.hasError, thrownError = _a2.thrownError, _value = _a2._value;
     if (hasError) {
       throw thrownError;
     }
@@ -3628,7 +3628,7 @@ var ReplaySubject = function(_super) {
     return _this;
   }
   ReplaySubject2.prototype.next = function(value) {
-    var _a = this, isStopped = _a.isStopped, _buffer = _a._buffer, _infiniteTimeWindow = _a._infiniteTimeWindow, _timestampProvider = _a._timestampProvider, _windowTime = _a._windowTime;
+    var _a2 = this, isStopped = _a2.isStopped, _buffer = _a2._buffer, _infiniteTimeWindow = _a2._infiniteTimeWindow, _timestampProvider = _a2._timestampProvider, _windowTime = _a2._windowTime;
     if (!isStopped) {
       _buffer.push(value);
       !_infiniteTimeWindow && _buffer.push(_timestampProvider.now() + _windowTime);
@@ -3640,7 +3640,7 @@ var ReplaySubject = function(_super) {
     this._throwIfClosed();
     this._trimBuffer();
     var subscription = this._innerSubscribe(subscriber);
-    var _a = this, _infiniteTimeWindow = _a._infiniteTimeWindow, _buffer = _a._buffer;
+    var _a2 = this, _infiniteTimeWindow = _a2._infiniteTimeWindow, _buffer = _a2._buffer;
     var copy = _buffer.slice();
     for (var i2 = 0; i2 < copy.length && !subscriber.closed; i2 += _infiniteTimeWindow ? 1 : 2) {
       subscriber.next(copy[i2]);
@@ -3649,7 +3649,7 @@ var ReplaySubject = function(_super) {
     return subscription;
   };
   ReplaySubject2.prototype._trimBuffer = function() {
-    var _a = this, _bufferSize = _a._bufferSize, _timestampProvider = _a._timestampProvider, _buffer = _a._buffer, _infiniteTimeWindow = _a._infiniteTimeWindow;
+    var _a2 = this, _bufferSize = _a2._bufferSize, _timestampProvider = _a2._timestampProvider, _buffer = _a2._buffer, _infiniteTimeWindow = _a2._infiniteTimeWindow;
     var adjustedBufferSize = (_infiniteTimeWindow ? 1 : 2) * _bufferSize;
     _bufferSize < Infinity && adjustedBufferSize < _buffer.length && _buffer.splice(0, _buffer.length - adjustedBufferSize);
     if (!_infiniteTimeWindow) {
@@ -3701,7 +3701,7 @@ var AsyncAction = function(_super) {
     return _this;
   }
   AsyncAction2.prototype.schedule = function(state, delay) {
-    var _a;
+    var _a2;
     if (delay === void 0) {
       delay = 0;
     }
@@ -3716,7 +3716,7 @@ var AsyncAction = function(_super) {
     }
     this.pending = true;
     this.delay = delay;
-    this.id = (_a = this.id) !== null && _a !== void 0 ? _a : this.requestAsyncId(scheduler, this.id, delay);
+    this.id = (_a2 = this.id) !== null && _a2 !== void 0 ? _a2 : this.requestAsyncId(scheduler, this.id, delay);
     return this;
   };
   AsyncAction2.prototype.requestAsyncId = function(scheduler, _id, delay) {
@@ -3765,7 +3765,7 @@ var AsyncAction = function(_super) {
   };
   AsyncAction2.prototype.unsubscribe = function() {
     if (!this.closed) {
-      var _a = this, id = _a.id, scheduler = _a.scheduler;
+      var _a2 = this, id = _a2.id, scheduler = _a2.scheduler;
       var actions = scheduler.actions;
       this.work = this.state = this.scheduler = null;
       this.pending = false;
@@ -3831,6 +3831,7 @@ var AsyncScheduler = function(_super) {
   return AsyncScheduler2;
 }(Scheduler);
 var asyncScheduler = new AsyncScheduler(AsyncAction);
+var async = asyncScheduler;
 var EMPTY = new Observable(function(subscriber) {
   return subscriber.complete();
 });
@@ -3870,7 +3871,7 @@ function isIterable(input) {
 }
 function readableStreamLikeToAsyncGenerator(readableStream) {
   return __asyncGenerator(this, arguments, function readableStreamLikeToAsyncGenerator_1() {
-    var reader, _a, value, done;
+    var reader, _a2, value, done;
     return __generator(this, function(_b) {
       switch (_b.label) {
         case 0:
@@ -3882,7 +3883,7 @@ function readableStreamLikeToAsyncGenerator(readableStream) {
         case 2:
           return [4, __await(reader.read())];
         case 3:
-          _a = _b.sent(), value = _a.value, done = _a.done;
+          _a2 = _b.sent(), value = _a2.value, done = _a2.done;
           if (!done)
             return [3, 5];
           return [4, __await(void 0)];
@@ -3966,7 +3967,7 @@ function fromPromise(promise) {
 }
 function fromIterable(iterable) {
   return new Observable(function(subscriber) {
-    var e_1, _a;
+    var e_1, _a2;
     try {
       for (var iterable_1 = __values(iterable), iterable_1_1 = iterable_1.next(); !iterable_1_1.done; iterable_1_1 = iterable_1.next()) {
         var value = iterable_1_1.value;
@@ -3979,8 +3980,8 @@ function fromIterable(iterable) {
       e_1 = { error: e_1_1 };
     } finally {
       try {
-        if (iterable_1_1 && !iterable_1_1.done && (_a = iterable_1.return))
-          _a.call(iterable_1);
+        if (iterable_1_1 && !iterable_1_1.done && (_a2 = iterable_1.return))
+          _a2.call(iterable_1);
       } finally {
         if (e_1)
           throw e_1.error;
@@ -4001,7 +4002,7 @@ function fromReadableStreamLike(readableStream) {
 }
 function process(asyncIterable, subscriber) {
   var asyncIterable_1, asyncIterable_1_1;
-  var e_2, _a;
+  var e_2, _a2;
   return __awaiter(this, void 0, void 0, function() {
     var value, e_2_1;
     return __generator(this, function(_b) {
@@ -4031,9 +4032,9 @@ function process(asyncIterable, subscriber) {
           return [3, 11];
         case 6:
           _b.trys.push([6, , 9, 10]);
-          if (!(asyncIterable_1_1 && !asyncIterable_1_1.done && (_a = asyncIterable_1.return)))
+          if (!(asyncIterable_1_1 && !asyncIterable_1_1.done && (_a2 = asyncIterable_1.return)))
             return [3, 8];
-          return [4, _a.call(asyncIterable_1)];
+          return [4, _a2.call(asyncIterable_1)];
         case 7:
           _b.sent();
           _b.label = 8;
@@ -4129,11 +4130,11 @@ function scheduleIterable(input, scheduler) {
     executeSchedule(subscriber, scheduler, function() {
       iterator$1 = input[iterator]();
       executeSchedule(subscriber, scheduler, function() {
-        var _a;
+        var _a2;
         var value;
         var done;
         try {
-          _a = iterator$1.next(), value = _a.value, done = _a.done;
+          _a2 = iterator$1.next(), value = _a2.value, done = _a2.done;
         } catch (err) {
           subscriber.error(err);
           return;
@@ -4236,6 +4237,9 @@ function lastValueFrom(source, config2) {
     });
   });
 }
+function isValidDate(value) {
+  return value instanceof Date && !isNaN(value);
+}
 function map(project, thisArg) {
   return operate(function(source, subscriber) {
     var index = 0;
@@ -4319,6 +4323,39 @@ function mergeMap(project, resultSelector, concurrent) {
     return mergeInternals(source, subscriber, project, concurrent);
   });
 }
+function timer(dueTime, intervalOrScheduler, scheduler) {
+  if (dueTime === void 0) {
+    dueTime = 0;
+  }
+  if (scheduler === void 0) {
+    scheduler = async;
+  }
+  var intervalDuration = -1;
+  if (intervalOrScheduler != null) {
+    if (isScheduler(intervalOrScheduler)) {
+      scheduler = intervalOrScheduler;
+    } else {
+      intervalDuration = intervalOrScheduler;
+    }
+  }
+  return new Observable(function(subscriber) {
+    var due = isValidDate(dueTime) ? +dueTime - scheduler.now() : dueTime;
+    if (due < 0) {
+      due = 0;
+    }
+    var n2 = 0;
+    return scheduler.schedule(function() {
+      if (!subscriber.closed) {
+        subscriber.next(n2++);
+        if (0 <= intervalDuration) {
+          this.schedule(void 0, intervalDuration);
+        } else {
+          subscriber.complete();
+        }
+      }
+    }, due);
+  });
+}
 function filter(predicate, thisArg) {
   return operate(function(source, subscriber) {
     var index = 0;
@@ -4328,12 +4365,12 @@ function filter(predicate, thisArg) {
   });
 }
 function bufferTime(bufferTimeSpan) {
-  var _a, _b;
+  var _a2, _b;
   var otherArgs = [];
   for (var _i = 1; _i < arguments.length; _i++) {
     otherArgs[_i - 1] = arguments[_i];
   }
-  var scheduler = (_a = popScheduler(otherArgs)) !== null && _a !== void 0 ? _a : asyncScheduler;
+  var scheduler = (_a2 = popScheduler(otherArgs)) !== null && _a2 !== void 0 ? _a2 : asyncScheduler;
   var bufferCreationInterval = (_b = otherArgs[0]) !== null && _b !== void 0 ? _b : null;
   var maxBufferSize = otherArgs[1] || Infinity;
   return operate(function(source, subscriber) {
@@ -4368,7 +4405,7 @@ function bufferTime(bufferTimeSpan) {
     }
     startBuffer();
     var bufferTimeSubscriber = createOperatorSubscriber(subscriber, function(value) {
-      var e_1, _a2;
+      var e_1, _a3;
       var recordsCopy = bufferRecords.slice();
       try {
         for (var recordsCopy_1 = __values(recordsCopy), recordsCopy_1_1 = recordsCopy_1.next(); !recordsCopy_1_1.done; recordsCopy_1_1 = recordsCopy_1.next()) {
@@ -4381,8 +4418,8 @@ function bufferTime(bufferTimeSpan) {
         e_1 = { error: e_1_1 };
       } finally {
         try {
-          if (recordsCopy_1_1 && !recordsCopy_1_1.done && (_a2 = recordsCopy_1.return))
-            _a2.call(recordsCopy_1);
+          if (recordsCopy_1_1 && !recordsCopy_1_1.done && (_a3 = recordsCopy_1.return))
+            _a3.call(recordsCopy_1);
         } finally {
           if (e_1)
             throw e_1.error;
@@ -4428,6 +4465,37 @@ function pairwise() {
     }));
   });
 }
+const DEFAULT_LANGUAGE = "en";
+const localizeText = (input, lang = DEFAULT_LANGUAGE) => {
+  if (typeof input === "string") {
+    return input;
+  }
+  return input == null ? void 0 : input[lang];
+};
+function translateObject(obj) {
+  return Object.entries(obj).reduce((out, [key, value]) => {
+    out[key] = localizeText(value);
+    return out;
+  }, {});
+}
+const noop = (..._args) => {
+};
+const toArray$1 = (input) => Array.isArray(input) ? input : [input];
+const urlMakerFactory = ({ document: { baseURI }, location: { href } }) => (input) => new URL(input, new URL(baseURI, href));
+const toURL = (urlMaker, info) => {
+  let url = info;
+  if (!(info instanceof URL)) {
+    url = urlMaker(typeof info === "string" ? info : info.url);
+  }
+  return url;
+};
+const trimLocationOrigin = (origin, url) => {
+  const { href, origin: linkOrigin } = url;
+  if (origin === linkOrigin) {
+    return href.substring(origin.length);
+  }
+  return href;
+};
 const getElement = (document2, context, nth = 0) => {
   const { selectors } = context;
   return document2.querySelector(selectors[nth]);
@@ -4440,11 +4508,13 @@ const unfocus = (element, map2) => {
   if (originalStyle) {
     const { css, rest, subscription } = originalStyle;
     rest.forEach((el) => {
-      var _a;
-      return (_a = el.__unfocus_handler) == null ? void 0 : _a.call(el);
+      var _a2;
+      return (_a2 = el.__unfocus_handler) == null ? void 0 : _a2.call(el);
     });
     subscription.unsubscribe();
-    Object.assign(originalStyle.elementToFocus.style, css);
+    originalStyle.elementToFocus.forEach((el, idx) => {
+      Object.assign(el.style, css[idx]);
+    });
   }
   map2.delete(element);
 };
@@ -4452,34 +4522,44 @@ function focus(document2, obs$, mode$) {
   const stylesMap = /* @__PURE__ */ new Map();
   const getBySelector = getElementBySelector.bind(document2);
   const subscription = obs$.pipe(pairwise()).subscribe(([current, next]) => {
-    var _a, _b, _c;
+    var _a2, _b, _c;
     if (current !== void 0) {
       const prev = getElement(document2, current);
       if (prev !== null) {
-        (_a = prev.__unfocus_handler) == null ? void 0 : _a.call(prev);
+        (_a2 = prev.__unfocus_handler) == null ? void 0 : _a2.call(prev);
         unfocus(prev, stylesMap);
       }
     }
     if (next !== void 0) {
       const [first, ...rest] = next.selectors;
       const otherElements = rest.reduce((arr, selector) => {
-        var _a2;
+        var _a22;
         const el = getBySelector(selector);
-        el && arr.push(el);
-        (_a2 = el == null ? void 0 : el.__focus_handler) == null ? void 0 : _a2.call(el);
+        if (el) {
+          arr.push(el);
+          (_a22 = el.__focus_handler) == null ? void 0 : _a22.call(el);
+        }
         return arr;
       }, []);
       const firstElement = getBySelector(first);
-      const elementToFocus = (_c = (_b = firstElement.__focus_handler) == null ? void 0 : _b.call(firstElement)) != null ? _c : firstElement;
+      if (firstElement === null) {
+        return;
+      }
+      const elementToFocus = toArray$1((_c = (_b = firstElement.__focus_handler) == null ? void 0 : _b.call(firstElement)) != null ? _c : firstElement);
       const cssKeys = Object.keys(next.style);
       const stylePendingChanges = new Subscription();
-      const initialStyles = { css: {}, elementToFocus, rest: otherElements, subscription: stylePendingChanges };
+      const initialStyles = { css: [], elementToFocus, rest: otherElements, subscription: stylePendingChanges };
       const styles = cssKeys.reduce((acc, key) => {
-        Object.assign(acc.css, { [key]: elementToFocus.style[key] });
+        elementToFocus.forEach((el, idx) => {
+          var _a22;
+          acc.css[idx] = Object.assign((_a22 = acc.css[idx]) != null ? _a22 : {}, { [key]: el.style[key] });
+        });
         return acc;
       }, initialStyles);
       stylePendingChanges.add(mode$.pipe(filter((val) => val === "select"), take(1)).subscribe(() => {
-        Object.assign(elementToFocus.style, next.style);
+        elementToFocus.forEach((el) => {
+          Object.assign(el.style, next.style);
+        });
       }));
       stylesMap.set(firstElement, styles);
     }
@@ -4704,9 +4784,9 @@ class PostChannel {
   send(to, message, origin = "*") {
     this.__window !== to && this.postMessage(to, message, origin);
   }
-  recv(window2) {
-    const listener2 = ({ data }) => {
-      if (isInstanceMessage(data, this.__instance)) {
+  recv(window2, from2 = null) {
+    const listener2 = ({ data, source }) => {
+      if ((from2 === null || source === from2) && isInstanceMessage(data, this.__instance)) {
         const message = unsign(this.__instance, data);
         this.__handler(message);
       }
@@ -5029,12 +5109,12 @@ function interpolate(variables, extra = {}) {
     return acc;
   }, []);
 }
-function toArray$1(input) {
+function toArray(input) {
   return Array.isArray(input) ? input : [input];
 }
 function parseSources(sources) {
   const arrayOrObject = typeof sources === "string" ? [sources] : sources;
-  return Array.isArray(arrayOrObject) ? arrayOrObject : toArray$1(arrayOrObject.uris);
+  return Array.isArray(arrayOrObject) ? arrayOrObject : toArray(arrayOrObject.uris);
 }
 const voidTags = [
   "area",
@@ -5084,14 +5164,14 @@ function parseContent(buffer, content, extraProperties) {
       acc.push(`${name}="${value}"`);
       return acc;
     }, []);
-    const initialTagBooleanAttributes = toArray$1(booleanAttributes);
+    const initialTagBooleanAttributes = toArray(booleanAttributes);
     const { override, props } = Object.entries(properties).reduce((acc, [key, value]) => {
       extraProperties.has(key) ? typeof value === "string" && (acc.override[key] = value) : acc.props[key] = value;
       return acc;
     }, { override: {}, props: {} });
     const initialTagExtraProperties = Array.from(extraProperties.keys()).map((prop) => {
-      var _a;
-      return `.${prop}=\${${(_a = override[prop]) != null ? _a : prop}}`;
+      var _a2;
+      return `.${prop}=\${${(_a2 = override[prop]) != null ? _a2 : prop}}`;
     });
     const initialTagProperties = Object.entries(props).reduce((acc, [name, value]) => {
       switch (typeof value) {
@@ -5379,12 +5459,13 @@ async function createComposerContext(content, { extraProperties, context = {} }
   return (container, options) => Z(htmlTemplate, container, options);
 }
 async function premount(config2, proxyWindow = window, reporter2 = console.error) {
-  var _a;
+  var _a2;
   let uris = [];
   let importmap;
+  let done = Promise.resolve();
   if (config2.sources) {
     const { sources } = config2;
-    importmap = !Array.isArray(sources) && typeof sources !== "string" ? (_a = sources.importmap) != null ? _a : {} : {};
+    importmap = !Array.isArray(sources) && typeof sources !== "string" ? (_a2 = sources.importmap) != null ? _a2 : {} : {};
     try {
       proxyWindow.importShim.addImportMap(importmap);
     } catch (err) {
@@ -5392,15 +5473,15 @@ async function premount(config2, proxyWindow = window, reporter2 = console.error
     }
     uris = parseSources(sources);
     if (uris.length > 0) {
-      await Promise.all(uris.map(
+      done = Promise.all(uris.map(
         (uri) => proxyWindow.importShim(uri).catch(reporter2)
       ));
     }
   }
-  return Promise.resolve({
+  return done.then(() => ({
     ...config2,
     sources: { importmap, uris }
-  });
+  }));
 }
 async function render(config2, container, context = {}) {
   const appenderPromise = createComposerContext(
@@ -5442,12 +5523,14 @@ const subjects = registerChannels();
 function listener(message) {
   switch (message.type) {
     case "options": {
-      const { content: { disableOverlay, instance, redirectTo } } = message;
+      const { content: { disableOverlay, redirectTo, timeout } } = message;
       if (disableOverlay) {
         Object.defineProperty(this.window, "__BACKOFFICE_CONFIGURATOR_DISABLE_OVERLAY__", { value: true });
         subjects.mode.next("interact");
       }
-      instance && (this.instance = instance);
+      if (timeout !== void 0) {
+        Object.defineProperty(this.window, "__BACKOFFICE_CONFIGURATOR_PREVIEW_TIMEOUT__", { value: timeout });
+      }
       const { window: { history } } = this;
       redirectTo && history.pushState(history.state, "", redirectTo);
       break;
@@ -5468,9 +5551,9 @@ function listener(message) {
 }
 const postChannel = new PostChannel(listener);
 const fromErrorToNotification = (error2) => {
-  var _a;
+  var _a2;
   return {
-    data: { message: error2.message, name: error2.name, stack: (_a = error2.stack) != null ? _a : "" },
+    data: { message: error2.message, name: error2.name, stack: (_a2 = error2.stack) != null ? _a2 : "" },
     description: "preview.notifications.error.description",
     message: "preview.notifications.error.message",
     status: "error"
@@ -5530,37 +5613,6 @@ const ctrlSpaceFactory = (channels) => {
     }
   };
 };
-const DEFAULT_LANGUAGE = "en";
-const localizeText = (input, lang = DEFAULT_LANGUAGE) => {
-  if (typeof input === "string") {
-    return input;
-  }
-  return input == null ? void 0 : input[lang];
-};
-function translateObject(obj) {
-  return Object.entries(obj).reduce((out, [key, value]) => {
-    out[key] = localizeText(value);
-    return out;
-  }, {});
-}
-const noop = (..._args) => {
-};
-const toArray = (input) => Array.isArray(input) ? input : [input];
-const urlMakerFactory = ({ document: { baseURI }, location: { href } }) => (input) => new URL(input, new URL(baseURI, href));
-const toURL = (urlMaker, info) => {
-  let url = info;
-  if (!(info instanceof URL)) {
-    url = urlMaker(typeof info === "string" ? info : info.url);
-  }
-  return url;
-};
-const trimLocationOrigin = (origin, url) => {
-  const { href, origin: linkOrigin } = url;
-  if (origin === linkOrigin) {
-    return href.substring(origin.length);
-  }
-  return href;
-};
 const extractConstructor = ([tag, promise]) => from(promise.then((constructor) => [tag, constructor]));
 const extractManifest = ([
   tag,
@@ -5653,20 +5705,24 @@ var __publicField$1 = (obj, key, value) => {
   __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-const fetchMockFactory = (instance, fetchFactory, windowHref) => {
+function fetchMockFactory(instance, fetchFactory, windowHref) {
   const { properties, attributes, booleanAttributes = [] } = instance;
   const context = Object.assign(
-    Object.fromEntries(toArray(booleanAttributes).map((ba) => [ba, true])),
+    Object.fromEntries(toArray$1(booleanAttributes).map((ba) => [ba, true])),
     { ...attributes, ...properties }
   );
   const routes = fetchFactory(context);
-  return routes.map(({ url, method = "GET", handler: fetchHandler = () => Promise.resolve(new Response()) }) => {
-    var _a;
+  return routes.map(({ url, method = "GET", notify = false, handler: fetchHandler = () => Promise.resolve(new Response()) }) => {
+    var _a2;
     const info = compileObject({ ...url, method }, context);
-    const matcher = new URL(info.pathname, (_a = info.origin) != null ? _a : windowHref);
-    return [matcher.href, method, (injectedInfo, init2) => fetchHandler(injectedInfo, init2)];
+    const matcher = new URL(info.pathname, (_a2 = info.origin) != null ? _a2 : windowHref);
+    return [matcher.href, method, (injectedInfo, init2) => fetchHandler(injectedInfo, init2).finally(() => {
+      if (notify) {
+        this.notify(fetchNotification(method, matcher));
+      }
+    })];
   });
-};
+}
 const isExactUpToQuery = (url, next) => {
   const { href, search } = url;
   const requestUrlWithoutQuery = href.replace(/\?$/, "").substring(0, href.length - search.length);
@@ -5677,14 +5733,16 @@ const isExactUpToTrailingSlash = (url, next) => {
   return href.match(new RegExp(`^${next.replace(/\/$/, "")}/`)) !== null;
 };
 class FetchMockStore extends Map {
-  constructor() {
-    super(...arguments);
+  constructor(notify) {
+    super();
+    __publicField$1(this, "notify");
     __publicField$1(this, "__urlMap", /* @__PURE__ */ new Map());
+    this.notify = notify;
   }
   add(obj, value) {
-    var _a, _b;
+    var _a2, _b;
     const { method, url } = obj;
-    const methodMap = (_a = this.get(method)) != null ? _a : /* @__PURE__ */ new Map();
+    const methodMap = (_a2 = this.get(method)) != null ? _a2 : /* @__PURE__ */ new Map();
     const urls = (_b = this.__urlMap.get(method)) != null ? _b : [];
     methodMap.set(url, value);
     urls.push(url);
@@ -5692,7 +5750,7 @@ class FetchMockStore extends Map {
     this.__urlMap.set(method, urls);
   }
   match(obj) {
-    var _a;
+    var _a2;
     const { method, url } = obj;
     const urls = this.__urlMap.get(method);
     if (urls === void 0) {
@@ -5711,7 +5769,7 @@ class FetchMockStore extends Map {
     if (id === void 0) {
       return;
     }
-    return (_a = this.get(method)) == null ? void 0 : _a.get(urls[id]);
+    return (_a2 = this.get(method)) == null ? void 0 : _a2.get(urls[id]);
   }
 }
 const storeSaverMapFactory = (store) => ([url, method, fetchHandler]) => store.add({ method, url }, fetchHandler);
@@ -5719,13 +5777,15 @@ async function handler(store, instances, factory, href) {
   const storeSaverMap = storeSaverMapFactory(store);
   if (Array.isArray(instances)) {
     return Promise.all(
-      instances.map((instance) => fetchMockFactory(instance, factory, href)).flat().map(storeSaverMap)
+      instances.map((instance) => fetchMockFactory.call(store, instance, factory, href)).flat().map(storeSaverMap)
     ).then(noop);
   }
   return Promise.all(
-    fetchMockFactory(instances, factory, href).map(storeSaverMap)
+    fetchMockFactory.call(store, instances, factory, href).map(storeSaverMap)
   ).then(noop);
 }
+var _a;
+const MANIFEST_TIMEOUT = (_a = window.__BACKOFFICE_CONFIGURATOR_PREVIEW_TIMEOUT__) != null ? _a : 5e3;
 const printHeaders = (headers) => {
   const obj = {};
   headers.forEach((val, key) => {
@@ -5734,35 +5794,52 @@ const printHeaders = (headers) => {
   return JSON.stringify(obj);
 };
 const fetchPrint = (window2, url, init2, resHeaders = new Headers()) => {
-  var _a;
+  var _a2;
   const style = window2.origin === "null" ? { background: "antiquewhite", color: "brown" } : { background: "cyan", color: "blue" };
   console.groupCollapsed(`%c Fetching from ${window2.origin} `, Object.entries(style).map(([key, val]) => `${key}: ${val}`).join("; "));
   console.info(
-    `a component fetched with method ${(_a = init2 == null ? void 0 : init2.method) != null ? _a : "GET"} resource at %c ${url.href} got a response with headers ${printHeaders(resHeaders)}`,
+    `a component fetched with method ${(_a2 = init2 == null ? void 0 : init2.method) != null ? _a2 : "GET"} resource at %c ${url.href} got a response with headers ${printHeaders(resHeaders)}`,
     "background: lightgreen; color: darkgreen"
   );
   console.groupEnd();
 };
+const isCustomTag = (tag) => tag.includes("-");
+const notFoundTagNotification = (tag) => ({
+  data: { tag },
+  description: "preview.notifications.no-webcomponent-definition.description",
+  message: "preview.notifications.no-webcomponent-definition.message",
+  status: "warning"
+});
 async function mock(contexts, tags = []) {
-  const { location: { href } } = this;
+  const { location: { href }, fetch: originalFetch } = this;
   const urlMaker = urlMakerFactory(this);
-  const store = new FetchMockStore();
+  const store = new FetchMockStore(this.notify.bind(this));
   await Promise.all(tags.map(async (tag) => {
-    var _a;
-    const [, {
-      fetch: fetchFactory = () => []
-    }] = await lastValueFrom(
-      subjects.mocks.pipe(filter(([incomingTag]) => incomingTag === tag), take(1))
-    );
-    const instancesCarryingMocks = (_a = contexts.get(tag)) != null ? _a : [];
+    var _a2;
+    let fetchFactory = () => [];
+    const raced = await Promise.race([
+      lastValueFrom(timer(MANIFEST_TIMEOUT)),
+      lastValueFrom(
+        subjects.mocks.pipe(filter(([incomingTag]) => incomingTag === tag), take(1))
+      )
+    ]);
+    if (raced === 0) {
+      this.notify(notFoundTagNotification(tag));
+    } else {
+      const [, { fetch: fetch2 }] = raced;
+      if (fetch2 !== void 0) {
+        fetchFactory = fetch2;
+      }
+    }
+    const instancesCarryingMocks = (_a2 = contexts.get(tag)) != null ? _a2 : [];
     return handler(store, instancesCarryingMocks, fetchFactory, href);
   })).catch(
     (error2) => error2 instanceof Error && errorHandler(this, error2)
   );
   const mockedFetch = async (info, init2) => {
-    var _a;
+    var _a2;
     const url = toURL(urlMaker, info);
-    const mockImplementation = store.match({ method: (_a = init2 == null ? void 0 : init2.method) != null ? _a : "GET", url });
+    const mockImplementation = store.match({ method: (_a2 = init2 == null ? void 0 : init2.method) != null ? _a2 : "GET", url });
     if (mockImplementation !== void 0) {
       return mockImplementation(url, init2).then((res) => {
         {
@@ -5771,20 +5848,36 @@ async function mock(contexts, tags = []) {
         return res;
       });
     }
-    return this.fetch(info, init2);
+    return originalFetch(info, init2);
   };
   if (this.proxyWindow) {
-    this.proxyWindow.fetch = Object.assign(
+    const newFetch = Object.assign(
       mockedFetch,
       {
         update: async (instance) => {
-          const [, { fetch: fetchFactory = () => [] }] = await lastValueFrom(
-            subjects.mocks.pipe(filter(([incomingTag]) => incomingTag === instance.tag), take(1))
-          );
+          let fetchFactory = () => [];
+          if (isCustomTag(instance.tag)) {
+            const raced = await Promise.race([
+              lastValueFrom(timer(MANIFEST_TIMEOUT)),
+              lastValueFrom(
+                subjects.mocks.pipe(filter(([incomingTag]) => incomingTag === instance.tag), take(1))
+              )
+            ]);
+            if (raced === 0) {
+              this.notify(notFoundTagNotification(instance.tag));
+            } else {
+              const [, { fetch: fetch2 }] = raced;
+              if (fetch2 !== void 0) {
+                fetchFactory = fetch2;
+              }
+            }
+          }
           return handler(store, instance, fetchFactory, href);
         }
       }
     );
+    this.fetch = newFetch;
+    this.proxyWindow.fetch = newFetch;
   }
 }
 function open(url, target) {
@@ -5852,8 +5945,8 @@ class InMemoryStorage extends Map {
     super.clear();
   }
   getItem(key) {
-    var _a;
-    return (_a = super.get(key)) != null ? _a : null;
+    var _a2;
+    return (_a2 = super.get(key)) != null ? _a2 : null;
   }
   key() {
     return null;
@@ -5872,11 +5965,11 @@ function domPatch(frame) {
     const element = originalCreateElement.call(this, tagName, options);
     if (isAnchor(element)) {
       const notifyAnchorClick = () => {
-        var _a;
+        var _a2;
         return frame.notify({
           data: {
             href: trimLocationOrigin(frame.location.origin, new URL(element.href, frame.location.href)),
-            target: (_a = element.getAttribute("target")) != null ? _a : "_self"
+            target: (_a2 = element.getAttribute("target")) != null ? _a2 : "_self"
           },
           description: "preview.notifications.anchor.description",
           message: "preview.notifications.anchor.message",
@@ -6059,8 +6152,8 @@ const run = (frame, renderRoot, channels) => {
       const { context } = next;
       done = queue.add([
         () => {
-          var _a, _b, _c;
-          return (_c = (_a = frame.proxyWindow) == null ? void 0 : (_b = _a.fetch).update) == null ? void 0 : _c.call(_b, context);
+          var _a2, _b, _c;
+          return (_c = (_a2 = frame.proxyWindow) == null ? void 0 : (_b = _a2.fetch).update) == null ? void 0 : _c.call(_b, context);
         },
         () => update.call(frame, content, renderRoot).finally(() => channels.updated.next(0))
       ]);
@@ -6088,6 +6181,12 @@ const isSameDocumentOriginRequest = (self2, url) => {
   }
   return true;
 };
+const fetchNotification = (method, url) => ({
+  data: { method, url: url.href.substring(url.origin.length) },
+  description: "preview.notifications.fetch-event.description",
+  message: "preview.notifications.fetch-event.message",
+  status: "info"
+});
 const interceptCORSFetch = (self2, notification) => {
   const urlMaker = urlMakerFactory(self2);
   const { document: document2, parent } = self2;
@@ -6096,15 +6195,10 @@ const interceptCORSFetch = (self2, notification) => {
   }
   const originalFetch = self2.fetch.bind(self2);
   self2.fetch = (input, init2) => {
-    var _a;
+    var _a2;
     const url = toURL(urlMaker, input);
     if (isSameDocumentOriginRequest(document2, url)) {
-      notification.next({
-        data: { method: (_a = init2 == null ? void 0 : init2.method) != null ? _a : "GET", url: url.href.substring(url.origin.length) },
-        description: "preview.notifications.fetch-event.description",
-        message: "preview.notifications.fetch-event.message",
-        status: "info"
-      });
+      notification.next(fetchNotification((_a2 = init2 == null ? void 0 : init2.method) != null ? _a2 : "GET", url));
     }
     return originalFetch(input, init2);
   };
@@ -6190,7 +6284,7 @@ function registerCleanups(window2, fns) {
 }
 ((self2) => {
   init(self2);
-  const postChannelCleanup = postChannel.recv(self2);
+  const postChannelCleanup = postChannel.recv(self2, self2.top);
   const senderCleanup = registerSenders(subjects);
   const listenerCleanup = registerEventListeners(
     self2,