@gorilla-engine-sdk/ge-labeled-components 0.7.0

package/dist/components/LabeledMeterSlider.js

@@ -0,0 +1,76 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledMeterSlider = LabeledMeterSlider;
+const React = __importStar(require("react"));
+const LabeledComponent_1 = require("./../core/LabeledComponent");
+const useLabelValue_1 = require("../core/useLabelValue");
+/**
+ * A slider control combined with a level meter and text/value labels.
+ *
+ * @remarks
+ * This component overlays a slider on top of a level meter, useful for
+ * volume faders or other controls where you want to show both the
+ * current setting (slider) and a live level (meter).
+ *
+ * The slider binds to `instrumentProp` while the meter binds to `meterProp`,
+ * allowing them to display different parameters.
+ *
+ * @param props - Configuration for the labeled meter slider
+ *
+ * @example
+ * ```tsx
+ * <LabeledMeterSlider
+ *   x={50} y={50} width={50} height={250}
+ *   instrument={instrument}
+ *   instrumentProp={instrument.master_volume}
+ *   meterProp={instrument.master_level_l}
+ *   textLabel={{ y: 220, height: 20, text: "Master" }}
+ *   valueLabel={{ y: 240, height: 20 }}
+ *   meter={{ y: 0, width: 30, height: 200, style: "meter_default" }}
+ *   slider={{ y: 0, width: 40, height: 200, style: "slider_transparent" }}
+ * />
+ * ```
+ */
+function LabeledMeterSlider(props) {
+    const { instrument, instrumentProp, meter, slider, textLabel, valueLabel, ...container } = props;
+    const { labelText, labelVisible, valueText, valueVisible, onMouseEnter, onMouseExit, onMouseDown, onMouseUp, onValueChange, } = (0, useLabelValue_1.useLabelValue)(props);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(LabeledComponent_1.LabeledComponent, { ...props, labelText: labelText, labelVisible: labelVisible, textLabel: props.textLabel, valueText: valueText, valueVisible: valueVisible, valueLabel: props.valueLabel },
+            React.createElement("geLevelMeter", { ...props.meter, bindings: props.meterProp ? { value: (0, LabeledComponent_1.getNativeBinding)(props.meterProp) } : {} }),
+            props.meterMask && React.createElement("geLabel", { interceptsMouseClicks: false, ...props.meterMask }),
+            React.createElement("geSlider", { onMouseEnter: onMouseEnter, onMouseExit: onMouseExit, onMouseDown: onMouseDown, onMouseUp: onMouseUp, ...props.slider, bindings: props.instrumentProp ? { value: (0, LabeledComponent_1.getNativeBinding)(props.instrumentProp) } : {} }))));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWxlZE1ldGVyU2xpZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvTGFiZWxlZE1ldGVyU2xpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXlEQSxnREE0Q0M7QUFyR0QsNkNBQStCO0FBTS9CLGlFQUtvQztBQUNwQyx5REFBMEU7QUFrQjFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBCRztBQUNILFNBQWdCLGtCQUFrQixDQUFDLEtBQStCO0lBQ2hFLE1BQU0sRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxHQUFHLFNBQVMsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUVqRyxNQUFNLEVBQ0osU0FBUyxFQUNULFlBQVksRUFDWixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixXQUFXLEVBQ1gsV0FBVyxFQUNYLFNBQVMsRUFDVCxhQUFhLEdBQ2QsR0FBRyxJQUFBLDZCQUFhLEVBQUMsS0FBMkIsQ0FBQyxDQUFDO0lBRS9DLE9BQU8sQ0FDTDtRQUNFLG9CQUFDLG1DQUFnQixPQUNYLEtBQUssRUFDVCxTQUFTLEVBQUUsU0FBUyxFQUNwQixZQUFZLEVBQUUsWUFBWSxFQUMxQixTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsRUFDMUIsU0FBUyxFQUFFLFNBQVMsRUFDcEIsWUFBWSxFQUFFLFlBQVksRUFDMUIsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVO1lBRTVCLHlDQUNNLEtBQUssQ0FBQyxLQUFLLEVBQ2YsUUFBUSxFQUFFLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUEsbUNBQWdCLEVBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FDN0U7WUFFRCxLQUFLLENBQUMsU0FBUyxJQUFJLGlDQUFTLHFCQUFxQixFQUFFLEtBQUssS0FBTSxLQUFLLENBQUMsU0FBUyxHQUFJO1lBRWxGLGtDQUNFLFlBQVksRUFBRSxZQUFZLEVBQzFCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFNBQVMsRUFBRSxTQUFTLEtBQ2hCLEtBQUssQ0FBQyxNQUFNLEVBQ2hCLFFBQVEsRUFBRSxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFBLG1DQUFnQixFQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQ3ZGLENBQ2UsQ0FDbEIsQ0FDSixDQUFDO0FBQ0osQ0FBQyJ9

