@vectoriox/iox-builder 4.32.0 → 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.');