@cloudflare/realtimekit-ui 1.0.4-staging.3 → 1.0.4-staging.4

package/dist/collection/components/rtk-meeting/rtk-meeting.js

@@ -93,6 +93,10 @@ export class RtkMeeting {
         this.setupStoreRequestListener();
         this.setupStateUpdateListener();
         this.meetingChanged(this.meeting);
+        this.iconPackChanged(this.iconPack);
+        this.tChanged(this.t);
+        this.configChanged(this.config);
+        this.sizeChanged(this.size);
         this.resizeObserver = new ResizeObserver(() => this.handleResize());
         this.resizeObserver.observe(this.host);
         if (this.applyDesignSystem &&
@@ -229,11 +233,31 @@ export class RtkMeeting {
         }
         window.removeEventListener('rtkError', this.authErrorListener);
     }
-    onSizeChange(newSize) {
+    iconPackChanged(newIconPack) {
+        if (this.peerStore) {
+            this.peerStore.state.iconPack = newIconPack;
+        }
+    }
+    tChanged(newT) {
+        if (this.peerStore) {
+            this.peerStore.state.t = newT;
+        }
+    }
+    sizeChanged(newSize) {
         if (this.peerStore) {
             this.peerStore.state.size = newSize;
         }
     }
+    configChanged(config) {
+        if (this.peerStore) {
+            this.peerStore.state.config = config;
+        }
+        if ((config === null || config === void 0 ? void 0 : config.designTokens) &&
+            typeof document !== 'undefined' &&
+            (this.peerStore || legacyGlobalUIStore).state.states.activeDebugger !== true) {
+            provideRtkDesignSystem(document.documentElement, config.designTokens);
+        }
+    }
     handleResize() {
         this.size = getSize(this.host.clientWidth);
     }
@@ -567,9 +591,18 @@ export class RtkMeeting {
         return [{
                 "propName": "meeting",
                 "methodName": "meetingChanged"
+            }, {
+                "propName": "iconPack",
+                "methodName": "iconPackChanged"
+            }, {
+                "propName": "t",
+                "methodName": "tChanged"
             }, {
                 "propName": "size",
-                "methodName": "onSizeChange"
+                "methodName": "sizeChanged"
+            }, {
+                "propName": "config",
+                "methodName": "configChanged"
             }];
     }
 }

package/dist/collection/components/rtk-ui-provider/rtk-ui-provider.js

@@ -71,11 +71,11 @@ export class RtkUiProvider {
         }
         // Listen for store requests from child components
         this.setupStoreRequestListener();
-        this.onMeetingChange(this.meeting);
-        this.onIconPackChange(this.iconPack);
-        this.onTChange(this.t);
-        this.onConfigChange(this.config);
-        this.onSizeChange(this.size);
+        this.meetingChanged(this.meeting);
+        this.iconPackChanged(this.iconPack);
+        this.tChanged(this.t);
+        this.configChanged(this.config);
+        this.sizeChanged(this.size);
         this.resizeObserver = new ResizeObserver(() => this.handleResize());
         this.resizeObserver.observe(this.host);
     }
@@ -143,7 +143,7 @@ export class RtkUiProvider {
         };
         this.host.addEventListener('rtkRequestStore', this.storeRequestListener);
     }