package/dist/components/LabeledRTToggle.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { GEButtonProps } from '@gorilla-engine-sdk/gorilla-engine-react';
+import { LabeledComponentProps } from '../core/LabeledComponent';
+/**
+ * Props for the LabeledRTToggle component.
+ * @see LabeledComponentProps for inherited properties
+ */
+export type LabeledRTToggleProps = LabeledComponentProps & {
+    /** Configuration for the button control. */
+    button?: Partial<GEButtonProps> & {
+        style?: string;
+    };
+};
+/**
+ * A momentary "real-time" toggle button with text and value labels.
+ *
+ * @remarks
+ * Unlike LabeledToggle which toggles state on/off, LabeledRTToggle acts as a
+ * momentary switch: the parameter is set to 1 while the mouse button is held
+ * down, and returns to 0 when released. This is useful for trigger-style
+ * controls like sustain pedals or one-shot samples.
+ *
+ * @param props - Configuration for the labeled real-time toggle
+ *
+ * @example
+ * ```tsx
+ * <LabeledRTToggle
+ *   x={300} y={50} width={60} height={80}
+ *   instrument={instrument}
+ *   instrumentProp={instrument.trigger}
+ *   textLabel={{ y: 50, height: 20, text: "Trigger" }}
+ *   button={{ y: 0, width: 40, height: 40, style: "button_default" }}
+ * />
+ * ```
+ */
+export declare function LabeledRTToggle(props: LabeledRTToggleProps): React.JSX.Element;

package/dist/components/LabeledRTToggle.js

