@vectoriox/iox-builder 4.32.0 → 4.32.2

package/fesm2022/vectoriox-iox-builder.mjs

@@ -920,6 +920,9 @@ var PanelEventTypes;
     /** Insert prebuilt node(s) as GLOBAL elements (data = ComponentNode[]) — the consent preset's
      *  path (D-C5: site-wide by construction). Mirrors the MakeGlobal toolbar action. */
     PanelEventTypes["INSERT_GLOBAL"] = "insertglobal";
+    /** A click on a compound component's PART (Field label/control/help/…) — the style panel
+     *  activates that part (data = { part }). Doron 2026-10-10: "both shall be selectable". */
+    PanelEventTypes["PART_SELECT"] = "partselect";
     /** A panel wants to select a NODE it already has a reference to (e.g. the Form's nested field
      *  list). Carries `{ node }`. `OverlayService.setSelect()` alone only updates the overlay's own
      *  visual state — `selectedItem`/`selectedPath` (breadcrumb) and every other panel's idea of
@@ -10075,18 +10078,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 +10157,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.');