@arcanejs/toolkit 0.5.1 → 1.0.0

package/dist/{chunk-CFO5PSSK.js → chunk-ADH7RZG5.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3;// src/backend/components/base.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3;// src/backend/components/base.ts
 var Base = (_class = class {
   /** @hidden */
   __init() {this.parent = null}
@@ -8,16 +8,31 @@ var Base = (_class = class {
   
   /** @hidden */
   __init2() {this._onPropsUpdated = null}
-  constructor(defaultProps, props, options) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);
+  constructor(defaultProps, props, options) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);
     this.defaultProps = defaultProps;
     this._props = Object.freeze({
       ...defaultProps,
       ...props
     });
-    this._onPropsUpdated = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _8 => _8.onPropsUpdated]), () => ( null));
+    if (_optionalChain([options, 'optionalAccess', _13 => _13.onPropsUpdated])) {
+      const initialProps = this._props;
+      this._onPropsUpdated = {
+        listener: options.onPropsUpdated,
+        canSendInitialPropsUpdate: () => this._props === initialProps
+      };
+    }
   }
-  __init3() {this.log = () => {
-    return _optionalChain([this, 'access', _9 => _9.parent, 'optionalAccess', _10 => _10.log, 'call', _11 => _11()]) || null;
+  /**
+   * Call if
+   */
+  __init3() {this.triggerInitialPropsUpdate = () => {
+    if (!_optionalChain([this, 'access', _14 => _14._onPropsUpdated, 'optionalAccess', _15 => _15.canSendInitialPropsUpdate, 'call', _16 => _16()])) {
+      throw new Error("Cannot call triggerInitialPropsUpdate()");
+    }
+    this._onPropsUpdated.listener(this.defaultProps);
+  }}
+  __init4() {this.log = () => {
+    return _optionalChain([this, 'access', _17 => _17.parent, 'optionalAccess', _18 => _18.log, 'call', _19 => _19()]) || null;
   }}
   get props() {
     return this._props;
@@ -25,20 +40,22 @@ var Base = (_class = class {
   set props(props) {
     this.setProps(props);
   }
-  __init4() {this.setProps = (props) => {
+  __init5() {this.setProps = (props) => {
+    const oldProps = this._props;
     this._props = Object.freeze({
       ...this.defaultProps,
       ...props
     });
-    _optionalChain([this, 'access', _12 => _12._onPropsUpdated, 'optionalCall', _13 => _13()]);
+    _optionalChain([this, 'access', _20 => _20._onPropsUpdated, 'optionalAccess', _21 => _21.listener, 'optionalCall', _22 => _22(oldProps)]);
     this.updateTree();
   }}
-  __init5() {this.updateProps = (updates) => {
+  __init6() {this.updateProps = (updates) => {
+    const oldProps = this._props;
     this._props = Object.freeze({
       ...this._props,
       ...updates
     });
-    _optionalChain([this, 'access', _14 => _14._onPropsUpdated, 'optionalCall', _15 => _15()]);
+    _optionalChain([this, 'access', _23 => _23._onPropsUpdated, 'optionalAccess', _24 => _24.listener, 'optionalCall', _25 => _25(oldProps)]);
     this.updateTree();
   }}
   /** @hidden */
@@ -58,10 +75,10 @@ var Base = (_class = class {
   routeMessage(_idMap, _message) {
   }
 }, _class);
-var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(...args2); _class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this); }
+var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(...args2); _class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this); }
   /** @hidden */
-  __init6() {this.children = []}
-  __init7() {this.appendChildren = (...children) => {
+  __init7() {this.children = []}
+  __init8() {this.appendChildren = (...children) => {
     for (const c of children) {
       const newChildren = [...this.children.filter((ch) => ch !== c), c];
       this.validateChildren(newChildren);
@@ -71,11 +88,11 @@ var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(..
     this.updateTree();
     return children;
   }}
-  __init8() {this.appendChild = (child) => {
+  __init9() {this.appendChild = (child) => {
     this.appendChildren(child);
     return child;
   }}
-  __init9() {this.removeChild = (component) => {
+  __init10() {this.removeChild = (component) => {
     const match = this.children.findIndex((c) => c === component);
     if (match >= 0) {
       const removingChild = this.children[match];
@@ -85,11 +102,11 @@ var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(..
       ];
       this.validateChildren(newChildren);
       this.children = Object.freeze(newChildren);
-      _optionalChain([removingChild, 'optionalAccess', _18 => _18.setParent, 'call', _19 => _19(null)]);
+      _optionalChain([removingChild, 'optionalAccess', _28 => _28.setParent, 'call', _29 => _29(null)]);
       this.updateTree();
     }
   }}
-  __init10() {this.removeAllChildren = () => {
+  __init11() {this.removeAllChildren = () => {
     this.children.map((c) => c.setParent(null));
     this.children = Object.freeze([]);
     this.updateTree();
@@ -97,7 +114,7 @@ var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(..
   /**
    * Return all children components that messages need to be routed to
    */
-  __init11() {this.getChildren = () => this.children}
+  __init12() {this.getChildren = () => this.children}
   /**
    * TODO: we can do this better, right now it broadcasts the message to all
    * components of the tree
@@ -134,9 +151,9 @@ var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(..
     this.updateTree();
   }
 }, _class2);
-var EventEmitter = (_class3 = class {constructor() { _class3.prototype.__init12.call(this);_class3.prototype.__init13.call(this);_class3.prototype.__init14.call(this);_class3.prototype.__init15.call(this); }
-  __init12() {this.listeners = /* @__PURE__ */ new Map()}
-  __init13() {this.addListener = (type, listener) => {
+var EventEmitter = (_class3 = class {constructor() { _class3.prototype.__init13.call(this);_class3.prototype.__init14.call(this);_class3.prototype.__init15.call(this);_class3.prototype.__init16.call(this);_class3.prototype.__init17.call(this); }
+  __init13() {this.listeners = /* @__PURE__ */ new Map()}
+  __init14() {this.addListener = (type, listener) => {
     let set = this.listeners.get(type);
     if (!set) {
       set = /* @__PURE__ */ new Set();
@@ -144,10 +161,10 @@ var EventEmitter = (_class3 = class {constructor() { _class3.prototype.__init12.
     }
     set.add(listener);
   }}
-  __init14() {this.removeListener = (type, listener) => {
-    _optionalChain([this, 'access', _25 => _25.listeners, 'access', _26 => _26.get, 'call', _27 => _27(type), 'optionalAccess', _28 => _28.delete, 'call', _29 => _29(listener)]);
+  __init15() {this.removeListener = (type, listener) => {
+    _optionalChain([this, 'access', _35 => _35.listeners, 'access', _36 => _36.get, 'call', _37 => _37(type), 'optionalAccess', _38 => _38.delete, 'call', _39 => _39(listener)]);
   }}
-  __init15() {this.emit = (type, ...args) => {
+  __init16() {this.emit = (type, ...args) => {
     return Promise.all(
       [...this.listeners.get(type) || []].map(
         (l) => new Promise((resolve, reject) => {
@@ -160,6 +177,20 @@ var EventEmitter = (_class3 = class {constructor() { _class3.prototype.__init12.
       )
     );
   }}
+  /**
+   * Process prop changes to update listeners
+   */
+  __init17() {this.processPropChanges = (mapping, oldProps, newProps) => {
+    for (const key of Object.keys(mapping)) {
+      const prev = oldProps[key];
+      const next = newProps[key];
+      if (prev !== next) {
+        const eventName = mapping[key];
+        prev && this.removeListener(eventName, prev);
+        next && this.addListener(eventName, next);
+      }
+    }
+  }}
 }, _class3);
 
 

package/dist/{chunk-C2TVGO43.js → chunk-ARRRZPUK.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class; var _class2;
 
-var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
+var _chunkADH7RZG5js = require('./chunk-ADH7RZG5.js');
 
 // src/backend/components/tabs.ts
-var Tab = (_class = class extends _chunkCFO5PSSKjs.BaseParent {constructor(...args) { super(...args); _class.prototype.__init.call(this);_class.prototype.__init2.call(this); }
+var Tab = (_class = class extends _chunkADH7RZG5js.BaseParent {constructor(...args) { super(...args); _class.prototype.__init.call(this);_class.prototype.__init2.call(this); }
   __init() {this.validateChildren = (children) => {
     if (children.length > 1) {
       throw new Error("Tab can only have one child");
@@ -11,13 +11,14 @@ var Tab = (_class = class extends _chunkCFO5PSSKjs.BaseParent {constructor(...ar
   }}
   /** @hidden */
   __init2() {this.getProtoInfo = (idMap) => ({
+    namespace: "core",
     component: "tab",
     key: idMap.getId(this),
     name: this.props.name,
     child: this.getChildren().slice(0, 1).map((c) => c.getProtoInfo(idMap))[0]
   })}
 }, _class);
-var Tabs = (_class2 = class extends _chunkCFO5PSSKjs.BaseParent {
+var Tabs = (_class2 = class extends _chunkADH7RZG5js.BaseParent {
   __init3() {this.validateChildren = (children) => {
     for (const child of children) {
       if (!(child instanceof Tab)) {
@@ -42,6 +43,7 @@ var Tabs = (_class2 = class extends _chunkCFO5PSSKjs.BaseParent {
   /** @hidden */
   getProtoInfo(idMap) {
     return {
+      namespace: "core",
       component: "tabs",
       key: idMap.getId(this),
       tabs: this.getChildren().map((c) => c.getProtoInfo(idMap))

package/dist/{chunk-ESMRIWOM.mjs → chunk-BDBRQJSI.mjs}

@@ -1,6 +1,6 @@
 import {
   Base
-} from "./chunk-PW7QVLLF.mjs";
+} from "./chunk-7SZA6JUN.mjs";
 
 // src/backend/components/rect.ts
 var DEFAULT_PROPS = {
@@ -13,6 +13,7 @@ var Rect = class extends Base {
   /** @hidden */
   getProtoInfo(idMap) {
     return {
+      namespace: "core",
       component: "rect",
       key: idMap.getId(this),
       ...this.props

package/dist/{chunk-G5QXW2L3.mjs → chunk-EFNFSHV3.mjs}

@@ -1,20 +1,31 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-PW7QVLLF.mjs";
+} from "./chunk-7SZA6JUN.mjs";
 
 // src/backend/components/button.ts
+import * as proto from "@arcanejs/protocol/core";
 var DEFAULT_PROPS = {
   text: null,
   icon: null,
   mode: "normal",
-  error: null
+  error: null,
+  onClick: null
 };
 var Button = class extends Base {
   /** @hidden */
   events = new EventEmitter();
   constructor(props) {
-    super(DEFAULT_PROPS, props);
+    super(DEFAULT_PROPS, props, {
+      onPropsUpdated: (oldProps) => this.events.processPropChanges(
+        {
+          onClick: "click"
+        },
+        oldProps,
+        this.props
+      )
+    });
+    this.triggerInitialPropsUpdate();
   }
   addListener = this.events.addListener;
   removeListener = this.events.removeListener;
@@ -36,6 +47,7 @@ var Button = class extends Base {
   /** @hidden */
   getProtoInfo = (idMap) => {
     return {
+      namespace: "core",
       component: "button",
       key: idMap.getId(this),
       text: this.props.text || "",
@@ -45,7 +57,7 @@ var Button = class extends Base {
   };
   /** @hidden */
   handleMessage = (message) => {
-    if (message.component === "button") {
+    if (proto.isCoreComponentMessage(message, "button")) {
       this.events.emit("click").then(() => {
         if (this.props.error) {
           this.updateProps({

package/dist/chunk-HNFNG5MD.js

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
+
+
+var _chunkADH7RZG5js = require('./chunk-ADH7RZG5.js');
+
+// src/backend/components/text-input.ts
+var _core = require('@arcanejs/protocol/core'); var proto = _interopRequireWildcard(_core);
+var DEFAULT_PROPS = {
+  value: null
+};
+var TextInput = (_class = class extends _chunkADH7RZG5js.Base {
+  /** @hidden */
+  __init() {this.events = new (0, _chunkADH7RZG5js.EventEmitter)()}
+  constructor(props) {
+    super(DEFAULT_PROPS, props, {
+      onPropsUpdated: (oldProps) => this.events.processPropChanges(
+        {
+          onChange: "change"
+        },
+        oldProps,
+        this.props
+      )
+    });_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);;
+    this.triggerInitialPropsUpdate();
+  }
+  __init2() {this.addListener = this.events.addListener}
+  __init3() {this.removeListener = this.events.removeListener}
+  /** @hidden */
+  __init4() {this.getProtoInfo = (idMap) => {
+    return {
+      namespace: "core",
+      component: "text-input",
+      key: idMap.getId(this),
+      value: _nullishCoalesce(this.props.value, () => ( ""))
+    };
+  }}
+  /** @hidden */
+  __init5() {this.handleMessage = (message) => {
+    if (proto.isCoreComponentMessage(message, "text-input")) {
+      if (this.props.value !== message.value) {
+        this.updateProps({ value: message.value });
+        this.events.emit("change", message.value);
+      }
+    }
+  }}
+  __init6() {this.getValue = () => this.props.value}
+  __init7() {this.getValidatedValue = (validator) => this.props.value === "" ? null : validator(this.props.value || "")}
+  __init8() {this.setValue = (value) => {
+    this.updateProps({ value });
+  }}
+}, _class);
+
+
+
+exports.TextInput = TextInput;

package/dist/{chunk-SN2XKRYX.mjs → chunk-IBIEYR3L.mjs}

@@ -1,9 +1,10 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-PW7QVLLF.mjs";
+} from "./chunk-7SZA6JUN.mjs";
 
 // src/backend/components/slider-button.ts
+import * as proto from "@arcanejs/protocol/core";
 var DEFAULT_PROPS = {
   min: 0,
   max: 255,
@@ -19,15 +20,24 @@ var SliderButton = class extends Base {
   _value = null;
   constructor(props) {
     super(DEFAULT_PROPS, props, {
-      onPropsUpdated: () => this.onPropsUpdated()
+      onPropsUpdated: (oldProps) => {
+        this.events.processPropChanges(
+          {
+            onChange: "change"
+          },
+          oldProps,
+          this.props
+        ), this.onPropsUpdated();
+      }
     });
-    this.onPropsUpdated();
+    this.triggerInitialPropsUpdate();
   }
   addListener = this.events.addListener;
   removeListener = this.events.removeListener;
   /** @hidden */
   getProtoInfo(idMap) {
     return {
+      namespace: "core",
       component: "slider_button",
       key: idMap.getId(this),
       min: this.props.min,
@@ -40,7 +50,7 @@ var SliderButton = class extends Base {
   }
   /** @hidden */
   handleMessage(message) {
-    if (message.component !== "slider_button") return;
+    if (!proto.isCoreComponentMessage(message, "slider_button")) return;
     const newValue = this.sanitizeNumber(message.value);
     if (this._value === newValue) return;
     if (this.props.value === void 0) {

package/dist/{chunk-KR6LSBBX.mjs → chunk-ISHGZXPO.mjs}

@@ -1,9 +1,10 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-PW7QVLLF.mjs";
+} from "./chunk-7SZA6JUN.mjs";
 
 // src/backend/components/text-input.ts
+import * as proto from "@arcanejs/protocol/core";
 var DEFAULT_PROPS = {
   value: null
 };
@@ -11,13 +12,23 @@ var TextInput = class extends Base {
   /** @hidden */
   events = new EventEmitter();
   constructor(props) {
-    super(DEFAULT_PROPS, props);
+    super(DEFAULT_PROPS, props, {
+      onPropsUpdated: (oldProps) => this.events.processPropChanges(
+        {
+          onChange: "change"
+        },
+        oldProps,
+        this.props
+      )
+    });
+    this.triggerInitialPropsUpdate();
   }
   addListener = this.events.addListener;
   removeListener = this.events.removeListener;
   /** @hidden */
   getProtoInfo = (idMap) => {
     return {
+      namespace: "core",
       component: "text-input",
       key: idMap.getId(this),
       value: this.props.value ?? ""
@@ -25,7 +36,7 @@ var TextInput = class extends Base {
   };
   /** @hidden */
   handleMessage = (message) => {
-    if (message.component === "text-input") {
+    if (proto.isCoreComponentMessage(message, "text-input")) {
       if (this.props.value !== message.value) {
         this.updateProps({ value: message.value });
         this.events.emit("change", message.value);

package/dist/{chunk-DBSYI5Z4.mjs → chunk-LX5IL6WX.mjs}

@@ -1,6 +1,6 @@
 import {
   Base
-} from "./chunk-PW7QVLLF.mjs";
+} from "./chunk-7SZA6JUN.mjs";
 
 // src/backend/components/timeline.ts
 var DEFAULT_PROPS = {
@@ -19,6 +19,7 @@ var Timeline = class extends Base {
   }
   /** @hidden */
   getProtoInfo = (idMap) => ({
+    namespace: "core",
     component: "timeline",
     key: idMap.getId(this),
     state: this.props.state,

package/dist/{chunk-JOW3XRQI.mjs → chunk-OAPIVG6M.mjs}

@@ -1,6 +1,6 @@
 import {
   Base
-} from "./chunk-PW7QVLLF.mjs";
+} from "./chunk-7SZA6JUN.mjs";
 
 // src/backend/components/label.ts
 var Label = class extends Base {
@@ -10,6 +10,7 @@ var Label = class extends Base {
   /** @hidden */
   getProtoInfo(idMap) {
     return {
+      namespace: "core",
       component: "label",
       key: idMap.getId(this),
       bold: this.props.bold,

package/dist/{chunk-H734NV65.mjs → chunk-PXYXUWXE.mjs}

@@ -1,6 +1,6 @@
 import {
   BaseParent
-} from "./chunk-PW7QVLLF.mjs";
+} from "./chunk-7SZA6JUN.mjs";
 
 // src/backend/components/tabs.ts
 var Tab = class extends BaseParent {
@@ -11,6 +11,7 @@ var Tab = class extends BaseParent {
   };
   /** @hidden */
   getProtoInfo = (idMap) => ({
+    namespace: "core",
     component: "tab",
     key: idMap.getId(this),
     name: this.props.name,
@@ -42,6 +43,7 @@ var Tabs = class extends BaseParent {
   /** @hidden */
   getProtoInfo(idMap) {
     return {
+      namespace: "core",
       component: "tabs",
       key: idMap.getId(this),
       tabs: this.getChildren().map((c) => c.getProtoInfo(idMap))

package/dist/{chunk-Q3NG5UUN.mjs → chunk-SBHNIFAS.mjs}

@@ -1,9 +1,10 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-PW7QVLLF.mjs";
+} from "./chunk-7SZA6JUN.mjs";
 
 // src/backend/components/switch.ts
+import * as proto from "@arcanejs/protocol/core";
 var DEFAULT_PROPS = {};
 var Switch = class extends Base {
   /** @hidden */
@@ -15,15 +16,24 @@ var Switch = class extends Base {
   _value = null;
   constructor(props) {
     super(DEFAULT_PROPS, props, {
-      onPropsUpdated: () => this.onPropsUpdated()
+      onPropsUpdated: (oldProps) => {
+        this.events.processPropChanges(
+          {
+            onChange: "change"
+          },
+          oldProps,
+          this.props
+        ), this.onPropsUpdated();
+      }
     });
-    this.onPropsUpdated();
+    this.triggerInitialPropsUpdate();
   }
   addListener = this.events.addListener;
   removeListener = this.events.removeListener;
   /** @hidden */
   getProtoInfo(idMap) {
     return {
+      namespace: "core",
       component: "switch",
       key: idMap.getId(this),
       state: this._value ?? "off"
@@ -31,7 +41,7 @@ var Switch = class extends Base {
   }
   /** @hidden */
   handleMessage(message) {
-    if (message.component === "switch") {
+    if (proto.isCoreComponentMessage(message, "switch")) {
       const state = this._value === "on" ? "off" : "on";
       if (this.props.value === void 0) {
         this._value = state;

package/dist/{chunk-53DEDXHG.js → chunk-SIXWXDZW.js}

@@ -1,17 +1,18 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } var _class;
 
 
-var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
+var _chunkADH7RZG5js = require('./chunk-ADH7RZG5.js');
 
 // src/backend/components/slider-button.ts
+var _core = require('@arcanejs/protocol/core'); var proto = _interopRequireWildcard(_core);
 var DEFAULT_PROPS = {
   min: 0,
   max: 255,
   step: 5
 };
-var SliderButton = (_class = class extends _chunkCFO5PSSKjs.Base {
+var SliderButton = (_class = class extends _chunkADH7RZG5js.Base {
   /** @hidden */
-  __init() {this.events = new (0, _chunkCFO5PSSKjs.EventEmitter)()}
+  __init() {this.events = new (0, _chunkADH7RZG5js.EventEmitter)()}
   /**
    * Manually manage the state of the slider,
    * to support both controlled and uncontrolled inputs.
@@ -19,15 +20,24 @@ var SliderButton = (_class = class extends _chunkCFO5PSSKjs.Base {
   __init2() {this._value = null}
   constructor(props) {
     super(DEFAULT_PROPS, props, {
-      onPropsUpdated: () => this.onPropsUpdated()
+      onPropsUpdated: (oldProps) => {
+        this.events.processPropChanges(
+          {
+            onChange: "change"
+          },
+          oldProps,
+          this.props
+        ), this.onPropsUpdated();
+      }
     });_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);;
-    this.onPropsUpdated();
+    this.triggerInitialPropsUpdate();
   }
   __init3() {this.addListener = this.events.addListener}
   __init4() {this.removeListener = this.events.removeListener}
   /** @hidden */
   getProtoInfo(idMap) {
     return {
+      namespace: "core",
       component: "slider_button",
       key: idMap.getId(this),
       min: this.props.min,
@@ -40,7 +50,7 @@ var SliderButton = (_class = class extends _chunkCFO5PSSKjs.Base {
   }
   /** @hidden */
   handleMessage(message) {
-    if (message.component !== "slider_button") return;
+    if (!proto.isCoreComponentMessage(message, "slider_button")) return;
     const newValue = this.sanitizeNumber(message.value);
     if (this._value === newValue) return;
     if (this.props.value === void 0) {

package/dist/{chunk-FUINWM5H.js → chunk-T4TMVBFM.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
 
-var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
+var _chunkADH7RZG5js = require('./chunk-ADH7RZG5.js');
 
 // src/backend/components/timeline.ts
 var DEFAULT_PROPS = {
@@ -13,12 +13,13 @@ var DEFAULT_PROPS = {
   subtitles: null,
   source: null
 };
-var Timeline = (_class = class extends _chunkCFO5PSSKjs.Base {
+var Timeline = (_class = class extends _chunkADH7RZG5js.Base {
   constructor(props) {
     super(DEFAULT_PROPS, props);_class.prototype.__init.call(this);;
   }
   /** @hidden */
   __init() {this.getProtoInfo = (idMap) => ({
+    namespace: "core",
     component: "timeline",
     key: idMap.getId(this),
     state: this.props.state,