@@ -0,0 +1,82 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledRTToggle = LabeledRTToggle;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const LabeledComponent_1 = require("../core/LabeledComponent");
+const useLabelValue_1 = require("../core/useLabelValue");
+/**
+ * A momentary "real-time" toggle button with text and value labels.
+ *
+ * @remarks
+ * Unlike LabeledToggle which toggles state on/off, LabeledRTToggle acts as a
+ * momentary switch: the parameter is set to 1 while the mouse button is held
+ * down, and returns to 0 when released. This is useful for trigger-style
+ * controls like sustain pedals or one-shot samples.
+ *
+ * @param props - Configuration for the labeled real-time toggle
+ *
+ * @example
+ * ```tsx
+ * <LabeledRTToggle
+ *   x={300} y={50} width={60} height={80}
+ *   instrument={instrument}
+ *   instrumentProp={instrument.trigger}
+ *   textLabel={{ y: 50, height: 20, text: "Trigger" }}
+ *   button={{ y: 0, width: 40, height: 40, style: "button_default" }}
+ * />
+ * ```
+ */
+function LabeledRTToggle(props) {
+    const { instrument, instrumentProp, button, textLabel, ...container } = props;
+    const { labelText, labelVisible, valueText, valueVisible } = (0, useLabelValue_1.useLabelValue)(props);
+    const onMouseDown = (0, react_1.useCallback)(() => {
+        const property = (0, LabeledComponent_1.resolveInstrumentProperty)(instrument, instrumentProp);
+        if (property)
+            property.normValue = 1;
+    }, [instrument, instrumentProp]);
+    const onMouseUp = (0, react_1.useCallback)(() => {
+        const property = (0, LabeledComponent_1.resolveInstrumentProperty)(instrument, instrumentProp);
+        if (property)
+            property.normValue = 0;
+    }, [instrument, instrumentProp]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(LabeledComponent_1.LabeledComponent, { ...props, labelText: labelText, labelVisible: labelVisible, textLabel: props.textLabel, valueText: valueText, valueVisible: valueVisible, valueLabel: props.valueLabel },
+            React.createElement("geButton", { onMouseDown: onMouseDown, onMouseUp: onMouseUp, ...props.button, x: (props?.button?.x ?? props.button?.width)
+                    ? Math.round(container.width / 2 - props.button.width / 2)
+                    : props.button?.x, bindings: props.instrumentProp ? { value: (0, LabeledComponent_1.getNativeBinding)(props.instrumentProp) } : {} }))));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWxlZFJUVG9nZ2xlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvTGFiZWxlZFJUVG9nZ2xlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQTZDQSwwQ0EwQ0M7QUF2RkQsNkNBQStCO0FBQy9CLGlDQUErQztBQUsvQywrREFLa0M7QUFDbEMseURBQTBFO0FBVzFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxTQUFnQixlQUFlLENBQUMsS0FBMkI7SUFDekQsTUFBTSxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLFNBQVMsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUU5RSxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEdBQUcsSUFBQSw2QkFBYSxFQUN4RSxLQUEyQixDQUM1QixDQUFDO0lBRUYsTUFBTSxXQUFXLEdBQUcsSUFBQSxtQkFBVyxFQUFDLEdBQUcsRUFBRTtRQUNuQyxNQUFNLFFBQVEsR0FBRyxJQUFBLDRDQUF5QixFQUFDLFVBQVUsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUN2RSxJQUFJLFFBQVE7WUFBRSxRQUFRLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztJQUN2QyxDQUFDLEVBQUUsQ0FBQyxVQUFVLEVBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQztJQUVqQyxNQUFNLFNBQVMsR0FBRyxJQUFBLG1CQUFXLEVBQUMsR0FBRyxFQUFFO1FBQ2pDLE1BQU0sUUFBUSxHQUFHLElBQUEsNENBQXlCLEVBQUMsVUFBVSxFQUFFLGNBQWMsQ0FBQyxDQUFDO1FBQ3ZFLElBQUksUUFBUTtZQUFFLFFBQVEsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO0lBQ3ZDLENBQUMsRUFBRSxDQUFDLFVBQVUsRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDO0lBRWpDLE9BQU8sQ0FDTDtRQUNFLG9CQUFDLG1DQUFnQixPQUNYLEtBQUssRUFDVCxTQUFTLEVBQUUsU0FBUyxFQUNwQixZQUFZLEVBQUUsWUFBWSxFQUMxQixTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsRUFDMUIsU0FBUyxFQUFFLFNBQVMsRUFDcEIsWUFBWSxFQUFFLFlBQVksRUFDMUIsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVO1lBRTVCLGtDQUNFLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFNBQVMsRUFBRSxTQUFTLEtBQ2hCLEtBQUssQ0FBQyxNQUFNLEVBQ2hCLENBQUMsRUFDQyxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQyxJQUFJLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO29CQUN2QyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7b0JBQzFELENBQUMsQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUMsRUFFckIsUUFBUSxFQUFFLEtBQUssQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUEsbUNBQWdCLEVBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FDdkYsQ0FDZSxDQUNsQixDQUNKLENBQUM7QUFDSixDQUFDIn0=

package/dist/components/LabeledSlider.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { GESliderProps } from '@gorilla-engine-sdk/gorilla-engine-react/dist/nativeWrappers/GESlider';
+import { LabeledComponentProps } from './../core/LabeledComponent';
+/**
+ * Props for the LabeledSlider component.
+ * @see LabeledComponentProps for inherited properties
+ */
+export type LabeledSliderProps = LabeledComponentProps & {
+    /** Configuration for the slider control. */
+    slider?: Partial<GESliderProps> & {
+        style?: string;
+    };
+};
+/**
+ * A slider control with text and value labels.
+ *
+ * @remarks
+ * Combines a GESlider with configurable text and value labels that can
+ * show/hide based on user interaction (hover or mouse down).
+ *
+ * The slider is automatically bound to an instrument parameter when
+ * `instrument` and `instrumentProp` are provided.
+ *
+ * @param props - Configuration for the labeled slider
+ *
+ * @example
+ * ```tsx
+ * <LabeledSlider
+ *   x={150} y={50} width={40} height={220}
+ *   instrument={instrument}
+ *   instrumentProp={instrument.filter}
+ *   textLabel={{ y: 180, height: 20, text: "Filter" }}
+ *   valueLabel={{ y: 200, height: 20 }}
+ *   slider={{ y: 0, width: 30, height: 160, style: "slider_default" }}
+ * />
+ * ```
+ */
+export declare function LabeledSlider(props: LabeledSliderProps): React.JSX.Element;

