@arcanejs/toolkit 0.2.2 → 0.4.0

package/dist/{chunk-KVJU3EAD.js → chunk-4X3QY5EP.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
 
 
-var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
 
 // src/backend/components/button.ts
 var DEFAULT_PROPS = {
@@ -10,9 +10,9 @@ var DEFAULT_PROPS = {
   mode: "normal",
   error: null
 };
-var Button = (_class = class extends _chunkUBWCVW2Ujs.Base {
+var Button = (_class = class extends _chunkCFO5PSSKjs.Base {
   /** @hidden */
-  __init() {this.events = new (0, _chunkUBWCVW2Ujs.EventEmitter)()}
+  __init() {this.events = new (0, _chunkCFO5PSSKjs.EventEmitter)()}
   constructor(props) {
     super(DEFAULT_PROPS, 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);;
   }

package/dist/{chunk-JW4GXS54.mjs → chunk-A2STBGBE.mjs}

@@ -1,21 +1,27 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-ZCHM3JJJ.mjs";
+} from "./chunk-PW7QVLLF.mjs";
 
 // src/backend/components/slider-button.ts
 var DEFAULT_PROPS = {
-  value: null,
   min: 0,
   max: 255,
-  step: 5,
-  mode: "writeBack"
+  step: 5
 };
 var SliderButton = class extends Base {
   /** @hidden */
   events = new EventEmitter();
+  /**
+   * Manually manage the state of the slider,
+   * to support both controlled and uncontrolled inputs.
+   */
+  _value = null;
   constructor(props) {
-    super(DEFAULT_PROPS, props);
+    super(DEFAULT_PROPS, props, {
+      onPropsUpdated: () => this.onPropsUpdated()
+    });
+    this.onPropsUpdated();
   }
   addListener = this.events.addListener;
   removeListener = this.events.removeListener;
@@ -27,23 +33,27 @@ var SliderButton = class extends Base {
       min: this.props.min,
       max: this.props.max,
       step: this.props.step,
-      value: this.props.value
+      value: this._value
     };
   }
   /** @hidden */
   handleMessage(message) {
     if (message.component !== "slider_button") return;
     const newValue = this.sanitizeNumber(message.value);
-    if (this.props.value === newValue) return;
-    if (this.props.mode === "writeBack") {
-      this.updateProps({ value: newValue });
+    if (this._value === newValue) return;
+    if (this.props.value === void 0) {
+      this._value = newValue;
+      this.updateTree();
     }
     this.events.emit("change", newValue);
   }
   setValue(value) {
+    if (this.props.value) {
+      throw new Error("Cannot set value on controlled input");
+    }
     const newValue = this.sanitizeNumber(value);
-    if (newValue === this.props.value) return;
-    this.updateProps({ value });
+    if (this._value === newValue) return;
+    this._value = newValue;
     this.updateTree();
   }
   sanitizeNumber(value) {
@@ -52,6 +62,13 @@ var SliderButton = class extends Base {
     const clampedValue = Math.max(this.props.min, Math.min(this.props.max, v));
     return clampedValue;
   }
+  onPropsUpdated = () => {
+    if (this.props.value !== void 0) {
+      this._value = this.props.value;
+    } else if (this._value === null && this.props.defaultValue) {
+      this._value = this.props.defaultValue;
+    }
+  };
 };
 
 export {

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

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class; var _class2;
 
-var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
 
 // src/backend/components/tabs.ts
-var Tab = (_class = class extends _chunkUBWCVW2Ujs.BaseParent {constructor(...args) { super(...args); _class.prototype.__init.call(this);_class.prototype.__init2.call(this); }
+var Tab = (_class = class extends _chunkCFO5PSSKjs.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");
@@ -17,7 +17,7 @@ var Tab = (_class = class extends _chunkUBWCVW2Ujs.BaseParent {constructor(...ar
     child: this.getChildren().slice(0, 1).map((c) => c.getProtoInfo(idMap))[0]
   })}
 }, _class);
-var Tabs = (_class2 = class extends _chunkUBWCVW2Ujs.BaseParent {
+var Tabs = (_class2 = class extends _chunkCFO5PSSKjs.BaseParent {
   __init3() {this.validateChildren = (children) => {
     for (const child of children) {
       if (!(child instanceof Tab)) {

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

@@ -1,4 +1,4 @@
-"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
+"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
 var Base = (_class = class {
   /** @hidden */
   __init() {this.parent = null}
@@ -6,31 +6,39 @@ var Base = (_class = class {
   
   /** @hidden */
   
-  constructor(defaultProps, props) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);
+  /** @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);
     this.defaultProps = defaultProps;
     this._props = Object.freeze({
       ...defaultProps,
       ...props
     });
+    this._onPropsUpdated = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _8 => _8.onPropsUpdated]), () => ( null));
   }
+  __init3() {this.log = () => {
+    return _optionalChain([this, 'access', _9 => _9.parent, 'optionalAccess', _10 => _10.log, 'call', _11 => _11()]) || null;
+  }}
   get props() {
     return this._props;
   }
   set props(props) {
     this.setProps(props);
   }
-  __init2() {this.setProps = (props) => {
+  __init4() {this.setProps = (props) => {
     this._props = Object.freeze({
       ...this.defaultProps,
       ...props
     });
+    _optionalChain([this, 'access', _12 => _12._onPropsUpdated, 'optionalCall', _13 => _13()]);
     this.updateTree();
   }}
-  __init3() {this.updateProps = (updates) => {
+  __init5() {this.updateProps = (updates) => {
     this._props = Object.freeze({
       ...this._props,
       ...updates
     });
+    _optionalChain([this, 'access', _14 => _14._onPropsUpdated, 'optionalCall', _15 => _15()]);
     this.updateTree();
   }}
   /** @hidden */
@@ -45,16 +53,15 @@ var Base = (_class = class {
     if (this.parent) this.parent.updateTree();
   }
   /** @hidden */
-  handleMessage(message) {
-    console.log("Component Received Message:", message);
+  handleMessage(_message) {
   }
   routeMessage(_idMap, _message) {
   }
 }, _class);
-var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(...args2); _class2.prototype.__init4.call(this);_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this); }
+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); }
   /** @hidden */
-  __init4() {this.children = []}
-  __init5() {this.appendChildren = (...children) => {
+  __init6() {this.children = []}
+  __init7() {this.appendChildren = (...children) => {
     for (const c of children) {
       const newChildren = [...this.children.filter((ch) => ch !== c), c];
       this.validateChildren(newChildren);
@@ -64,11 +71,11 @@ var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(..
     this.updateTree();
     return children;
   }}
-  __init6() {this.appendChild = (child) => {
+  __init8() {this.appendChild = (child) => {
     this.appendChildren(child);
     return child;
   }}
-  __init7() {this.removeChild = (component) => {
+  __init9() {this.removeChild = (component) => {
     const match = this.children.findIndex((c) => c === component);
     if (match >= 0) {
       const removingChild = this.children[match];
@@ -78,11 +85,11 @@ var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(..
       ];
       this.validateChildren(newChildren);
       this.children = Object.freeze(newChildren);
-      _optionalChain([removingChild, 'optionalAccess', _3 => _3.setParent, 'call', _4 => _4(null)]);
+      _optionalChain([removingChild, 'optionalAccess', _18 => _18.setParent, 'call', _19 => _19(null)]);
       this.updateTree();
     }
   }}
-  __init8() {this.removeAllChildren = () => {
+  __init10() {this.removeAllChildren = () => {
     this.children.map((c) => c.setParent(null));
     this.children = Object.freeze([]);
     this.updateTree();
@@ -90,7 +97,7 @@ var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(..
   /**
    * Return all children components that messages need to be routed to
    */
-  __init9() {this.getChildren = () => this.children}
+  __init11() {this.getChildren = () => this.children}
   /**
    * TODO: we can do this better, right now it broadcasts the message to all
    * components of the tree
@@ -113,7 +120,6 @@ var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(..
   insertBefore(child, beforeChild) {
     const filteredChildren = this.children.filter((c) => c !== child);
     let match = filteredChildren.findIndex((c) => c === beforeChild);
-    console.log("match", match);
     if (match === -1) {
       match = filteredChildren.length;
     }
@@ -128,9 +134,9 @@ var BaseParent = (_class2 = class extends Base {constructor(...args2) { super(..
     this.updateTree();
   }
 }, _class2);
-var EventEmitter = (_class3 = class {constructor() { _class3.prototype.__init10.call(this);_class3.prototype.__init11.call(this);_class3.prototype.__init12.call(this);_class3.prototype.__init13.call(this); }
-  __init10() {this.listeners = /* @__PURE__ */ new Map()}
-  __init11() {this.addListener = (type, listener) => {
+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) => {
     let set = this.listeners.get(type);
     if (!set) {
       set = /* @__PURE__ */ new Set();
@@ -138,10 +144,10 @@ var EventEmitter = (_class3 = class {constructor() { _class3.prototype.__init10.
     }
     set.add(listener);
   }}
-  __init12() {this.removeListener = (type, listener) => {
-    _optionalChain([this, 'access', _10 => _10.listeners, 'access', _11 => _11.get, 'call', _12 => _12(type), 'optionalAccess', _13 => _13.delete, 'call', _14 => _14(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)]);
   }}
-  __init13() {this.emit = (type, ...args) => {
+  __init15() {this.emit = (type, ...args) => {
     return Promise.all(
       [...this.listeners.get(type) || []].map(
         (l) => new Promise((resolve, reject) => {

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

@@ -1,6 +1,6 @@
 import {
   Base
-} from "./chunk-ZCHM3JJJ.mjs";
+} from "./chunk-PW7QVLLF.mjs";
 
 // src/backend/components/timeline.ts
 var DEFAULT_PROPS = {

package/dist/{chunk-MDFDWKGW.js → chunk-DONU33U4.js}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
 
 
-var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
 
 // src/backend/components/text-input.ts
 var DEFAULT_PROPS = {
   value: null
 };
-var TextInput = (_class = class extends _chunkUBWCVW2Ujs.Base {
+var TextInput = (_class = class extends _chunkCFO5PSSKjs.Base {
   /** @hidden */
-  __init() {this.events = new (0, _chunkUBWCVW2Ujs.EventEmitter)()}
+  __init() {this.events = new (0, _chunkCFO5PSSKjs.EventEmitter)()}
   constructor(props) {
     super(DEFAULT_PROPS, 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);;
   }

package/dist/{chunk-P43QUQ4T.js → chunk-FLRGYURV.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
 
 // src/backend/components/label.ts
-var Label = class extends _chunkUBWCVW2Ujs.Base {
+var Label = class extends _chunkCFO5PSSKjs.Base {
   constructor(props) {
     super({ text: null }, props);
   }

package/dist/{chunk-OEIGZ3NQ.js → chunk-FUINWM5H.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 _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
 
 // src/backend/components/timeline.ts
 var DEFAULT_PROPS = {
@@ -13,7 +13,7 @@ var DEFAULT_PROPS = {
   subtitles: null,
   source: null
 };
-var Timeline = (_class = class extends _chunkUBWCVW2Ujs.Base {
+var Timeline = (_class = class extends _chunkCFO5PSSKjs.Base {
   constructor(props) {
     super(DEFAULT_PROPS, props);_class.prototype.__init.call(this);;
   }

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

@@ -1,7 +1,7 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-ZCHM3JJJ.mjs";
+} from "./chunk-PW7QVLLF.mjs";
 
 // src/backend/components/button.ts
 var DEFAULT_PROPS = {

package/dist/chunk-G7GFSIHY.js

@@ -0,0 +1,76 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class;
+
+
+var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
+
+// src/backend/components/slider-button.ts
+var DEFAULT_PROPS = {
+  min: 0,
+  max: 255,
+  step: 5
+};
+var SliderButton = (_class = class extends _chunkCFO5PSSKjs.Base {
+  /** @hidden */
+  __init() {this.events = new (0, _chunkCFO5PSSKjs.EventEmitter)()}
+  /**
+   * Manually manage the state of the slider,
+   * to support both controlled and uncontrolled inputs.
+   */
+  __init2() {this._value = null}
+  constructor(props) {
+    super(DEFAULT_PROPS, props, {
+      onPropsUpdated: () => 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();
+  }
+  __init3() {this.addListener = this.events.addListener}
+  __init4() {this.removeListener = this.events.removeListener}
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      component: "slider_button",
+      key: idMap.getId(this),
+      min: this.props.min,
+      max: this.props.max,
+      step: this.props.step,
+      value: this._value
+    };
+  }
+  /** @hidden */
+  handleMessage(message) {
+    if (message.component !== "slider_button") return;
+    const newValue = this.sanitizeNumber(message.value);
+    if (this._value === newValue) return;
+    if (this.props.value === void 0) {
+      this._value = newValue;
+      this.updateTree();
+    }
+    this.events.emit("change", newValue);
+  }
+  setValue(value) {
+    if (this.props.value) {
+      throw new Error("Cannot set value on controlled input");
+    }
+    const newValue = this.sanitizeNumber(value);
+    if (this._value === newValue) return;
+    this._value = newValue;
+    this.updateTree();
+  }
+  sanitizeNumber(value) {
+    const i = Math.round((value - this.props.min) / this.props.step);
+    const v = i * this.props.step + this.props.min;
+    const clampedValue = Math.max(this.props.min, Math.min(this.props.max, v));
+    return clampedValue;
+  }
+  __init5() {this.onPropsUpdated = () => {
+    if (this.props.value !== void 0) {
+      this._value = this.props.value;
+    } else if (this._value === null && this.props.defaultValue) {
+      this._value = this.props.defaultValue;
+    }
+  }}
+}, _class);
+
+
+
+exports.SliderButton = SliderButton;

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

@@ -1,6 +1,6 @@
 import {
   BaseParent
-} from "./chunk-ZCHM3JJJ.mjs";
+} from "./chunk-PW7QVLLF.mjs";
 
 // src/backend/components/tabs.ts
 var Tab = class extends BaseParent {

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

@@ -1,6 +1,6 @@
 import {
   Base
-} from "./chunk-ZCHM3JJJ.mjs";
+} from "./chunk-PW7QVLLF.mjs";
 
 // src/backend/components/label.ts
 var Label = class extends Base {

package/dist/{chunk-RGIB65TI.js → chunk-K572ZPUS.js}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUBWCVW2Ujs = require('./chunk-UBWCVW2U.js');
+var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
 
 // src/backend/components/rect.ts
 var DEFAULT_PROPS = {
   color: "rgba(0, 0, 0, 0)"
 };
-var Rect = class extends _chunkUBWCVW2Ujs.Base {
+var Rect = class extends _chunkCFO5PSSKjs.Base {
   constructor(props) {
     super(DEFAULT_PROPS, props);
   }

package/dist/{chunk-3O4P67DM.mjs → chunk-KBPQZJKE.mjs}

@@ -1,7 +1,7 @@
 import {
   BaseParent,
   EventEmitter
-} from "./chunk-ZCHM3JJJ.mjs";
+} from "./chunk-PW7QVLLF.mjs";
 
 // src/backend/components/group.ts
 var GROUP_DEFAULT_STYLE = {

package/dist/{chunk-ZU5H6SVA.mjs → chunk-KOKUFP6V.mjs}

@@ -1,6 +1,6 @@
 import {
   Base
-} from "./chunk-ZCHM3JJJ.mjs";
+} from "./chunk-PW7QVLLF.mjs";
 
 // src/backend/components/rect.ts
 var DEFAULT_PROPS = {

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

@@ -1,7 +1,7 @@
 import {
   Base,
   EventEmitter
-} from "./chunk-ZCHM3JJJ.mjs";
+} from "./chunk-PW7QVLLF.mjs";
 
 // src/backend/components/text-input.ts
 var DEFAULT_PROPS = {

package/dist/{chunk-ZCHM3JJJ.mjs → chunk-PW7QVLLF.mjs}

@@ -6,13 +6,19 @@ var Base = class {
   defaultProps;
   /** @hidden */
   _props;
-  constructor(defaultProps, props) {
+  /** @hidden */
+  _onPropsUpdated = null;
+  constructor(defaultProps, props, options) {
     this.defaultProps = defaultProps;
     this._props = Object.freeze({
       ...defaultProps,
       ...props
     });
+    this._onPropsUpdated = options?.onPropsUpdated ?? null;
   }
+  log = () => {
+    return this.parent?.log() || null;
+  };
   get props() {
     return this._props;
   }
@@ -24,6 +30,7 @@ var Base = class {
       ...this.defaultProps,
       ...props
     });
+    this._onPropsUpdated?.();
     this.updateTree();
   };
   updateProps = (updates) => {
@@ -31,6 +38,7 @@ var Base = class {
       ...this._props,
       ...updates
     });
+    this._onPropsUpdated?.();
     this.updateTree();
   };
   /** @hidden */
@@ -45,8 +53,7 @@ var Base = class {
     if (this.parent) this.parent.updateTree();
   }
   /** @hidden */
-  handleMessage(message) {
-    console.log("Component Received Message:", message);
+  handleMessage(_message) {
   }
   routeMessage(_idMap, _message) {
   }
@@ -113,7 +120,6 @@ var BaseParent = class extends Base {
   insertBefore(child, beforeChild) {
     const filteredChildren = this.children.filter((c) => c !== child);
     let match = filteredChildren.findIndex((c) => c === beforeChild);
-    console.log("match", match);
     if (match === -1) {
       match = filteredChildren.length;
     }

package/dist/chunk-Q3NG5UUN.mjs

@@ -0,0 +1,61 @@
+import {
+  Base,
+  EventEmitter
+} from "./chunk-PW7QVLLF.mjs";
+
+// src/backend/components/switch.ts
+var DEFAULT_PROPS = {};
+var Switch = class extends Base {
+  /** @hidden */
+  events = new EventEmitter();
+  /**
+   * Manually manage the state of the switch,
+   * to support both controlled and uncontrolled inputs.
+   */
+  _value = null;
+  constructor(props) {
+    super(DEFAULT_PROPS, props, {
+      onPropsUpdated: () => this.onPropsUpdated()
+    });
+    this.onPropsUpdated();
+  }
+  addListener = this.events.addListener;
+  removeListener = this.events.removeListener;
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      component: "switch",
+      key: idMap.getId(this),
+      state: this._value ?? "off"
+    };
+  }
+  /** @hidden */
+  handleMessage(message) {
+    if (message.component === "switch") {
+      const state = this._value === "on" ? "off" : "on";
+      if (this.props.value === void 0) {
+        this._value = state;
+        this.updateTree();
+      }
+      this.events.emit("change", state);
+    }
+  }
+  setValue(state) {
+    if (this.props.value) {
+      throw new Error("Cannot set value on controlled input");
+    }
+    this._value = state;
+    this.updateTree();
+  }
+  onPropsUpdated = () => {
+    if (this.props.value !== void 0) {
+      this._value = this.props.value;
+    } else if (this._value === null && this.props.defaultValue) {
+      this._value = this.props.defaultValue;
+    }
+  };
+};
+
+export {
+  Switch
+};

package/dist/chunk-Q5TEM6MM.js

@@ -0,0 +1,61 @@
+"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');
+
+// src/backend/components/switch.ts
+var DEFAULT_PROPS = {};
+var Switch = (_class = class extends _chunkCFO5PSSKjs.Base {
+  /** @hidden */
+  __init() {this.events = new (0, _chunkCFO5PSSKjs.EventEmitter)()}
+  /**
+   * Manually manage the state of the switch,
+   * to support both controlled and uncontrolled inputs.
+   */
+  __init2() {this._value = null}
+  constructor(props) {
+    super(DEFAULT_PROPS, props, {
+      onPropsUpdated: () => 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();
+  }
+  __init3() {this.addListener = this.events.addListener}
+  __init4() {this.removeListener = this.events.removeListener}
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      component: "switch",
+      key: idMap.getId(this),
+      state: _nullishCoalesce(this._value, () => ( "off"))
+    };
+  }
+  /** @hidden */
+  handleMessage(message) {
+    if (message.component === "switch") {
+      const state = this._value === "on" ? "off" : "on";
+      if (this.props.value === void 0) {
+        this._value = state;
+        this.updateTree();
+      }
+      this.events.emit("change", state);
+    }
+  }
+  setValue(state) {
+    if (this.props.value) {
+      throw new Error("Cannot set value on controlled input");
+    }
+    this._value = state;
+    this.updateTree();
+  }
+  __init5() {this.onPropsUpdated = () => {
+    if (this.props.value !== void 0) {
+      this._value = this.props.value;
+    } else if (this._value === null && this.props.defaultValue) {
+      this._value = this.props.defaultValue;
+    }
+  }}
+}, _class);
+
+
+
+exports.Switch = Switch;