https-saml-salesforce-com
diff --git a/‎examples/src/examples/test/radix-sort-compute.controls.mjs‎
Lines changed: 43 additions & 0 deletions b/‎examples/src/examples/test/radix-sort-compute.controls.mjs‎
Lines changed: 43 additions & 0 deletions
@@ -0,0 +1,43 @@
+/**
+ * @param {import('../../app/components/Example.mjs').ControlOptions} options - The options.
+ * @returns {JSX.Element} The returned JSX Element.
+ */
+export const controls = ({ observer, ReactPCUI, jsx, fragment }) => {
+    const { BindingTwoWay, LabelGroup, Panel, SliderInput, SelectInput } = ReactPCUI;
+
+    return fragment(
+        jsx(
+            Panel,
+            { headerText: 'Compute Radix Sort' },
+            jsx(
+                LabelGroup,
+                { text: 'Elements (K)' },
+                jsx(SliderInput, {
+                    binding: new BindingTwoWay(),
+                    link: { observer, path: 'options.elementsK' },
+                    min: 1,
+                    max: 10000,
+                    precision: 0
+                })
+            ),
+            jsx(
+                LabelGroup,
+                { text: 'Bits' },
+                jsx(SelectInput, {
+                    binding: new BindingTwoWay(),
+                    link: { observer, path: 'options.bits' },
+                    options: [
+                        { v: 4, t: '4 bits (1 pass)' },
+                        { v: 8, t: '8 bits (2 passes)' },
+                        { v: 12, t: '12 bits (3 passes)' },
+                        { v: 16, t: '16 bits (4 passes)' },
+                        { v: 20, t: '20 bits (5 passes)' },
+                        { v: 24, t: '24 bits (6 passes)' },
+                        { v: 28, t: '28 bits (7 passes)' },
+                        { v: 32, t: '32 bits (8 passes)' }
+                    ]
+                })
+            )
+        )
+    );
+};