package/dist/components/LabeledSlider.js

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledSlider = LabeledSlider;
+const React = __importStar(require("react"));
+const LabeledComponent_1 = require("./../core/LabeledComponent");
+const useLabelValue_1 = require("../core/useLabelValue");
+/**
+ * A slider control with text and value labels.
+ *
+ * @remarks
+ * Combines a GESlider with configurable text and value labels that can
+ * show/hide based on user interaction (hover or mouse down).
+ *
+ * The slider is automatically bound to an instrument parameter when
+ * `instrument` and `instrumentProp` are provided.
+ *
+ * @param props - Configuration for the labeled slider
+ *
+ * @example
+ * ```tsx
+ * <LabeledSlider
+ *   x={150} y={50} width={40} height={220}
+ *   instrument={instrument}
+ *   instrumentProp={instrument.filter}
+ *   textLabel={{ y: 180, height: 20, text: "Filter" }}
+ *   valueLabel={{ y: 200, height: 20 }}
+ *   slider={{ y: 0, width: 30, height: 160, style: "slider_default" }}
+ * />
+ * ```
+ */
+function LabeledSlider(props) {
+    const { instrument, instrumentProp, slider, textLabel, valueLabel, children, ...container } = props;
+    const propsRef = React.useRef(props);
+    propsRef.current = props;
+    const { labelText, labelVisible, valueText, valueVisible, setValueText, onMouseEnter, onMouseExit, onMouseDown, onMouseUp, onValueChange, } = (0, useLabelValue_1.useLabelValue)(props);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(LabeledComponent_1.LabeledComponent, { ...props, labelText: labelText, labelVisible: labelVisible, textLabel: props.textLabel, valueText: valueText, valueVisible: valueVisible, valueLabel: props.valueLabel },
+            React.createElement("geSlider", { onMouseEnter: onMouseEnter, onMouseExit: onMouseExit, onMouseDown: onMouseDown, onMouseUp: onMouseUp, ...props.slider, x: (props?.slider?.x ?? props.slider?.width)
+                    ? Math.round(container.width / 2 - props.slider.width / 2)
+                    : props.slider?.x, bindings: props.instrumentProp ? { value: (0, LabeledComponent_1.getNativeBinding)(props.instrumentProp) } : {} }))));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWxlZFNsaWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0xhYmVsZWRTbGlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBNENBLHNDQStDQztBQTNGRCw2Q0FBK0I7QUFJL0IsaUVBSW9DO0FBQ3BDLHlEQUEwRTtBQVcxRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFDSCxTQUFnQixhQUFhLENBQUMsS0FBeUI7SUFDckQsTUFBTSxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLEdBQUcsU0FBUyxFQUFFLEdBQ3pGLEtBQUssQ0FBQztJQUVSLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckMsUUFBUSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFFekIsTUFBTSxFQUNKLFNBQVMsRUFDVCxZQUFZLEVBQ1osU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osWUFBWSxFQUNaLFdBQVcsRUFDWCxXQUFXLEVBQ1gsU0FBUyxFQUNULGFBQWEsR0FDZCxHQUFHLElBQUEsNkJBQWEsRUFBQyxLQUEyQixDQUFDLENBQUM7SUFFL0MsT0FBTyxDQUNMO1FBQ0Usb0JBQUMsbUNBQWdCLE9BQ1gsS0FBSyxFQUNULFNBQVMsRUFBRSxTQUFTLEVBQ3BCLFlBQVksRUFBRSxZQUFZLEVBQzFCLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxFQUMxQixTQUFTLEVBQUUsU0FBUyxFQUNwQixZQUFZLEVBQUUsWUFBWSxFQUMxQixVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVU7WUFFNUIsa0NBQ0UsWUFBWSxFQUFFLFlBQVksRUFDMUIsV0FBVyxFQUFFLFdBQVcsRUFDeEIsV0FBVyxFQUFFLFdBQVcsRUFDeEIsU0FBUyxFQUFFLFNBQVMsS0FDaEIsS0FBSyxDQUFDLE1BQU0sRUFDaEIsQ0FBQyxFQUNDLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDLElBQUksS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7b0JBQ3ZDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztvQkFDMUQsQ0FBQyxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUVyQixRQUFRLEVBQUUsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBQSxtQ0FBZ0IsRUFBQyxLQUFLLENBQUMsY0FBYyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUN2RixDQUNlLENBQ2xCLENBQ0osQ0FBQztBQUNKLENBQUMifQ==