-    onMeetingChange(meeting) {
+    meetingChanged(meeting) {
         if (meeting) {
             this.peerStore = createPeerStore({
                 meeting,
@@ -188,17 +188,17 @@ export class RtkUiProvider {
             window.removeEventListener('rtkError', this.authErrorListener);
         }
     }
-    onIconPackChange(newIconPack) {
+    iconPackChanged(newIconPack) {
         if (this.peerStore) {
             this.peerStore.state.iconPack = newIconPack;
         }
     }
-    onTChange(newT) {
+    tChanged(newT) {
         if (this.peerStore) {
             this.peerStore.state.t = newT;
         }
     }
-    onConfigChange(config) {
+    configChanged(config) {
         if (this.peerStore) {
             this.peerStore.state.config = config;
         }
@@ -208,7 +208,7 @@ export class RtkUiProvider {
             provideRtkDesignSystem(document.documentElement, config.designTokens);
         }
     }
-    onSizeChange(newSize) {
+    sizeChanged(newSize) {
         if (this.peerStore) {
             this.peerStore.state.size = newSize;
         }
@@ -430,19 +430,19 @@ export class RtkUiProvider {
     static get watchers() {
         return [{
                 "propName": "meeting",
-                "methodName": "onMeetingChange"
+                "methodName": "meetingChanged"
             }, {
                 "propName": "iconPack",
-                "methodName": "onIconPackChange"
+                "methodName": "iconPackChanged"
             }, {
                 "propName": "t",
-                "methodName": "onTChange"
+                "methodName": "tChanged"
             }, {
                 "propName": "config",
-                "methodName": "onConfigChange"
+                "methodName": "configChanged"
             }, {
                 "propName": "size",
-                "methodName": "onSizeChange"
+                "methodName": "sizeChanged"
             }];
     }
 }

package/dist/components/rtk-meeting.js

@@ -144,6 +144,10 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         this.setupStoreRequestListener();
         this.setupStateUpdateListener();
         this.meetingChanged(this.meeting);
+        this.iconPackChanged(this.iconPack);
+        this.tChanged(this.t);
+        this.configChanged(this.config);
+        this.sizeChanged(this.size);
         this.resizeObserver = new index(() => this.handleResize());
         this.resizeObserver.observe(this.host);
         if (this.applyDesignSystem &&
@@ -280,11 +284,31 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         }
         window.removeEventListener('rtkError', this.authErrorListener);
     }
-    onSizeChange(newSize) {
+    iconPackChanged(newIconPack) {
+        if (this.peerStore) {
+            this.peerStore.state.iconPack = newIconPack;
+        }
+    }
+    tChanged(newT) {
+        if (this.peerStore) {
+            this.peerStore.state.t = newT;
+        }
+    }
+    sizeChanged(newSize) {
         if (this.peerStore) {
             this.peerStore.state.size = newSize;
         }
     }
+    configChanged(config) {
+        if (this.peerStore) {
+            this.peerStore.state.config = config;
+        }
+        if ((config === null || config === void 0 ? void 0 : config.designTokens) &&
+            typeof document !== 'undefined' &&
+            (this.peerStore || uiStore).state.states.activeDebugger !== true) {
+            provideRtkDesignSystem(document.documentElement, config.designTokens);
+        }
+    }
     handleResize() {
         this.size = getSize(this.host.clientWidth);
     }
@@ -325,7 +349,10 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
     get host() { return this; }
     static get watchers() { return {
         "meeting": ["meetingChanged"],
-        "size": ["onSizeChange"]
+        "iconPack": ["iconPackChanged"],
+        "t": ["tChanged"],
+        "size": ["sizeChanged"],
+        "config": ["configChanged"]
     }; }
     static get style() { return RtkMeetingStyle0; }
 }, [1, "rtk-meeting", {
@@ -342,7 +369,10 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         "iconPack": [16]
     }, undefined, {
         "meeting": ["meetingChanged"],
-        "size": ["onSizeChange"]
+        "iconPack": ["iconPackChanged"],
+        "t": ["tChanged"],
+        "size": ["sizeChanged"],
+        "config": ["configChanged"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/rtk-ui-provider.js

@@ -78,11 +78,11 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
         }
         // Listen for store requests from child components
         this.setupStoreRequestListener();
-        this.onMeetingChange(this.meeting);
-        this.onIconPackChange(this.iconPack);
-        this.onTChange(this.t);
-        this.onConfigChange(this.config);
-        this.onSizeChange(this.size);
+        this.meetingChanged(this.meeting);
+        this.iconPackChanged(this.iconPack);
+        this.tChanged(this.t);
+        this.configChanged(this.config);
+        this.sizeChanged(this.size);
         this.resizeObserver = new ResizeObserver(() => this.handleResize());
         this.resizeObserver.observe(this.host);
     }
@@ -150,7 +150,7 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
         };
         this.host.addEventListener('rtkRequestStore', this.storeRequestListener);
     }
-    onMeetingChange(meeting) {
+    meetingChanged(meeting) {
         if (meeting) {
             this.peerStore = createPeerStore({
                 meeting,
@@ -195,17 +195,17 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
             window.removeEventListener('rtkError', this.authErrorListener);
         }
     }
-    onIconPackChange(newIconPack) {
+    iconPackChanged(newIconPack) {
         if (this.peerStore) {
             this.peerStore.state.iconPack = newIconPack;
         }
     }
-    onTChange(newT) {
+    tChanged(newT) {
         if (this.peerStore) {
             this.peerStore.state.t = newT;
         }
     }
-    onConfigChange(config) {
+    configChanged(config) {
         if (this.peerStore) {
             this.peerStore.state.config = config;
         }
@@ -215,7 +215,7 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
             provideRtkDesignSystem(document.documentElement, config.designTokens);
         }
     }
-    onSizeChange(newSize) {
+    sizeChanged(newSize) {
         if (this.peerStore) {
             this.peerStore.state.size = newSize;
         }
@@ -229,11 +229,11 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
     }
     get host() { return this; }
     static get watchers() { return {
-        "meeting": ["onMeetingChange"],
-        "iconPack": ["onIconPackChange"],
-        "t": ["onTChange"],
-        "config": ["onConfigChange"],
-        "size": ["onSizeChange"]
+        "meeting": ["meetingChanged"],
+        "iconPack": ["iconPackChanged"],
+        "t": ["tChanged"],
+        "config": ["configChanged"],
+        "size": ["sizeChanged"]
     }; }
     static get style() { return RtkUiProviderStyle0; }
 }, [4, "rtk-ui-provider", {
@@ -245,11 +245,11 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
         "size": [1537],
         "showSetupScreen": [4, "show-setup-screen"]
     }, undefined, {
-        "meeting": ["onMeetingChange"],
-        "iconPack": ["onIconPackChange"],
-        "t": ["onTChange"],
-        "config": ["onConfigChange"],
-        "size": ["onSizeChange"]
+        "meeting": ["meetingChanged"],
+        "iconPack": ["iconPackChanged"],
+        "t": ["tChanged"],
+        "config": ["configChanged"],
+        "size": ["sizeChanged"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/docs/docs-components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-25T05:47:09",
+  "timestamp": "2025-07-25T07:57:29",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",