@arcanejs/toolkit 0.0.2 → 0.1.0

package/dist/chunk-HVFTRNLQ.mjs

@@ -0,0 +1,59 @@
+import {
+  Base,
+  EventEmitter
+} from "./chunk-HF77PS7J.mjs";
+
+// src/backend/components/slider-button.ts
+var DEFAULT_PROPS = {
+  value: null,
+  min: 0,
+  max: 255,
+  step: 5,
+  mode: "writeBack"
+};
+var SliderButton = class extends Base {
+  /** @hidden */
+  events = new EventEmitter();
+  constructor(props) {
+    super(DEFAULT_PROPS, props);
+  }
+  addListener = this.events.addListener;
+  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.props.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 });
+    }
+    this.events.emit("change", newValue);
+  }
+  setValue(value) {
+    const newValue = this.sanitizeNumber(value);
+    if (newValue === this.props.value) return;
+    this.updateProps({ value });
+    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;
+  }
+};
+
+export {
+  SliderButton
+};

package/dist/chunk-P6X5GIDT.mjs

@@ -0,0 +1,29 @@
+import {
+  Base
+} from "./chunk-HF77PS7J.mjs";
+
+// src/backend/components/label.ts
+var Label = class extends Base {
+  constructor(props) {
+    super({ text: null }, props);
+  }
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      component: "label",
+      key: idMap.getId(this),
+      bold: this.props.bold,
+      text: this.props.text ?? ""
+    };
+  }
+  setText(text) {
+    this.updateProps({
+      text
+    });
+    return this;
+  }
+};
+
+export {
+  Label
+};

package/dist/chunk-S5DQIYC2.mjs

@@ -0,0 +1,107 @@
+import {
+  BaseParent,
+  EventEmitter
+} from "./chunk-HF77PS7J.mjs";
+
+// src/shared/styles.ts
+var GROUP_DEFAULT_STYLE = {
+  direction: "horizontal"
+};
+
+// src/backend/components/group.ts
+var DEFAULT_PROPS = {
+  ...GROUP_DEFAULT_STYLE,
+  title: null,
+  labels: null,
+  headerComponents: null
+};
+var GroupHeader = class extends BaseParent {
+  validateChildren = () => {
+  };
+  /** @hidden */
+  getProtoInfo = (idMap) => ({
+    component: "group-header",
+    key: idMap.getId(this),
+    children: this.getChildren().map((c) => c.getProtoInfo(idMap))
+  });
+};
+var Group = class extends BaseParent {
+  /** @hidden */
+  events = new EventEmitter();
+  constructor(props) {
+    super(DEFAULT_PROPS, props);
+  }
+  addListener = this.events.addListener;
+  removeListener = this.events.removeListener;
+  validateChildren = () => {
+  };
+  setOptions = (options) => {
+    this.updateProps(options);
+  };
+  setTitle = (title) => {
+    this.updateProps({ title });
+  };
+  addLabel = (label) => {
+    this.updateProps({ labels: [...this.props.labels || [], label] });
+  };
+  setLabels = (labels) => {
+    this.updateProps({ labels });
+  };
+  addHeaderChild = (child) => {
+    const header = new GroupHeader({});
+    header.appendChild(child);
+    this.appendChild(header);
+    return child;
+  };
+  removeHeaderChild = (child) => {
+    for (const c of this.getChildren()) {
+      if (c instanceof GroupHeader) {
+        c.removeChild(child);
+      }
+    }
+  };
+  removeAllHeaderChildren = () => {
+    for (const child of this.getChildren()) {
+      if (child instanceof GroupHeader) {
+        child.removeAllChildren();
+      }
+    }
+  };
+  /** @hidden */
+  getProtoInfo = (idMap) => {
+    const children = [];
+    const headers = [];
+    for (const c of this.getChildren()) {
+      const childProto = c.getProtoInfo(idMap);
+      if (childProto.component === "group-header") {
+        headers.push(childProto);
+      } else {
+        children.push(childProto);
+      }
+    }
+    return {
+      component: "group",
+      key: idMap.getId(this),
+      title: this.props.title ?? void 0,
+      direction: this.props.direction,
+      border: this.props.border,
+      wrap: this.props.wrap,
+      children,
+      headers: headers.length > 0 ? headers : void 0,
+      labels: this.props.labels ?? void 0,
+      editableTitle: this.props.editableTitle || false,
+      defaultCollapsibleState: this.props.defaultCollapsibleState
+    };
+  };
+  /** @hidden */
+  handleMessage = (message) => {
+    if (message.component === "group") {
+      this.events.emit("title-changed", message.title);
+    }
+  };
+};
+
+export {
+  GroupHeader,
+  Group
+};