package/dist/components/LabeledToggle.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { GEToggleProps } from '@gorilla-engine-sdk/gorilla-engine-react/dist/nativeWrappers/GEToggle';
+import { LabeledComponentProps } from '../core/LabeledComponent';
+/**
+ * Props for the LabeledToggle component.
+ * @see LabeledComponentProps for inherited properties
+ */
+export type LabeleddToggleProps = LabeledComponentProps & {
+    /** Configuration for the toggle control. */
+    toggle?: Partial<GEToggleProps> & {
+        style?: string;
+    };
+};
+/**
+ * A toggle (on/off switch) control with text and value labels.
+ *
+ * @remarks
+ * Combines a GEToggle with configurable text and value labels.
+ * The toggle is automatically bound to an instrument parameter when
+ * `instrument` and `instrumentProp` are provided.
+ *
+ * @param props - Configuration for the labeled toggle
+ *
+ * @example
+ * ```tsx
+ * <LabeledToggle
+ *   x={220} y={50} width={60} height={80}
+ *   instrument={instrument}
+ *   instrumentProp={instrument.bypass}
+ *   textLabel={{ y: 50, height: 20, text: "Bypass" }}
+ *   toggle={{ y: 0, width: 40, height: 40, style: "toggle_default" }}
+ * />
+ * ```
+ */
+export declare function LabeledToggle(props: LabeleddToggleProps): React.JSX.Element;

package/dist/components/LabeledToggle.js

@@ -0,0 +1,70 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledToggle = LabeledToggle;
+const React = __importStar(require("react"));
+const LabeledComponent_1 = require("../core/LabeledComponent");
+const useLabelValue_1 = require("../core/useLabelValue");
+/**
+ * A toggle (on/off switch) control with text and value labels.
+ *
+ * @remarks
+ * Combines a GEToggle with configurable text and value labels.
+ * The toggle is automatically bound to an instrument parameter when
+ * `instrument` and `instrumentProp` are provided.
+ *
+ * @param props - Configuration for the labeled toggle
+ *
+ * @example
+ * ```tsx
+ * <LabeledToggle
+ *   x={220} y={50} width={60} height={80}
+ *   instrument={instrument}
+ *   instrumentProp={instrument.bypass}
+ *   textLabel={{ y: 50, height: 20, text: "Bypass" }}
+ *   toggle={{ y: 0, width: 40, height: 40, style: "toggle_default" }}
+ * />
+ * ```
+ */
+function LabeledToggle(props) {
+    const { instrument, instrumentProp, toggle, textLabel, ...container } = props;
+    const { labelText, labelVisible, valueText, valueVisible } = (0, useLabelValue_1.useLabelValue)(props);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(LabeledComponent_1.LabeledComponent, { ...props, labelText: labelText, labelVisible: labelVisible, textLabel: props.textLabel, valueText: valueText, valueVisible: valueVisible, valueLabel: props.valueLabel },
+            React.createElement("geToggle", { ...props.toggle, x: (props?.toggle?.x ?? props.toggle?.width)
+                    ? Math.round(container.width / 2 - props.toggle.width / 2)
+                    : props.toggle?.x, bindings: props.instrumentProp ? { value: (0, LabeledComponent_1.getNativeBinding)(props.instrumentProp) } : {} }))));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWxlZFRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0xhYmVsZWRUb2dnbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBeUNBLHNDQThCQztBQXZFRCw2Q0FBK0I7QUFJL0IsK0RBSWtDO0FBQ2xDLHlEQUEwRTtBQVcxRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQkc7QUFDSCxTQUFnQixhQUFhLENBQUMsS0FBMEI7SUFDdEQsTUFBTSxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLFNBQVMsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUU5RSxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEdBQUcsSUFBQSw2QkFBYSxFQUN4RSxLQUEyQixDQUM1QixDQUFDO0lBRUYsT0FBTyxDQUNMO1FBQ0Usb0JBQUMsbUNBQWdCLE9BQ1gsS0FBSyxFQUNULFNBQVMsRUFBRSxTQUFTLEVBQ3BCLFlBQVksRUFBRSxZQUFZLEVBQzFCLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxFQUMxQixTQUFTLEVBQUUsU0FBUyxFQUNwQixZQUFZLEVBQUUsWUFBWSxFQUMxQixVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVU7WUFFNUIscUNBQ00sS0FBSyxDQUFDLE1BQU0sRUFDaEIsQ0FBQyxFQUNDLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDLElBQUksS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7b0JBQ3ZDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztvQkFDMUQsQ0FBQyxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUVyQixRQUFRLEVBQUUsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBQSxtQ0FBZ0IsRUFBQyxLQUFLLENBQUMsY0FBYyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUN2RixDQUNlLENBQ2xCLENBQ0osQ0FBQztBQUNKLENBQUMifQ==

