create-flow-os 0.0.1-dev.1771840262 → 0.0.1-dev.1771979366

package/profiles/client/packages/style/style-builder/panel.ts

@@ -1,69 +0,0 @@
-/** Pannello laterale del Flow Style Builder. */
-
-import { createEl } from './dom.js';
-import { PANEL_ID, PANEL_WIDTH, THEME } from './constants.js';
-
-export function createPanel(initialRight: boolean, onClose: () => void): {
-  element: HTMLDivElement;
-  open: () => void;
-  close: () => void;
-} {
-  const panel = createEl('div', {
-    position: 'fixed',
-    top: '0',
-    width: `${PANEL_WIDTH}px`,
-    height: '100vh',
-    background: THEME.bg,
-    color: THEME.text,
-    fontFamily: 'ui-sans-serif, system-ui, sans-serif',
-    fontSize: '12px',
-    boxShadow: '0 0 24px rgba(0,0,0,0.4)',
-    display: 'none',
-    flexDirection: 'column',
-    zIndex: '2147483646',
-    overflow: 'hidden',
-  });
-  panel.id = PANEL_ID;
-
-  function open(): void {
-    const s = panel.style as unknown as Record<string, string>;
-    s['right'] = initialRight ? '0' : '';
-    s['left'] = initialRight ? '' : '0';
-    panel.style.display = 'flex';
-  }
-
-  function close(): void {
-    panel.style.display = 'none';
-  }
-
-  const header = createEl('div', {
-    padding: '10px 12px',
-    borderBottom: `1px solid ${THEME.border}`,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    background: THEME.surface,
-  });
-  const title = createEl('span', { fontWeight: '600', fontSize: '13px' });
-  title.textContent = 'Flow Style Builder';
-  const closeBtn = createEl('button', {
-    padding: '6px',
-    border: `1px solid ${THEME.border}`,
-    borderRadius: '6px',
-    background: 'transparent',
-    color: THEME.muted,
-    cursor: 'pointer',
-  }) as HTMLButtonElement;
-  closeBtn.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>';
-  closeBtn.title = 'Chiudi';
-  closeBtn.addEventListener('click', onClose);
-  header.appendChild(title);
-  header.appendChild(closeBtn);
-  panel.appendChild(header);
-
-  const body = createEl('div', { flex: '1', overflow: 'auto', padding: '12px', color: THEME.muted });
-  body.textContent = 'Contenuto da aggiungere.';
-  panel.appendChild(body);
-
-  return { element: panel, open, close };
-}

package/profiles/client/packages/style/style-builder/position.ts

@@ -1,25 +0,0 @@
-/** Posizione del pulsante: uno dei quattro angoli. */
-
-import { MARGIN } from './constants.js';
-
-export type FlowStyleBuilderPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-
-/** Passa la posizione (es. flowStyleBuilder: flowStyleBuilder('bottom-right') in flow.config). */
-export function flowStyleBuilder(position: FlowStyleBuilderPosition): FlowStyleBuilderPosition {
-  return position;
-}
-
-export function cornerToStyles(corner: FlowStyleBuilderPosition): Partial<CSSStyleDeclaration> {
-  const m = `${MARGIN}px`;
-  switch (corner) {
-    case 'top-left':
-      return { top: m, left: m, right: '', bottom: '' };
-    case 'top-right':
-      return { top: m, left: '', right: m, bottom: '' };
-    case 'bottom-left':
-      return { top: '', left: m, right: '', bottom: m };
-    case 'bottom-right':
-    default:
-      return { top: '', left: '', right: m, bottom: m };
-  }
-}