@vectoriox/iox-builder 4.31.2 → 4.32.1

package/fesm2022/vectoriox-iox-builder.mjs

@@ -10075,18 +10075,6 @@ const QUIET = {
     backgroundColor: 'transparent', color: TOKEN$1('inkMuted', '#4a453f'),
     fontSize: '11px', fontWeight: '400', padding: '2px 4px', textDecoration: 'underline',
 };
-const SMALL_ALLOW = {
-    backgroundColor: 'transparent', color: TOKEN$1('ink', '#1f1d1b'),
-    borderWidth: '1px', borderStyle: 'solid', borderColor: TOKEN$1('ink', '#1f1d1b'),
-    fontSize: '11px', fontWeight: '600', padding: '5px 10px',
-    borderRadius: TOKEN$1('radius-control', '4px'),
-};
-const SMALL_REFUSE = {
-    backgroundColor: 'transparent', color: TOKEN$1('inkMuted', '#6b6560'),
-    borderWidth: '1px', borderStyle: 'solid', borderColor: TOKEN$1('line', '#d8d4d1'),
-    fontSize: '11px', fontWeight: '600', padding: '5px 10px',
-    borderRadius: TOKEN$1('radius-control', '4px'),
-};
 function row(createConfig, styles, children) {
     const container = createConfig('Container');
     if (!container || children.some(c => !c))
@@ -10166,15 +10154,19 @@ function buildConsentPreset(createConfig) {
         textColOf('Necessary', 'Keeps the site working: your session, your language, this very choice. Always on.'),
         alwaysOn,
     ]);
+    // Board C2's switches, for real: a Field in switch clothing whose NAME carries the
+    // category ('consent-<category>') — the engine's consent runtime binds checked-state to
+    // the decision and records on change. State lives in the cookie, never in the tree.
     const categoryCard = (category, name, desc) => {
-        const allow = button('Allow', createConfig, click([
-            { type: 'setConsentCategory', params: { category, granted: true } },
-        ]), SMALL_ALLOW);
-        const refuse = button('Refuse', createConfig, click([
-            { type: 'setConsentCategory', params: { category, granted: false } },
-        ]), SMALL_REFUSE);
-        const pair = row(createConfig, { display: 'flex', gap: '6px' }, [allow, refuse]);
-        return row(createConfig, CARD, [textColOf(name, desc), pair]);
+        const sw = createConfig('Field');
+        if (!sw)
+            return null;
+        setTrait(sw, 'label', name);
+        setTrait(sw, 'labelHidden', true); // the card's own texts carry the words
+        setTrait(sw, 'control', 'switch');
+        setTrait(sw, 'name', `consent-${category}`);
+        setStyleTrait(sw, 'width', 'auto');
+        return row(createConfig, CARD, [textColOf(name, desc), sw]);
     };
     const analyticsCard = categoryCard('analytics', 'Analytics', 'Anonymous counts of visits and pages. Off means the analytics script never loads.');
     const marketingCard = categoryCard('marketing', 'Marketing', 'Ads measurement and remarketing. Off means no ad cookies and no data shared.');
@@ -10624,7 +10616,9 @@ class FieldComponentConfig extends ComponentConfig {
                 { label: 'Long text', value: 'textarea' },
                 { label: 'Dropdown', value: 'select' },
                 { label: 'Checkbox', value: 'checkbox' },
+                { label: 'Switch', value: 'switch' },
                 { label: 'Radio group', value: 'radio' },
+                { label: 'Slider', value: 'range' },
                 { label: 'Date', value: 'date' },
                 { label: 'Time', value: 'time' },
                 // ⚠️ 'file' is DELIBERATELY ABSENT until uploads are implemented. A file input's
@@ -10637,6 +10631,9 @@ class FieldComponentConfig extends ComponentConfig {
             new TraitConfig('placeholder', 'Hint inside the box', TraitInputType.Text, undefined, '', false, { trait: 'control', values: ['text', 'email', 'tel', 'url', 'number', 'password', 'textarea', 'select'] }),
             new TraitConfig('help', 'Help text', TraitInputType.Text, undefined, ''),
             new TraitConfig('rows', 'Rows', TraitInputType.Number, undefined, 4, false, { trait: 'control', values: 'textarea' }),
+            new TraitConfig('rangeMin', 'Min', TraitInputType.Number, undefined, 0, false, { trait: 'control', values: 'range' }),
+            new TraitConfig('rangeMax', 'Max', TraitInputType.Number, undefined, 100, false, { trait: 'control', values: 'range' }),
+            new TraitConfig('rangeStep', 'Step', TraitInputType.Number, undefined, 1, false, { trait: 'control', values: 'range' }),
             new TraitConfig('labelHidden', 'Hide label (screen readers still read it)', TraitInputType.Checkbox, undefined, false),
             // The submitted key. Derived from the label; editable for external integrations.
             new TraitConfig('name', 'Submitted key', TraitInputType.Text, undefined, ''),