package/dist/core/LabeledComponent.d.ts

@@ -0,0 +1,129 @@
+import * as React from 'react';
+import { GELabelProps } from '@gorilla-engine-sdk/gorilla-engine-react';
+/**
+ * Defines a numeric range with associated display text for formatting parameter values.
+ *
+ * @remarks
+ * Used to display different text formats based on the current parameter value.
+ * For example, showing "Hz" for low frequencies and "kHz" for higher ones.
+ *
+ * @example
+ * ```typescript
+ * const frequencyRanges: LabelValueRanges[] = [
+ *   { to: 999, text: "$value(0) Hz" },
+ *   { from: 1000, text: "$value(2) kHz" }
+ * ];
+ * ```
+ */
+export type LabelValueRanges = {
+    /** Range start value (inclusive). If omitted, matches any value up to `to`. */
+    from?: number;
+    /** Range end value (inclusive). If omitted, matches any value from `from` onwards. */
+    to?: number;
+    /**
+     * Display text for this range. Supports special tokens:
+     * - `$value` or `$value(n)` - Raw numeric value, optionally with n decimal places
+     * - `$text_value` - The parameter's formatted text value
+     */
+    text: string;
+};
+/**
+ * Internal props for controlling label visibility state.
+ * @internal
+ */
+export type LabelValueDisplayProps = {
+    labelText: string;
+    labelVisible: boolean;
+    valueText: string;
+    valueVisible: boolean;
+};
+/** An instrument property object, or a legacy property name resolved through `instrument`. */
+export type InstrumentPropertyBinding = string | GorillaEngine.InstrumentProperty;
+/** Resolves either supported binding form to its instrument property object. */
+export declare function resolveInstrumentProperty(instrument: GorillaEngine.Instrument | undefined, binding: InstrumentPropertyBinding | undefined): GorillaEngine.InstrumentProperty | undefined;
+/** Returns the parameter key used by the instrument event API. */
+export declare function getInstrumentPropertyKey(binding: InstrumentPropertyBinding | undefined): string | undefined;
+/** Converts a labeled-component binding to the value expected by native controls. */
+export declare function getNativeBinding(binding: InstrumentPropertyBinding | undefined): string | GorillaEngine.InstrumentProperty | undefined;
+/**
+ * Base properties shared by all labeled components.
+ *
+ * @remarks
+ * Extends GELabelProps to provide container positioning and styling,
+ * plus additional properties for instrument binding and label behavior.
+ *
+ * @example
+ * ```tsx
+ * <LabeledKnob
+ *   x={50} y={50} width={80} height={100}
+ *   instrument={instrument}
+ *   instrumentProp={instrument.volume}
+ *   toggleVisibilityOnHover={true}
+ *   hideValueLabel={true}
+ *   textLabel={{ y: 80, height: 20 }}
+ *   valueLabel={{ y: 80, height: 20 }}
+ *   knob={{ y: 0, width: 60, height: 60 }}
+ * />
+ * ```
+ */
+export type LabeledComponentProps = Partial<GELabelProps> & {
+    /** The Gorilla Engine instrument instance for parameter binding. */
+    instrument?: GorillaEngine.Instrument;
+    /** The instrument property to bind to. String names remain supported for legacy consumers. */
+    instrumentProp?: InstrumentPropertyBinding;
+    /** Style identifier for the component. */
+    style?: string;
+    /** If true, hides the value label by default (shown on interaction). */
+    hideValueLabel?: boolean;
+    /** If true, hides the text label when the value label is shown. */
+    hideTextValue?: boolean;
+    /**
+     * Controls when label visibility toggles:
+     * - `true`: Toggle on mouse hover
+     * - `false`: Toggle on mouse down/up (default)
+     */
+    toggleVisibilityOnHover?: boolean;
+    /** Custom value formatting ranges. @see LabelValueRanges */
+    ranges?: LabelValueRanges[];
+    /** Props for the text (name) label. */
+    textLabel?: Partial<GELabelProps>;
+    /** Props for the value display label. */
+    valueLabel?: Partial<GELabelProps>;
+    /** Child elements to render inside the container. */
+    children?: any;
+    /** React key for list rendering. */
+    key?: any;
+};
+/**
+ * Combined props for the LabeledComponent container.
+ * @internal
+ */
+export type LabeledComponentContainerProps = LabelValueDisplayProps & LabeledComponentProps;
+/**
+ * Base container component that wraps a control with text and value labels.
+ *
+ * @remarks
+ * This is the foundation for all labeled components. It renders a container
+ * with optional text and value labels, plus any child elements (the actual control).
+ * Label visibility and content are controlled by the parent component via props.
+ *
+ * Most developers should use the specific labeled components (LabeledKnob,
+ * LabeledSlider, etc.) rather than this base component directly.
+ *
+ * @param props - Configuration and display state for the labeled container
+ *
+ * @example
+ * ```tsx
+ * // Internal usage by LabeledKnob:
+ * <LabeledComponent
+ *   {...props}
+ *   labelText={labelText}
+ *   labelVisible={labelVisible}
+ *   valueText={valueText}
+ *   valueVisible={valueVisible}
+ * >
+ *   <geKnob {...knobProps} />
+ * </LabeledComponent>
+ * ```
+ */
+export declare function LabeledComponent(props: LabeledComponentContainerProps): React.JSX.Element;

