@vonage/vivid 3.0.0-next.18 → 3.0.0-next.20

package/shared/index.js

@@ -275,30 +275,6 @@ const DOM = Object.freeze({
     },
 });
 
-function spilloverSubscribe(subscriber) {
-    const spillover = this.spillover;
-    const index = spillover.indexOf(subscriber);
-    if (index === -1) {
-        spillover.push(subscriber);
-    }
-}
-function spilloverUnsubscribe(subscriber) {
-    const spillover = this.spillover;
-    const index = spillover.indexOf(subscriber);
-    if (index !== -1) {
-        spillover.splice(index, 1);
-    }
-}
-function spilloverNotifySubscribers(args) {
-    const spillover = this.spillover;
-    const source = this.source;
-    for (let i = 0, ii = spillover.length; i < ii; ++i) {
-        spillover[i].handleChange(source, args);
-    }
-}
-function spilloverHas(subscriber) {
-    return this.spillover.indexOf(subscriber) !== -1;
-}
 /**
  * An implementation of {@link Notifier} that efficiently keeps track of
  * subscribers interested in a specific change notification on an
@@ -328,42 +304,58 @@ class SubscriberSet {
      * @param subscriber - The subscriber to test for inclusion in this set.
      */
     has(subscriber) {
-        return this.sub1 === subscriber || this.sub2 === subscriber;
+        return this.spillover === void 0
+            ? this.sub1 === subscriber || this.sub2 === subscriber
+            : this.spillover.indexOf(subscriber) !== -1;
     }
     /**
      * Subscribes to notification of changes in an object's state.
      * @param subscriber - The object that is subscribing for change notification.
      */
     subscribe(subscriber) {
-        if (this.has(subscriber)) {
-            return;
-        }
-        if (this.sub1 === void 0) {
-            this.sub1 = subscriber;
-            return;
+        const spillover = this.spillover;
+        if (spillover === void 0) {
+            if (this.has(subscriber)) {
+                return;
+            }
+            if (this.sub1 === void 0) {
+                this.sub1 = subscriber;
+                return;
+            }
+            if (this.sub2 === void 0) {
+                this.sub2 = subscriber;
+                return;
+            }
+            this.spillover = [this.sub1, this.sub2, subscriber];
+            this.sub1 = void 0;
+            this.sub2 = void 0;
         }
-        if (this.sub2 === void 0) {
-            this.sub2 = subscriber;
-            return;
+        else {
+            const index = spillover.indexOf(subscriber);
+            if (index === -1) {
+                spillover.push(subscriber);
+            }
         }
-        this.spillover = [this.sub1, this.sub2, subscriber];
-        this.subscribe = spilloverSubscribe;
-        this.unsubscribe = spilloverUnsubscribe;
-        this.notify = spilloverNotifySubscribers;
-        this.has = spilloverHas;
-        this.sub1 = void 0;
-        this.sub2 = void 0;
     }
     /**
      * Unsubscribes from notification of changes in an object's state.
      * @param subscriber - The object that is unsubscribing from change notification.
      */
     unsubscribe(subscriber) {
-        if (this.sub1 === subscriber) {
-            this.sub1 = void 0;
+        const spillover = this.spillover;
+        if (spillover === void 0) {
+            if (this.sub1 === subscriber) {
+                this.sub1 = void 0;
+            }
+            else if (this.sub2 === subscriber) {
+                this.sub2 = void 0;
+            }
         }
-        else if (this.sub2 === subscriber) {
-            this.sub2 = void 0;
+        else {
+            const index = spillover.indexOf(subscriber);
+            if (index !== -1) {
+                spillover.splice(index, 1);
+            }
         }
     }
     /**
@@ -371,14 +363,22 @@ class SubscriberSet {
      * @param args - Data passed along to subscribers during notification.
      */
     notify(args) {
-        const sub1 = this.sub1;
-        const sub2 = this.sub2;
+        const spillover = this.spillover;
         const source = this.source;
-        if (sub1 !== void 0) {
-            sub1.handleChange(source, args);
+        if (spillover === void 0) {
+            const sub1 = this.sub1;
+            const sub2 = this.sub2;
+            if (sub1 !== void 0) {
+                sub1.handleChange(source, args);
+            }
+            if (sub2 !== void 0) {
+                sub2.handleChange(source, args);
+            }
         }
-        if (sub2 !== void 0) {
-            sub2.handleChange(source, args);
+        else {
+            for (let i = 0, ii = spillover.length; i < ii; ++i) {
+                spillover[i].handleChange(source, args);
+            }
         }
     }
 }
@@ -424,7 +424,8 @@ class PropertyChangeNotifier {
             subscribers.subscribe(subscriber);
         }
         else {
-            this.sourceSubscribers = (_a = this.sourceSubscribers) !== null && _a !== void 0 ? _a : new SubscriberSet(this.source);
+            this.sourceSubscribers =
+                (_a = this.sourceSubscribers) !== null && _a !== void 0 ? _a : new SubscriberSet(this.source);
             this.sourceSubscribers.subscribe(subscriber);
         }
     }
@@ -568,6 +569,7 @@ const Observable = FAST.getById(2 /* observable */, () => {
                     watcher = void 0;
                     /* eslint-disable-next-line */
                     prevValue = prev.propertySource[prev.propertyName];
+                    /* eslint-disable-next-line @typescript-eslint/no-this-alias */
                     watcher = this;
                     if (propertySource === prevValue) {
                         this.needsRefresh = true;
@@ -1143,6 +1145,7 @@ class CompilationContext {
         this.targetIndex = -1;
     }
     release() {
+        /* eslint-disable-next-line @typescript-eslint/no-this-alias */
         sharedContext = this;
     }
     static borrow(directives) {
@@ -1621,8 +1624,6 @@ function html(strings, ...values) {
 class ElementStyles {
     constructor() {
         this.targets = new WeakSet();
-        /** @internal */
-        this.behaviors = null;
     }
     /** @internal */
     addStylesTo(target) {