package/dist/core/LabeledComponent.js

@@ -0,0 +1,90 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveInstrumentProperty = resolveInstrumentProperty;
+exports.getInstrumentPropertyKey = getInstrumentPropertyKey;
+exports.getNativeBinding = getNativeBinding;
+exports.LabeledComponent = LabeledComponent;
+const React = __importStar(require("react"));
+/** Resolves either supported binding form to its instrument property object. */
+function resolveInstrumentProperty(instrument, binding) {
+    if (!binding)
+        return undefined;
+    return typeof binding === 'string' ? instrument?.[binding] : binding;
+}
+/** Returns the parameter key used by the instrument event API. */
+function getInstrumentPropertyKey(binding) {
+    return typeof binding === 'string' ? binding : binding?.key;
+}
+/** Converts a labeled-component binding to the value expected by native controls. */
+function getNativeBinding(binding) {
+    return typeof binding === 'string' ? `instrument.${binding}` : binding;
+}
+/**
+ * Base container component that wraps a control with text and value labels.
+ *
+ * @remarks
+ * This is the foundation for all labeled components. It renders a container
+ * with optional text and value labels, plus any child elements (the actual control).
+ * Label visibility and content are controlled by the parent component via props.
+ *
+ * Most developers should use the specific labeled components (LabeledKnob,
+ * LabeledSlider, etc.) rather than this base component directly.
+ *
+ * @param props - Configuration and display state for the labeled container
+ *
+ * @example
+ * ```tsx
+ * // Internal usage by LabeledKnob:
+ * <LabeledComponent
+ *   {...props}
+ *   labelText={labelText}
+ *   labelVisible={labelVisible}
+ *   valueText={valueText}
+ *   valueVisible={valueVisible}
+ * >
+ *   <geKnob {...knobProps} />
+ * </LabeledComponent>
+ * ```
+ */
+function LabeledComponent(props) {
+    const { instrument, instrumentProp, style, hideTextValue, hideValueLabel, textLabel, children, labelText, labelVisible, valueLabel, valueText, valueVisible, key, ...container } = props;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("geLabel", { interceptsMouseClicks: false, ...container },
+            props.textLabel && (React.createElement("geLabel", { interceptsMouseClicks: false, ...props.textLabel, text: props.labelText, width: props.textLabel.width ?? container.width, visible: props.labelVisible })),
+            props.valueLabel && (React.createElement("geLabel", { interceptsMouseClicks: false, ...props.valueLabel, text: props.valueText, width: props.valueLabel.width ?? container.width, visible: props.valueVisible })),
+            props.children)));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWxlZENvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb3JlL0xhYmVsZWRDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBOENBLDhEQU1DO0FBR0QsNERBSUM7QUFHRCw0Q0FJQztBQStGRCw0Q0E0Q0M7QUE3TUQsNkNBQStCO0FBNkMvQixnRkFBZ0Y7QUFDaEYsU0FBZ0IseUJBQXlCLENBQ3ZDLFVBQWdELEVBQ2hELE9BQThDO0lBRTlDLElBQUksQ0FBQyxPQUFPO1FBQUUsT0FBTyxTQUFTLENBQUM7SUFDL0IsT0FBTyxPQUFPLE9BQU8sS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7QUFDdkUsQ0FBQztBQUVELGtFQUFrRTtBQUNsRSxTQUFnQix3QkFBd0IsQ0FDdEMsT0FBOEM7SUFFOUMsT0FBTyxPQUFPLE9BQU8sS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLEdBQUcsQ0FBQztBQUM5RCxDQUFDO0FBRUQscUZBQXFGO0FBQ3JGLFNBQWdCLGdCQUFnQixDQUM5QixPQUE4QztJQUU5QyxPQUFPLE9BQU8sT0FBTyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsY0FBYyxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO0FBQ3pFLENBQUM7QUFvRUQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMEJHO0FBQ0gsU0FBZ0IsZ0JBQWdCLENBQUMsS0FBcUM7SUFDcEUsTUFBTSxFQUNKLFVBQVUsRUFDVixjQUFjLEVBQ2QsS0FBSyxFQUNMLGFBQWEsRUFDYixjQUFjLEVBQ2QsU0FBUyxFQUNULFFBQVEsRUFDUixTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixTQUFTLEVBQ1QsWUFBWSxFQUNaLEdBQUcsRUFDSCxHQUFHLFNBQVMsRUFDYixHQUFHLEtBQUssQ0FBQztJQUVWLE9BQU8sQ0FDTDtRQUNFLGlDQUFTLHFCQUFxQixFQUFFLEtBQUssS0FBTSxTQUFTO1lBQ2pELEtBQUssQ0FBQyxTQUFTLElBQUksQ0FDbEIsaUNBQ0UscUJBQXFCLEVBQUUsS0FBSyxLQUN4QixLQUFLLENBQUMsU0FBUyxFQUNuQixJQUFJLEVBQUUsS0FBSyxDQUFDLFNBQVMsRUFDckIsS0FBSyxFQUFFLEtBQUssQ0FBQyxTQUFTLENBQUMsS0FBSyxJQUFJLFNBQVMsQ0FBQyxLQUFLLEVBQy9DLE9BQU8sRUFBRSxLQUFLLENBQUMsWUFBWSxHQUMzQixDQUNIO1lBQ0EsS0FBSyxDQUFDLFVBQVUsSUFBSSxDQUNuQixpQ0FDRSxxQkFBcUIsRUFBRSxLQUFLLEtBQ3hCLEtBQUssQ0FBQyxVQUFVLEVBQ3BCLElBQUksRUFBRSxLQUFLLENBQUMsU0FBUyxFQUNyQixLQUFLLEVBQUUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxLQUFLLElBQUksU0FBUyxDQUFDLEtBQUssRUFDaEQsT0FBTyxFQUFFLEtBQUssQ0FBQyxZQUFZLEdBQzNCLENBQ0g7WUFFQSxLQUFLLENBQUMsUUFBUSxDQUNQLENBQ1QsQ0FDSixDQUFDO0FBQ0osQ0FBQyJ9