\n ${p.brand ? `
\n ${esc(p.brand)}
` : ''}\n${esc(c.title)}
${links}${out}
\n ${esc(label)}${esc(shortLabel)}\n \n ${esc(shortLabel)}: ${esc(cur.label)}\n ${CHEVRON}\n \n \n
`;\n }\n};"}},"label":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"label"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChange"}}}},"options":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"options"}}}},"shortLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"shortLabel"}}}},"value":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"value"}}}}}}}}}},{"_id":"6ab5c0802086c2e434179cac","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"Button","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Button — Loja Lucas Fontana\n// Um único componente para todos os botões da loja, controlado por parâmetros.\n// `glyph` põe um ícone à esquerda do texto (\"Assistir no YouTube\" com o ícone do YouTube).\n// `ghost` é o contorno branco para fundos escuros (SupportCard, cards escuros): transparente, inverte no hover.\nconst VARIANTS = ['primary', 'brand', 'light', 'outline', 'ghost'];\nconst SIZES = ['sm', 'md', 'lg', 'hero', 'inset'];\nconst WIDTHS = ['auto', 'mobile', 'always'];\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\n\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst pick = (v, list, fb) => (list.indexOf(String(v)) >= 0 ? String(v) : fb);\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\n\nconst ARROW = '';\n\n// Ícones à esquerda: mesmos desenhos do componente Icon (grade de 24px, traço 1.6)\nconst GLYPHS = {\n youtube: '${el}
`;\n }\n};"}},"arrow":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"arrow"}}}},"fullWidth":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"fullWidth"}}}},"glyph":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"glyph"}}}},"href":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"href"}}}},"isDisabled":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"isDisabled"}}}},"label":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"label"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"newTab":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"newTab"}}}},"onClick":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onClick"}}}},"shortLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"shortLabel"}}}},"size":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"size"}}}},"variant":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"variant"}}}}}}}}}},{"_id":"6ab5c22eb58135ae6e6d8a73","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"Doc","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Documentação — Loja Lucas Fontana\n// Renderiza um texto em formato markdown simples (títulos, listas, tabelas, código) no visual da loja.\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\n\nconst inline = (s) => esc(s)\n .replace(/`([^`]+)`/g, '$1')\n .replace(/\\*\\*([^*]+)\\*\\*/g, '$1');\n\nfunction md(src) {\n const lines = String(src || '').replace(/\\r/g, '').split('\\n');\n let html = '', i = 0;\n while (i < lines.length) {\n const l = lines[i];\n if (!l.trim()) { i++; continue; }\n if (l.startsWith('```')) {\n const buf = []; i++;\n while (i < lines.length && !lines[i].startsWith('```')) { buf.push(lines[i]); i++; }\n i++;\n html += `${esc(buf.join('\\n'))}`;\n continue;\n }\n if (l.startsWith('### ')) { html += `${inline(l.slice(4))}
`; i++; continue; }\n if (l.startsWith('## ')) { html += `${inline(l.slice(3))}
`; i++; continue; }\n if (l.startsWith('> ')) {\n const buf = [];\n while (i < lines.length && lines[i].startsWith('> ')) { buf.push(inline(lines[i].slice(2))); i++; }\n html += `${buf.join('
')}
`;\n continue;\n }\n if (l.trim().startsWith('|')) {\n const rows = [];\n while (i < lines.length && lines[i].trim().startsWith('|')) { rows.push(lines[i].trim()); i++; }\n const cells = (r) => r.replace(/^\\||\\|$/g, '').split('|').map((c) => c.trim());\n const body = rows.filter((r, k) => !(k === 1 && /^\\|?[\\s:-]+\\|/.test(r)));\n const [head, ...rest] = body;\n html += '')}
| ${inline(c)} | `).join('') + '
|---|
| ${inline(c)} | `).join('') + '
- ${buf.join('')}
${buf.join(' ')}
`;\n }\n return html;\n}\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.doc { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-50: #f5f5f3; --grey-100: #ececea; --grey-500: #6b6e73; --grey-700: #45474b; --line: #e4e4e2;\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased;\n background: var(--white); color: var(--ink); width: 100%; min-height: 100%; }\n.rule { height: 6px; background: var(--red-500); }\n.in { padding: 48px 56px 64px; max-width: 1040px; }\n.eyebrow { margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--grey-500); }\n.eyebrow b { color: var(--red-500); }\nh1 { margin: 0 0 12px; font-size: 44px; font-weight: 800; font-stretch: 115%; line-height: 1; text-transform: uppercase; letter-spacing: -.01em; }\n.type { display: inline-block; margin: 0 0 28px; padding: 6px 10px; background: var(--ink); color: var(--white); font: 700 13px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }\nh3 { margin: 40px 0 14px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 13px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; }\nh4 { margin: 24px 0 10px; font-size: 16px; font-weight: 700; }\np { margin: 0 0 14px; font-size: 16px; line-height: 1.6; color: var(--grey-700); }\np b, li b, td b { color: var(--ink); }\nul { margin: 0 0 16px; padding-left: 20px; }\nli { margin: 0 0 8px; font-size: 15px; line-height: 1.55; color: var(--grey-700); }\nli::marker { color: var(--red-500); }\ncode { font: 600 13px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; background: var(--grey-100); color: var(--ink); padding: 2px 6px; border-radius: 2px; }\npre { margin: 0 0 16px; padding: 16px 18px; background: var(--ink); color: #e9e9e7; font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-x: auto; }\n.tw { overflow-x: auto; margin: 0 0 16px; }\ntable { width: 100%; border-collapse: collapse; font-size: 14px; }\nth { text-align: left; padding: 0 12px 10px 0; border-bottom: 2px solid var(--ink); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }\ntd { padding: 12px 12px 12px 0; border-bottom: 1px solid var(--line); vertical-align: top; line-height: 1.5; color: var(--grey-700); }\ntd:first-child { white-space: nowrap; }\n.note { margin: 0 0 16px; padding: 14px 16px; border-left: 4px solid var(--red-500); background: var(--grey-50); font-size: 14px; line-height: 1.55; color: var(--grey-700); }\n`,\n\n mounted() {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n },\n\n render(d2) {\n const p = d2.params || {};\n return `\n
Doc — Componentes UI
\n${esc(p.heading || 'Componente')}
\n ${p.typeId ? `${esc(p.typeId)}` : ''}\n ${md(p.content)}\n${el}
`;\n }\n};"}},"href":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"href"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"noLink":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"noLink"}}}},"tone":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"tone"}}}}}}}}}},{"_id":"6ab66f325f5a9fd2e7a7bd0c","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"Badge","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Badge — Loja Lucas Fontana\n// Selos quadrados em maiúsculas: status, parceria e tópicos.\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst TONES = ['ink', 'red', 'outline'];\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\n\nconst TABLET = (p) => `\n${p} .badge.outline { font-size: 10px; padding: 5px 8px; }`;\nconst MOBILE = (p) => `\n${p} .badge { font-size: 9px; padding: 4px 6px; letter-spacing: .1em; }\n${p} .badge.status { padding: 4px 7px; letter-spacing: .08em; }\n${p} .badge.outline { font-size: 10px; padding: 5px 8px; }\n${p} .long { display: none; }\n${p} .short { display: inline; }`;\n\nexport default {\n css: `\n:host { display: block; }\n* { box-sizing: border-box; }\n.wrap { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-700: #45474b;\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased;\n display: flex; align-items: center; height: 100%; }\n.badge { display: inline-flex; align-items: center; font-size: 10px; font-weight: 800; letter-spacing: .12em; line-height: 1.2;\n text-transform: uppercase; padding: 5px 8px; color: var(--white); background: var(--ink); white-space: nowrap; }\n.badge.red { background: var(--red-500); }\n.badge.outline { background: transparent; border: 1px solid var(--grey-700); font-weight: 700; font-size: 11px; padding: 5px 9px; }\n.badge.status { font-size: 11px; padding: 6px 10px; letter-spacing: .1em; }\n.short { display: none; }\n${TABLET('.l-tablet')}\n${TABLET('.l-mobile')}\n${MOBILE('.l-mobile')}\n@media (max-width: 1199px) { ${TABLET('.l-auto')} }\n@media (max-width: 767px) { ${MOBILE('.l-auto')} }\n`,\n\n mounted() {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n },\n\n render(d2) {\n const p = d2.params || {};\n const label = p.label || 'Badge';\n const tone = TONES.indexOf(p.tone) >= 0 ? p.tone : 'ink';\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'auto';\n const cls = `badge${tone !== 'ink' ? ' ' + tone : ''}${truthy(p.isStatus) ? ' status' : ''}`;\n const text = p.shortLabel\n ? `${esc(label)}${esc(p.shortLabel)}`\n : esc(label);\n return `${text}
`;\n }\n};"}},"isStatus":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"isStatus"}}}},"label":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"label"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"shortLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"shortLabel"}}}},"tone":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"tone"}}}}}}}}}},{"_id":"6ab6a330b39f683eb1b33564","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"Icon","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Icon — Loja Lucas Fontana\n// Os 32 ícones de contorno do design system (grade de 24px, pontas arredondadas).\n// Um componente só: o parâmetro `name` escolhe o desenho. Use name = \"all\" para ver o catálogo.\nconst ICONS = {\n search: [['circle', { cx: 11, cy: 11, r: 7 }], ['path', { d: 'm20 20-3.5-3.5' }]],\n user: [['circle', { cx: 12, cy: 8, r: 4 }], ['path', { d: 'M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6' }]],\n bag: [['path', { d: 'M5 8h14l-1.2 12.2a1 1 0 0 1-1 .8H7.2a1 1 0 0 1-1-.8L5 8Z' }], ['path', { d: 'M9 8V6a3 3 0 0 1 6 0v2' }]],\n menu: [['path', { d: 'M4 7h16M4 12h16M4 17h10' }]],\n 'arrow-right': [['path', { d: 'M5 12h14M13 6l6 6-6 6' }]],\n 'chevron-left': [['path', { d: 'M15 5l-7 7 7 7' }]],\n 'chevron-right': [['path', { d: 'M9 5l7 7-7 7' }]],\n image: [['rect', { x: 3, y: 5, width: 18, height: 14, rx: 1 }], ['circle', { cx: 9, cy: 10, r: 2 }], ['path', { d: 'm21 16-5-5-9 8' }]],\n message: [['path', { d: 'M4 5h16v11H9l-5 4V5Z' }]],\n briefcase: [['rect', { x: 3, y: 7, width: 18, height: 13, rx: 1 }], ['path', { d: 'M9 7V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2' }], ['path', { d: 'M3 13h18' }]],\n instagram: [['rect', { x: 3, y: 3, width: 18, height: 18, rx: 5 }], ['circle', { cx: 12, cy: 12, r: 4 }], ['circle', { cx: 17.5, cy: 6.5, r: 0.8, fill: 'currentColor' }]],\n youtube: [['rect', { x: 2.5, y: 5, width: 19, height: 14, rx: 4 }], ['path', { d: 'm10 9 5 3-5 3V9Z' }]],\n filter: [['path', { d: 'M4 8h9M17 8h3M4 16h3M11 16h9' }], ['circle', { cx: 15, cy: 8, r: 2 }], ['circle', { cx: 9, cy: 16, r: 2 }]],\n close: [['path', { d: 'M6 6l12 12M18 6 6 18' }]],\n check: [['path', { d: 'm5 12.5 4.5 4.5L19 7.5' }]],\n 'chevron-down': [['path', { d: 'M6 9l6 6 6-6' }]],\n 'search-x': [['circle', { cx: 11, cy: 11, r: 7 }], ['path', { d: 'm20 20-3.5-3.5M8.5 8.5l5 5M13.5 8.5l-5 5' }]],\n truck: [['path', { d: 'M3 6h11v10H3zM14 9h4l3 3v4h-7' }], ['circle', { cx: 7, cy: 17.5, r: 1.8 }], ['circle', { cx: 17, cy: 17.5, r: 1.8 }]],\n card: [['rect', { x: 3, y: 5.5, width: 18, height: 13, rx: 1 }], ['path', { d: 'M3 10h18M7 15h4' }]],\n swap: [['path', { d: 'M4 8h14l-3-3M20 16H6l3 3' }]],\n play: [['path', { d: 'M8 5.5v13l10-6.5-10-6.5Z', fill: 'currentColor', stroke: 'none' }]],\n plus: [['path', { d: 'M12 5v14M5 12h14' }]],\n minus: [['path', { d: 'M5 12h14' }]],\n pin: [['path', { d: 'M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21Z' }], ['circle', { cx: 12, cy: 9.5, r: 2.5 }]],\n logout: [['path', { d: 'M10 4H5v16h5M14 8l4 4-4 4M18 12H9' }]],\n lock: [['rect', { x: 5, y: 10.5, width: 14, height: 10, rx: 1 }], ['path', { d: 'M8.5 10.5V7.5a3.5 3.5 0 0 1 7 0v3' }]],\n eye: [['path', { d: 'M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12Z' }], ['circle', { cx: 12, cy: 12, r: 3 }]],\n 'eye-off': [['path', { d: 'M4 4l16 16M10.6 5.6c.5-.1.9-.1 1.4-.1 6 0 9.5 6.5 9.5 6.5a17 17 0 0 1-3 3.6M6.5 7.4A16 16 0 0 0 2.5 12S6 18.5 12 18.5c1.6 0 3-.4 4.2-1M9.9 9.9a3 3 0 0 0 4.2 4.2' }]],\n copy: [['rect', { x: 8.5, y: 8.5, width: 11, height: 11, rx: 1 }], ['path', { d: 'M15.5 8.5v-3a1 1 0 0 0-1-1h-9a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h3' }]],\n 'arrow-left': [['path', { d: 'M19 12H5M11 6l-6 6 6 6' }]],\n mail: [['rect', { x: 3, y: 5.5, width: 18, height: 13, rx: 1 }], ['path', { d: 'm3.5 6.5 8.5 7 8.5-7' }]],\n trash: [['path', { d: 'M4 7h16M9 7V4.5h6V7M6.5 7l.9 12.6a1 1 0 0 0 1 .9h7.2a1 1 0 0 0 1-.9L17.5 7M10 11v6M14 11v6' }]]\n };\nconst BOLD = { 'arrow-right': 1, 'chevron-left': 1, 'chevron-right': 1, 'chevron-down': 1, close: 1, check: 1, plus: 1, minus: 1, 'arrow-left': 1 };\nconst MEDIUM = { menu: 1, search: 1, 'search-x': 1, filter: 1 };\n\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\n\nfunction svg(name, size, stroke) {\n const parts = ICONS[name] || [];\n const sw = stroke || (BOLD[name] ? 2 : MEDIUM[name] ? 1.8 : 1.6);\n const inner = parts.map(([tag, attrs]) =>\n `<${tag} ${Object.keys(attrs).map((k) => `${k}=\"${esc(attrs[k])}\"`).join(' ')}/>`).join('');\n return ``;\n}\n\nexport default {\n css: `\n:host { display: block; }\n* { box-sizing: border-box; }\n.wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }\n.ic { display: block; flex: none; }\n.all { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 0; background: #ffffff; border-top: 1px solid #e4e4e2; border-left: 1px solid #e4e4e2;\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; width: 100%; }\n.cell { background: #ffffff; border-right: 1px solid #e4e4e2; border-bottom: 1px solid #e4e4e2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 22px 8px 16px; }\n.cell code { font: 600 12px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; color: #45474b; }\n`,\n\n render(d2) {\n const p = d2.params || {};\n const color = p.iconColor || '#0b0b0c';\n const size = Number(p.size) > 0 ? Number(p.size) : 24;\n const stroke = Number(p.strokeWidth) > 0 ? Number(p.strokeWidth) : 0;\n if (p.name === 'all') {\n const cells = Object.keys(ICONS).map((n) =>\n `${svg(n, size, stroke)}
`).join('');\n return `${esc(n)}${cells}
`;\n }\n const name = ICONS[p.name] ? p.name : 'bag';\n return `${svg(name, size, stroke)}
`;\n }\n};"}},"iconColor":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconColor"}}}},"name":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"name"}}}},"size":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"size"}}}},"strokeWidth":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"strokeWidth"}}}}}}}}}},{"_id":"6ab6a8e0356aa1fc96e964ea","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"SearchBar","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// SearchBar — Loja Lucas Fontana\n// Campo de busca cinza com ícone de lupa e botão \"Buscar\" embutido à direita.\n// Reaproveita os componentes Button e Icon da loja pelos parâmetros `button` e `searchIcon`.\n// `size: \"lg\"` é a busca grande das páginas (FAQ): 56px (52px no tablet/mobile), fundo branco, borda ink de 1,5px, texto 16px.\n// `showButton: false` tira o botão \"Buscar\" (no PageHeader do FAQ a busca filtra enquanto a pessoa digita).\n// `busTopic` avisa outros componentes da página a cada letra digitada (o FaqLayout escuta \"faq:search\").\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\n\n// O parâmetro de componente chega como o componente vivo; o d2.render usa a referência dele.\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\n\nconst COMPACT = (p) => `\n${p} .field { height: 44px; padding: 0 4px 0 14px; gap: 10px; }\n${p} input { height: 40px; }\n${p}.lg .field { height: 52px; padding: 0 4px 0 14px; }\n${p}.lg.nobtn .field { padding-right: 14px; }\n${p}.lg input { height: 48px; }`;\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.sb { --ink: #0b0b0c; --white: #ffffff; --grey-50: #f5f5f3; --grey-500: #6b6e73; --line-strong: #d9d9d6;\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased;\n display: flex; align-items: center; width: 100%; height: 100%; }\n.field { display: flex; align-items: center; gap: 12px; width: 100%; height: 48px; padding: 0 4px 0 18px;\n background: var(--grey-50); border: 1px solid var(--line-strong); border-radius: 2px; min-width: 0; margin: 0; }\n.field:focus-within { border-color: var(--ink); }\ninput { flex: 1; min-width: 0; height: 44px; border: 0; outline: none; background: transparent; margin: 0; padding: 0;\n font: 400 15px/1.2 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; color: var(--ink); -webkit-appearance: none; appearance: none; }\ninput::placeholder { color: var(--grey-500); }\ninput::-webkit-search-cancel-button { -webkit-appearance: none; }\n.nobtn .field { padding-right: 18px; }\n\n/* Tamanho grande (busca das páginas) */\n.lg .field { height: 56px; background: var(--white); border: 1.5px solid var(--ink); padding: 0 4px 0 18px; }\n.lg.nobtn .field { padding-right: 14px; }\n.lg input { height: 52px; font-size: 16px; }\n${COMPACT('.l-tablet')}\n${COMPACT('.l-mobile')}\n@media (max-width: 1199px) { ${COMPACT('.l-auto')} }\n`,\n\n mounted(d2, root) {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n // Placeholder curto quando o campo fica estreito (menos de 420px), como no design system\n if (typeof ResizeObserver !== 'undefined') {\n const ro = new ResizeObserver((e) => {\n const narrow = e[0].contentRect.width < 420;\n if (d2.state.narrow !== narrow) d2.state.narrow = narrow;\n });\n ro.observe(root);\n d2.onUnmount(() => ro.disconnect());\n }\n d2.on('form', 'submit', (e) => { e.preventDefault(); submit(d2); });\n d2.on('input', 'keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); submit(d2); } });\n // Enquanto digita: avisa quem estiver ouvindo (onInput e o tópico do bus), com uma pausa curta\n let t = null;\n d2.on('input', 'input', (e, el) => {\n if (t) clearTimeout(t);\n t = setTimeout(() => {\n const q = String(el.value || '').trim();\n try { d2.emit('onInput', q); } catch (err) { /* nenhum handler ligado */ }\n const topic = (d2.params || {}).busTopic;\n if (topic && d2.bus) d2.bus.emit(String(topic), q);\n }, 150);\n });\n d2.onUnmount(() => { if (t) clearTimeout(t); });\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'auto';\n const lg = p.size === 'lg';\n const withButton = p.showButton == null ? true : truthy(p.showButton);\n const placeholder = d2.state.narrow\n ? (p.shortPlaceholder || 'Buscar produto ou marca')\n : (p.placeholder || 'Busque por produto, categoria ou marca');\n const compact = layout === 'tablet' || layout === 'mobile';\n\n const iconRef = refOf(d2.param('searchIcon'));\n const buttonRef = withButton ? refOf(d2.param('button')) : '';\n const icon = iconRef\n ? d2.render(iconRef, { name: 'search', size: lg ? 20 : 18, iconColor: lg ? '#0b0b0c' : '#6b6e73' },\n { key: 'ic', width: lg ? 20 : 18, height: lg ? 20 : 18, style: 'flex:none' })\n : '';\n const button = buttonRef\n ? d2.render(buttonRef,\n { label: p.buttonLabel || 'Buscar', variant: 'primary', size: 'inset', fullWidth: 'auto', layout: layout === 'auto' ? '' : layout },\n { key: 'btn', width: 'auto', height: compact ? 36 : 40, style: 'flex:none', onClick: () => submit(d2) })\n : '';\n\n return `\n \n
`;\n }\n};\n\nfunction submit(d2) {\n const el = d2.$('input');\n const q = el ? String(el.value || '').trim() : '';\n try { d2.emit('onSearch', q); } catch (err) { /* nenhum handler ligado */ }\n const topic = (d2.params || {}).busTopic;\n if (topic && d2.bus) d2.bus.emit(String(topic), q);\n}"}},"ariaLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ariaLabel"}}}},"busTopic":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"busTopic"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"buttonLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"buttonLabel"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onInput":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onInput"}}}},"onSearch":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onSearch"}}}},"placeholder":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"placeholder"}}}},"searchIcon":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"searchIcon"}}}},"shortPlaceholder":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"shortPlaceholder"}}}},"showButton":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"showButton"}}}},"size":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"size"}}}}}}}}}},{"_id":"6ab6bcb197b00074cbeff455","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"Header","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Header — Loja Lucas Fontana\n// Cabeçalho da loja nas três telas. Não desenha logo, busca, botão nem ícones:\n// reaproveita Logo, SearchBar, Button e Icon pelos parâmetros `logo`, `searchBar`, `button` e `iconComponent`.\n// O número da sacola vem da sacola do navegador (`lf-sacola`) e atualiza sozinho; `cartCount` só vale sem acesso a ela.\n// Logado (`userName`): \"Olá, [Nome]\" no lugar de \"Entre ou cadastre-se\" e o \"Sair\" — no desktop, um link ao lado de\n// \"Minha conta\"; no tablet e no mobile, o ícone de pessoa abre uma barra curta abaixo do topo com \"Minha conta\" e \"Sair\".\n// \"Sair\" avisa `onLogout` (quem liga encerra a sessão e atualiza a página). Sem login, nada disso aparece.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst LISTA = '/lista-de-produtos/q';\nconst DEFAULT_CATS = [\n { label: 'Performance', href: LISTA + '?categoria=performance' },\n { label: 'Cuidado automotivo', href: LISTA + '?categoria=cuidado-automotivo' },\n { label: 'Vestuário', href: LISTA + '?categoria=vestuario' },\n { label: 'Acessórios', href: LISTA + '?categoria=acessorios' }\n];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst slug = (s) => String(s || '').toLowerCase().normalize('NFD').replace(/[̀-ͯ]/g, '').replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');\n\nlet LOADED = null; let LOADING = null;\nfunction cats(v) {\n if (LOADED) return LOADED;\n let list = v;\n if (typeof list === 'string') list = list.split(',').map((s) => s.trim()).filter(Boolean);\n if (!Array.isArray(list) || !list.length) return DEFAULT_CATS;\n return list.map((c) => typeof c === 'string'\n ? { label: c, href: LISTA + '?categoria=' + slug(c) }\n : { label: c.label || c.name || '', href: c.href || LISTA + '?categoria=' + slug(c.label || c.name) });\n}\n\n// O parâmetro de componente chega como o componente vivo; o d2.render usa a referência dele.\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\n\nfunction detect(w) { return w >= 1200 ? 'desktop' : w >= 768 ? 'tablet' : 'mobile'; }\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.hd { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-500: #6b6e73; --line: #e4e4e2;\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased;\n background: var(--white); color: var(--ink); width: 100%; position: relative; }\n.out { display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 8px 0 14px; margin-left: 2px; border: 0; border-left: 1px solid var(--line);\n background: transparent; color: var(--grey-500); font-family: inherit; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }\n.out .slot { width: 18px; height: 18px; pointer-events: none; }\n.out:hover { color: var(--red-500); }\n.out:focus-visible, .umenu a:focus-visible, .umenu button:focus-visible { outline: 2px solid var(--red-500); outline-offset: 2px; }\n.umenu { position: absolute; right: 8px; z-index: 5; display: flex; align-items: stretch; height: 44px; background: var(--white);\n border: 1px solid var(--line); box-shadow: 0 6px 16px rgba(11, 11, 12, .12); }\n.umenu a, .umenu button { display: inline-flex; align-items: center; gap: 8px; padding: 0 16px; border: 0; background: transparent; color: var(--ink);\n font-family: inherit; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; white-space: nowrap; cursor: pointer; }\n.umenu button { border-left: 1px solid var(--line); }\n.umenu .slot { width: 18px; height: 18px; pointer-events: none; }\n.umenu a:hover, .umenu button:hover { color: var(--red-500); }\n.l-tablet .umenu { top: 72px; right: 40px; }\n.l-mobile .umenu { top: 64px; right: 8px; }\n.row { display: flex; align-items: center; gap: 32px; height: 88px; padding: 0 96px; }\n.logo { flex: none; height: 44px; width: 320px; margin-left: -8px; }\n.search { flex: 1; min-width: 0; height: 48px; max-width: 640px; margin: 0 auto; }\n.actions { display: flex; align-items: center; gap: 8px; flex: none; }\n.ibtn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;\n background: transparent; border: 0; border-radius: 2px; padding: 0; margin: 0; color: var(--ink); cursor: pointer; text-decoration: none; }\n.ibtn:hover { color: var(--red-500); }\n.ibtn:focus-visible, .acct:focus-visible, .nav a:focus-visible, .all:focus-visible { outline: 2px solid var(--red-500); outline-offset: 2px; }\n.ibtn .slot { width: 24px; height: 24px; pointer-events: none; }\n.count { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;\n background: var(--red-500); color: var(--white); font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; pointer-events: none; }\n.acct { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 8px; color: var(--ink); text-decoration: none; background: transparent; border: 0; cursor: pointer; font-family: inherit; }\n.acct .slot { width: 24px; height: 24px; flex: none; pointer-events: none; }\n.acct .txt { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; text-align: left; }\n.acct .hint { font-size: 12px; color: var(--grey-500); line-height: 1; white-space: nowrap; }\n.acct .lbl { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; line-height: 1; white-space: nowrap; }\n.acct:hover .lbl { color: var(--red-500); }\n.navrow { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 48px; padding: 0 96px; border-top: 1px solid var(--line); box-shadow: inset 0 -1px 0 var(--line); }\n.nav { display: flex; align-items: center; gap: 32px; height: 100%; min-width: 0; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }\n.nav::-webkit-scrollbar { display: none; }\n.nav a { position: relative; display: inline-flex; align-items: center; height: 100%; flex: none; color: var(--ink); text-decoration: none;\n font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }\n.nav a:hover { color: var(--red-500); }\n.nav a.on::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--red-500); }\n.all { display: inline-flex; align-items: center; gap: 8px; flex: none; min-height: 44px; color: var(--ink); text-decoration: none;\n font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }\n.all span { border-bottom: 2px solid var(--red-500); padding-bottom: 3px; }\n.all:hover { color: var(--red-500); }\n.all .slot { width: 16px; height: 16px; pointer-events: none; }\n\n/* Tablet: linha de 72px, botão de menu, busca, ícones; nav rola */\n.l-tablet .row { height: 72px; padding: 0 40px; gap: 20px; }\n.l-tablet .row { gap: 12px; }\n.l-tablet .logo { width: 268px; height: 40px; margin-left: 0; }\n.l-tablet .search { height: 44px; max-width: none; }\n.l-tablet .actions { gap: 0; margin-right: -10px; }\n.l-tablet .row > .ibtn:first-child { margin-left: -10px; }\n.l-tablet .navrow { height: 44px; padding: 0 0 0 40px; }\n.l-tablet .nav { gap: 28px; padding-right: 40px; }\n\n/* Mobile: menu · logo central · ícones; busca em linha própria; nav rola */\n.l-mobile .row { display: grid; grid-template-columns: 44px 1fr 88px; height: 64px; padding: 0 8px; gap: 0; }\n.l-mobile .left { justify-self: start; }\n.l-mobile .logo { width: 240px; height: 36px; justify-self: center; margin-left: 0; }\n.l-mobile .actions { justify-self: end; gap: 0; }\n.l-mobile .srow { padding: 0 20px 12px; }\n.l-mobile .srow .search { height: 44px; max-width: none; }\n.l-mobile .navrow { height: 44px; padding: 0 0 0 20px; }\n.l-mobile .nav { gap: 24px; padding-right: 20px; }\n`,\n\n mounted(d2, root) {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n // Sem `layout` fixo, o header mede a própria largura (como a container query do design system)\n if (typeof ResizeObserver !== 'undefined') {\n const ro = new ResizeObserver((e) => {\n const w = detect(e[0].contentRect.width);\n if (d2.state.auto !== w) d2.state.auto = w;\n });\n ro.observe(root);\n d2.onUnmount(() => ro.disconnect());\n }\n const fire = (name, payload) => { try { d2.emit(name, payload); } catch (err) { /* nenhum handler ligado */ } };\n d2.on('[data-act=\"menu\"]', 'click', () => fire('onMenu'));\n d2.on('[data-act=\"account\"]', 'click', () => { if (d2.state.um) d2.state.um = false; fire('onAccount'); });\n d2.on('[data-act=\"umenu\"]', 'click', () => { d2.state.um = !d2.state.um; });\n d2.on('[data-act=\"logout\"]', 'click', () => { d2.state.um = false; fire('onLogout'); });\n d2.on('[data-act=\"cart\"]', 'click', () => fire('onCart'));\n // Contagem real da sacola (localStorage `lf-sacola`), atualizada quando qualquer página mexe nela\n const readCount = () => { try { const b = JSON.parse(localStorage.getItem('lf-sacola') || '[]'); return Array.isArray(b) ? b.reduce((s, x) => s + (Number(x && x.qty) || 0), 0) : 0; } catch (e) { return null; } };\n const sync = () => { const n = readCount(); if (n != null && d2.state.bag !== n) d2.state.bag = n; };\n sync();\n const onBag = (e) => { const n = e && e.detail && e.detail.count != null ? Number(e.detail.count) : readCount(); if (n != null && d2.state.bag !== n) d2.state.bag = n; };\n const onStorage = (e) => { if (!e || e.key === 'lf-sacola') sync(); };\n window.addEventListener('lf-sacola', onBag); window.addEventListener('storage', onStorage);\n d2.onUnmount(() => { window.removeEventListener('lf-sacola', onBag); window.removeEventListener('storage', onStorage); });\n d2.on('.nav a', 'click', (e, el) => fire('onCategory', el.dataset.slug));\n // Menu vem da tabela Categorias (ativas com destaque no menu); se a busca falhar, vale o parâmetro/padrão\n if (!LOADED) {\n if (!LOADING) {\n LOADING = d2.rush('categoriasLoja').invoke({}).then((res) => {\n const rows = (res && res.data !== undefined ? res.data : res) || [];\n LOADED = rows.filter((c) => c && c.ativa !== false && Number(c.posicao_menu) > 0).sort((a, b) => Number(a.posicao_menu) - Number(b.posicao_menu)).map((c) => ({ label: c.nome, href: LISTA + '?categoria=' + c.slug }));\n }).catch(() => { LOADING = null; });\n }\n const pr = LOADING;\n if (pr) pr.then(() => { d2.state.catsTick = Date.now(); });\n }\n },\n\n render(d2) {\n const p = d2.params || {};\n void d2.state.catsTick;\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : (d2.state.auto || 'desktop');\n const desk = layout === 'desktop';\n const mob = layout === 'mobile';\n\n const iconMod = refOf(d2.param('iconComponent'));\n const logoMod = refOf(d2.param('logo'));\n const searchMod = refOf(d2.param('searchBar'));\n const buttonMod = refOf(d2.param('button'));\n\n const ic = (name, key, size) => iconMod\n ? d2.render(iconMod, { name, size: size || 24, iconColor: 'currentColor' },\n { key: 'ic-' + key, width: size || 24, height: size || 24, class: 'slot' })\n : '';\n\n const logo = logoMod\n ? `${d2.render(logoMod, { layout, href: p.homeHref || '/' }, { key: 'logo' })}
` : '';\n\n const search = searchMod\n ? `${d2.render(searchMod,\n { layout, button: buttonMod, searchIcon: iconMod, shortPlaceholder: layout === 'tablet' ? (p.tabletPlaceholder || 'Buscar produto') : undefined },\n { key: 'search', onSearch: (q) => { try { d2.emit('onSearch', q); } catch (err) { /* sem handler */ } const t = String(q || '').trim(); if (t && typeof window !== 'undefined') window.location.assign(LISTA + '?q=' + encodeURIComponent(t)); } })}
`\n : '';\n\n const rawCount = d2.state.bag != null ? d2.state.bag : p.cartCount;\n const count = Number(rawCount) > 0 ? Math.min(Number(rawCount), 99) : 0;\n const cart = ``;\n const logged = !!p.userName;\n const userIcon = logged\n ? ``\n : ``;\n const menu = ``;\n\n const hint = p.userName ? 'Olá, ' + p.userName : (p.accountHint || 'Entre ou cadastre-se');\n const acct = ``;\n const out = logged ? `` : '';\n const umenu = logged && !desk && d2.state.um\n ? ``\n : '';\n\n const list = cats(p.categories);\n const active = slug(p.activeCategory);\n const allLabel = p.allProductsLabel || 'Todos os produtos';\n const allHref = p.allProductsHref || LISTA;\n const links = list.map((c) => {\n const s = slug(c.label);\n const on = s === active;\n return `${esc(c.label)}`;\n }).join('');\n const allOn = active === 'todos';\n const allInNav = `${esc(allLabel)}`;\n\n const navrow = desk\n ? ``\n : ``;\n\n let top;\n if (desk) {\n top = `${logo}${search}
`;\n } else if (mob) {\n top = `${acct}${out}${cart}
${menu}
${logo}${userIcon}${cart}
${search}
`;\n } else {\n top = `${menu}${logo}${search}
`;\n }\n\n return `${userIcon}${cart}
');\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst detect = (w) => (w >= 1200 ? 'desktop' : w >= 768 ? 'tablet' : 'mobile');\nconst pad = (n) => (n < 10 ? '0' + n : String(n));\n\nfunction slidesOf(v) {\n let list = v;\n if (typeof list === 'string') { try { list = JSON.parse(list); } catch (e) { list = null; } }\n return Array.isArray(list) && list.length ? list : DEFAULT_SLIDES;\n}\n\nexport default {\n css: `\n:host { display: block; width: 100%; height: 100%; }\n* { box-sizing: border-box; }\n.hero { --red-500: #c8102e; --red-300: #f0707f; --ink: #0b0b0c; --white: #ffffff; --graphite-800: #2a2b2e; --graphite-900: #1c1d1f; --graphite-950: #121314;\n --text-inv-2: #b9bbbe;\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased;\n position: relative; width: 100%; height: 580px; overflow: hidden; background: var(--ink); color: var(--white); touch-action: pan-y; }\n.slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility 0s linear .45s; }\n.slide.on { opacity: 1; visibility: visible; transition: opacity .45s ease; }\n\n/* Foto */\n.photo { position: absolute; top: 0; right: 0; bottom: 0; width: 56%; background: var(--graphite-900); overflow: hidden; }\n.photo::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 240px; z-index: 1; background: linear-gradient(90deg, var(--ink), rgba(11,11,12,0)); pointer-events: none; }\n.photo img { display: block; width: 100%; height: 100%; object-fit: cover; }\n.ph { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: #6b6e73;\n background: repeating-linear-gradient(-18deg, var(--graphite-900) 0 22px, var(--graphite-800) 22px 24px); }\n.ph .slot { width: 40px; height: 40px; }\n.l-desktop .ph { padding-left: 32%; }\n.l-tablet .ph, .l-mobile .ph { justify-content: flex-start; padding-top: 64px; }\n.l-tablet .title .t-long, .l-tablet .title .t-short, .l-mobile .title .t-long, .l-mobile .title .t-short { white-space: normal; }\n.ph span { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }\n.checker { position: absolute; top: 0; right: 0; z-index: 2; width: 120px; height: 60px; pointer-events: none;\n background: repeating-conic-gradient(var(--white) 0 25%, var(--ink) 0 50%) 0 0 / 60px 60px; }\n\n/* Texto */\n.copy { position: absolute; top: 0; bottom: 0; left: 0; width: 62%; padding: 0 48px 0 96px; display: flex; flex-direction: column; justify-content: center; z-index: 1; }\n.title .t-long, .title .t-short { white-space: nowrap; }\n.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; color: var(--red-300); font-size: 12px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; }\n.eyebrow b { font-weight: 800; letter-spacing: .1em; }\n.eyebrow i { display: block; width: 24px; height: 2px; background: var(--red-500); transform: skewX(-30deg); }\n.title { margin: 0; font-size: 64px; line-height: .98; font-weight: 800; font-style: italic; font-stretch: 118%; letter-spacing: -.005em; text-transform: uppercase; }\n.lead { margin: 20px 0 0; max-width: 460px; font-size: 17px; line-height: 1.5; color: var(--text-inv-2); }\n.cta { margin-top: 32px; height: 56px; width: auto; align-self: flex-start; }\n.t-short, .x-short { display: none; }\n\n/* Controles */\n.ctrl { position: absolute; right: 96px; bottom: 40px; display: flex; align-items: center; gap: 24px; z-index: 2; }\n.dots { display: flex; align-items: center; }\n.dot { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; }\n.dot span { display: block; width: 24px; height: 3px; background: rgba(255,255,255,.4); transition: width .2s ease, background-color .2s ease; }\n.dot.on span { width: 36px; background: var(--red-500); }\n.dot:hover span { background: var(--white); }\n.dot.on:hover span { background: var(--red-500); }\n.arrows { display: flex; gap: 8px; }\n.arr { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; margin: 0; background: transparent;\n border: 1.5px solid rgba(255,255,255,.4); border-radius: 2px; color: var(--white); cursor: pointer; }\n.arr:hover { background: var(--white); color: var(--ink); border-color: var(--white); }\n.arr .slot { width: 20px; height: 20px; pointer-events: none; }\n.dot:focus-visible, .arr:focus-visible { outline: 2px solid var(--white); outline-offset: 2px; }\n\n/* Tablet: foto atrás, texto embaixo, sem setas */\n.l-tablet { height: 520px; }\n.l-tablet .photo { width: 100%; left: 0; }\n.l-tablet .photo::before { display: none; }\n.l-tablet .photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(11,11,12,.92) 0%, rgba(11,11,12,.6) 42%, rgba(11,11,12,0) 75%); }\n.l-tablet .copy { top: auto; width: 100%; padding: 0 40px 88px; justify-content: flex-end; }\n.l-tablet .title { font-size: 48px; font-stretch: 104%; }\n.l-tablet .lead { font-size: 16px; margin-top: 16px; max-width: 520px; }\n.l-tablet .eyebrow { margin-bottom: 16px; }\n.l-tablet .cta { margin-top: 24px; height: 52px; }\n.l-tablet .ctrl { left: 30px; right: auto; bottom: 20px; }\n.l-tablet .arrows { display: none; }\n\n/* Mobile: foto atrás, texto embaixo, CTA com largura total */\n.l-mobile { height: 560px; }\n.l-mobile .photo { width: 100%; left: 0; }\n.l-mobile .photo::before { display: none; }\n.l-mobile .photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(11,11,12,.95) 0%, rgba(11,11,12,.7) 45%, rgba(11,11,12,0) 78%); }\n.l-mobile .checker { width: 96px; height: 48px; background-size: 48px 48px; }\n.l-mobile .copy { top: auto; width: 100%; padding: 0 20px 76px; justify-content: flex-end; }\n.l-mobile .eyebrow { margin-bottom: 14px; font-size: 11px; letter-spacing: .24em; gap: 10px; }\n.l-mobile .title { font-size: 34px; line-height: 1; font-stretch: 112%; }\n.l-mobile .lead { font-size: 15px; margin-top: 12px; }\n.l-mobile .cta { margin-top: 20px; height: 52px; width: 100%; align-self: stretch; }\n.l-mobile .t-long, .l-mobile .x-long { display: none; }\n.l-mobile .t-short, .l-mobile .x-short { display: inline; }\n.l-mobile .ctrl { left: 50%; right: auto; transform: translateX(-50%); bottom: 16px; }\n.l-mobile .arrows { display: none; }\n`,\n\n mounted(d2, root) {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n if (typeof ResizeObserver !== 'undefined') {\n const ro = new ResizeObserver((e) => {\n const w = detect(e[0].contentRect.width);\n if (d2.state.auto !== w) d2.state.auto = w;\n });\n ro.observe(root);\n d2.onUnmount(() => ro.disconnect());\n }\n const total = () => slidesOf(d2.params && d2.params.slides).length;\n const go = (i) => {\n const n = total();\n const next = ((i % n) + n) % n;\n if (d2.state.i !== next) {\n d2.state.i = next;\n try { d2.emit('onSlideChange', next); } catch (err) { /* sem handler */ }\n }\n };\n const cur = () => d2.state.i || 0;\n d2.on('.arr.prev', 'click', () => { go(cur() - 1); restart(); });\n d2.on('.arr.next', 'click', () => { go(cur() + 1); restart(); });\n d2.on('.dot', 'click', (e, el) => { go(Number(el.dataset.i)); restart(); });\n d2.on('.hero', 'keydown', (e) => {\n if (e.key === 'ArrowLeft') { go(cur() - 1); restart(); }\n if (e.key === 'ArrowRight') { go(cur() + 1); restart(); }\n });\n\n // Arrastar para o lado troca o slide (celular e tablet)\n let x0 = null;\n d2.on('.hero', 'pointerdown', (e) => { x0 = e.clientX; });\n d2.on('.hero', 'pointerup', (e) => {\n if (x0 == null) return;\n const dx = e.clientX - x0; x0 = null;\n if (Math.abs(dx) > 48) { go(cur() + (dx < 0 ? 1 : -1)); restart(); }\n });\n\n // Troca automática opcional (autoplay em segundos; 0 desliga). Pausa ao passar o mouse.\n let timer = null;\n const stop = () => { if (timer) { clearInterval(timer); timer = null; } };\n const start = () => {\n stop();\n const s = Number(d2.params && d2.params.autoplay) || 0;\n const reduce = typeof matchMedia !== 'undefined' && matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (s > 0 && !reduce && total() > 1) timer = setInterval(() => go(cur() + 1), s * 1000);\n };\n function restart() { start(); }\n d2.on('.hero', 'mouseover', stop);\n d2.on('.hero', 'mouseout', (e) => { const h = d2.$('.hero'); if (!h || !e.relatedTarget || !h.contains(e.relatedTarget)) start(); });\n start();\n d2.onUnmount(stop);\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : (d2.state.auto || 'desktop');\n const slides = slidesOf(p.slides);\n const n = slides.length;\n const active = Math.min(d2.state.i || 0, n - 1);\n const iconRef = refOf(d2.param('iconComponent'));\n const buttonRef = refOf(d2.param('button'));\n const mob = layout === 'mobile';\n\n const ic = (name, key, size, color) => iconRef\n ? d2.render(iconRef, { name, size, iconColor: color || 'currentColor' }, { key, width: size, height: size, class: 'slot' })\n : '';\n\n const html = slides.map((s, i) => {\n const img = (layout === 'mobile' && s.imageMobile) || (layout !== 'desktop' && s.imageTablet) || s.image || '';\n const photo = img\n ? `
${ic('image', 'ph-' + i, 40, '#6b6e73')}Foto ${PHOTO[layout]}
`;\n const cta = buttonRef && s.ctaLabel\n ? `${d2.render(buttonRef, {\n label: mob && s.ctaShortLabel ? s.ctaShortLabel : s.ctaLabel,\n variant: 'brand', size: 'hero', fullWidth: 'mobile', arrow: true, layout, href: s.ctaHref || ''\n }, { key: 'cta-' + i, onClick: () => { try { d2.emit('onCta', { index: i, href: s.ctaHref || '' }); } catch (err) { /* sem handler */ } } })}
`\n : '';\n const shortT = s.shortTitle || s.title;\n const shortX = s.shortText || s.text;\n return ``;\n }).join('');\n\n const dots = n > 1 ? `${slides.map((s, i) =>\n ``).join('')}
` : '';\n const arrows = n > 1 && layout === 'desktop'\n ? ``\n : '';\n\n return `${dots}${arrows}
` : ''}${esc(num)}
` : ''}\n${esc(label)}
${cap ? `${esc(cap)}
` : ''}${brl(old)}
` : '';\n\n if (size === 'buybox') {\n return `${oldHtml}\n
`;\n }\n const card = n > 1 ? `ou ${n}x no cartão` : 'no cartão';\n return `${brl(price)}
\n ${showPix ? `${brl(pix)} no Pix
` : ''}\n ${n > 1 ? `ou ${n}x de ${brl(Math.floor((price / n) * 100) / 100)} sem juros no cartão
` : ''}\n${oldHtml}\n
`;\n }\n};"}},"installments":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"installments"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"muted":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"muted"}}}},"oldPrice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"oldPrice"}}}},"pixDiscount":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"pixDiscount"}}}},"pixPrice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"pixPrice"}}}},"price":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"price"}}}},"size":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"size"}}}}}}}}}},{"_id":"6ab6caa02283ab0cf1c3c187","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"ProductCard","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// ProductCard — Loja Lucas Fontana\n// Card de produto: foto quadrada, selos, nome, preço e o botão de compra.\n// Não desenha preço, botão, selos nem ícones: reaproveita Price, Button, Badge e Icon\n// pelos parâmetros `priceComponent`, `button`, `badge` e `iconComponent`.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst detect = (w) => (w >= 290 ? 'desktop' : w >= 200 ? 'tablet' : 'mobile');\nconst fire = (d2, name, payload) => { try { d2.emit(name, payload); } catch (err) { /* sem handler */ } };\n\nexport default {\n css: `\n:host { display: block; width: 100%; height: 100%; }\n* { box-sizing: border-box; }\n.pc { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-50: #f5f5f3; --grey-100: #ececea; --grey-500: #6b6e73; --line: #e4e4e2;\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased;\n display: flex; flex-direction: column; width: 100%; height: 100%; background: var(--white); color: var(--ink); border-radius: 0; }\n.pc.outlined { border: 1px solid var(--line); transition: border-color .15s ease; }\n.pc.outlined:hover { border-color: var(--ink); }\n\n.media { position: relative; display: block; width: 100%; flex: 1 1 0; min-height: 120px; background: var(--grey-100); overflow: hidden; }\n.media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }\n.pc:hover .media img { transform: scale(1.03); }\n.media:focus-visible, .name a:focus-visible { outline: 2px solid var(--red-500); outline-offset: 2px; }\n.ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #a7a9ad; }\n.ph .slot { width: 40px; height: 40px; }\n.oos .media img, .oos .ph { opacity: .45; }\n.tags { position: absolute; top: 12px; left: 12px; right: 12px; display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none; }\n.tag { height: 24px; }\n.soon { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 12px; background: var(--ink); color: var(--white);\n font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; text-align: center; }\n\n.body { display: flex; flex-direction: column; flex: none; padding: 16px 0 0; }\n.outlined .body { padding: 16px; }\n.brand { margin: 0 0 6px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--grey-500); }\n.name { margin: 0; font-size: 15px; line-height: 1.35; font-weight: 600; min-height: calc(1.35em * 2);\n display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }\n.name a { color: inherit; text-decoration: none; }\n.name a:hover { color: var(--red-500); }\n.price { margin-top: 12px; }\n.act { margin-top: auto; padding-top: 16px; height: 60px; flex: none; }\n\n/* Tablet */\n.l-tablet .name { font-size: 15px; }\n\n/* Mobile */\n.l-mobile .tags { top: 8px; left: 8px; right: 8px; gap: 4px; }\n.l-mobile .tag { height: 20px; }\n.l-mobile .soon { padding: 8px; font-size: 10px; letter-spacing: .1em; }\n.l-mobile .body { padding-top: 12px; }\n.l-mobile.outlined .body { padding: 12px; }\n.l-mobile .brand { font-size: 10px; margin-bottom: 4px; }\n.l-mobile .name { font-size: 13px; }\n.l-mobile .price { margin-top: 8px; }\n.l-mobile .act { padding-top: 12px; height: 56px; }\n`,\n\n mounted(d2, root) {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n // Sem `layout` fixo, o card segue a largura da própria coluna da grade\n if (typeof ResizeObserver !== 'undefined') {\n const ro = new ResizeObserver((e) => {\n const w = detect(e[0].contentRect.width);\n if (d2.state.auto !== w) d2.state.auto = w;\n });\n ro.observe(root);\n d2.onUnmount(() => ro.disconnect());\n }\n d2.on('.media, .name a', 'click', () => fire(d2, 'onOpen', d2.params && d2.params.sku));\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : (d2.state.auto || 'desktop');\n const mob = layout === 'mobile';\n const oos = truthy(p.outOfStock);\n const outlined = p.variant === 'outlined';\n const name = p.name || 'Shampoo automotivo neutro';\n const href = p.href || '#';\n const sku = p.sku || '';\n\n const priceRef = refOf(d2.param('priceComponent'));\n const buttonRef = refOf(d2.param('button'));\n const badgeRef = refOf(d2.param('badge'));\n const iconRef = refOf(d2.param('iconComponent'));\n\n const photo = p.image\n ? `${brl(price)}
\n${showPix ? `${brl(pix)} no Pix · ` : ''}${esc(card)}
\n${iconRef ? d2.render(iconRef, { name: 'image', size: 40, iconColor: '#a7a9ad' }, { key: 'ph', width: 40, height: 40, class: 'slot' }) : ''}
`;\n\n // Selos: parceiro (preto) + selo livre (vermelho). Sem estoque, o selo livre sai.\n const tags = [];\n if (p.partner) tags.push({ k: 'partner', label: p.partner, tone: 'ink' });\n if (p.tag && !oos) tags.push({ k: 'tag', label: p.tag, tone: 'red' });\n const tagHtml = badgeRef && tags.length\n ? ``\n : '';\n\n const price = priceRef\n ? `${d2.render(priceRef, {\n price: p.price, pixPrice: p.pixPrice, pixDiscount: p.pixDiscount, installments: p.installments, oldPrice: p.oldPrice,\n size: 'card', layout, muted: oos\n }, { key: 'price', height: 'auto' })}
`\n : '';\n\n const btn = buttonRef\n ? `${d2.render(buttonRef, oos\n ? { label: p.notifyLabel || 'Me avise quando chegar', shortLabel: 'Avise-me', variant: 'outline', size: 'sm', fullWidth: 'always', layout }\n : { label: p.addLabel || 'Adicionar à sacola', shortLabel: 'Adicionar', variant: 'primary', size: 'sm', fullWidth: 'always', layout },\n { key: oos ? 'notify' : 'add', height: 44, onClick: () => fire(d2, oos ? 'onNotify' : 'onAdd', sku) })}
`\n : '';\n\n return `');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst detect = (w) => (w >= 1000 ? 'desktop' : w >= 600 ? 'tablet' : 'mobile');\nconst pad = (v) => { const n = Number(v); return Number.isFinite(n) && v !== '' && v != null ? (n < 10 ? '0' + n : String(n)) : String(v || ''); };\nfunction listOf(v) {\n let l = v;\n if (typeof l === 'string') l = l.split('\\n').map((s) => s.trim()).filter(Boolean);\n return Array.isArray(l) ? l : DEFAULT_POINTS;\n}\n\nexport default {\n css: `\n:host { display: block; width: 100%; height: 100%; }\n* { box-sizing: border-box; }\n.fp { --red-500: #c8102e; --red-400: #e23a52; --ink: #0b0b0c; --white: #ffffff; --graphite-800: #2a2b2e; --graphite-900: #1c1d1f; --graphite-950: #121314;\n --text-inv-2: #b9bbbe;\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased;\n display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: minmax(0, 1fr); width: 100%; height: 100%; min-height: 520px; background: var(--graphite-900); color: var(--white); border-radius: 0; overflow: hidden; }\n.fp.t-ink { background: var(--ink); }\n.fp.rev .photo { order: -1; }\np, h2, ul { margin: 0; }\n\n.copy { display: flex; flex-direction: column; justify-content: center; padding: 48px 56px; min-width: 0; }\n.eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; color: var(--red-400); font-size: 12px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; }\n.eyebrow b { font-weight: 800; letter-spacing: .1em; }\n.eyebrow i { display: block; width: 24px; height: 2px; background: var(--red-500); transform: skewX(-30deg); }\n.title { font-size: 44px; line-height: .98; font-weight: 800; font-style: italic; font-stretch: 118%; text-transform: uppercase; letter-spacing: -.005em; }\n.t-short { display: none; }\n.text { margin-top: 18px; max-width: 480px; font-size: 16px; line-height: 1.5; color: var(--text-inv-2); }\n.points { list-style: none; padding: 0; margin-top: 20px; display: flex; flex-direction: column; gap: 10px; }\n.points li { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; line-height: 1.3; }\n.points .slot { flex: none; width: 20px; height: 20px; }\n.cta { margin-top: 28px; height: 52px; align-self: flex-start; }\n\n.photo { position: relative; min-height: 0; height: 100%; background: var(--graphite-800); overflow: hidden; }\n.photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }\n.ph { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: #6b6e73;\n background: repeating-linear-gradient(-18deg, var(--graphite-800) 0 22px, #34353a 22px 24px); }\n.ph .slot { width: 40px; height: 40px; }\n.ph span { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }\n.checker { position: absolute; right: 0; bottom: 0; width: 120px; height: 60px; pointer-events: none;\n background: repeating-conic-gradient(var(--white) 0 25%, var(--ink) 0 50%) 0 0 / 60px 60px; }\n\n/* Tablet: foto em cima, texto embaixo */\n.l-tablet { grid-template-columns: 1fr; grid-template-rows: auto 1fr; min-height: 0; }\n.l-tablet .photo { order: -1; aspect-ratio: 16 / 9; height: auto; }\n.l-tablet .copy { padding: 40px; justify-content: flex-start; }\n.l-tablet .title { font-size: 40px; font-stretch: 112%; }\n.l-tablet .text { max-width: 560px; }\n.l-tablet .cta { margin-top: 28px; }\n\n/* Mobile: empilhado, CTA com largura total */\n.l-mobile { grid-template-columns: 1fr; grid-template-rows: auto 1fr; min-height: 0; }\n.l-mobile .photo { order: -1; aspect-ratio: 4 / 3; height: auto; }\n.l-mobile .checker { width: 96px; height: 48px; background-size: 48px 48px; }\n.l-mobile .copy { padding: 28px 20px 32px; justify-content: flex-start; }\n.l-mobile .eyebrow { margin-bottom: 14px; font-size: 11px; letter-spacing: .24em; gap: 10px; }\n.l-mobile .title { font-size: 30px; line-height: 1; font-stretch: 110%; }\n.l-mobile .t-long { display: none; }\n.l-mobile .t-short { display: inline; }\n.l-mobile .text { margin-top: 14px; font-size: 15px; }\n.l-mobile .points { margin-top: 20px; gap: 10px; }\n.l-mobile .points li { font-size: 14px; }\n.l-mobile .cta { margin-top: 24px; width: 100%; align-self: stretch; }\n`,\n\n mounted(d2, root) {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n if (typeof ResizeObserver !== 'undefined') {\n const ro = new ResizeObserver((e) => {\n const w = detect(e[0].contentRect.width);\n if (d2.state.auto !== w) d2.state.auto = w;\n });\n ro.observe(root);\n d2.onUnmount(() => ro.disconnect());\n }\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : (d2.state.auto || 'desktop');\n const mob = layout === 'mobile';\n const tone = p.tone === 'ink' ? 'ink' : 'graphite';\n const iconRef = refOf(d2.param('iconComponent'));\n const buttonRef = refOf(d2.param('button'));\n\n const eyebrow = p.eyebrow == null ? 'Parceria oficial' : p.eyebrow;\n const num = p.number == null ? '02' : pad(p.number);\n const title = p.title || 'Peça de pista.\\nNa sua garagem.';\n const shortTitle = p.shortTitle || title;\n const body = p.body == null ? 'A linha de performance da BPower Motorsport. Produtos enviados diretamente pela BPower, com a garantia da loja oficial.' : p.body;\n const points = listOf(p.points);\n const ctaLabel = p.ctaLabel == null ? 'Conhecer a linha BPower' : p.ctaLabel;\n\n const ic = (name, key, size, color) => iconRef\n ? d2.render(iconRef, { name, size, iconColor: color }, { key, width: size, height: size, class: 'slot' })\n : '';\n\n const photo = p.image\n ? `
${ic('image', 'ph', 40, '#6b6e73')}Foto ${PHOTO[layout]}
`;\n\n const cta = buttonRef && ctaLabel\n ? `${d2.render(buttonRef, {\n label: mob && p.ctaShortLabel ? p.ctaShortLabel : ctaLabel,\n variant: p.ctaVariant === 'light' ? 'light' : 'brand', size: 'lg', fullWidth: 'mobile', arrow: true, layout, href: p.ctaHref || ''\n }, { key: 'cta', onClick: () => { try { d2.emit('onCta', p.ctaHref || ''); } catch (err) { /* sem handler */ } } })}
`\n : '';\n\n return `\n ${eyebrow ? `
\n ${num ? `${esc(num)}` : ''}${esc(eyebrow)}
` : ''}\n${lines(title)}${lines(shortTitle)}
\n ${body ? `${esc(body)}
` : ''}\n ${points.length ? `- ${points.map((t, i) => `
- ${ic('check', 'ck' + i, 20, '#e23a52')}${esc(t)} `).join('')}
${photo}
\n ${d2.render(iconRef, { name: glyphName, size, iconColor: 'currentColor' }, { key: 'glyph', width: size, height: size })}
`\n : '';\n\n let cta = '';\n if (ctaLabel && asLink) {\n cta = `${d2.render(linkRef, {\n label, href: p.ctaHref || '', tone: dark ? 'light' : 'dark', layout\n }, { key: 'cta-link', onClick: fire })}
`;\n } else if (ctaLabel && buttonRef) {\n cta = `${d2.render(buttonRef, {\n label, variant: dark ? 'light' : 'outline', size: 'sm', fullWidth: 'mobile', arrow: true, layout, href: p.ctaHref || ''\n }, { key: 'cta', onClick: fire })}
`;\n }\n\n return `${esc(title)}
${body ? `${esc(body)}
` : ''}${esc(eyebrow)}
`\n : `${lead}${esc(eyebrow)}
`;\n return `\n
`;\n }\n};"}},"actionHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"actionHref"}}}},"actionLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"actionLabel"}}}},"eyebrow":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"eyebrow"}}}},"kicker":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"kicker"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"number":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"number"}}}},"onAction":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onAction"}}}},"title":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"title"}}}}}}}}}},{"_id":"6ab6e5dee92b0a717903157e","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"docCreateOrder","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n .doc { box-sizing:border-box; font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif; background:#f5f5f3; color:#0f172a; min-height:100%; height:100%; overflow-y:auto; padding:48px 24px; }\n .doc *{ box-sizing:border-box; }\n .wrap{ max-width:920px; margin:0 auto; }\n .h1{ font-size:34px; font-weight:800; letter-spacing:-0.02em; margin:0 0 8px; }\n .sub{ font-size:16px; color:#475569; line-height:1.55; margin:0 0 14px; }\n .badge{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:#b45309; background:#fef3c7; border:1px solid #fde68a; padding:5px 12px; border-radius:999px; text-transform:uppercase; letter-spacing:.05em; }\n .card{ background:#fff; border:1px solid #e7e7e4; border-radius:16px; padding:22px 26px; margin-top:20px; box-shadow:0 1px 2px rgba(15,23,42,.04); }\n .card h2{ font-size:19px; font-weight:700; margin:0 0 12px; }\n .card p{ font-size:14px; line-height:1.6; color:#475569; margin:0 0 4px; }\n .flow{ font-size:14px; font-weight:600; color:#0f172a; line-height:1.6; margin:0 0 12px; }\n .chip{ display:inline-block; background:#eef2ff; color:#4338ca; border-radius:6px; padding:1px 7px; font-weight:600; font-family:\"Roboto Mono\",ui-monospace,monospace; font-size:12.5px; }\n ul{ margin:8px 0 0; padding-left:20px; }\n li{ font-size:14px; line-height:1.6; color:#475569; margin:4px 0; }\n code.k{ font-family:\"Roboto Mono\",ui-monospace,monospace; background:#f1f5f9; padding:1px 6px; border-radius:5px; font-size:13px; color:#0f172a; }\n pre{ background:#0f172a; color:#e2e8f0; border-radius:10px; padding:18px 20px; overflow-x:auto; font-family:\"Roboto Mono\",ui-monospace,SFMono-Regular,monospace; font-size:12.5px; line-height:1.6; margin:12px 0 0; white-space:pre; }\n table{ width:100%; border-collapse:collapse; margin-top:6px; }\n th,td{ text-align:left; padding:8px 10px; font-size:13px; border-bottom:1px solid #eef0f2; vertical-align:top; }\n th{ color:#64748b; font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.04em; }\n td .kk{ font-family:\"Roboto Mono\",ui-monospace,monospace; color:#0f172a; font-weight:600; }\n .req{ color:#dc2626; font-size:10px; font-weight:700; margin-left:4px; }\n .warn{ color:#b45309; background:#fffbeb; border:1px solid #fde68a; border-radius:8px; padding:10px 12px; font-size:13px; font-weight:600; margin-top:12px; }\n .muted{ color:#64748b; font-size:13px; line-height:1.6; margin-top:12px; }\n `,\n render() {\n return `\n \n ${top}\n
\n ${p.actionLabel ? `${esc(p.actionLabel)}` : ''}\n ${esc(title)}
\n\n
Criar Order — Mercado Pago
\n Guia de integração do endpoint interno de criação de pedidos (Checkout Pro Orders). Use como referência para chamar essa criação de qualquer lugar do app.
\n ● Ambiente de TESTE (sandbox)\n\n\n
\n\n Arquitetura
\nCliente → Rush Listener (createOrderHandler) → HTTP Request (createOrder) → API Mercado Pago (POST /v1/orders)
\nComponentes no workspace Mercado Pago:
\n- \n
- Key Vault
mercado-pago-test— guardaACCESS_TOKEN(token da API) eCreateOrderRush(chave de acesso ao endpoint). \n - HTTP Client
mercadoPago— basehttps://api.mercadopago.com\n - HTTP Request
createOrder— POST /v1/orders (dinâmico: recebe data + headers). \n - Rush Listener
createOrderHandler— ponto de entrada: valida a chave, gera a idempotência, monta o body e chama a API. \n
\n \n
\n
\n\n Endpoint
\n| Método | POST |
| URL | https://babi-lf.data2apis.com/rush/createOrderHandler |
| Content-Type | application/json |
| Authorization | <chave CreateOrderRush> |
\n
\n\n Autenticação
\nO handler valida a chave antes de criar qualquer order:
\n- \n
- Lê o valor de
CreateOrderRushno Key Vault (resolvido em runtime dentro do handler). \n - Compara com o header
Authorizationenviado na chamada. \n - Se não bater (ou faltar) → responde
{ \"error\": \"Unauthorized\" }e não cria order. \n
Aceita o header nos dois formatos: Authorization: <chave> ou Authorization: Bearer <chave>. Nunca coloque a chave no front-end público — ela deve vir do backend/vault.
\n \n
\n
\n\n Corpo da requisição (body)
\n| Campo | Tipo | Descrição |
|---|---|---|
| total_amountOBRIGATÓRIO | string | Valor total do pedido. Ex: \"1000.00\" |
| external_reference | string | Seu identificador do pedido. |
| payer_email | string | E-mail do comprador. |
| items[]OBRIGATÓRIO | array | Cada item: title (string), unit_price (string), quantity (número). |
Definidos automaticamente pelo handler (não enviar): type=\"online\", processing_mode=\"manual\", X-Idempotency-Key (único por chamada) e o Authorization do token da API.
⚠️ NÃO envie
\n unit_measure nem total_amount DENTRO de items — a API rejeita (erro unsupported_properties).\n
\n\n Exemplo de chamada
\ncurl -X POST 'https://babi-lf.data2apis.com/rush/createOrderHandler' \\\\\n -H 'Content-Type: application/json' \\\\\n -H 'Authorization: SUA_CHAVE_CreateOrderRush' \\\\\n -d '{\n \"total_amount\": \"1000.00\",\n \"external_reference\": \"order_pro_123\",\n \"payer_email\": \"buyer@email.com\",\n \"items\": [\n { \"title\": \"Meu produto\", \"unit_price\": \"1000.00\", \"quantity\": 1 }\n ]\n }'\n \n \n
\n
\n\n Resposta de sucesso
\nRetorna { \"data\": { \"idempotency_key\": \"...\", \"status\": 201, \"order\": { ... } } }:
| Campo | Descrição |
|---|---|
| idempotency_key | Chave única gerada pelo handler para esta criação. |
| status | Status HTTP devolvido pelo Mercado Pago. 201 = order criada; 4xx/5xx = erro (os detalhes vêm em order). |
| order | A order completa retornada pelo Mercado Pago (ou o corpo do erro). |
Campos úteis em order:
{\n \"id\": \"ORDTST01M3D5S9EW932A8S9MNXGYW775\",\n \"status\": \"created\",\n \"total_amount\": \"1000.00\",\n \"checkout_url\": \"https://www.mercadopago.com.br/checkout/v1/redirect?order_id=...\"\n}\n Redirecione o comprador para o checkout_url para concluir o pagamento. Guarde o order.id para consultar o status depois (endpoint getOrderHandler).
⚠️ Mudança de formato: antes a order vinha em
\n order.data, junto com dados internos da chamada. Agora vem direto em order (ex.: order.id, order.checkout_url). Ajuste quem lia order.data.*.\n
\n\n Erros comuns
\n- \n
Unauthorized— chave ausente/errada no header Authorization. Nenhuma order é criada. \n unsupported_properties— campos não suportados no body (ex.: unit_measure / total_amount dentro de items). \n idempotency_key_already_used— não deve ocorrer: o handler gera uma chave única por chamada. \n status: 401— problema com o ACCESS_TOKEN do vault (credencial inválida ou vencida). \n - Sempre confira o campo
status: se não for 201, a order não foi criada eordertraz o erro do Mercado Pago. \n
\n
\n\n Como reutilizar em outros lugares
\nDe um botão no app (onClick) ou de outro Rush handler, chame o listener diretamente:
\n@createOrderHandler.invoke({\n body: { total_amount, external_reference, payer_email, items },\n headers: { Authorization: <chave CreateOrderRush> }\n})\n Endpoints relacionados (mesma chave): getOrderHandler (consultar uma order pelo ID) e searchOrdersHandler (buscar orders por período e filtros).
De um serviço externo (backend/curl): use a URL do endpoint com o header Authorization. Regra de ouro: a chave CreateOrderRush vem do vault/backend, nunca hardcoded no front público.
\n
Consultar Order — Mercado Pago
\n Guia de integração do endpoint interno de consulta de pedidos (Checkout Pro Orders). Use para buscar todos os dados e o status atual de uma order a partir do ID retornado na criação.
\n ● Ambiente de TESTE (sandbox)\n\n\n
\n\n Arquitetura
\nCliente → Rush Listener (getOrderHandler) → HTTP Request (getOrder) → API Mercado Pago (GET /v1/orders/{order_id})
\nComponentes no workspace Mercado Pago:
\n- \n
- Key Vault
mercado-pago-test— guardaACCESS_TOKEN(token da API) eCreateOrderRush(chave de acesso ao endpoint, a mesma do Criar Order). \n - HTTP Client
mercadoPago— basehttps://api.mercadopago.com\n - HTTP Request
getOrder— GET /v1/orders/{order_id} (dinâmico: recebe url + headers). \n - Rush Listener
getOrderHandler— ponto de entrada: valida a chave, valida o order_id, injeta o token e chama a API. \n
\n \n
\n
\n\n Endpoint
\n| Método | GET (também aceita POST com o order_id no body) |
| URL | https://babi-lf.data2apis.com/rush/getOrderHandler?order_id=<ID> |
| Authorization | <chave CreateOrderRush> |
\n
\n\n Autenticação
\nO handler valida a chave antes de consultar qualquer order:
\n- \n
- Lê o valor de
CreateOrderRushno Key Vault (resolvido em runtime dentro do handler). \n - Compara com o header
Authorizationenviado na chamada. \n - Se não bater (ou faltar) → responde
{ \"error\": \"Unauthorized\" }e não chama o Mercado Pago. \n
Aceita o header nos dois formatos: Authorization: <chave> ou Authorization: Bearer <chave>. Nunca coloque a chave no front-end público — ela deve vir do backend/vault. A resposta traz dados do comprador e do pagamento, por isso o endpoint é protegido.
\n \n
\n
\n\n Parâmetros
\n| Campo | Onde | Descrição |
|---|---|---|
| order_idOBRIGATÓRIO | query (ou body) | ID da order retornado no order.id da criação. Ex: \"ORDTST01M3D7PXZ6XEYQFCMY7HY9VSA4\" |
Definido automaticamente pelo handler (não enviar): o Authorization com o ACCESS_TOKEN da API do Mercado Pago.
⚠️ O order_id só pode ter letras e números. Qualquer outro caractere (/, espaço, ?, etc.) é recusado com Bad Request antes de chamar a API.
\n \n
\n\n Exemplo de chamada
\ncurl -X GET 'https://babi-lf.data2apis.com/rush/getOrderHandler?order_id=ORDTST01M3D7PXZ6XEYQFCMY7HY9VSA4' \\\\\n -H 'Authorization: SUA_CHAVE_CreateOrderRush'\n
\n
\n\n Resposta de sucesso
\nRetorna { \"data\": { \"status\": 200, \"order\": { ... } } }, com a order completa do Mercado Pago. Campos mais úteis em order:
{\n \"id\": \"ORDTST01M3D7PXZ6XEYQFCMY7HY9VSA4\",\n \"status\": \"created\",\n \"status_detail\": \"...\",\n \"external_reference\": \"order_auth_test\",\n \"total_amount\": \"1000.00\",\n \"checkout_url\": \"https://www.mercadopago.com.br/checkout/v1/redirect?order_id=...\",\n \"items\": [ { \"title\": \"Meu produto\", \"unit_price\": \"1000.00\", \"quantity\": 1 } ]\n}\n Use order.status para saber em que pé está o pedido: created (criada, aguardando pagamento), processed (pagamento processado) ou action_required (precisa de ação do integrador). O campo status fora da order é o status HTTP devolvido pelo Mercado Pago.
\n
\n\n Erros comuns
\n- \n
Unauthorized— chave ausente/errada no header Authorization. O Mercado Pago não é chamado. \n Bad Request— order_id ausente ou com caracteres inválidos. \n status: 404/order_not_found— o ID não existe (ou é de outro ambiente/conta). \n status: 401— problema com o ACCESS_TOKEN do vault (credencial inválida ou vencida). \n
\n
\n\n Como reutilizar em outros lugares
\nDe um botão no app (onClick) ou de outro Rush handler, chame o listener diretamente:
\n@getOrderHandler.invoke({\n body: { order_id },\n headers: { Authorization: <chave CreateOrderRush> }\n})\n Fluxo típico: guarde o order.id retornado pelo Criar Order e use este endpoint para checar o status depois que o comprador volta do checkout. Regra de ouro: a chave CreateOrderRush vem do vault/backend, nunca hardcoded no front público.
\n
Buscar Orders — Mercado Pago
\n Guia de integração do endpoint interno de busca de pedidos (Checkout Pro Orders). Use para listar orders por período de criação, com filtros opcionais e paginação.
\n ● Ambiente de TESTE (sandbox)\n\n\n
\n\n Arquitetura
\nCliente → Rush Listener (searchOrdersHandler) → HTTP Request (searchOrders) → API Mercado Pago (GET /v1/orders)
\nComponentes no workspace Mercado Pago:
\n- \n
- Key Vault
mercado-pago-test— guardaACCESS_TOKEN(token da API) eCreateOrderRush(chave de acesso ao endpoint, a mesma do Criar Order). \n - HTTP Client
mercadoPago— basehttps://api.mercadopago.com\n - HTTP Request
searchOrders— GET /v1/orders (dinâmico: recebe url + headers). \n - Rush Listener
searchOrdersHandler— ponto de entrada: valida a chave, valida os filtros, monta a URL de busca, injeta o token e chama a API. \n
\n \n
\n
\n\n Endpoint
\n| Método | GET (também aceita POST com os filtros no body) |
| URL | https://babi-lf.data2apis.com/rush/searchOrdersHandler?begin_date=...&end_date=... |
| Authorization | <chave CreateOrderRush> |
\n
\n\n Autenticação
\nO handler valida a chave antes de buscar qualquer order:
\n- \n
- Lê o valor de
CreateOrderRushno Key Vault (resolvido em runtime dentro do handler). \n - Compara com o header
Authorizationenviado na chamada. \n - Se não bater (ou faltar) → responde
{ \"error\": \"Unauthorized\" }e não chama o Mercado Pago. \n
Aceita o header nos dois formatos: Authorization: <chave> ou Authorization: Bearer <chave>. Nunca coloque a chave no front-end público — a busca devolve orders de todos os compradores.
\n \n
\n
\n\n Filtros
\n| Campo | Formato | Descrição |
|---|---|---|
| begin_dateOBRIGATÓRIO | RFC 3339 | Início do período de criação. Ex: \"2026-09-25T00:00:00Z\" |
| end_dateOBRIGATÓRIO | RFC 3339 | Fim do período de criação. Ex: \"2026-09-26T00:00:00Z\" |
| external_reference | string | Seu identificador do pedido (o mesmo enviado no Criar Order). Letras, números, _ ou -, até 64. |
| status | string | Status da order: created, processed, action_required… |
| limit | número | Quantidade por página. |
| offset | número | A partir de qual resultado (paginação). |
Pode enviar os filtros na query (GET) ou no body (POST). O handler cuida do encoding das datas e injeta o Authorization com o ACCESS_TOKEN — não enviar.
⚠️ Qualquer filtro fora do formato é recusado com Bad Request antes de chamar a API. Datas precisam do horário e do fuso (Z ou ±hh:mm).
\n \n
\n\n Exemplo de chamada
\ncurl -X GET 'https://babi-lf.data2apis.com/rush/searchOrdersHandler?begin_date=2026-09-25T00:00:00Z&end_date=2026-09-26T00:00:00Z&status=created&limit=10' \\\\\n -H 'Authorization: SUA_CHAVE_CreateOrderRush'\n
\n \n
\n
\n\n Resposta de sucesso
\nRetorna { \"data\": { \"status\": 200, \"result\": { \"data\": [ ... ], \"paging\": { ... } } } }:
| Campo | Descrição |
|---|---|
| status | Status HTTP devolvido pelo Mercado Pago. 200 = busca ok; 4xx/5xx = erro (detalhes em result). |
| result.data[] | Lista de orders encontradas. |
| result.paging | total, total_pages, offset e limit. |
{\n \"status\": 200,\n \"result\": {\n \"data\": [\n {\n \"id\": \"ORDTST01M3D7PXZ6XEYQFCMY7HY9VSA4\",\n \"external_reference\": \"order_auth_test\",\n \"status\": \"created\",\n \"total_amount\": \"1000.00\",\n \"created_date\": \"2026-09-25T21:31:59.86Z\",\n \"items\": [ { \"title\": \"Meu produto\", \"unit_price\": \"1000.00\", \"quantity\": 1 } ]\n }\n ],\n \"paging\": { \"total\": \"3\", \"total_pages\": \"1\", \"offset\": \"0\", \"limit\": \"20\" }\n }\n}\n \n
\n\n Erros comuns
\n- \n
Unauthorized— chave ausente/errada no header Authorization. O Mercado Pago não é chamado. \n Bad Request— begin_date/end_date ausentes ou algum filtro fora do formato. \n status: 400/invalid_parameter— o Mercado Pago recusou algum valor (ex.: período inválido). \n status: 401— problema com o ACCESS_TOKEN do vault (credencial inválida ou vencida). \n
\n
\n\n Como reutilizar em outros lugares
\nDe um botão no app (onClick) ou de outro Rush handler, chame o listener diretamente:
\n@searchOrdersHandler.invoke({\n body: { begin_date, end_date, status, external_reference, limit, offset },\n headers: { Authorization: <chave CreateOrderRush> }\n})\n Usos típicos: relatório de vendas do dia, conciliação por external_reference e listar orders pendentes (status=created). Para detalhes completos de uma order, use o getOrderHandler com o id. Regra de ouro: a chave CreateOrderRush vem do vault/backend, nunca hardcoded no front público.
${el}
`;\n }\n};"}},"arrow":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"arrow"}}}},"href":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"href"}}}},"label":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"label"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"newTab":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"newTab"}}}},"onClick":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onClick"}}}},"tone":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"tone"}}}},"variant":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"variant"}}}}}}}}}},{"_id":"6ab92bdae69f22645a56e5a3","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"Breadcrumb","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Breadcrumb — Loja Lucas Fontana\n// A trilha acima do título da página: \"Início / Cuidado automotivo\".\n// Passos anteriores são links cinza; a página atual é preta, 600, e não é link.\n// No mobile fica numa linha só e rola para o lado (nomes de produto longos); `scroll: false` deixa quebrar.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst list = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst norm = (it) => (it && typeof it === 'object' ? { label: it.label || '', href: it.href || '' } : { label: String(it || ''), href: '' });\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.bc { --red-500: #c8102e; --ink: #0b0b0c; --grey-500: #6b6e73;\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; width: 100%; }\nol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; line-height: 1.4; }\nli { display: flex; align-items: center; gap: 8px; color: var(--grey-500); }\nli + li::before { content: '/'; color: var(--grey-500); }\na { color: var(--grey-500); text-decoration: none; }\na:hover { color: var(--red-500); }\na:focus-visible { outline: 2px solid var(--red-500); outline-offset: 2px; }\n[aria-current] { color: var(--ink); font-weight: 600; }\n.l-mobile ol { font-size: 13px; }\n.scroll ol { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: thin; padding-bottom: 6px; }\n.scroll li { flex-shrink: 0; }\n`,\n\n mounted(d2) {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n d2.on('a', 'click', (e, el) => { try { d2.emit('onNavigate', el.getAttribute('href')); } catch (err) { /* sem handler */ } });\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n let items = list(p.items).map(norm).filter((i) => i.label);\n if (!items.length) items = [{ label: 'Início', href: '/' }, { label: 'Página atual', href: '' }];\n const scroll = layout === 'mobile' && !(p.scroll === false || p.scroll === 'false');\n const last = items.length - 1;\n const lis = items.map((it, i) => {\n if (i === last) return `\n ${pLabel ? `
` : '';\n\n const crumb = bcRef ? `${btn('primary', pLabel, 'brand', p.primaryGlyph == null ? 'youtube' : p.primaryGlyph, p.primaryHref, 'onPrimary')}
` : ''}\n ${sLabel ? `${btn('secondary', sLabel, 'outline', '', p.secondaryHref || '/', 'onSecondary')}
` : ''}\n ${d2.render(bcRef, { items: crumbs, layout }, { key: 'bc' })}
` : '';\n const media = p.image\n ? `${IMG}${esc(p.placeholder || 'Retrato do Lucas')}
`;\n\n return `\n
\n ${crumb}\n ${eyebrow ? `
\n ${esc(eyebrow)}
` : ''}\n${esc(title)}${accent ? `${esc(accent)}` : ''}
\n ${body ? `${esc(body)}
` : ''}\n ${actions}\n${media}
\n - ${items.map((s) => `
- ${esc(s.value)}${esc(s.label)} `).join('')}
${IMG}${esc(p.placeholder || 'Foto')}
`;\n return `\n
`;\n }\n};"}},"eyebrow":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"eyebrow"}}}},"flip":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"flip"}}}},"image":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"image"}}}},"imageAlt":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"imageAlt"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"paragraphs":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"paragraphs"}}}},"placeholder":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"placeholder"}}}},"title":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"title"}}}}}}}}}},{"_id":"6ab92c2fd638cff4260db230","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"ValueCard","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// ValueCard — Loja Lucas Fontana\n// Um motivo numerado para comprar aqui: numeral vermelho em itálico (\"01\"), título em caixa alta e um texto curto,\n// num card branco com borda fina. Use três lado a lado sobre uma Section cinza (tone \"alt\").\n// O texto chega por `body` (o nome `text` é reservado do bloco base do Data2).\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst pad = (v) => { const n = Number(v); return v !== '' && v != null && Number.isFinite(n) ? (n < 10 ? '0' + n : String(n)) : String(v || ''); };\n\nexport default {\n css: `\n:host { display: block; width: 100%; height: 100%; }\n* { box-sizing: border-box; }\n.vc { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-700: #45474b; --line: #e4e4e2;\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased;\n display: flex; flex-direction: column; gap: 10px; width: 100%; height: 100%; padding: 28px;\n background: var(--white); border: 1px solid var(--line); color: var(--ink); }\np, h3 { margin: 0; }\n.num { font-size: 34px; font-weight: 800; font-style: italic; font-stretch: 125%; line-height: 1; color: var(--red-500); }\n.title { margin: 4px 0 0; font-size: 20px; font-weight: 800; font-stretch: 112%; line-height: 1.1; text-transform: uppercase; }\n.text { font-size: 15px; line-height: 1.6; color: var(--grey-700); }\n.l-tablet { padding: 22px; }\n.l-tablet .num, .l-mobile .num { font-size: 28px; }\n.l-tablet .title, .l-mobile .title { font-size: 17px; }\n.l-tablet .text, .l-mobile .text { font-size: 14px; }\n.l-mobile { padding: 22px 20px; }\n`,\n\n mounted() {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const num = pad(p.number == null ? '1' : p.number);\n const title = p.title || 'Testado de verdade';\n const body = p.body == null ? 'O que entra na loja é o que o Lucas usa, testa e mostra nos vídeos.' : p.body;\n return `${media}
\n \n ${eyebrow ? `
\n ${esc(eyebrow)}
` : ''}\n${esc(title)}
\n ${paras.map((t) => `${esc(t)}
`).join('')}\n${esc(num)}
` : ''}\n${esc(title)}
\n ${body ? `${esc(body)}
` : ''}\n${d2.render(shRef, {\n number: p.number || '', eyebrow: p.eyebrow || '', title: p.title || '', kicker: truthy(p.kicker),\n actionLabel: p.actionLabel || '', actionHref: p.actionHref || '', layout\n }, { key: 'sh', onAction: () => { try { d2.emit('onAction', p.actionHref || ''); } catch (err) { /* sem handler */ } } })}
`\n : '';\n return `${esc(x).replace(/\\n/g, '
')}
${esc(p.emptyLabel || 'Nenhuma pergunta por aqui.')}
\n <${hl}>\n
`;\n }).join('');\n return `${paras(it.answer)}
\n ${html}
`;\n }\n};"}},"defaultOpen":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"defaultOpen"}}}},"emptyLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"emptyLabel"}}}},"headingLevel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"headingLevel"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"items":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"items"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onToggle":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onToggle"}}}},"query":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"query"}}}},"single":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"single"}}}}}}}}}},{"_id":"6aba777c976d61457441e04f","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"FaqGroup","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// FaqGroup — Loja Lucas Fontana\n// Um tema do FAQ: título em caixa alta (24px, 20px no mobile) sobre uma régua ink de 2px, e o Accordion logo abaixo.\n// `anchor` é o id do tema: o menu \"Temas\" do FaqLayout usa para pular até ele.\n// Não desenha as perguntas: usa o Accordion pelo parâmetro `accordion` (e repassa o Icon por `iconComponent`).\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst DEMO = [\n { question: 'Quais formas de pagamento vocês aceitam?', answer: 'Pix e cartão de crédito, com parcelamento em até [N]x. Não trabalhamos com boleto.' },\n { question: 'É seguro comprar aqui?', answer: '[Resposta]' },\n { question: 'Preciso ter conta para comprar?', answer: '[Resposta]' }\n];\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.grp { --ink: #0b0b0c;\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased;\n display: flex; flex-direction: column; width: 100%; color: var(--ink); scroll-margin-top: 24px; }\n.gt { margin: 0; padding-bottom: 12px; border-bottom: 2px solid var(--ink); font-size: 24px; font-weight: 800; font-stretch: 115%;\n line-height: 1.05; letter-spacing: .005em; text-transform: uppercase; color: var(--ink); overflow-wrap: break-word; }\n.l-mobile .gt { font-size: 20px; font-stretch: 112%; }\n`,\n\n mounted() {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const accMod = refOf(d2.param('accordion'));\n const iconMod = refOf(d2.param('iconComponent'));\n const items = list(p.items).length ? list(p.items) : DEMO;\n const title = p.title == null ? 'Compras e pagamento' : p.title;\n const anchor = p.anchor ? String(p.anchor) : '';\n const tid = anchor ? anchor + '-t' : 'faq-group-t';\n\n const acc = accMod\n ? d2.render(accMod, {\n items, defaultOpen: p.defaultOpen == null ? [] : p.defaultOpen, single: truthy(p.single),\n query: p.query || '', layout, headingLevel: 3, iconComponent: iconMod\n }, { key: 'acc' + (p.query ? '-q-' + String(p.query).toLowerCase() : ''), style: 'height:auto', onToggle: (e) => { try { d2.emit('onToggle', e); } catch (err) { /* sem handler */ } } })\n : '';\n\n return `${esc(title)}
\n ${acc}\n${d2.render(btnMod, {\n label, variant, size: 'md', fullWidth: 'always', glyph: glyph || '', layout, href: href || '', newTab: /^https?:/.test(href || '')\n }, { key, height: 48, onClick: () => { try { d2.emit(evt, href || ''); } catch (err) { /* sem handler */ } } })}
`;\n\n const btns = btnMod && (pLabel || sLabel) ? `\n ${pLabel ? btn('primary', pLabel, 'brand', dflt(p.primaryGlyph, 'message'), p.primaryHref, 'onPrimary') : ''}\n ${sLabel ? btn('secondary', sLabel, 'ghost', '', p.secondaryHref, 'onSecondary') : ''}\n
` : '';\n\n const foot = footText || footLink\n ? `${esc(footText)}${footText && footLink ? '
' : ''}${footLink ? `${esc(footLink)}` : ''}
${esc(title)}
` : ''}\n ${body ? `${esc(body)}
` : ''}\n ${btns}\n ${foot}\n${d2.render(bcRef, { items: crumbs, layout }, {\n key: 'bc', onNavigate: (h) => { try { d2.emit('onNavigate', h); } catch (err) { /* sem handler */ } } })}
`\n : '';\n\n const search = showSearch && sbRef\n ? `${d2.render(sbRef, {\n layout, size: 'lg', showButton: false, searchIcon: iconRef, button: btnRef,\n placeholder: p.searchPlaceholder || 'Busque sua dúvida: frete, troca, pagamento...',\n shortPlaceholder: p.searchShortPlaceholder || 'Busque sua dúvida',\n ariaLabel: p.searchLabel || 'Buscar nas perguntas frequentes',\n busTopic: p.searchTopic == null ? 'faq:search' : p.searchTopic\n }, { key: 'search', onSearch: (q) => { try { d2.emit('onSearch', q); } catch (err) { /* sem handler */ } } })}
`\n : '';\n\n const meta = layout === 'desktop' && p.meta ? `` : '';\n\n return `\n ${crumb}\n
\n
\n ${search}\n \n ${eyebrow ? `
\n ${meta}\n ${esc(eyebrow)}
` : ''}\n${esc(title)}
\n ${desc ? `${esc(desc)}
` : ''}\n${fgMod\n ? d2.render(fgMod, {\n anchor: g.id, title: g.title, items: g.items, defaultOpen: g.open == null ? [] : g.open, single: truthy(p.single),\n query: q ? rawQ : '', layout, accordion: accMod, iconComponent: iconMod\n }, { key: 'fg-' + g.id + (q ? '-q-' + q : ''), style: 'height:auto' })\n : ''}
`).join('');\n\n const empty = !visible.length ? `\n
` : '';\n\n const showSupport = p.showSupport == null ? true : truthy(p.showSupport);\n const sup = obj(p.support);\n const support = showSupport && scMod\n ? d2.render(scMod, Object.assign({}, sup, { layout, button: btnMod }), {\n key: 'sup-' + (desk ? 'side' : 'end'), style: 'height:auto',\n onPrimary: (h) => { try { d2.emit('onSupport', { action: 'primary', href: h }); } catch (err) { /* sem handler */ } },\n onSecondary: (h) => { try { d2.emit('onSupport', { action: 'secondary', href: h }); } catch (err) { /* sem handler */ } },\n onFootLink: (h) => { try { d2.emit('onSupport', { action: 'foot', href: h }); } catch (err) { /* sem handler */ } }\n })\n : '';\n\n const navTitle = p.navTitle || 'Temas';\n const body = desk\n ? `\n ${esc(p.emptyEyebrow || 'Busca')}
\nNão achamos nada para “${esc(rawQ)}”
\n${esc(p.emptyBody || 'Nem o Lucas achou isso na garagem. Tenta outra palavra ou fala com o SAC, que a gente resolve.')}
\n${groupHtml}
${empty}\n ${visible.length > 1 ? `` : ''}\n
`;\n\n return `${groupHtml}
${empty}\n ${support ? `${support}
` : ''}\n ${body}
\n \n \n \n
`;\n }\n};"}},"ariaLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ariaLabel"}}}},"defaultValue":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"defaultValue"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"max":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"max"}}}},"min":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"min"}}}},"onChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChange"}}}},"size":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"size"}}}},"value":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"value"}}}}}}}}}},{"_id":"6ababb42f281aa28d4cc4577","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"CheckList","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// CheckList — Loja Lucas Fontana\n// Benefícios com um check branco num quadrado vermelho de 20px. Texto de 15px, 12px entre as linhas.\n// De três a cinco itens curtos, uma ideia cada. Usado no ProductDetails (aba Descrição) e no PromoCard.\n// Não desenha ícone: usa o Icon pelo parâmetro `iconComponent`.\n// `tone: \"dark\"` deixa o texto branco, para fundo escuro (PromoCard).\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst ic = (d2, ref, name, size, color, key) => ref\n ? d2.render(ref, { name, size, iconColor: color || 'currentColor' }, { key, width: size, height: size, style: 'flex:none' })\n : '';\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst DEMO = ['[Benefício principal do produto]', '[Segundo benefício — ex.: rendimento, proteção, cheiro]', '[Terceiro benefício — ex.: seguro para a pintura]'];\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\nul { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff;\n font-family: ${FF}; -webkit-font-smoothing: antialiased;\n list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }\nli { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; line-height: 1.45; color: var(--ink); }\n.tone-dark li { color: var(--white); }\ni { flex: none; width: 20px; height: 20px; margin-top: 1px; background: var(--red-500); color: var(--white);\n display: flex; align-items: center; justify-content: center; font-style: normal; }\n`,\n mounted() { FONT(); },\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const items = list(p.items).length ? list(p.items) : DEMO;\n const iconRef = refOf(d2.param('iconComponent'));\n return `- ${items.map((t, k) => `
- ${ic(d2, iconRef, 'check', 13, '#ffffff', 'c' + k)}${esc(t)} `).join('')}
- ${items.map((b, k) => `
- \n ${ic(d2, iconRef, (b && b.icon) || 'check', 20, '#0b0b0c', 'b' + k + (b && b.icon || ''))}\n ${esc(b && b.title)}${b && b.text ? `${esc(b.text)}` : ''}${b && b.link && b.link.label ? `${esc(b.link.label)}` : ''}\n `).join('')}
“${esc(q)}”\n
\n \n \n
` : '';\n const count = n > 1 ? `${i + 1}/${n}` : '';\n const dots = n > 1 ? `${items.map((it, k) => ``).join('')}
` : '';\n\n return `\n
`;\n }\n};"}},"ariaLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ariaLabel"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"items":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"items"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChange"}}}},"onVideo":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onVideo"}}}}}}}}}},{"_id":"6ababba9f8aee52476044a72","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"BuyBox","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// BuyBox — Loja Lucas Fontana\n// Tudo para decidir e comprar: etiqueta vermelha da categoria, nome do produto (44/32/30px), \"Cód. [SKU]\",\n// selo de parceiro, o Price grande, quantidade + \"Adicionar ao carrinho\" (preto), \"Comprar agora\" (o único vermelho)\n// e a BenefitList.\n// Esgotado (`available: false`): o selo \"Volta já já\" e o \"Me avise quando chegar\" (contorno) no lugar dos botões.\n// `partner` (ex.: \"BPower\"): põe o selo \"Parceiro BPower\" e troca a 1ª linha de benefícios para \"Enviado pela BPower\".\n// Não desenha selo, preço, quantidade, botão nem lista: usa Badge, Price, QuantityStepper, Button e BenefitList por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst BENEFITS = [\n { icon: 'truck', title: 'Enviamos para todo o Brasil', text: 'O frete é calculado no fechamento do pedido.' },\n { icon: 'card', title: 'Pix ou cartão em até [N]x', text: 'Pagamento seguro, com antifraude em todas as compras.' },\n { icon: 'swap', title: 'Troca e devolução', link: { label: 'Ver política de trocas', href: '/politicas/trocas-e-devolucoes' } }\n];\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.buy { --red-500: #c8102e; --ink: #0b0b0c; --grey-500: #6b6e73; --line: #e4e4e2;\n font-family: ${FF}; -webkit-font-smoothing: antialiased;\n display: flex; flex-direction: column; width: 100%; color: var(--ink); }\np, h1 { margin: 0; }\n.cat { font-size: 12px; font-weight: 700; letter-spacing: .24em; line-height: 1.3; text-transform: uppercase; color: var(--red-500); margin-bottom: 12px; }\n.title { font-size: 44px; font-weight: 800; font-stretch: 115%; line-height: .9; letter-spacing: -.01em; text-transform: uppercase; color: var(--ink); overflow-wrap: break-word; }\n.sku { margin-top: 10px; font-size: 14px; color: var(--grey-500); }\n.badge { margin-top: 12px; height: 24px; }\n.sec { padding: 20px 0 24px; border-bottom: 1px solid var(--line); }\n.actions { display: flex; flex-direction: column; gap: 12px; padding: 24px 0; }\n.row { display: flex; gap: 12px; align-items: stretch; }\n.qty { flex: none; width: 120px; height: 52px; }\n.grow { flex: 1; min-width: 0; height: 52px; }\n.full { width: 100%; height: 52px; }\n.soldout { height: 28px; }\n\n.l-tablet .title { font-size: 32px; line-height: .95; }\n.l-tablet .cat { font-size: 11px; margin-bottom: 10px; }\n\n.l-mobile .cat { font-size: 11px; margin-bottom: 10px; }\n.l-mobile .title { font-size: 30px; font-stretch: 112%; line-height: .98; letter-spacing: 0; }\n.l-mobile .sku { font-size: 13px; }\n.l-mobile .sec { padding: 20px 0; }\n.l-mobile .actions { padding: 20px 0; gap: 10px; }\n.l-mobile .row { gap: 8px; }\n.l-mobile .qty { width: 96px; }\n.l-mobile .badge { height: 20px; }\n.l-mobile .soldout { height: 22px; }\n`,\n\n mounted(d2) { FONT(); },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const badgeRef = refOf(d2.param('badge'));\n const priceRef = refOf(d2.param('priceComponent'));\n const qtyRef = refOf(d2.param('quantityStepper'));\n const btnRef = refOf(d2.param('button'));\n const listRef = refOf(d2.param('benefitList'));\n const iconRef = refOf(d2.param('iconComponent'));\n const available = p.available == null || p.available === '' ? true : truthy(p.available);\n const partner = p.partner ? String(p.partner) : '';\n const name = p.name || 'Shampoo automotivo neutro';\n const category = p.category == null ? 'Lavagem' : p.category;\n const sku = p.sku == null ? '[SKU]' : p.sku;\n const getQty = () => (d2.root && d2.root.__lfQty) || 1;\n\n const badgeLabel = p.badgeLabel || (partner ? 'Parceiro ' + partner : '');\n const badge = badgeLabel && badgeRef\n ? `${thumbs}
\n ${big}${play}${arrows}${count}
\n ${dots}\n ${d2.render(badgeRef, { label: badgeLabel, shortLabel: partner || '', tone: 'red', layout }, { key: 'badge' })}
`\n : '';\n\n const price = priceRef\n ? `${d2.render(priceRef, {\n price: p.price == null ? 89.9 : p.price, pixPrice: p.pixPrice, pixDiscount: p.pixDiscount,\n installments: p.installments == null ? 3 : p.installments, oldPrice: p.oldPrice, size: 'buybox', layout\n }, { key: 'price', style: 'height:auto' })}
`\n : '';\n\n const btn = (key, cls, label, shortLabel, variant, evt) => btnRef ? `${d2.render(btnRef, {\n label, shortLabel: shortLabel || '', variant, size: 'lg', fullWidth: 'always', layout\n }, { key, height: 52, onClick: () => emit(d2, evt, getQty()) })}
` : '';\n\n let actions;\n if (available) {\n const qty = qtyRef\n ? `${d2.render(qtyRef, { layout, min: 1, max: p.maxQuantity || 99, value: 1, iconComponent: iconRef }, {\n key: 'qty', height: 52,\n onChange: (v) => { if (d2.root) d2.root.__lfQty = v; emit(d2, 'onQuantityChange', v); }\n })}
`\n : '';\n actions = `${qty}${btn('add', 'grow', p.addLabel || 'Adicionar à sacola', p.addShortLabel || 'Adicionar', 'primary', 'onAdd')}
\n ${btn('buy', 'full', p.buyNowLabel || 'Comprar agora', '', 'brand', 'onBuyNow')}`;\n } else {\n const sold = badgeRef\n ? `${d2.render(badgeRef, { label: p.soldOutLabel || 'Volta já já', isStatus: true, tone: 'ink', layout }, { key: 'sold' })}
`\n : '';\n actions = `${sold}${btn('notify', 'full', p.notifyLabel || 'Me avise quando chegar', 'Avise-me', 'outline', 'onNotify')}`;\n }\n\n let items = list(p.benefits);\n if (!items.length) {\n items = BENEFITS.slice();\n if (partner) items[0] = { icon: 'truck', title: 'Enviado pela ' + partner, text: 'O parceiro envia direto para você e informa o código de rastreio.' };\n }\n const showBenefits = p.showBenefits == null || p.showBenefits === '' ? true : truthy(p.showBenefits);\n const benefits = showBenefits && listRef\n ? d2.render(listRef, { items, layout, iconComponent: iconRef }, {\n key: 'ben' + (partner ? '-' + partner : ''), style: 'height:auto',\n onLink: (h) => emit(d2, 'onBenefitLink', h)\n })\n : '';\n\n return `\n ${category ? `
`;\n }\n};"}},"addLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"addLabel"}}}},"addShortLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"addShortLabel"}}}},"available":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"available"}}}},"badge":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"badge"}}}},"badgeLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"badgeLabel"}}}},"benefitList":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"benefitList"}}}},"benefits":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"benefits"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"buyNowLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"buyNowLabel"}}}},"category":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"category"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"installments":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"installments"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"maxQuantity":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"maxQuantity"}}}},"name":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"name"}}}},"notifyLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"notifyLabel"}}}},"oldPrice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"oldPrice"}}}},"onAdd":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onAdd"}}}},"onBenefitLink":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onBenefitLink"}}}},"onBuyNow":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onBuyNow"}}}},"onNotify":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onNotify"}}}},"onQuantityChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onQuantityChange"}}}},"partner":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"partner"}}}},"pixDiscount":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"pixDiscount"}}}},"pixPrice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"pixPrice"}}}},"price":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"price"}}}},"priceComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"priceComponent"}}}},"quantityStepper":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"quantityStepper"}}}},"showBenefits":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"showBenefits"}}}},"sku":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"sku"}}}},"soldOutLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"soldOutLabel"}}}}}}}}}},{"_id":"6ababc85440fbc0d402d16b5","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"ProductDetails","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// ProductDetails — Loja Lucas Fontana\n// O conteúdo de uma aba do produto: texto em 16px cinza, CheckList de benefícios e/ou a tabela da ficha técnica,\n// com o QuoteCard ao lado no desktop (embaixo no tablet e no mobile).\n// Na aba \"Como usar\", `videoHref` põe o link para o vídeo curto de aplicação.\n// A compatibilidade de peças (\"para qual carro serve\") entra como linhas da ficha técnica (`specs`).\n// O texto chega por `body` (o nome `text` é reservado do Data2).\n// Não desenha lista nem card: usa CheckList e QuoteCard por parâmetro (e repassa o Icon).\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst ic = (d2, ref, name, size, color, key) => ref\n ? d2.render(ref, { name, size, iconColor: color || 'currentColor' }, { key, width: size, height: size, style: 'flex:none' })\n : '';\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst paras = (t) => String(t == null ? '' : t).split(/\\n\\s*\\n/).map((x) => x.trim()).filter(Boolean)\n .map((x) => `${esc(category)}
` : ''}\n${esc(name)}
\n ${sku ? `Cód. ${esc(sku)}
` : ''}\n ${badge}\n ${price}\n${actions}
\n ${benefits}\n ${esc(x).replace(/\\n/g, '
')}
| ${esc(r.label)} | ${esc(r.value)} |
|---|
${d2.render(qcRef, { quote: p.quote, author: p.author, eyebrow: p.eyebrow, layout }, { key: 'qc', style: 'height:auto' })}
`\n : '';\n\n return `\n
`;\n }\n};"}},"author":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"author"}}}},"benefits":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"benefits"}}}},"body":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"body"}}}},"checkList":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"checkList"}}}},"eyebrow":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"eyebrow"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onVideo":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onVideo"}}}},"quote":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"quote"}}}},"quoteCard":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"quoteCard"}}}},"specs":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"specs"}}}},"videoHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"videoHref"}}}},"videoLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"videoLabel"}}}}}}}}}},{"_id":"6ababca769443659fcd00566","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"Tabs","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Tabs — Loja Lucas Fontana\n// As informações do produto em abas no desktop e no tablet (\"Descrição\", \"Como usar\", \"Ficha técnica\"):\n// rótulos de 13px em caixa alta, cinza até serem escolhidos; a aba ativa fica preta com sublinhado vermelho de 3px.\n// No mobile as mesmas abas viram sanfona: linhas de 64px com o quadrado de 28px (\"+\" preto fechado, \"−\" vermelho aberto);\n// a primeira começa aberta. As setas do teclado trocam de aba.\n// Cada item é o conteúdo de um ProductDetails: `{label, body, benefits, specs, quote, author, videoHref, videoLabel}`.\n// Já traz o respiro da página (96/40/20px nas laterais e 120/88/64px embaixo); `padded: false` tira.\n// Não desenha o conteúdo: usa ProductDetails por parâmetro (e repassa CheckList, QuoteCard e Icon).\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst nums = (v) => {\n if (Array.isArray(v)) return v.map(Number).filter((n) => !isNaN(n));\n if (typeof v === 'number') return [v];\n if (typeof v === 'string' && v.trim()) return v.split(',').map((s) => Number(s.trim())).filter((n) => !isNaN(n));\n return null;\n};\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst ic = (d2, ref, name, size, color, key) => ref\n ? d2.render(ref, { name, size, iconColor: color || 'currentColor' }, { key, width: size, height: size, style: 'flex:none' })\n : '';\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst PAD = { desktop: '0 96px 120px', tablet: '0 40px 88px', mobile: '0 20px 64px' };\nconst DEMO = [\n { label: 'Descrição',\n body: '[Descrição do produto: o que é, para que serve e por que o Lucas recomenda. Texto escrito para o cliente e para buscas em IA — direto, com as palavras que as pessoas usam para procurar.]',\n benefits: ['[Benefício principal do produto]', '[Segundo benefício — ex.: rendimento, proteção, cheiro]', '[Terceiro benefício — ex.: seguro para a pintura]'],\n quote: '[Comentário do Lucas sobre o produto — pode vir de uma fala do vídeo.]' },\n { label: 'Como usar', body: '[Passo a passo de aplicação — com link para o vídeo curto do Lucas.]', videoHref: '#', videoLabel: 'Ver o vídeo de aplicação' },\n { label: 'Ficha técnica', specs: [['Diluição', '[1:100]'], ['pH', '[Neutro]'], ['Aplicação', '[Para qual carro/uso serve]'], ['Marca', 'Lucas Fontana']] }\n];\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.tabs { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-500: #6b6e73; --line: #e4e4e2;\n font-family: ${FF}; -webkit-font-smoothing: antialiased; width: 100%; background: var(--white); color: var(--ink); }\n.list { display: flex; gap: 32px; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }\n.list::-webkit-scrollbar { display: none; }\n.tab { position: relative; flex-shrink: 0; height: 52px; margin: 0; padding: 0; border: 0; background: transparent;\n font: 800 13px/1 ${FF}; letter-spacing: .14em; text-transform: uppercase; color: var(--grey-500); cursor: pointer; }\n.tab:hover, .tab[aria-selected=\"true\"] { color: var(--ink); }\n.tab[aria-selected=\"true\"]::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--red-500); }\n.tab:focus-visible, .head:focus-visible { outline: 2px solid var(--red-500); outline-offset: 2px; }\n.panel { padding-top: 32px; }\n.acc { border-bottom: 1px solid var(--line); }\n.acc:first-child { border-top: 1px solid var(--line); }\n.head { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; margin: 0; padding: 0; border: 0; background: transparent;\n font: 800 14px/1.2 ${FF}; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); cursor: pointer; text-align: left; }\n.head i { flex: none; width: 28px; height: 28px; background: var(--ink); color: var(--white); display: flex; align-items: center; justify-content: center; font-style: normal; }\n.head[aria-expanded=\"true\"] i { background: var(--red-500); }\n.body { padding: 4px 0 24px; }\n`,\n\n mounted(d2) {\n FONT();\n const items = () => { const p = d2.params || {}; return list(p.items).length ? list(p.items) : DEMO; };\n const pick = (k) => {\n const n = items().length;\n const i = ((k % n) + n) % n;\n d2.state.active = i;\n emit(d2, 'onChange', i);\n setTimeout(() => { const el = d2.$(`.tab[data-k=\"${i}\"]`); if (el) el.focus(); }, 0);\n };\n d2.on('.tab', 'click', (e, el) => { d2.state.active = Number(el.dataset.k); emit(d2, 'onChange', d2.state.active); });\n d2.on('.list', 'keydown', (e) => {\n if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n e.preventDefault();\n pick((d2.state.active || 0) + (e.key === 'ArrowRight' ? 1 : -1));\n });\n d2.on('.head', 'click', (e, el) => {\n const k = Number(el.dataset.k);\n const p = d2.params || {};\n const cur = (d2.state.open || nums(p.defaultOpen) || [0]).slice();\n d2.state.open = cur.indexOf(k) >= 0 ? cur.filter((x) => x !== k) : cur.concat([k]);\n });\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const items = list(p.items).length ? list(p.items) : DEMO;\n const pdRef = refOf(d2.param('productDetails'));\n const clRef = refOf(d2.param('checkList'));\n const qcRef = refOf(d2.param('quoteCard'));\n const iconRef = refOf(d2.param('iconComponent'));\n const padded = p.padded == null || p.padded === '' ? true : truthy(p.padded);\n const active = Math.min(d2.state.active || 0, items.length - 1);\n const open = d2.state.open || nums(p.defaultOpen) || [0];\n\n const details = (it, k) => pdRef ? d2.render(pdRef, {\n body: it.body || '', benefits: it.benefits || [], specs: it.specs || [], quote: it.quote || '', author: it.author || '',\n eyebrow: it.eyebrow || '', videoHref: it.videoHref || '', videoLabel: it.videoLabel || '',\n layout, checkList: clRef, quoteCard: qcRef, iconComponent: iconRef\n }, { key: 'pd-' + k + '-' + layout, style: 'height:auto' }) : '';\n\n let inner;\n if (layout === 'mobile') {\n inner = `${paras(p.body)}${check}${table}${vid}
\n ${quote}\n ${items.map((it, k) => {\n const isOpen = open.indexOf(k) >= 0;\n return `
`;\n } else {\n inner = `\n \n ${isOpen ? `
`;\n }).join('')}${details(it, k)}
` : ''}\n ${items.map((it, k) =>\n ``\n ).join('')}
\n ${details(items[active] || {}, active)}
`;\n }\n return `${d2.render(bcRef, { items: crumbs, layout, scroll: layout === 'mobile' }, {\n key: 'bc', onNavigate: (h) => emit(d2, 'onNavigate', h) })}
`\n : '';\n const gallery = galRef\n ? d2.render(galRef, { items: list(p.images), layout, iconComponent: iconRef }, { key: 'gal', style: 'height:auto' })\n : '';\n const buy = buyRef\n ? d2.render(buyRef, Object.assign({}, product, {\n layout,\n badge: refOf(d2.param('badge')), priceComponent: refOf(d2.param('priceComponent')),\n quantityStepper: refOf(d2.param('quantityStepper')), button: refOf(d2.param('button')),\n benefitList: refOf(d2.param('benefitList')), iconComponent: iconRef\n }), {\n key: 'buy' + (product.available === false || product.available === 'false' ? '-off' : '') + (product.partner ? '-' + product.partner : ''),\n style: 'height:auto',\n onAdd: (q) => { addToBag(product.sku, q); emit(d2, 'onAdd', q); }, onBuyNow: (q) => { addToBag(product.sku, q); emit(d2, 'onBuyNow', q); },\n onNotify: (q) => emit(d2, 'onNotify', q), onQuantityChange: (q) => emit(d2, 'onQuantityChange', q)\n })\n : '';\n\n return `\n ${crumb}\n \n
${gallery}
${buy}
= max ? ' full' : ''}\" id=\"${id}-c\" aria-live=\"polite\">${fmtN(n)} de ${fmtN(max)} caracteres
`\n : '';\n\n return `\n ${p.label ? `` : ''}\n
`;\n }\n};"}},"ariaLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ariaLabel"}}}},"autoComplete":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"autoComplete"}}}},"counter":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"counter"}}}},"error":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"error"}}}},"hint":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"hint"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"inputMode":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"inputMode"}}}},"label":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"label"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"linkHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"linkHref"}}}},"linkLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"linkLabel"}}}},"mask":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"mask"}}}},"maxLength":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"maxLength"}}}},"multiline":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"multiline"}}}},"name":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"name"}}}},"onBlur":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onBlur"}}}},"onChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChange"}}}},"onInput":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onInput"}}}},"onLink":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onLink"}}}},"optional":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"optional"}}}},"options":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"options"}}}},"placeholder":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"placeholder"}}}},"required":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"required"}}}},"reveal":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"reveal"}}}},"rows":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"rows"}}}},"type":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"type"}}}},"value":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"value"}}}}}}}}}},{"_id":"6abbd2c37da9f132eb834397","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"LoginForm","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// LoginForm — Loja Lucas Fontana\n// O formulário de entrar, em duas etapas.\n// Etapa 1 (`step: \"login\"`): kicker \"Minha conta\", \"ENTRAR\" (44/36/28px), boas-vindas, e-mail e senha (com olho),\n// \"Esqueci minha senha\", o botão preto \"Entrar\" e a nota \"Você continua conectado por 5 dias neste aparelho.\"\n// Etapa 2 (`step: \"code\"`, verificação em duas etapas): e-mail e senha continuam preenchidos; entram o aviso com barra preta\n// (\"Se suas credenciais estiverem corretas, você recebeu um código de autenticação em seu e-mail.\" — não confirma se a conta\n// existe), o CodeField, o ResendCode e \"Entrar\"; a nota passa a ser \"Por segurança, todo login é confirmado com um código\n// enviado ao seu e-mail.\"\n// Fluxo: \"Entrar\" na etapa 1 confere o básico, emite `onSubmit` {email, password} e avança para o código\n// (`autoAdvance: false` desliga). Na etapa 2, \"Entrar\" confere os 6 números e emite `onVerify` {email, code}.\n// \"Usar outro e-mail\" volta para a etapa 1 (limpa senha e código) e emite `onChangeEmail`; \"Reenviar código\" emite `onResend`.\n// Erros do servidor: `emailError`, `passwordError`, `codeError` (\"Código incorreto. Confere o e-mail e tenta de novo.\").\n// `formError`: aviso único acima dos campos, sem marcar nenhum campo (na loja: \"E-mail ou senha incorretos.\"). Some quando\n// a pessoa volta a digitar.\n// `lockedMinutes`: login travado depois de 3 tentativas erradas — mostra \"Muitas tentativas seguidas.\" com o tempo de espera.\n// `email` já vem preenchido no campo (ex.: quando a pessoa chega pelo aviso de conta existente do cadastro).\n// Na loja, `autoAdvance: false` desliga a etapa do código (o 2FA fica só para o backoffice).\n// Não desenha campo, aviso, botão nem ícone: usa FormField, CodeField, ResendCode, Notice, Button e Icon por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst ic = (d2, ref, name, size, color, key) => ref\n ? d2.render(ref, { name, size, iconColor: color || 'currentColor' }, { key, width: size, height: size, style: 'flex:none' })\n : '';\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst EMAIL = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\nconst store = (d2) => (d2.root ? (d2.root.__lf || (d2.root.__lf = { email: '', password: '', code: '' })) : { email: '', password: '', code: '' });\nconst codeLen = (p) => { const n = Number(p.codeLength); return n > 0 && n < 13 ? n : 6; };\n\nexport default {\n css: `\n:host { display: block; width: 100%; height: 100%; }\n* { box-sizing: border-box; }\n.lf { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-500: #6b6e73; --grey-700: #45474b; --line: #e4e4e2;\n font-family: ${FF}; -webkit-font-smoothing: antialiased;\n display: flex; flex-direction: column; gap: 18px; width: 100%; height: 100%; padding: 56px; margin: 0;\n border: 1px solid var(--line); border-right: 0; background: var(--white); color: var(--ink); }\np, h1 { margin: 0; }\n.kicker { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 700; letter-spacing: .3em; line-height: 1.3; text-transform: uppercase; color: var(--red-500); }\n.kicker::before { content: ''; width: 22px; height: 3px; background: var(--red-500); flex: none; }\n.title { font-size: 44px; font-weight: 800; font-stretch: 115%; line-height: 1; letter-spacing: -.01em; text-transform: uppercase; color: var(--ink); }\n.text { margin: -4px 0 6px; font-size: 16px; line-height: 1.55; color: var(--grey-700); }\n.forgot { align-self: flex-end; font-size: 14px; font-weight: 600; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }\n.forgot:hover { color: var(--red-500); }\n.forgot:focus-visible { outline: 2px solid var(--red-500); outline-offset: 2px; }\n.submit { height: 52px; margin-top: 4px; }\n.note { display: flex; align-items: center; gap: 8px; font-size: 13px; line-height: 1.45; color: var(--grey-500); }\n\n.l-tablet { padding: 40px; border-right: 1px solid var(--line); border-bottom: 0; }\n.l-tablet .title { font-size: 36px; }\n\n.l-mobile { padding: 0; border: 0; gap: 16px; }\n.l-mobile .kicker { font-size: 11px; letter-spacing: .26em; }\n.l-mobile .title { font-size: 28px; font-stretch: 112%; letter-spacing: 0; }\n.l-mobile .text { font-size: 15px; }\n`,\n\n mounted(d2) {\n FONT();\n d2.on('.forgot', 'click', (e, el) => emit(d2, 'onForgot', el.getAttribute('href')));\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const ffRef = refOf(d2.param('formField'));\n const cfRef = refOf(d2.param('codeField'));\n const rsRef = refOf(d2.param('resendCode'));\n const ntRef = refOf(d2.param('notice'));\n const btnRef = refOf(d2.param('button'));\n const iconRef = refOf(d2.param('iconComponent'));\n const s = store(d2);\n const step = d2.state.step || (p.step === 'code' ? 'code' : 'login');\n const code = step === 'code';\n const n = codeLen(p);\n if (!s.email && p.email) s.email = String(p.email);\n const errE = code ? '' : (d2.state.errE || p.emailError || '');\n const errP = code ? '' : (d2.state.errP || p.passwordError || '');\n const errC = d2.state.errC || p.codeError || '';\n\n const submit = () => {\n const st = store(d2);\n if ((d2.state.step || (p.step === 'code' ? 'code' : 'login')) === 'code') {\n const c = String(st.code || '');\n const eC = c.length < n ? `Digite os ${n} números do código.` : '';\n d2.state.errC = eC;\n if (!eC) emit(d2, 'onVerify', { email: String(st.email || '').trim(), code: c });\n return;\n }\n const email = String(st.email || '').trim();\n const password = String(st.password || '');\n const eE = !email ? 'Informe seu e-mail.' : (!EMAIL.test(email) ? 'Confira o e-mail: falta o @ ou o domínio.' : '');\n const eP = !password ? 'Informe sua senha.' : '';\n d2.state.errE = eE; d2.state.errP = eP;\n if (!eE && !eP) {\n emit(d2, 'onSubmit', { email, password });\n if (p.autoAdvance == null || p.autoAdvance === '' || truthy(p.autoAdvance)) { st.code = ''; d2.state.errC = ''; d2.state.step = 'code'; }\n }\n };\n const backToLogin = () => {\n const st = store(d2);\n st.password = ''; st.code = '';\n d2.state.errC = ''; d2.state.errE = ''; d2.state.errP = '';\n d2.state.step = 'login';\n emit(d2, 'onChangeEmail', st.email);\n };\n\n const field = (key, params, err, onInput) => ffRef ? d2.render(ffRef, Object.assign({ layout, iconComponent: iconRef, error: err }, params), {\n key: key + '-' + step + (err ? '-err-' + err.length : ''), style: 'height:auto', onInput\n }) : '';\n\n const email = field('email', {\n label: 'E-mail', type: 'email', name: 'email', autoComplete: 'email', inputMode: 'email',\n placeholder: 'seuemail@exemplo.com', value: s.email\n }, errE, (v) => { store(d2).email = v; if (!d2.state.feHidden && (p.formError || p.lockedMinutes)) d2.state.feHidden = true; });\n const pass = field('senha', {\n label: 'Senha', type: 'password', name: 'senha', autoComplete: 'current-password', placeholder: 'Sua senha',\n value: s.password || (code ? (p.password || '••••••••••••') : '')\n }, errP, (v) => { store(d2).password = v; if (!d2.state.feHidden && (p.formError || p.lockedMinutes)) d2.state.feHidden = true; });\n\n // Aviso único do servidor (erro genérico ou bloqueio), acima dos campos\n const lockMin = Number(p.lockedMinutes) > 0 ? Number(p.lockedMinutes) : 0;\n const feText = lockMin\n ? '**Muitas tentativas seguidas.** Por segurança, espera ' + lockMin + ' minutos para tentar de novo ou use **Esqueci minha senha**, logo abaixo.'\n : (p.formError ? '**' + String(p.formError) + '**' : '');\n const formAlert = !code && feText && !d2.state.feHidden && ntRef ? d2.render(ntRef, {\n tone: 'accent', iconName: lockMin ? 'lock' : 'close', live: true, layout, iconComponent: iconRef, body: feText\n }, { key: 'fe-' + (lockMin ? 'l' + lockMin : 'e') + '-' + feText.length, style: 'height:auto' }) : '';\n\n const notice = code && ntRef ? d2.render(ntRef, {\n tone: 'accent', iconName: 'mail', live: true, layout, iconComponent: iconRef,\n body: p.noticeText || 'Se suas credenciais estiverem corretas, você recebeu um **código de autenticação** em seu e-mail.'\n }, { key: 'notice', style: 'height:auto' }) : '';\n const codeField = code && cfRef ? d2.render(cfRef, {\n layout, length: n, validity: p.codeValidity || '', error: errC, autoFocus: true, value: s.code\n }, {\n key: 'code' + (errC ? '-err-' + errC.length : ''), style: 'height:auto',\n onInput: (v) => { store(d2).code = v; }\n }) : '';\n const resend = code && rsRef ? d2.render(rsRef, {\n layout, seconds: p.resendSeconds == null || p.resendSeconds === '' ? 59 : p.resendSeconds, showChange: true\n }, {\n key: 'resend', style: 'height:auto',\n onResend: () => emit(d2, 'onResend', store(d2).email), onChangeEmail: backToLogin\n }) : '';\n\n const btn = btnRef ? `${control}
\n ${err ? `${esc(err)}
` : ''}\n ${hint ? `${esc(hint)}
` : ''}\n ${counter}\n ${p.linkLabel ? `${esc(p.linkLabel)}` : ''}\n${d2.render(btnRef, {\n label: p.submitLabel || 'Entrar', variant: 'primary', size: 'lg', fullWidth: 'always', layout\n }, { key: 'submit', height: 52, onClick: submit })}
` : '';\n\n const defNote = code ? 'Por segurança, todo login é confirmado com um código enviado ao seu e-mail.' : 'Você continua conectado por 5 dias neste aparelho.';\n const note = p.note === '' ? '' : (p.note || defNote);\n\n return `\n
`;\n }\n};"}},"autoAdvance":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"autoAdvance"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"codeError":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"codeError"}}}},"codeField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"codeField"}}}},"codeLength":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"codeLength"}}}},"codeValidity":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"codeValidity"}}}},"description":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"description"}}}},"email":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"email"}}}},"emailError":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"emailError"}}}},"eyebrow":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"eyebrow"}}}},"forgotHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"forgotHref"}}}},"forgotLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"forgotLabel"}}}},"formError":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formError"}}}},"formField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formField"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"lockedMinutes":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"lockedMinutes"}}}},"note":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"note"}}}},"notice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"notice"}}}},"noticeText":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"noticeText"}}}},"onChangeEmail":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChangeEmail"}}}},"onForgot":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onForgot"}}}},"onResend":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onResend"}}}},"onSubmit":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onSubmit"}}}},"onVerify":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onVerify"}}}},"password":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"password"}}}},"passwordError":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"passwordError"}}}},"resendCode":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"resendCode"}}}},"resendSeconds":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"resendSeconds"}}}},"step":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"step"}}}},"submitLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"submitLabel"}}}},"title":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"title"}}}}}}}}}},{"_id":"6abbd2dc7da9f132eb8343de","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"PromoCard","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// PromoCard — Loja Lucas Fontana\n// Card preto que vende uma ação: xadrez no canto, kicker vermelho claro, título largo em caixa alta,\n// CheckList branca, botão vermelho opcional e régua vermelha de 6px embaixo (5px no mobile).\n// Login: \"Primeira vez aqui? / Crie sua conta em 1 minuto\" + \"Criar conta\".\n// `compact` é a versão estreita para a lateral do cadastro: sem régua, xadrez menor e uma nota com cadeado (`foot`).\n// Não desenha lista, botão nem ícone: usa CheckList, Button e Icon por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst ic = (d2, ref, name, size, color, key) => ref\n ? d2.render(ref, { name, size, iconColor: color || 'currentColor' }, { key, width: size, height: size, style: 'flex:none' })\n : '';\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst ITEMS = ['Acompanhe seus pedidos e o código de rastreio', 'Compre mais rápido com seus dados já preenchidos', 'Seja avisado quando o produto do vídeo voltar ao estoque'];\n\nexport default {\n css: `\n:host { display: block; width: 100%; height: 100%; }\n* { box-sizing: border-box; }\n.pc { --red-500: #c8102e; --red-300: #ff4d62; --ink: #0b0b0c; --white: #ffffff; --grey-200: #c9cacd; --graphite-700: #34363a;\n font-family: ${FF}; -webkit-font-smoothing: antialiased;\n position: relative; display: flex; flex-direction: column; justify-content: center; gap: 20px; width: 100%; height: 100%;\n padding: 56px; background: var(--ink); color: var(--white); overflow: hidden; border-bottom: 6px solid var(--red-500); }\np, h2 { margin: 0; position: relative; }\n.checker { position: absolute; top: 0; right: 0; width: 150px; height: 90px; pointer-events: none;\n background: repeating-conic-gradient(rgba(255,255,255,.08) 0 25%, transparent 0 50%) 0 0 / 30px 30px; }\n.kicker { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 700; letter-spacing: .3em; line-height: 1.3; text-transform: uppercase; color: var(--red-300); }\n.kicker::before { content: ''; width: 22px; height: 3px; background: var(--red-300); flex: none; }\n.title { font-size: 34px; font-weight: 800; font-stretch: 115%; line-height: 1; text-transform: uppercase; }\n.list, .cta { position: relative; }\n.cta { height: 52px; margin-top: 4px; align-self: flex-start; min-width: 200px; }\n.foot { position: relative; display: flex; gap: 12px; align-items: flex-start; padding-top: 20px; border-top: 1px solid var(--graphite-700);\n font-size: 14px; line-height: 1.5; color: var(--grey-200); }\n.foot .fi { flex: none; margin-top: 2px; }\n.foot b { color: var(--white); }\n\n.compact { padding: 32px 28px; gap: 16px; border-bottom: 0; justify-content: flex-start; }\n.compact .checker { width: 72px; height: 48px; background-size: 24px 24px; }\n.compact .title { font-size: 24px; }\n\n.l-tablet { padding: 40px; }\n.l-tablet .title { font-size: 30px; }\n.l-mobile { padding: 32px 24px; border-bottom-width: 5px; }\n.l-mobile .kicker { font-size: 11px; letter-spacing: .26em; }\n.l-mobile .title { font-size: 24px; font-stretch: 112%; }\n.l-mobile .cta { align-self: stretch; }\n.l-mobile.compact { padding: 28px 22px; }\n`,\n\n mounted(d2) { FONT(); },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const compact = truthy(p.compact);\n const clRef = refOf(d2.param('checkList'));\n const btnRef = refOf(d2.param('button'));\n const iconRef = refOf(d2.param('iconComponent'));\n const items = list(p.items).length ? list(p.items) : (compact ? [] : ITEMS);\n const eyebrow = p.eyebrow == null ? (compact ? 'Por que criar conta' : 'Primeira vez aqui?') : p.eyebrow;\n const title = p.title == null ? (compact ? '' : 'Crie sua conta em 1 minuto') : p.title;\n const ctaLabel = p.ctaLabel == null ? (compact ? '' : 'Criar conta') : p.ctaLabel;\n const ctaHref = p.ctaHref || '/cadastro';\n\n const listHtml = items.length && clRef\n ? `${esc(p.eyebrow || 'Minha conta')}
\n${esc(p.title || 'Entrar')}
\n${esc(p.description || 'Que bom te ver de novo. Seu carrinho continua salvo quando você entrar.')}
\n ${formAlert}\n ${email}\n ${pass}\n ${esc(p.forgotLabel || 'Esqueci minha senha')}\n ${notice}\n ${codeField}\n ${resend}\n ${btn}\n ${note ? `${ic(d2, iconRef, 'lock', 14, '#6b6e73', 'lock')}${esc(note)}
` : ''}\n ${d2.render(clRef, { items, tone: 'dark', layout, iconComponent: iconRef }, { key: 'cl', style: 'height:auto' })}
`\n : '';\n const cta = ctaLabel && btnRef\n ? `${d2.render(btnRef, { label: ctaLabel, variant: 'brand', size: 'lg', fullWidth: 'always', href: ctaHref, layout }, {\n key: 'cta', height: 52, onClick: () => emit(d2, 'onCta', ctaHref) })}
`\n : '';\n const foot = p.foot\n ? `${ic(d2, iconRef, 'lock', 18, '#ffffff', 'lock')}
`\n : '';\n\n return ``;\n }\n};"}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"checkList":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"checkList"}}}},"compact":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"compact"}}}},"ctaHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ctaHref"}}}},"ctaLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ctaLabel"}}}},"eyebrow":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"eyebrow"}}}},"foot":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"foot"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"items":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"items"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onCta":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onCta"}}}},"title":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"title"}}}}}}}}}},{"_id":"6abbd2ee0c5e4f969dbbc838","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"AuthLayout","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// AuthLayout — Loja Lucas Fontana\n// O corpo das páginas de conta: um cartão de até 1040px centralizado.\n// `mode: \"login\"` (padrão): a metade branca do formulário (LoginForm) e a metade escura do PromoCard lado a lado, na mesma altura.\n// Tablet: as metades empilham numa coluna de 560px. Mobile: o formulário perde a borda e o PromoCard vem 32px abaixo.\n// `mode: \"forgot\"`: cartão único de 560px centralizado com o ForgotPasswordForm (recuperar senha); sem borda no mobile.\n// Traz o respiro da página: 72/48/32px em cima e 120/88/64px embaixo.\n// Os textos chegam por `form` (parâmetros do LoginForm), `promo` (do PromoCard) e `forgot` (do ForgotPasswordForm).\n// Não desenha nada: usa LoginForm, PromoCard e ForgotPasswordForm por parâmetro (e repassa FormField, CodeField, ResendCode,\n// Notice, StepIndicator, Button, CheckList e Icon).\n// Para abrir o login direto na etapa do código: `form: { step: \"code\", email: \"…\" }`; a recuperação na etapa 2: `forgot: { step: \"sent\" }`.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst obj = (v) => {\n if (v && typeof v === 'object' && !Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return j && typeof j === 'object' ? j : {}; } catch (e) { return {}; } }\n return {};\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst PAD = { desktop: '72px 96px 120px', tablet: '48px 40px 88px', mobile: '32px 20px 64px' };\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.auth { width: 100%; background: #ffffff; }\n.in { display: flex; justify-content: center; }\n.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: 100%; max-width: 1040px; align-items: stretch; }\n.half { min-width: 0; }\n.single .split { grid-template-columns: minmax(0, 1fr); max-width: 560px; }\n.l-tablet .split { grid-template-columns: minmax(0, 1fr); max-width: 560px; }\n.l-mobile .split { grid-template-columns: minmax(0, 1fr); gap: 32px; }\n`,\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const r = (n) => refOf(d2.param(n));\n const icon = r('iconComponent'); const btn = r('button');\n const forgot = p.mode === 'forgot';\n const style = layout === 'desktop' && !forgot ? 'height:100%' : 'height:auto';\n\n let inner;\n if (forgot) {\n const f = r('forgotForm') ? d2.render(r('forgotForm'), Object.assign({}, obj(p.forgot), {\n layout, stepIndicator: r('stepIndicator'), formField: r('formField'), notice: r('notice'), resendCode: r('resendCode'), button: btn, iconComponent: icon\n }), {\n key: 'forgot', style,\n onSubmit: (v) => emit(d2, 'onSubmit', v), onResend: (v) => emit(d2, 'onResend', v),\n onChangeEmail: (v) => emit(d2, 'onChangeEmail', v), onBack: (h) => emit(d2, 'onBack', h)\n }) : '';\n inner = `${esc(p.foot).replace(/\\*\\*(.+?)\\*\\*/g, '$1')}
${f}
`;\n } else {\n const form = r('loginForm') ? d2.render(r('loginForm'), Object.assign({}, obj(p.form), {\n layout, formField: r('formField'), button: btn, iconComponent: icon, codeField: r('codeField'), resendCode: r('resendCode'), notice: r('notice')\n }), {\n key: 'form', style,\n onSubmit: (v) => emit(d2, 'onSubmit', v), onForgot: (h) => emit(d2, 'onForgot', h),\n onVerify: (v) => emit(d2, 'onVerify', v), onResend: (v) => emit(d2, 'onResend', v), onChangeEmail: (v) => emit(d2, 'onChangeEmail', v)\n }) : '';\n const promo = r('promoCard') ? d2.render(r('promoCard'), Object.assign({}, obj(p.promo), {\n layout, checkList: r('checkList'), button: btn, iconComponent: icon\n }), { key: 'promo', style, onCta: (h) => emit(d2, 'onCta', h) }) : '';\n inner = `${form}
${promo}
`;\n }\n\n return `\n
${inner}
\n \n ${icon}
`;\n }\n};"}},"body":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"body"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"iconName":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconName"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"live":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"live"}}}},"tone":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"tone"}}}}}}}}}},{"_id":"6abbec3396e03407355ee24f","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"CodeField","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// CodeField — Loja Lucas Fontana\n// O campo do código de autenticação (login em duas etapas): 56px de altura (52px no mobile), números centralizados,\n// grandes (24px, 800) e espaçados, \"000000\" de exemplo e a dica\n// \"Digite os 6 números enviados para o seu e-mail. O código vale por [X] minutos.\"\n// É UM campo só, não seis caixinhas: aceita colar, abre o teclado numérico (`inputmode=\"numeric\"`),\n// o celular sugere o código que chegou (`autocomplete=\"one-time-code\"`) e tudo que não é número é descartado.\n// `error` mostra o código errado ou vencido (\"Código incorreto. Confere o e-mail e tenta de novo.\").\n// Emite `onInput` a cada tecla e `onComplete` quando os 6 números estão preenchidos.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst len = (p) => { const n = Number(p.length); return n > 0 && n < 13 ? n : 6; };\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.ff { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-400: #8e9095; --grey-500: #6b6e73; --line-strong: #d9d9d6;\n font-family: ${FF}; -webkit-font-smoothing: antialiased;\n display: flex; flex-direction: column; gap: 8px; width: 100%; min-width: 0; }\nlabel { font-size: 14px; font-weight: 700; color: var(--ink); }\ninput { width: 100%; height: 56px; margin: 0; padding: 0 0 0 .5em; border: 1px solid var(--line-strong); border-radius: 2px; background: var(--white);\n font: 800 24px/1 ${FF}; letter-spacing: .5em; text-align: center; font-variant-numeric: tabular-nums; color: var(--ink);\n outline: none; -webkit-appearance: none; appearance: none; }\ninput::placeholder { color: var(--grey-400); letter-spacing: .5em; }\ninput:focus { border-color: var(--ink); box-shadow: 0 0 0 1px var(--ink); }\n.error input { border-color: var(--red-500); box-shadow: 0 0 0 1px var(--red-500); }\np { margin: 0; font-size: 13px; line-height: 1.4; }\n.hint { color: var(--grey-500); }\n.err { font-weight: 600; color: var(--red-500); }\n.l-mobile input { height: 52px; font-size: 22px; letter-spacing: .4em; }\n.l-mobile input::placeholder { letter-spacing: .4em; }\n`,\n\n mounted(d2) {\n FONT();\n d2.on('input', 'input', (e, el) => {\n const n = len(d2.params || {});\n const clean = String(el.value || '').replace(/\\D/g, '').slice(0, n);\n if (el.value !== clean) el.value = clean;\n if (d2.root) d2.root.__lfVal = clean;\n emit(d2, 'onInput', clean);\n if (clean.length === n) emit(d2, 'onComplete', clean);\n });\n if (truthy((d2.params || {}).autoFocus)) setTimeout(() => { const el = d2.$('input'); if (el) el.focus({ preventScroll: true }); }, 60);\n },\n\n updated(d2) {\n const el = d2.$('input');\n if (el && d2.root && d2.root.__lfVal != null && el.value !== d2.root.__lfVal) el.value = d2.root.__lfVal;\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const n = len(p);\n const err = p.error ? String(p.error) : '';\n const hint = p.hint == null ? `Digite os ${n} números enviados para o seu e-mail. O código vale por ${p.validity || '[X]'} minutos.` : String(p.hint);\n const describe = [err ? 'c-e' : '', hint ? 'c-h' : ''].filter(Boolean).join(' ');\n const value = p.value ? String(p.value).replace(/\\D/g, '').slice(0, n) : '';\n return `${rich(body)}
\n \n \n \n ${err ? `
`;\n }\n};"}},"autoFocus":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"autoFocus"}}}},"error":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"error"}}}},"hint":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"hint"}}}},"label":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"label"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"length":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"length"}}}},"name":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"name"}}}},"onComplete":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onComplete"}}}},"onInput":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onInput"}}}},"validity":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"validity"}}}},"value":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"value"}}}}}}}}}},{"_id":"6abbec4338f2579fe8c01c50","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"ResendCode","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// ResendCode — Loja Lucas Fontana\n// A linha embaixo do campo do código: \"Não chegou? Reenviar em **0:59**\" contando de verdade.\n// Quando chega a zero, vira o link \"Reenviar código\"; ao reenviar, o contador recomeça.\n// \"Usar outro e-mail\" fica à direita (`showChange: false` esconde).\n// `align: \"center\"` empilha e centraliza as duas partes (tela \"Confira seu e-mail\" da recuperação de senha).\n// Mantenha o contador em 60 segundos ou mais (`seconds`, padrão 59 = 0:59).\n// Emite `onResend` e `onChangeEmail`.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst start = (p) => (p.seconds == null || p.seconds === '' ? 59 : Math.max(0, Number(p.seconds) || 0));\nconst mmss = (s) => Math.floor(s / 60) + ':' + ('0' + (s % 60)).slice(-2);\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.rs { --red-500: #c8102e; --ink: #0b0b0c; --grey-700: #45474b;\n font-family: ${FF}; -webkit-font-smoothing: antialiased;\n display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; min-height: 44px; width: 100%;\n font-size: 15px; color: var(--grey-700); }\n.rs.center { flex-direction: column; justify-content: center; gap: 10px; min-height: 0; text-align: center; }\nb { color: var(--ink); font-weight: 800; font-variant-numeric: tabular-nums; }\nbutton { margin: 0; padding: 0; border: 0; background: none; font: 700 15px/1.2 ${FF}; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }\nbutton:hover { color: var(--red-500); }\nbutton:focus-visible { outline: 2px solid var(--red-500); outline-offset: 2px; }\n.l-mobile { font-size: 14px; }\n.l-mobile button { font-size: 14px; }\n`,\n\n mounted(d2) {\n FONT();\n const tick = () => {\n const p = d2.params || {};\n if (truthy(p.paused)) return;\n const left = d2.state.left == null ? start(p) : d2.state.left;\n if (left > 0) d2.state.left = left - 1;\n };\n const t = setInterval(tick, 1000);\n d2.onUnmount(() => clearInterval(t));\n d2.on('.resend', 'click', () => { d2.state.left = start(d2.params || {}); emit(d2, 'onResend', true); });\n d2.on('.change', 'click', () => emit(d2, 'onChangeEmail', true));\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const left = d2.state.left == null ? start(p) : d2.state.left;\n const showChange = p.showChange == null || p.showChange === '' ? true : truthy(p.showChange);\n const lead = esc(p.leadLabel || 'Não chegou?');\n const status = left > 0\n ? `${lead} Reenviar em ${mmss(left)}`\n : `${lead} `;\n return `${esc(err)}
` : ''}\n ${hint ? `${esc(hint)}
` : ''}\n\n ${status}\n ${showChange ? `` : ''}\n
`;\n }\n};"}},"align":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"align"}}}},"changeLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"changeLabel"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"leadLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"leadLabel"}}}},"onChangeEmail":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChangeEmail"}}}},"onResend":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onResend"}}}},"paused":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"paused"}}}},"resendLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"resendLabel"}}}},"seconds":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"seconds"}}}},"showChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"showChange"}}}}}}}}}},{"_id":"6abc284feebb96eb174c178e","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"FormRow","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// FormRow — Loja Lucas Fontana\n// Dois campos lado a lado (16px entre eles) no desktop e no tablet; empilhados no mobile.\n// `keep: true` mantém as duas colunas no mobile para pares curtos (Número + Complemento), com 12px entre eles.\n// Os campos chegam por `fields`: uma lista de parâmetros do FormField. Um item vazio (null ou {}) deixa a vaga em branco,\n// para um campo curto ficar com meia largura (CEP, Estado, WhatsApp).\n// Repassa o que é digitado como { name, value } em `onInput` e `onChange`.\n// Não desenha campo: usa o FormField pelo parâmetro `formField` (e repassa o Icon).\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst arr = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst obj = (v) => {\n if (v && typeof v === 'object' && !Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return j && typeof j === 'object' ? j : {}; } catch (e) { return {}; } }\n return {};\n};\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; width: 100%; }\n.l-mobile .row { grid-template-columns: minmax(0, 1fr); }\n.l-mobile .row.keep { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }\n.l-mobile .row:not(.keep) .gap { display: none; }\n.cell { min-width: 0; }\n`,\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const ffRef = refOf(d2.param('formField'));\n const iconRef = refOf(d2.param('iconComponent'));\n const fields = arr(p.fields).slice(0, 2);\n while (fields.length < 2) fields.push(null);\n\n const cells = fields.map((f, i) => {\n const fp = obj(f);\n if (!Object.keys(fp).length || !ffRef) return '';\n const name = fp.name || 'campo' + (i + 1);\n const field = d2.render(ffRef, Object.assign({}, fp, { layout, iconComponent: iconRef }), {\n key: 'f-' + name,\n onInput: (v) => emit(d2, 'onInput', { name, value: v }),\n onChange: (v) => emit(d2, 'onChange', { name, value: v }),\n onLink: (h) => emit(d2, 'onLink', { name, href: h })\n });\n return `${field}
`;\n }).join('');\n\n return `${cells}
${p.body ? `
`;\n }\n};"}},"body":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"body"}}}},"formField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formField"}}}},"formRow":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formRow"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChange"}}}},"onInput":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onInput"}}}},"rows":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"rows"}}}}}}}}}},{"_id":"6abc2890351c900cbaf4da2e","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"HelpCard","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// HelpCard — Loja Lucas Fontana\n// \"Precisa de ajuda com este pedido?\": título, uma linha apontando para o SAC e um botão de largura cheia \"Falar com o SAC\".\n// Padrão: fundo branco com borda `line` e botão com contorno.\n// `tone: \"grey\"` é a versão grey-50 sem borda, título largo em caixa alta e botão preto — usada como\n// \"Dúvida sobre pedido?\" na página Fale com o Lucas.\n// `linkLabel`/`linkHref` põem um link sublinhado embaixo (\"Ver perguntas frequentes\").\n// O destino do SAC chega por `ctaHref` (WhatsApp ou e-mail do SAC — a definir). Sem link, o botão avisa em `onCta`.\n// Não desenha botão: usa o Button pelo parâmetro `button`.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst rich = (t) => esc(t).replace(/\\*\\*(.+?)\\*\\*/g, '$1');\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.hc { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-50: #f5f5f3; --grey-700: #45474b; --line: #e4e4e2;\n font-family: ${FF}; -webkit-font-smoothing: antialiased;\n display: flex; flex-direction: column; gap: 12px; width: 100%; padding: 24px; border: 1px solid var(--line); background: var(--white); }\nh2 { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--ink); }\np { margin: 0 0 4px; font-size: 15px; line-height: 1.5; color: var(--grey-700); }\n.grey { background: var(--grey-50); border-color: var(--grey-50); }\n.grey h2 { font-size: 18px; font-weight: 800; font-stretch: 112%; letter-spacing: .01em; text-transform: uppercase; }\n.link { align-self: center; margin-top: 6px; font-size: 14px; font-weight: 700; color: var(--ink); text-decoration: underline; text-underline-offset: 3px;\n min-height: 44px; display: inline-flex; align-items: center; }\n.link:hover { color: var(--red-500); }\n.link:focus-visible { outline: 2px solid var(--red-500); outline-offset: 2px; }\n.l-mobile.hc { padding: 20px; }\n`,\n\n mounted(d2) {\n FONT();\n d2.on('.link', 'click', (e, el) => emit(d2, 'onLink', el.getAttribute('href')));\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const grey = p.tone === 'grey';\n const btnRef = refOf(d2.param('button'));\n const title = p.title || 'Precisa de ajuda com este pedido?';\n const body = p.body || 'Fala com a gente pelo SAC informando o número do pedido.';\n const cta = p.ctaLabel || 'Falar com o SAC';\n const btn = btnRef ? d2.render(btnRef, {\n label: cta, variant: grey ? 'primary' : 'outline', fullWidth: 'always', layout,\n href: p.ctaHref || '', newTab: !!p.ctaHref\n }, { key: 'cta', onClick: () => emit(d2, 'onCta', p.ctaHref || '') }) : '';\n return `${rich(p.body)}
` : ''}${rows}${esc(title)}
\n${rich(body)}
\n ${btn}\n ${p.linkLabel ? `${esc(p.linkLabel)}` : ''}\n${media}
\n \n ${esc(eyebrow)}\n
\n ${esc(body)}
\n \n${notice}${again}
`;\n } else {\n // Filhos aninhados não recebem parâmetros novos depois de montados: a chave muda quando o erro ou o assunto mudam,\n // e o campo remonta com o valor guardado (nada do que foi digitado se perde).\n const sig = (names) => names.map((n) => (errors[n] ? '1' : '0')).join('');\n const k = (n, names) => n + '-' + gen + (names ? '-' + sig(names) : '') + (hire ? '-h' : '');\n const chips = R.chip ? d2.render(R.chip, {\n label: p.subjectLabel || 'Sobre o que você quer falar?', options: subjects, value: subject, name: 'assunto',\n error: errors.subject || '', layout\n }, { key: k('subject', ['subject']), onChange: (val) => { v.subject = val; d2.state.subject = val; clearErr('subject'); } }) : '';\n const row = (key, fields) => R.row ? d2.render(R.row, { fields, layout: rowLayout, formField: R.ff, iconComponent: R.icon }, { key: k(key, fields.filter(Boolean).map((f) => f.name)), onInput: onField }) : '';\n const r1 = row('r1', [\n { label: 'Seu nome', name: 'name', placeholder: 'Como você quer ser chamado', autoComplete: 'name', value: v.name || '', error: errors.name || '' },\n { label: 'E-mail', name: 'email', type: 'email', placeholder: 'seuemail@exemplo.com', autoComplete: 'email', hint: 'Só para responder você, se precisar.', value: v.email || '', error: errors.email || '' }\n ]);\n const r2 = row('r2', [\n { label: 'WhatsApp', name: 'whatsapp', type: 'tel', optional: true, placeholder: '(00) 00000-0000', autoComplete: 'tel', inputMode: 'tel', value: v.whatsapp || '' },\n null\n ]);\n const callout = hire && R.callout ? d2.render(R.callout, {\n layout: rowLayout, formRow: R.row, formField: R.ff, iconComponent: R.icon,\n body: p.calloutBody || '**Parcerias, mídia e imprensa.** Conta um pouco da proposta que o time do Lucas retorna pelo e-mail informado.',\n rows: [{ fields: [\n { label: 'Empresa ou veículo', name: 'company', placeholder: 'Nome da marca, agência ou veículo', autoComplete: 'organization', value: v.company || '', error: errors.company || '' },\n { label: 'Tipo de proposta', name: 'proposalType', placeholder: 'Escolha uma opção', options: arr(p.proposalTypes).length ? arr(p.proposalTypes) : PROPOSALS, value: v.proposalType || '' }\n ] }]\n }, { key: k('callout', ['company']), onInput: onField, onChange: onField }) : '';\n const msg = R.ff ? d2.render(R.ff, {\n label: 'Mensagem', name: 'message', multiline: true, maxLength: 1000, counter: true, layout, iconComponent: R.icon,\n placeholder: hire ? 'Conta sobre a marca, a ideia, o formato (publi, evento, entrevista) e as datas.' : 'Conta pra gente o que você curtiu, o que quer ver no canal ou o que dá pra melhorar.',\n value: v.message || '', error: errors.message || ''\n }, { key: k('message', ['message']), onInput: (val) => onField({ name: 'message', value: val }) }) : '';\n const fail = status === 'error' && R.notice ? d2.render(R.notice, {\n tone: 'accent', iconName: 'message', live: true, layout, iconComponent: R.icon,\n body: p.errorBody || '**Não deu pra enviar agora.** Confere sua conexão e tenta de novo em instantes — o que você escreveu continua aqui.'\n }, { key: 'fail' }) : '';\n const btn = R.btn ? d2.render(R.btn, {\n label: sending ? 'Enviando…' : (p.submitLabel || 'Enviar mensagem'), variant: 'primary', size: 'lg', arrow: !sending,\n isDisabled: sending, fullWidth: 'mobile', layout\n }, { key: 'submit-' + (sending ? 's' : 'i'), onClick: submit }) : '';\n form = `${chips}${r1}${r2}${callout}${msg}\n Ao enviar, você concorda com a nossa Política de Privacidade.
\n ${fail}${btn}
`;\n }\n\n return `\n
${layout === 'mobile' ? help('help-top') : ''}
\n ${form}
\n \n \n \n ${err ? `
`;\n }\n};"}},"checked":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"checked"}}}},"count":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"count"}}}},"disabled":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"disabled"}}}},"error":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"error"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"label":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"label"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"name":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"name"}}}},"onChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChange"}}}},"onLink":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onLink"}}}},"top":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"top"}}}},"value":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"value"}}}}}}}}}},{"_id":"6abc37270c5e4f969dbce7d2","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"Radio","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Radio — Loja Lucas Fontana\n// Grupo de opções redondas (escolha uma): círculo de 18px com borda de 1,5px grey-500; o escolhido fica com\n// borda vermelha e o miolo vermelho. Cada opção é uma linha de 42px clicável, rótulo de 15px.\n// No rótulo: `**texto**` sai em negrito e `((texto))` em cinza — \"**CPF** ((pessoa física))\".\n// As opções ficam lado a lado; no mobile empilham (`inline: false` empilha sempre).\n// Usado no TaxIdField (CPF/CNPJ) e, depois, na forma de pagamento. Emite `onChange` com o `value` escolhido.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst list = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst rich = (t) => esc(t).replace(/\\*\\*(.+?)\\*\\*/g, '$1').replace(/\\(\\((.+?)\\)\\)/g, '$1');\nconst DEMO = [{ value: 'cpf', label: '**CPF** ((pessoa física))' }, { value: 'cnpj', label: '**CNPJ** ((pessoa jurídica))' }];\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.rg { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-500: #6b6e73;\n font-family: ${FF}; -webkit-font-smoothing: antialiased; display: flex; flex-wrap: wrap; gap: 0 28px; width: 100%; margin: 0; padding: 0; border: 0; }\n.stack { flex-direction: column; }\nlabel { display: flex; align-items: center; gap: 10px; min-height: 42px; cursor: pointer; font-size: 15px; color: var(--ink); }\ninput { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }\n.dot { flex: none; width: 18px; height: 18px; border: 1.5px solid var(--grey-500); border-radius: 50%; background: var(--white);\n display: flex; align-items: center; justify-content: center; }\n.dot::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--red-500); opacity: 0; }\ninput:checked + .dot { border-color: var(--red-500); }\ninput:checked + .dot::after { opacity: 1; }\ninput:focus-visible + .dot { outline: 2px solid var(--red-500); outline-offset: 2px; }\nb { font-weight: 700; }\n.muted { color: var(--grey-500); }\n`,\n\n mounted(d2) {\n FONT();\n d2.on('input', 'change', (e, el) => { d2.state.value = el.value; emit(d2, 'onChange', el.value); });\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const opts = list(p.options).length ? list(p.options) : DEMO;\n const value = d2.state.value != null ? d2.state.value : (p.value != null && p.value !== '' ? String(p.value) : String((opts[0] || {}).value || ''));\n const inline = p.inline == null || p.inline === '' ? true : truthy(p.inline);\n const stack = !inline || layout === 'mobile';\n const name = esc(p.name || 'opcao');\n return `${esc(err)}
` : ''}\n\n ${opts.map((o) => ``).join('')}\n
`;\n }\n};"}},"ariaLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ariaLabel"}}}},"inline":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"inline"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"name":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"name"}}}},"onChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChange"}}}},"options":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"options"}}}},"value":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"value"}}}}}}}}}},{"_id":"6abc3741b953c62a975bfee6","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"TaxIdField","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// TaxIdField — Loja Lucas Fontana\n// Um campo só para CPF ou CNPJ: título \"CPF ou CNPJ\", duas opções (\"**CPF** (pessoa física)\" / \"**CNPJ** (pessoa jurídica)\")\n// que escolhem o documento, o campo com a máscara e o exemplo certos (000.000.000-00 / 00.000.000/0000-00)\n// e a dica \"Um campo só: a gente confere se o número é válido e usa na nota fiscal.\"\n// Confere os dígitos verificadores (não só a quantidade de números) assim que o último número é digitado e de novo\n// quando a pessoa sai do campo; mostra \"CPF inválido. Confere os números.\" (ou CNPJ) e apaga o erro quando fica certo.\n// Recusa também sequências repetidas (111.111.111-11, 00.000.000/0000-00).\n// `error` mostra um erro vindo de fora (tem prioridade). As opções ficam lado a lado; no mobile empilham.\n// Emite `onInput` com {kind, value, digits, valid} e `onKindChange` com \"cpf\" ou \"cnpj\".\n// Não desenha opção nem campo: usa Radio e FormField por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\n// Dígitos verificadores\nconst validCPF = (d) => {\n if (!/^\\d{11}$/.test(d) || /^(\\d)\\1+$/.test(d)) return false;\n const calc = (n) => { let s = 0; for (let i = 0; i < n; i++) s += Number(d[i]) * (n + 1 - i); const r = (s * 10) % 11; return r === 10 ? 0 : r; };\n return calc(9) === Number(d[9]) && calc(10) === Number(d[10]);\n};\n// CNPJ alfanumérico (Receita/Serpro, a partir de jul/2026): 12 primeiras posições A–Z/0–9, 2 últimas numéricas;\n// cada caractere vale o código ASCII − 48 (0–9 continuam 0–9; A=17 … Z=42), mesmo módulo 11 e mesmos pesos.\n// Os CNPJs só numéricos de hoje continuam válidos pela mesma conta. Exemplo oficial: 12.ABC.345/01DE-35.\nconst validCNPJ = (raw) => {\n const d = String(raw || '').toUpperCase();\n if (!/^[A-Z0-9]{12}\\d{2}$/.test(d) || /^(.)\\1+$/.test(d)) return false;\n const val = (c) => c.charCodeAt(0) - 48;\n const calc = (n) => { const w = n === 12 ? [5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2] : [6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2]; let s = 0; for (let i = 0; i < n; i++) s += val(d[i]) * w[i]; const r = s % 11; return r < 2 ? 0 : 11 - r; };\n return calc(12) === Number(d[12]) && calc(13) === Number(d[13]);\n};\nconst norm = (kind, v) => (kind === 'cnpj' ? String(v || '').toUpperCase().replace(/[^A-Z0-9]/g, '') : String(v || '').replace(/\\D/g, ''));\nconst check = (kind, v) => { const d = norm(kind, v); return kind === 'cnpj' ? validCNPJ(d) : validCPF(d); };\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\nfieldset { --ink: #0b0b0c; font-family: ${FF}; -webkit-font-smoothing: antialiased;\n display: flex; flex-direction: column; gap: 4px; width: 100%; margin: 0; padding: 0; border: 0; min-width: 0; }\nlegend { padding: 0; margin-bottom: 2px; font-size: 14px; font-weight: 700; color: var(--ink); }\n.field { margin-top: 4px; }\n.live { margin: 4px 0 0; font-size: 13px; font-weight: 600; line-height: 1.4; color: #c8102e; }\n`,\n\n mounted(d2) { FONT(); },\n\n updated(d2) {\n // Devolve o cursor ao campo quando o erro aparece ou some enquanto a pessoa digita\n if (!d2.root || !d2.root.__refocus) return;\n d2.root.__refocus = false;\n setTimeout(() => {\n const host = d2.$('.field > *');\n const inp = host && host.shadowRoot ? host.shadowRoot.querySelector('input') : null;\n if (inp) { inp.focus({ preventScroll: true }); const n = inp.value.length; try { inp.setSelectionRange(n, n); } catch (e) { /* tipo sem seleção */ } }\n }, 30);\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const radioRef = refOf(d2.param('radio'));\n const ffRef = refOf(d2.param('formField'));\n const iconRef = refOf(d2.param('iconComponent'));\n const kind = d2.state.kind || (p.kind === 'cnpj' ? 'cnpj' : 'cpf');\n const st = d2.root ? (d2.root.__lf || (d2.root.__lf = { value: p.value || '' })) : { value: p.value || '' };\n const own = d2.state.err || '';\n const err = p.error || own;\n const live = !err && d2.state.live ? d2.state.live : '';\n const label = kind === 'cnpj' ? 'CNPJ' : 'CPF';\n\n const radio = radioRef ? d2.render(radioRef, {\n name: p.name ? p.name + '-tipo' : 'documento-tipo', value: kind, layout, ariaLabel: 'Tipo de documento',\n options: [{ value: 'cpf', label: '**CPF** ((pessoa física))' }, { value: 'cnpj', label: '**CNPJ** ((pessoa jurídica))' }]\n }, {\n key: 'radio', style: 'height:auto',\n onChange: (v) => {\n const k = v === 'cnpj' ? 'cnpj' : 'cpf';\n const s = d2.root ? d2.root.__lf : null; if (s) s.value = '';\n d2.state.err = ''; d2.state.kind = k;\n emit(d2, 'onKindChange', k);\n emit(d2, 'onInput', { kind: k, value: '', digits: '', valid: false });\n }\n }) : '';\n\n const hint = p.hint == null\n ? (kind === 'cnpj' ? 'Aceita o CNPJ novo, com letras. A gente confere se é válido e usa na nota fiscal.' : 'Um campo só: a gente confere se o número é válido e usa na nota fiscal.')\n : String(p.hint);\n const field = ffRef ? d2.render(ffRef, {\n ariaLabel: label, name: p.name || 'documento', mask: kind, inputMode: kind === 'cnpj' ? 'text' : 'numeric',\n placeholder: kind === 'cnpj' ? '00.000.000/0000-00' : '000.000.000-00',\n hint, error: err, value: st.value, layout, iconComponent: iconRef\n }, {\n key: 'doc-' + kind + (err ? '-err-' + err.length : ''), style: 'height:auto',\n onInput: (v) => {\n const s = d2.root ? d2.root.__lf : null; if (s) s.value = v;\n const d = norm(kind, v);\n const full = d.length === (kind === 'cnpj' ? 14 : 11);\n const ok = check(kind, v);\n // Valida na hora: com todos os números digitados mostra o erro (ou apaga, se estiver certo);\n // enquanto a pessoa ainda digita, apaga um erro antigo para não ficar vermelho à toa.\n const e = full && !ok ? `${label} inválido. Confere os números.` : '';\n // Durante a digitação o aviso aparece embaixo do campo sem redesenhá-lo (o cursor continua no lugar).\n if (e !== (d2.state.live || '')) d2.state.live = e;\n // Número completo e certo: apaga o erro de borda vermelha que tinha vindo ao sair do campo.\n if (full && ok && d2.state.err) d2.state.err = '';\n emit(d2, 'onInput', { kind, value: v, digits: d, valid: ok });\n },\n onBlur: (v) => {\n const d = norm(kind, v);\n const e = d && !check(kind, v) ? `${label} inválido. Confere os números.` : '';\n if (e !== (d2.state.err || '')) { d2.state.err = e; d2.state.live = ''; }\n }\n }) : '';\n\n return ``;\n }\n};"}},"error":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"error"}}}},"formField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formField"}}}},"hint":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"hint"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"kind":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"kind"}}}},"label":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"label"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"name":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"name"}}}},"onInput":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onInput"}}}},"onKindChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onKindChange"}}}},"radio":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"radio"}}}},"value":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"value"}}}}}}}}}},{"_id":"6abc375f3857467fb2c232e5","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"FormSection","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// FormSection — Loja Lucas Fontana\n// Um grupo de campos com título numerado: o número (`number`, ex.: \"01\") em vermelho itálico largo e o nome em caixa alta espaçada\n// (\"**01** SEUS DADOS\"). (`index` também funciona por dentro de outro componente, mas é nome reservado do bloco.) `plain: true` dá um título sem número, no estilo display (\"COMUNICAÇÕES\").\n// Os campos chegam por `rows`: cada linha tem 1 ou 2 campos. Duas na mesma linha ficam lado a lado (16px) no desktop\n// e no tablet e empilham no mobile — menos a linha com `keep: true` (Número + Complemento), que mantém as duas colunas.\n// Um campo `{kind: \"spacer\"}` guarda meia largura para um campo curto sozinho (CEP, Estado).\n// Cada campo: `{key, kind, ...}` — `kind` \"field\" (padrão, parâmetros do FormField), \"taxid\" (TaxIdField)\n// ou \"checkbox\" (parâmetros do Checkbox: `label`, `checked`). Checkboxes seguidos na mesma linha ficam empilhados, sem espaço\n// entre eles (cada um já tem 42px de área de toque), como em \"Comunicações\".\n// `note` põe uma linha cinza no fim (\"Avisos sobre os seus pedidos… continuam chegando normalmente.\").\n// `divider: true` põe uma linha fina acima da seção, com 24px de respiro.\n// Valores e erros chegam por `values` e `errors` (objetos por `key`); emite `onInput` e `onBlur` com {key, value}\n// (no checkbox, `value` é true/false).\n// 20px entre os campos. Não desenha campo: usa FormField, TaxIdField, Radio, Checkbox e Icon por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst obj = (v) => {\n if (v && typeof v === 'object' && !Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return j && typeof j === 'object' ? j : {}; } catch (e) { return {}; } }\n return {};\n};\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst DEMO = [\n { fields: [{ key: 'documento', kind: 'taxid' }] },\n { fields: [{ key: 'nome', label: 'Nome completo', placeholder: 'Como está no seu documento', autoComplete: 'name' }] },\n { fields: [{ key: 'email', label: 'E-mail', type: 'email', placeholder: 'seuemail@exemplo.com', autoComplete: 'email' },\n { key: 'whatsapp', label: 'WhatsApp', type: 'tel', mask: 'phone', placeholder: '(00) 00000-0000', hint: 'Para avisos do pedido.', autoComplete: 'tel' }] }\n];\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.fs { --red-500: #c8102e; --ink: #0b0b0c; --grey-500: #6b6e73; --line: #e4e4e2;\n font-family: ${FF}; -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; gap: 20px; width: 100%; margin: 0; }\n.fs.div { padding-top: 24px; border-top: 1px solid var(--line); }\nh2 { display: flex; align-items: baseline; gap: 12px; margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .2em; line-height: 1.2; text-transform: uppercase; color: var(--ink); }\nh2 b { font-size: 22px; font-weight: 800; font-style: italic; font-stretch: 125%; letter-spacing: 0; color: var(--red-500); }\nh2.plain { display: block; font-size: 20px; font-weight: 800; font-stretch: 115%; letter-spacing: 0; line-height: 1.05; }\n.row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }\n.row.one { grid-template-columns: minmax(0, 1fr); }\n.row.checks { display: flex; flex-direction: column; gap: 0; }\n.l-mobile .row { grid-template-columns: minmax(0, 1fr); gap: 20px; }\n.l-mobile .row.checks { gap: 0; }\n.l-mobile .row.keep { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }\n.l-mobile .row .spacer { display: none; }\n.note { margin: -12px 0 0; font-size: 13px; line-height: 1.4; color: var(--grey-500); }\n`,\n\n mounted() { FONT(); },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const ffRef = refOf(d2.param('formField'));\n const txRef = refOf(d2.param('taxIdField'));\n const rdRef = refOf(d2.param('radio'));\n const cbRef = refOf(d2.param('checkbox'));\n const iconRef = refOf(d2.param('iconComponent'));\n const values = obj(p.values);\n const errors = obj(p.errors);\n const ver = p.version == null ? '' : String(p.version);\n const rows = (list(p.rows).length ? list(p.rows) : DEMO).map((r) => (Array.isArray(r) ? { fields: r } : (r || { fields: [] })));\n\n const renderField = (f) => {\n if (!f || f.kind === 'spacer') return '';\n const key = String(f.key || f.name || '');\n const err = errors[key] ? String(errors[key]) : '';\n const k = key + '-' + ver + (err ? '-e' + err.length : '');\n if (f.kind === 'checkbox') {\n const on = values[key] == null ? truthy(f.checked) : truthy(values[key]);\n return cbRef ? d2.render(cbRef, {\n label: f.label || '', name: f.name || key, checked: on, top: f.top !== false, error: err, layout, iconComponent: iconRef\n }, { key: 'cb-' + k, style: 'height:auto', onChange: (val) => emit(d2, 'onInput', { key, value: !!val }), onLink: (h) => emit(d2, 'onLink', { key, href: h }) }) : '';\n }\n if (f.kind === 'taxid') {\n const v = values[key] && typeof values[key] === 'object' ? values[key] : { kind: values[key + 'Kind'] || 'cpf', value: values[key] || '' };\n return txRef ? d2.render(txRef, {\n name: f.name || key, kind: v.kind || 'cpf', value: v.value || '', error: err, hint: f.hint, label: f.label,\n layout, radio: rdRef, formField: ffRef, iconComponent: iconRef\n }, { key: 'tx-' + k, style: 'height:auto', onInput: (val) => emit(d2, 'onInput', { key, value: val }) }) : '';\n }\n const params = Object.assign({}, f, { name: f.name || key, value: values[key] == null ? (f.value || '') : values[key], error: err, layout, iconComponent: iconRef });\n delete params.key; delete params.kind;\n return ffRef ? d2.render(ffRef, params, {\n key: 'ff-' + k, style: 'height:auto',\n onInput: (val) => emit(d2, 'onInput', { key, value: val }),\n onBlur: (val) => emit(d2, 'onBlur', { key, value: val }),\n onLink: (h) => emit(d2, 'onLink', { key, href: h })\n }) : '';\n };\n\n const title = p.title\n ? `${!truthy(p.plain) && (p.number || p.index) ? `${esc(p.number || p.index)}` : ''}${esc(p.title)}
`\n : '';\n const body = rows.map((r) => {\n const fs = list(r.fields);\n const checks = fs.length > 0 && fs.every((f) => f && f.kind === 'checkbox');\n if (checks) return `${fs.map(renderField).join('')}
`;\n return `${fs.map(renderField).join('')}
`;\n }).join('');\n const note = p.note ? `${esc(p.note)}
` : '';\n return `${d2.render(R.btn, { label: p.verifyLabel || 'Confirmar e criar conta', variant: 'primary', size: 'lg', fullWidth: 'always', layout }, { key: 'verify', height: 52, onClick: verify })}
` : '';\n return `${notice}${code}${resend}${btn}
- ${rules.map((r) => `
- \n ${r.ok && R.icon ? d2.render(R.icon, { name: 'check', size: 12, iconColor: '#ffffff' }, { key: 'rk-' + r.id, width: 12, height: 12, style: 'flex:none' }) : ''}\n ${esc(r.label)}${r.ok ? ' — ok' : ' — falta'} `).join('')}
${R.nt ? d2.render(R.nt, {\n tone: 'accent', iconName: 'user', live: true, layout, iconComponent: R.icon,\n body: p.accountExistsText || '**Os dados informados já possuem um cadastro vinculado.** Entre com a sua senha ou recupere o acesso.'\n }, { key: 'exists', style: 'height:auto' }) : ''}
` : '';\n\n const cons = (key, label, top, err) => R.cb ? d2.render(R.cb, { name: key, label, top, checked: !!store(d2)[key], error: err || '', layout, iconComponent: R.icon }, {\n key: 'cb-' + key + '-' + (ver.c || 0), style: 'height:auto', onChange: (v) => { store(d2)[key] = !!v; }\n }) : '';\n const consents = ``;\n const n = Object.keys(errs).length;\n const summary = n ? `${R.btn ? d2.render(R.btn, { label: 'Entrar', variant: 'primary', href: (p.loginHref || '/entrar') + q, layout }, { key: 'ex-login' }) : ''}${R.btn ? d2.render(R.btn, { label: 'Esqueci minha senha', variant: 'outline', href: (p.forgotHref || '/esqueci-minha-senha') + q, layout }, { key: 'ex-forgot' }) : ''}
Faltou ${n === 1 ? '1 coisa' : n + ' coisas'} — confere os campos marcados em vermelho.
` : (d2.state.srvErr ? `${esc(d2.state.srvErr)}
` : '');\n const sending = !!d2.state.sending;\n const btn = R.btn ? `${d2.render(R.btn, { label: sending ? 'Criando sua conta…' : (p.submitLabel || 'Criar minha conta'), variant: 'primary', size: 'lg', fullWidth: 'always', isDisabled: sending, layout }, { key: 'submit-' + (sending ? 's' : 'i'), height: 52, onClick: submit })}
` : '';\n return `\n ${exists}\n ${sections.join('')}\n ${consents}\n ${summary}\n
`;\n }\n};"}},"accountExists":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"accountExists"}}}},"accountExistsText":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"accountExistsText"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"checkbox":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"checkbox"}}}},"codeError":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"codeError"}}}},"codeField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"codeField"}}}},"codeValidity":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"codeValidity"}}}},"documentError":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"documentError"}}}},"email":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"email"}}}},"emailError":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"emailError"}}}},"forgotHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"forgotHref"}}}},"formField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formField"}}}},"formSection":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formSection"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"loginHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"loginHref"}}}},"notice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"notice"}}}},"onCep":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onCep"}}}},"onChangeEmail":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChangeEmail"}}}},"onLogin":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onLogin"}}}},"onResend":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onResend"}}}},"onSubmit":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onSubmit"}}}},"onVerify":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onVerify"}}}},"privacyHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"privacyHref"}}}},"radio":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"radio"}}}},"resendCode":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"resendCode"}}}},"resendSeconds":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"resendSeconds"}}}},"step":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"step"}}}},"submitLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"submitLabel"}}}},"taxIdField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"taxIdField"}}}},"termsHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"termsHref"}}}},"verifyEmail":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"verifyEmail"}}}},"verifyLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"verifyLabel"}}}}}}}}}},{"_id":"6abc37d14516435d442e6467","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"SignupLayout","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// SignupLayout — Loja Lucas Fontana\n// O corpo da página de cadastro: kicker \"Criar conta\", título \"BORA CRIAR SUA CONTA\" (44/36/28px) e a frase\n// \"Leva um minutinho…\", depois o formulário (SignupForm, até 824px) e, no desktop, a lateral fixa de 360px com o\n// PromoCard compact (\"Por que criar conta\"), que acompanha a rolagem. No tablet e no mobile a lateral some.\n// Traz o respiro da página: 72/48/32px em cima e 120/88/64px embaixo.\n// Os textos do formulário chegam por `form` (parâmetros do SignupForm) e os da lateral por `aside` (do PromoCard).\n// Não desenha nada disso: usa SignupForm e PromoCard por parâmetro (e repassa FormSection, FormField, TaxIdField,\n// Radio, Checkbox, Notice, CodeField, ResendCode, CheckList, Button e Icon).\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst obj = (v) => {\n if (v && typeof v === 'object' && !Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return j && typeof j === 'object' ? j : {}; } catch (e) { return {}; } }\n return {};\n};\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst PAD = { desktop: '72px 96px 120px', tablet: '48px 40px 88px', mobile: '32px 20px 64px' };\nconst WHY = ['Acompanhe seus pedidos e o código de rastreio', 'Compre mais rápido com seus dados já preenchidos', 'Seja avisado quando o produto do vídeo voltar ao estoque'];\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.su { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-700: #45474b;\n font-family: ${FF}; -webkit-font-smoothing: antialiased; width: 100%; background: var(--white); color: var(--ink); }\n.in { display: grid; grid-template-columns: minmax(0, 824px) 360px; justify-content: space-between; gap: 64px; align-items: start; max-width: 1248px; margin: 0 auto; }\n.main { min-width: 0; display: flex; flex-direction: column; gap: 40px; }\n.head { display: flex; flex-direction: column; gap: 14px; max-width: 640px; }\np, h1 { margin: 0; }\n.kicker { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 700; letter-spacing: .3em; line-height: 1.3; text-transform: uppercase; color: var(--red-500); }\n.kicker::before { content: ''; width: 22px; height: 3px; background: var(--red-500); flex: none; }\n.title { font-size: 44px; font-weight: 800; font-stretch: 115%; line-height: 1; letter-spacing: -.01em; text-transform: uppercase; }\n.text { font-size: 16px; line-height: 1.55; color: var(--grey-700); }\n.aside { position: sticky; top: 24px; min-width: 0; }\n.l-tablet .in, .l-mobile .in { grid-template-columns: minmax(0, 1fr); }\n.l-tablet .aside, .l-mobile .aside { display: none; }\n.l-tablet .title { font-size: 36px; }\n.l-mobile .main { gap: 32px; }\n.l-mobile .kicker { font-size: 11px; letter-spacing: .26em; }\n.l-mobile .title { font-size: 28px; font-stretch: 112%; letter-spacing: 0; }\n.l-mobile .text { font-size: 15px; }\n`,\n\n mounted() { FONT(); },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const r = (n) => refOf(d2.param(n));\n const icon = r('iconComponent'); const btn = r('button');\n const form = r('signupForm') ? d2.render(r('signupForm'), Object.assign({}, obj(p.form), {\n layout, formSection: r('formSection'), formField: r('formField'), taxIdField: r('taxIdField'), radio: r('radio'),\n checkbox: r('checkbox'), notice: r('notice'), codeField: r('codeField'), resendCode: r('resendCode'), button: btn, iconComponent: icon\n }), {\n key: 'form', style: 'height:auto',\n onSubmit: (v) => emit(d2, 'onSubmit', v), onVerify: (v) => emit(d2, 'onVerify', v), onResend: (v) => emit(d2, 'onResend', v),\n onChangeEmail: (v) => emit(d2, 'onChangeEmail', v), onLogin: (h) => emit(d2, 'onLogin', h), onCep: (v) => emit(d2, 'onCep', v)\n }) : '';\n const showAside = layout === 'desktop' && (p.showAside == null || p.showAside === '' || truthy(p.showAside));\n const aside = showAside && r('promoCard') ? d2.render(r('promoCard'), Object.assign({\n compact: true, eyebrow: 'Por que criar conta', items: WHY,\n foot: '**Não guardamos dados de cartão.** O pagamento é feito com segurança pelo Mercado Pago.'\n }, obj(p.aside), { layout, checkList: r('checkList'), button: btn, iconComponent: icon }), { key: 'aside', style: 'height:auto' }) : '';\n return `${btn}
\n Já tem conta? Entrar
\n
\n
\n ${showAside ? `` : ''}\n \n
\n ${form}\n ${esc(p.eyebrow || 'Criar conta')}
\n${esc(p.title || 'Bora criar sua conta')}
\n${esc(p.description || 'Leva um minutinho. Com esses dados a gente emite sua nota fiscal e entrega seu pedido sem enrolação.')}
\n- ${steps.map((t, i) => {\n const n = i + 1; const st = n < cur ? 'is-done' : (n === cur ? 'is-current' : 'is-pending');\n return `
- ${n}. ${esc(t)} `;\n }).join('')}
${d2.render(R.st, { current: sent ? 2 : 1, ariaLabel: 'Etapas para recuperar a senha', layout }, { key: 'st-' + step, style: 'height:auto' })}
` : '';\n const mark = sent && R.icon ? `${d2.render(R.icon, { name: 'mail', size: 24, iconColor: '#ffffff' }, { key: 'mail', width: 24, height: 24 })}` : '';\n const btn = (key, label, href, onClick) => R.btn ? `${d2.render(R.btn, { label, variant: 'primary', size: 'lg', fullWidth: 'always', href: href || '', layout }, { key, height: 52, onClick })}
` : '';\n\n let body;\n if (sent) {\n const email = esc(store(d2).email || '[e-mail informado]');\n const notice = R.nt ? d2.render(R.nt, { tone: 'accent', iconName: 'mail', layout, iconComponent: R.icon, body: p.noticeText || 'Não achou? Dá uma olhada no spam ou na aba de promoções.' }, { key: 'notice', style: 'height:auto' }) : '';\n const resend = R.rs ? d2.render(R.rs, { layout, align: 'center', seconds: p.resendSeconds == null || p.resendSeconds === '' ? 59 : p.resendSeconds, resendLabel: 'Reenviar link' }, {\n key: 'resend', style: 'height:auto', onResend: () => emit(d2, 'onResend', store(d2).email), onChangeEmail: back\n }) : '';\n body = `${steps}${mark}\n Quase lá
\nConfira seu e‑mail
\nSe existir uma conta com ${email}, você vai receber um link para criar uma senha nova. O link vale por ${esc(p.linkValidity || '[X]')} minutos.
\n ${notice}\n ${btn('back', 'Voltar para o login', loginHref, () => emit(d2, 'onBack', loginHref))}\n ${resend}`;\n } else {\n const field = R.ff ? d2.render(R.ff, {\n label: 'E-mail', type: 'email', name: 'email', autoComplete: 'email', inputMode: 'email', placeholder: 'seuemail@exemplo.com',\n value: store(d2).email, error: err, layout, iconComponent: R.icon\n }, { key: 'email' + (err ? '-e' + err.length : ''), style: 'height:auto', onInput: (v) => { store(d2).email = v; } }) : '';\n body = `${steps}\nRecuperar senha
\nEsqueceu a senha?
\n${esc(p.description || 'Acontece nas melhores garagens. Digite o e-mail da sua conta que a gente manda um link para você criar uma senha nova.')}
\n ${field}\n ${btn('submit', p.submitLabel || 'Enviar link', '', submit)}\n Voltar para o login`;\n }\n return `${body}
`;\n }\n};"}},"autoAdvance":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"autoAdvance"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"description":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"description"}}}},"email":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"email"}}}},"emailError":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"emailError"}}}},"formField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formField"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"linkValidity":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"linkValidity"}}}},"loginHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"loginHref"}}}},"notice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"notice"}}}},"noticeText":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"noticeText"}}}},"onBack":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onBack"}}}},"onChangeEmail":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChangeEmail"}}}},"onResend":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onResend"}}}},"onSubmit":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onSubmit"}}}},"resendCode":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"resendCode"}}}},"resendSeconds":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"resendSeconds"}}}},"step":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"step"}}}},"stepIndicator":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"stepIndicator"}}}},"submitLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"submitLabel"}}}}}}}}}},{"_id":"6abd1fc47e17d43be42a5943","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"StatusBadge","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// StatusBadge — Loja Lucas Fontana\n// O status do pedido, diferenciado por preenchimento e borda além da cor (quem não enxerga cor também distingue):\n// `shipped` \"Enviado\" — preenchido de preto.\n// `pending` \"Aguardando pagamento\" — contorno e texto vermelhos (é o que pede ação).\n// `paid` \"Pagamento aprovado\" — contorno preto.\n// `delivered` \"Entregue\" — fundo grey-100.\n// `canceled` \"Cancelado\" — contorno cinza tracejado.\n// `refused` \"Recusado ou expirado\" e `refunded` \"Estornado\" — os dois status de pagamento do documento de requisitos (5.2),\n// com o mesmo visual tracejado do cancelado.\n// 28px de altura, 11px em caixa alta. `label` troca o texto padrão.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst arr = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst obj = (v) => {\n if (v && typeof v === 'object' && !Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return j && typeof j === 'object' ? j : {}; } catch (e) { return {}; } }\n return {};\n};\n\nconst STATUS = {\n shipped: 'Enviado', pending: 'Aguardando pagamento', paid: 'Pagamento aprovado', delivered: 'Entregue',\n canceled: 'Cancelado', refused: 'Recusado ou expirado', refunded: 'Estornado'\n};\n\nexport default {\n css: `\n:host { display: inline-block; }\n* { box-sizing: border-box; }\n.st { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-100: #ececea; --grey-400: #8e9095; --grey-500: #6b6e73;\n font-family: ${FF}; -webkit-font-smoothing: antialiased;\n display: inline-flex; align-items: center; height: 28px; padding: 0 10px; font-size: 11px; font-weight: 800; letter-spacing: .12em; line-height: 1;\n text-transform: uppercase; white-space: nowrap; border: 1.5px solid transparent; }\n.s-shipped { background: var(--ink); color: var(--white); }\n.s-pending { background: var(--white); color: var(--red-500); border-color: var(--red-500); }\n.s-paid { background: var(--white); color: var(--ink); border-color: var(--ink); }\n.s-delivered { background: var(--grey-100); color: var(--ink); }\n.s-canceled, .s-refused, .s-refunded { background: var(--white); color: var(--grey-500); border: 1.5px dashed var(--grey-400); }\n`,\n mounted() { FONT(); },\n render(d2) {\n const p = d2.params || {};\n const st = STATUS[p.status] ? p.status : 'paid';\n return `${esc(p.label || STATUS[st])}`;\n }\n};\n"}},"label":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"label"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"status":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"status"}}}}}}}}}},{"_id":"6abd1fc4e6552f4472d7dacf","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"PanelHeader","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// PanelHeader — Loja Lucas Fontana\n// O título de um painel da conta: largo em caixa alta, 28px (24px no mobile), com uma linha cinza embaixo\n// (\"Clique em um pedido para ver os itens, o pagamento e o rastreio.\").\n// `title`, `text`, `layout`.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst arr = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst obj = (v) => {\n if (v && typeof v === 'object' && !Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return j && typeof j === 'object' ? j : {}; } catch (e) { return {}; } }\n return {};\n};\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.ph { --ink: #0b0b0c; --grey-500: #6b6e73; font-family: ${FF}; -webkit-font-smoothing: antialiased;\n display: flex; flex-direction: column; gap: 6px; width: 100%; }\nh2 { margin: 0; font-size: 28px; font-weight: 800; font-stretch: 115%; line-height: 1.05; text-transform: uppercase; color: var(--ink); overflow-wrap: break-word; }\np { margin: 0; font-size: 15px; line-height: 1.45; color: var(--grey-500); }\n.l-mobile h2 { font-size: 24px; font-stretch: 112%; }\n`,\n mounted() { FONT(); },\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n return `${esc(p.title || 'Meus pedidos')}
${p.text ? `${esc(p.text)}
` : ''}\n ${sq}\n
${esc(e.title || 'Nenhum pedido por aqui ainda')}
\n${esc(e.text || 'Quando você fizer a primeira compra, é aqui que acompanha o pagamento, o envio e o código de rastreio.')}
\n${cta}
\n ' + d2.render(R.st, { status: o.status, label: o.statusLabel || '' },\n { key: 'st-' + where + '-' + o.number + '-' + o.status + '-' + (o.statusLabel || ''), style: 'display:inline-flex;vertical-align:middle;flex:none' }) + '
' : '';\n const pay = (o) => (o.status === 'pending' && o.payHref !== null)\n ? `Pagar com Pix` : '';\n const view = (o) => emit(d2, 'onView', { number: String(o.number), href: o.href || '' });\n\n if (layout === 'desktop') {\n const rows = orders.map((o) => {\n const btn = R.btn ? d2.render(R.btn, { label: 'Ver pedido', variant: 'outline', size: 'sm', href: o.href || '', layout },\n { key: 'v-' + o.number + (o.href ? '-l' : ''), onClick: () => view(o) }) : '';\n return `| Pedido | Data | Itens | Total | Status | Ações |
|---|
Pedido #${esc(o.number)}
${badge(o, 'c')}${esc(o.date)} · ${esc(itemsTxt(o.items))}${esc(o.total)}
\n ${pay(o)}${link}
\n ${cards}
${d2.render(R.bc, { items: crumbs, layout },\n { key: 'bc', onNavigate: (h) => emit(d2, 'onNavigate', { key: 'breadcrumb', href: h }) })}
` : '';\n\n const side = layout === 'desktop' ? `` : '';\n\n const tabs = layout === 'desktop' ? '' : ``;\n\n const panel = R.ph ? d2.render(R.ph, { title: p.panelTitle || 'Meus pedidos', text: p.panelText == null ? 'Clique em um pedido para ver os itens, o pagamento e o rastreio.' : p.panelText, layout },\n { key: 'ph-' + layout + '-' + (p.panelTitle || '') }) : '';\n\n const cp = obj(p.contentParams);\n const content = R.content ? d2.render(R.content, Object.assign({}, cp, { layout }), {\n key: 'ct-' + layout + '-' + hash(cp),\n onView: (v) => emit(d2, 'onView', v), onPay: (v) => emit(d2, 'onPay', v),\n onChange: (v) => emit(d2, 'onChange', v), onSubmit: (v) => emit(d2, 'onSubmit', v)\n }) : '';\n\n const out = layout === 'mobile' ? `${ic('logout', 'm-out', '#0b0b0c')}Sair da conta` : '';\n\n return `\n
${crumb}
\n ${esc(title)}
${esc(sub)}
${side}
\n ${tabs}${panel}${content}${out}
\n
`;\n }\n\n return `Excluir sua conta?
\n${rich(p.deleteBody || 'Isso apaga seu cadastro, seus endereços e o histórico de pedidos da conta, e **não dá pra desfazer**. As notas fiscais já emitidas continuam guardadas, como a lei exige.')}
\n${yes}${no}
\n \n ${notice}${data}${comms}\n
`;\n }\n};\n"}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"checkbox":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"checkbox"}}}},"deleteBody":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"deleteBody"}}}},"deletedBody":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"deletedBody"}}}},"errorBody":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"errorBody"}}}},"formField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formField"}}}},"formSection":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formSection"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"notice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"notice"}}}},"noticeBody":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"noticeBody"}}}},"onDelete":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onDelete"}}}},"onSubmit":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onSubmit"}}}},"passwordText":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"passwordText"}}}},"radio":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"radio"}}}},"savedBody":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"savedBody"}}}},"status":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"status"}}}},"taxIdField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"taxIdField"}}}},"values":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"values"}}}}}}}}}},{"_id":"6abd4565edeff59159dc322b","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"AddressCard","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// AddressCard — Loja Lucas Fontana\n// Um endereço salvo: pino + nome (\"Casa\"), quem recebe em negrito, as linhas da rua e o CEP, e as ações separadas por\n// uma linha fina: \"Editar\" · \"Excluir\" (cinza) · \"Definir como principal\".\n// `main: true` é o endereço principal: borda preta de 2px, selo vermelho \"Principal\" e sem \"Definir como principal\".\n// `confirming: true` troca as ações pela confirmação \"Excluir este endereço?\" com \"Excluir\" e \"Cancelar\".\n// `note` mostra uma linha acima das ações (ex.: \"Esse é o principal. Defina outro como principal antes de excluir.\").\n// `lines` (lista de textos) ou os campos soltos `street`, `number`, `complement`, `district`, `city`, `uf`.\n// `addressId` identifica o endereço nos avisos (`id` é nome reservado do bloco).\n// Avisa `onEdit`, `onDelete`, `onMakeMain`, `onConfirmDelete` e `onCancelDelete` com o `addressId`.\n// Não desenha selo, botão nem ícone: usa Badge, Button e Icon por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst FONT = () => {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font';\n l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n};\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst arr = (v) => {\n if (Array.isArray(v)) return v;\n if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } }\n return [];\n};\nconst rich = (t) => esc(t).replace(/\\*\\*(.+?)\\*\\*/g, '$1');\n\nexport default {\n css: `\n:host { display: block; width: 100%; height: 100%; }\n* { box-sizing: border-box; }\n.ac { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-500: #6b6e73; --grey-700: #45474b; --line: #e4e4e2;\n font-family: ${FF}; -webkit-font-smoothing: antialiased;\n display: flex; flex-direction: column; gap: 14px; height: 100%; padding: 22px; border: 1px solid var(--line); background: var(--white); }\n.ac.main { border: 2px solid var(--ink); padding: 21px; }\n.top { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 24px; }\nh3 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 17px; font-weight: 800; line-height: 1.2; color: var(--ink); overflow-wrap: anywhere; }\naddress { margin: 0; font-style: normal; font-size: 15px; line-height: 1.6; color: var(--grey-700); overflow-wrap: anywhere; }\naddress b { color: var(--ink); }\n.foot { display: flex; flex-direction: column; gap: 12px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); }\n.note { margin: 0; font-size: 14px; line-height: 1.45; color: var(--ink); }\n.acts { display: flex; flex-wrap: wrap; gap: 8px 24px; }\n.acts button { padding: 0; min-height: 28px; border: 0; background: none; font: 700 14px/1 ${FF}; color: var(--ink);\n text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }\n.acts .del { color: var(--grey-500); font-weight: 600; }\n.acts button:hover { color: var(--red-500); }\n.acts button:focus-visible { outline: 2px solid var(--red-500); outline-offset: 2px; }\n.confirm { display: flex; flex-direction: column; gap: 12px; }\n.confirm p { margin: 0; font-size: 15px; font-weight: 700; color: var(--ink); }\n.confirm .btns { display: flex; flex-wrap: wrap; gap: 10px; }\n.confirm .btns > * { flex: 0 0 auto; width: auto !important; }\n.l-mobile .acts { gap: 8px 20px; }\n.l-mobile .acts button { min-height: 36px; }\n`,\n\n mounted(d2) {\n FONT();\n d2.on('[data-act]', 'click', (e, el) => {\n const a = el.getAttribute('data-act');\n const id = el.getAttribute('data-id') || (d2.params || {}).addressId;\n if (a === 'edit') emit(d2, 'onEdit', id);\n if (a === 'del') emit(d2, 'onDelete', id);\n if (a === 'main') emit(d2, 'onMakeMain', id);\n });\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const main = truthy(p.main);\n const id = p.addressId == null ? '' : String(p.addressId);\n const R = { badge: refOf(d2.param('badge')), btn: refOf(d2.param('button')), icon: refOf(d2.param('iconComponent')) };\n const lines = arr(p.lines).length ? arr(p.lines) : [\n [p.street, p.number].filter(Boolean).join(', ') + (p.complement ? ' — ' + p.complement : ''),\n [p.district, [p.city, p.uf].filter(Boolean).join('/')].filter(Boolean).join(' — ')\n ].filter((l) => l && l.trim());\n const pin = R.icon ? d2.render(R.icon, { name: 'pin', size: 20, iconColor: '#0b0b0c' }, { key: 'pin', width: 20, height: 20, style: 'flex:none' }) : '';\n const badge = main && R.badge ? d2.render(R.badge, { label: 'Principal', tone: 'red', layout: 'desktop' }, { key: 'badge', height: 24, style: 'flex:none;width:auto' }) : '';\n\n let foot;\n if (truthy(p.confirming)) {\n const yes = R.btn ? d2.render(R.btn, { label: 'Excluir', variant: 'primary', size: 'sm', layout }, { key: 'yes', onClick: () => emit(d2, 'onConfirmDelete', id) }) : '';\n const no = R.btn ? d2.render(R.btn, { label: 'Cancelar', variant: 'outline', size: 'sm', layout }, { key: 'no', onClick: () => emit(d2, 'onCancelDelete', id) }) : '';\n foot = `${okNote}${failNote}${btn}
\n \n
\n ${rich(p.passwordText || 'Quer trocar a senha? Saia da conta e use **“Esqueci minha senha”** na tela de login.')}
\n ${del}\nExcluir este endereço?
${yes}${no}
${rich(p.note)}
` : ''}\n\n \n \n ${main ? '' : ``}\n
`;\n }\n\n return `${pin}${esc(p.label || 'Endereço')}
${badge}' + esc(l)).join('')}${p.cep ? '
CEP ' + esc(p.cep) : ''}\n
${foot}
\n ${rich(p.emptyText || 'Você ainda não salvou nenhum endereço. O primeiro que você cadastrar vira o **principal** e já vem preenchido no checkout.')}
`;\n return `${flash}${empty}
`;\n }\n\n // ---------- formulário\n const k = (name, keys) => name + '-' + gen + '-' + hash((keys || []).map((x) => errors[x] || ''));\n const chips = R.chip ? d2.render(R.chip, {\n label: 'Nome do endereço', options: LABELS, value: f.labelChoice, name: 'apelido', layout\n }, { key: 'chips-' + gen, onChange: (v) => { f.labelChoice = v; if (errors.labelOther) { const n = Object.assign({}, errors); delete n.labelOther; d2.state.errors = n; } d2.state.labelChoice = v; } }) : '';\n const other = (d2.state.labelChoice || f.labelChoice) === 'outro' && R.ff ? d2.render(R.ff, {\n label: 'Como você quer chamar esse endereço?', name: 'labelOther', placeholder: 'Ex.: Casa da mãe, Oficina', maxLength: 30,\n value: f.labelOther, error: errors.labelOther || '', layout, iconComponent: R.icon\n }, { key: k('other', ['labelOther']), onInput: (v) => onField({ key: 'labelOther', value: v }) }) : '';\n\n const cepState = d2.state.cep || '';\n const cepHint = cepState === 'found' ? 'Endereço encontrado. Confere e completa com o número.'\n : cepState === 'city' ? 'Esse CEP vale para a cidade toda: preenche a rua e o bairro.'\n : cepState === 'error' ? 'Não deu pra buscar o CEP agora. Preenche o endereço à mão.' : '';\n const fieldsKeys = ['recipient', 'cep', 'street', 'number', 'complement', 'district', 'city', 'uf'];\n const fs = R.fs ? d2.render(R.fs, {\n layout, formField: R.ff, iconComponent: R.icon, version: String(gen),\n values: fieldsKeys.reduce((o, x) => { o[x] = f[x] || ''; return o; }, {}),\n errors: fieldsKeys.reduce((o, x) => { if (errors[x]) o[x] = errors[x]; return o; }, {}),\n rows: [\n { fields: [{ key: 'recipient', label: 'Nome de quem recebe', placeholder: 'Quem vai estar lá pra receber', autoComplete: 'name' }] },\n { fields: [{ key: 'cep', label: 'CEP', mask: 'cep', placeholder: '00000-000', autoComplete: 'postal-code', hint: cepHint,\n linkLabel: 'Não sei meu CEP', linkHref: 'https://buscacepinter.correios.com.br/app/endereco/index.php' }, { kind: 'spacer' }] },\n { fields: [{ key: 'street', label: 'Rua / avenida', autoComplete: 'address-line1' }] },\n { keep: true, fields: [{ key: 'number', label: 'Número', placeholder: 'Ou S/N' }, { key: 'complement', label: 'Complemento', optional: true, placeholder: 'Apto, bloco, referência', autoComplete: 'address-line2' }] },\n { fields: [{ key: 'district', label: 'Bairro' }, { key: 'city', label: 'Cidade', autoComplete: 'address-level2' }] },\n { fields: [{ key: 'uf', label: 'Estado', mask: 'uf', placeholder: 'UF', maxLength: 2, autoComplete: 'address-level1' }, { kind: 'spacer' }] }\n ]\n }, { key: 'fs-' + gen + '-' + hash(errors), onInput: onField, onBlur: onField }) : '';\n const editingMain = mode === 'edit' && (list.find((a) => a.id === editId) || {}).main;\n const first = mode === 'new' && list.length === 0;\n const mainCb = editingMain || !R.cb ? '' : d2.render(R.cb, {\n name: 'principal', checked: first || truthy(f.main), disabled: first, top: true, layout, iconComponent: R.icon,\n label: first ? 'Usar como endereço principal ((o primeiro endereço já vira o principal))' : 'Usar como endereço principal'\n }, { key: 'main-' + gen + (first ? '-f' : ''), onChange: (v) => { f.main = !!v; } });\n\n const saveBtn = R.btn ? d2.render(R.btn, { label: 'Salvar endereço', variant: 'primary', layout }, { key: 'save', onClick: save }) : '';\n const cancel = R.btn ? d2.render(R.btn, { label: 'Cancelar', variant: 'outline', layout }, { key: 'cancel', onClick: () => toList('') }) : '';\n\n return `${cards}${add}
\n
${mode === 'edit' ? 'Editar endereço' : 'Novo endereço'}
\n ${chips}${other}${fs}${mainCb}\n${saveBtn}${cancel}
\n ${esc(s.label)} — ${NAME[st]}${s.date ? `${esc(s.date)}` : ''}
\n - ${items}
${esc(p.title || 'Resumo do pedido')}
\n ${rows.map((r) => `${esc(r[0])}${esc(r[1])}
`).join('')}\n ${p.total ? `Total${esc(p.total)}
` : ''}\n ${secs.map((s) => {\n const from = s.mutedFrom == null || s.mutedFrom === '' ? -1 : Number(s.mutedFrom);\n return `${esc(s.title)}
${arr(s.lines).map((l, k) => `${d2.render(R.st, { status: p.status, label: p.statusLabel || '' }, { key: 'st-' + p.status + (p.statusLabel || ''), style: 'display:inline-flex;flex:none' })}
` : '';\n\n let track = '';\n if (t.code) {\n const btn = R.btn ? `${d2.render(R.btn, { label: 'Rastrear', variant: 'primary', size: 'sm', arrow: true, href: t.href || '', newTab: !!t.href, fullWidth: layout === 'mobile' ? 'always' : '', layout },\n { key: 'trk-' + (t.href ? 'l' : 'b'), onClick: () => emit(d2, 'onTrack', t.code) })}` : '';\n track = `\n
`;\n } else if (p.tracking !== false && p.tracking !== 'false') {\n track = `Código de rastreio${t.carrier ? ' · ' + esc(t.carrier) : ''}${esc(t.code)}
\n \n ${copied ? 'Código copiado' : ''}\n ${btn}\n ${ic('truck', 20, '#0b0b0c', 'tr')}${esc(p.trackingPendingText || 'O código de rastreio aparece aqui quando o pedido for enviado.')}
`;\n }\n\n const items = arr(p.items).map(obj);\n const list = items.length ? `- ${items.map((it) => `
- \n ${it.image ? `
` : 'Foto'}\n
\n ${esc(it.price)}\n${esc(it.name)}
${arr(it.meta).map((m) => ``).join('')}${it.qty != null && it.qty !== '' ? `` : ''} `).join('')}
${p.title || badge ? `${esc(p.title || '')}${badge}` : ''}${p.from ? `
${status}${esc(p.from)}
` : ''}${d2.render(R.bc, { items: crumbs, layout }, { key: 'bc' })}
` : '';\n const backLink = R.back ? d2.render(R.back, { label: back.label, href: back.href, iconComponent: R.icon }, { key: 'back', height: 36, onClick: (h) => emit(d2, 'onBack', h) }) : '';\n const badge = status && R.st ? `${d2.render(R.st, { status, label: p.statusLabel || '' }, { key: 'st-' + status + (p.statusLabel || ''), style: 'display:inline-flex;flex:none' })}
` : '';\n\n // aviso por status\n const al = obj(p.alert);\n let alert = '';\n if (status === 'pending' && R.notice) {\n const note = d2.render(R.notice, {\n tone: 'accent', iconName: al.iconName || 'card', live: true, layout, iconComponent: R.icon,\n body: al.body || ('**Falta pagar.** O pedido fica reservado até ' + (p.payUntil || '[prazo]') + '. Assim que o pagamento for confirmado, a gente começa a separar.')\n }, { key: 'al-pending-' + hash(al) + (p.payUntil || ''), style: 'height:auto;width:100%' });\n const pay = R.btn ? d2.render(R.btn, { label: 'Pagar com Pix', variant: 'primary', arrow: true, href: p.payHref || '', fullWidth: 'mobile', layout },\n { key: 'pay-' + (p.payHref ? 'l' : 'b'), onClick: () => emit(d2, 'onPay', number) }) : '';\n alert = `${note}${pay}
`;\n } else if (ALERTS[status] && R.notice) {\n const a = ALERTS[status];\n alert = `${d2.render(R.notice, { tone: 'accent', iconName: al.iconName || a.iconName, live: true, layout, iconComponent: R.icon, body: al.body || a.body },\n { key: 'al-' + status + '-' + hash(al), style: 'height:auto;width:100%' })}
`;\n }\n const hideProg = !!ALERTS[status] && !(p.showProgress === true || p.showProgress === 'true');\n const prog = !hideProg && R.prog ? d2.render(R.prog, { steps: arr(p.steps), layout, iconComponent: R.icon }, { key: 'prog-' + hash(arr(p.steps)), style: 'height:auto' }) : '';\n\n const ships = arr(p.shipments).map(obj).map((s, i) => R.ship ? d2.render(R.ship, Object.assign({}, s, {\n layout, statusBadge: R.st, badge: R.badge, button: R.btn, iconComponent: R.icon\n }), { key: 'ship-' + i + '-' + hash(s), style: 'height:auto', onCopy: (c) => emit(d2, 'onCopy', c), onTrack: (c) => emit(d2, 'onTrack', c) }) : '').join('');\n const sum = R.sum ? d2.render(R.sum, Object.assign({}, obj(p.summary), { layout }), { key: 'sum-' + hash(obj(p.summary)), style: 'height:auto' }) : '';\n const help = R.help ? d2.render(R.help, Object.assign({}, obj(p.help), { layout, button: R.btn }), { key: 'help-' + hash(obj(p.help)), style: 'height:auto', onCta: (h) => emit(d2, 'onSac', h) }) : '';\n\n return `\n ${badge}\n ${alert}${prog}\n \n
${crumb}${backLink}
\n Pedido #${esc(number)}
${p.date ? `${esc(p.date)}
` : ''}${ships}
${d2.render(btnRef, {\n label: loading ? 'Carregando…' : (p.label || 'Carregar mais produtos'), variant: 'outline', size: 'lg', fullWidth: 'always', isDisabled: loading, layout\n }, { key: 'b-' + (loading ? 'l' : 'n'), height: 52, onClick: () => emit(d2, 'onClick', true) })}
` : '';\n return `${btn}${p.countLabel ? `
`;\n }\n};"}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"countLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"countLabel"}}}},"done":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"done"}}}},"label":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"label"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"loading":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"loading"}}}},"onClick":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onClick"}}}}}}}}}},{"_id":"6abd7b7a070cf08086c28d5c","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"FilterPanel","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// FilterPanel — Loja Lucas Fontana\n// A lateral de filtros do desktop (264px, na CatalogLayout): título \"FILTRAR\" com o ícone de filtro e o link \"Limpar tudo\",\n// depois os grupos, 28px entre eles. Abaixo de 1200px os mesmos grupos vão para a FilterSheet.\n// Os grupos chegam por `groups`: [{id, kind: \"checkbox\" | \"radio\" | \"price\", title, options, value, min, max, ranges}].\n// Emite `onChange` {group, value, checked}, `onPrice` {group, min, max}, `onRange` {group, value} e `onClear`.\n// `showClear: false` esconde \"Limpar tudo\". Usa FilterGroup, PriceFilter, Checkbox, Radio, FormField e Icon por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => { if (Array.isArray(v)) return v; if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } } return []; };\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst DEMO = [\n { id: 'categoria', title: 'Categoria', options: [{ value: 'Cuidado automotivo', label: 'Cuidado automotivo', count: 9, checked: true }, { value: 'Performance', label: 'Performance', count: 2 }, { value: 'Bonés', label: 'Bonés', count: 1 }] },\n { id: 'marca', title: 'Marca', options: [{ value: 'Lucas Fontana', label: 'Lucas Fontana', count: 10 }, { value: 'BPower Motorsport', label: 'BPower Motorsport', count: 2 }] },\n { id: 'preco', kind: 'price', title: 'Preço' },\n { id: 'estoque', title: 'Disponibilidade', options: [{ value: 'em-estoque', label: 'Mostrar só produtos em estoque' }] }\n];\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.fp { display: flex; flex-direction: column; gap: 28px; font-family: ${FF}; -webkit-font-smoothing: antialiased; }\n.head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }\nh2 { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 15px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #0b0b0c; }\n.clear { margin: 0; padding: 0; border: 0; background: none; font: 600 14px/1.2 ${FF}; color: #0b0b0c; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }\n.clear:hover { color: #c8102e; }\n.clear:focus-visible { outline: 2px solid #c8102e; outline-offset: 2px; }\n`,\n mounted(d2) { d2.on('.clear', 'click', () => emit(d2, 'onClear', true)); },\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const R = { fg: refOf(d2.param('filterGroup')), pf: refOf(d2.param('priceFilter')), cb: refOf(d2.param('checkbox')), rd: refOf(d2.param('radio')), ff: refOf(d2.param('formField')), icon: refOf(d2.param('iconComponent')) };\n const groups = list(p.groups).length ? list(p.groups) : DEMO;\n const ver = p.version == null ? '0' : String(p.version);\n const title = R.icon ? d2.render(R.icon, { name: 'filter', size: 20, iconColor: '#0b0b0c' }, { key: 'fi', width: 20, height: 20 }) : '';\n const body = groups.map((g) => {\n if (g.kind === 'price') {\n return R.pf ? d2.render(R.pf, { title: g.title || 'Preço', name: g.id, min: g.min == null ? '' : String(g.min), max: g.max == null ? '' : String(g.max), value: g.value || '', ranges: g.ranges || [], layout, formField: R.ff, radio: R.rd, iconComponent: R.icon }, {\n key: 'p-' + g.id + '-' + ver, style: 'height:auto',\n onApply: (v) => emit(d2, 'onPrice', Object.assign({ group: g.id }, v || {})), onRange: (v) => emit(d2, 'onRange', { group: g.id, value: v })\n }) : '';\n }\n return R.fg ? d2.render(R.fg, { title: g.title, name: g.id, type: g.kind === 'radio' ? 'radio' : 'checkbox', options: g.options || [], value: g.value || '', layout, checkbox: R.cb, radio: R.rd, iconComponent: R.icon }, {\n key: 'g-' + g.id + '-' + ver, style: 'height:auto',\n onChange: (v) => emit(d2, 'onChange', Object.assign({ group: g.id }, v || {}))\n }) : '';\n }).join('');\n const showClear = p.showClear == null || p.showClear === '' ? true : truthy(p.showClear);\n return `${esc(p.countLabel)}
` : ''}\n ${truthy(p.hideHead) ? '' : ``}\n ${body}\n
`;\n }\n};"}},"checkbox":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"checkbox"}}}},"clearLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"clearLabel"}}}},"filterGroup":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"filterGroup"}}}},"formField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formField"}}}},"groups":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"groups"}}}},"hideHead":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"hideHead"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChange"}}}},"onClear":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onClear"}}}},"onPrice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onPrice"}}}},"onRange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onRange"}}}},"priceFilter":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"priceFilter"}}}},"radio":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"radio"}}}},"showClear":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"showClear"}}}},"title":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"title"}}}},"version":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"version"}}}}}}}}}},{"_id":"6abd7b998b5295df285aea5c","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"FilterSheet","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// FilterSheet — Loja Lucas Fontana\n// A gaveta de filtrar e ordenar do tablet e do mobile: cabeçalho \"FILTRAR E ORDENAR\" com o botão de fechar, os grupos\n// rolando (começa por \"Ordenar por\", depois os mesmos grupos da FilterPanel) e o rodapé fixo com \"Limpar\" (contorno)\n// e \"Ver resultados\" (preto). Borda vermelha de 3px no topo.\n// Mobile: sobe por cima de um fundo escuro, deixando 48px da página à mostra no topo. Tablet: painel de 420px pela direita.\n// Fecha no Esc, no fundo escuro e no ×; trava a rolagem da página enquanto aberta.\n// `open` mostra; `static: true` desenha no lugar (para documentação). Os grupos chegam por `groups` (como na FilterPanel)\n// e a ordenação por `sortOptions`/`sortValue`. Emite `onClose`, `onClear`, `onApply`, `onSort` e os eventos dos grupos.\n// Usa FilterPanel, FilterGroup, PriceFilter, Checkbox, Radio, FormField, Button e Icon por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => { if (Array.isArray(v)) return v; if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } } return []; };\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst SORTS = [{ value: 'relevancia', label: 'Relevância' }, { value: 'menor-preco', label: 'Menor preço' }, { value: 'maior-preco', label: 'Maior preço' }, { value: 'mais-vendidos', label: 'Mais vendidos' }];\n\nexport default {\n css: `\n:host { display: block; }\n* { box-sizing: border-box; }\n.sheet { position: fixed; inset: 0; z-index: 1000; display: flex; justify-content: flex-end; font-family: ${FF}; -webkit-font-smoothing: antialiased; }\n.static { position: relative; inset: auto; height: 844px; }\n.scrim { position: absolute; inset: 0; margin: 0; padding: 0; border: 0; background: rgba(11, 11, 12, .6); cursor: pointer; }\n.panel { position: relative; display: flex; flex-direction: column; width: 420px; max-width: 100%; height: 100%; background: #ffffff; border-top: 3px solid #c8102e; outline: none; }\n.head { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 64px; padding: 0 12px 0 20px; border-bottom: 1px solid #e4e4e2; }\nh2 { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 18px; font-weight: 800; font-stretch: 112%; text-transform: uppercase; color: #0b0b0c; }\n.close { width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: transparent; color: #0b0b0c; display: flex; align-items: center; justify-content: center; cursor: pointer; }\n.close:focus-visible { outline: 2px solid #c8102e; outline-offset: -2px; }\n.body { flex: 1; overflow-y: auto; padding: 16px 20px 24px; display: flex; flex-direction: column; gap: 24px; }\n.foot { flex: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; padding: 16px 20px; border-top: 1px solid #e4e4e2; background: #ffffff; }\n.fb { height: 52px; }\n.l-mobile .panel { width: 100%; height: calc(100% - 48px); margin-top: 48px; }\n`,\n mounted(d2) {\n d2.on('.scrim, .close', 'click', () => emit(d2, 'onClose', true));\n const onKey = (e) => { const p = d2.params || {}; if (e.key === 'Escape' && truthy(p.open) && !truthy(p.static)) emit(d2, 'onClose', true); };\n document.addEventListener('keydown', onKey);\n d2.onUnmount(() => { document.removeEventListener('keydown', onKey); document.body.style.overflow = ''; });\n },\n updated(d2) {\n const p = d2.params || {};\n const on = truthy(p.open) && !truthy(p.static);\n document.body.style.overflow = on ? 'hidden' : '';\n if (on) { const el = d2.$('.panel'); if (el && d2.root && !d2.root.__focused) { el.focus(); d2.root.__focused = true; } }\n else if (d2.root) d2.root.__focused = false;\n },\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'mobile';\n const open = truthy(p.open) || truthy(p.static);\n if (!open) return '';\n const R = { fp: refOf(d2.param('filterPanel')), fg: refOf(d2.param('filterGroup')), pf: refOf(d2.param('priceFilter')), cb: refOf(d2.param('checkbox')), rd: refOf(d2.param('radio')), ff: refOf(d2.param('formField')), btn: refOf(d2.param('button')), icon: refOf(d2.param('iconComponent')) };\n const ver = p.version == null ? '0' : String(p.version);\n const sorts = list(p.sortOptions).length ? list(p.sortOptions) : SORTS;\n const sortVal = p.sortValue || 'relevancia';\n const sort = R.fg ? d2.render(R.fg, { title: 'Ordenar por', name: 'ordenar', type: 'radio', options: sorts, value: sortVal, layout, radio: R.rd, iconComponent: R.icon },\n { key: 's-' + sortVal, style: 'height:auto', onChange: (v) => emit(d2, 'onSort', v && v.value) }) : '';\n const groups = R.fp ? d2.render(R.fp, { groups: list(p.groups), hideHead: true, version: ver, layout, filterGroup: R.fg, priceFilter: R.pf, checkbox: R.cb, radio: R.rd, formField: R.ff, iconComponent: R.icon }, {\n key: 'fp-' + ver, style: 'height:auto',\n onChange: (v) => emit(d2, 'onChange', v), onPrice: (v) => emit(d2, 'onPrice', v), onRange: (v) => emit(d2, 'onRange', v)\n }) : '';\n const fi = R.icon ? d2.render(R.icon, { name: 'filter', size: 20, iconColor: '#0b0b0c' }, { key: 'fi', width: 20, height: 20 }) : '';\n const x = R.icon ? d2.render(R.icon, { name: 'close', size: 22, iconColor: '#0b0b0c' }, { key: 'x', width: 22, height: 22 }) : '×';\n const fb = (k, label, variant, evt) => R.btn ? `${title}${esc(p.title || 'Filtrar')}
${showClear ? `` : ''}${d2.render(R.btn, { label, variant, size: 'lg', fullWidth: 'always', layout }, { key: k, height: 52, onClick: () => emit(d2, evt, true) })}
` : '';\n return `\n \n
`;\n }\n};"}},"applyLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"applyLabel"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"checkbox":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"checkbox"}}}},"clearLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"clearLabel"}}}},"filterGroup":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"filterGroup"}}}},"filterPanel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"filterPanel"}}}},"formField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formField"}}}},"groups":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"groups"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onApply":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onApply"}}}},"onChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChange"}}}},"onClear":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onClear"}}}},"onClose":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onClose"}}}},"onPrice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onPrice"}}}},"onRange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onRange"}}}},"onSort":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onSort"}}}},"open":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"open"}}}},"priceFilter":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"priceFilter"}}}},"radio":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"radio"}}}},"sortOptions":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"sortOptions"}}}},"sortValue":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"sortValue"}}}},"static":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"static"}}}},"title":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"title"}}}},"version":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"version"}}}}}}}}}},{"_id":"6abd7bb3e43d37dad5dd5f05","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"CatalogToolbar","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// CatalogToolbar — Loja Lucas Fontana\n// A linha acima dos resultados: filtros ativos, contagem e ordenação.\n// Desktop: FilterChips ativos + \"Limpar filtros\" à esquerda, \"Ordenar por\" à direita (a contagem fica no PageHeader).\n// Tablet: botão de contorno \"Filtrar (n)\", a contagem e \"Ordenar por\"; os chips numa segunda linha.\n// Mobile: \"Filtrar (n)\" e o seletor de ordenação dividem a largura; depois os chips e, embaixo, a contagem.\n// Chips chegam por `chips` [{id, label}]; `filterCount` (padrão: quantidade de chips); `countLabel` (\"Mostrando 9 de 42 produtos\");\n// ordenação por `sortOptions` [{value, label}] e `sortValue`.\n// Emite `onRemove` (id do chip), `onClear`, `onOpenFilters` e `onSort` (value). Usa FilterChip, FormField e Icon por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => { if (Array.isArray(v)) return v; if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } } return []; };\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst SORTS = [{ value: 'relevancia', label: 'Relevância' }, { value: 'menor-preco', label: 'Menor preço' }, { value: 'maior-preco', label: 'Maior preço' }, { value: 'mais-vendidos', label: 'Mais vendidos' }];\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.tb { display: flex; flex-direction: column; gap: 16px; font-family: ${FF}; -webkit-font-smoothing: antialiased; color: #0b0b0c; }\n.row { display: flex; align-items: center; gap: 16px; min-height: 48px; }\n.chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }\n.clear { margin: 0; padding: 0; border: 0; background: none; font: 600 14px/1.2 ${FF}; color: #0b0b0c; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }\n.clear:hover { color: #c8102e; }\n.count { font-size: 15px; color: #6b6e73; }\n.sort { margin-left: auto; display: flex; align-items: center; gap: 12px; }\n.sort > span { font-size: 14px; font-weight: 700; white-space: nowrap; }\n.sel { width: 200px; }\n.filter { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; margin: 0; padding: 0 20px; border: 1px solid #0b0b0c; background: #ffffff; color: #0b0b0c;\n font: 800 13px/1 ${FF}; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }\n.filter:hover { background: #0b0b0c; color: #ffffff; }\n.filter:focus-visible, .clear:focus-visible { outline: 2px solid #c8102e; outline-offset: 2px; }\n.l-mobile { gap: 12px; }\n.l-mobile .row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }\n.l-mobile .sort { margin-left: 0; }\n.l-mobile .sort > span { display: none; }\n.l-mobile .sel { width: 100%; }\n.l-mobile .filter { width: 100%; padding: 0 12px; }\n`,\n mounted(d2) {\n d2.on('.clear', 'click', () => emit(d2, 'onClear', true));\n d2.on('.filter', 'click', () => emit(d2, 'onOpenFilters', true));\n },\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const R = { fc: refOf(d2.param('filterChip')), ff: refOf(d2.param('formField')), icon: refOf(d2.param('iconComponent')) };\n const chips = list(p.chips);\n const n = p.filterCount == null || p.filterCount === '' ? chips.length : Number(p.filterCount) || 0;\n const sorts = list(p.sortOptions).length ? list(p.sortOptions) : SORTS;\n const sortVal = p.sortValue || 'relevancia';\n const chipHtml = chips.length ? `\n \n
\n ${fi}${esc(p.title || 'Filtrar e ordenar')}
${sort}${groups}
\n ${fb('clr', p.clearLabel || 'Limpar', 'outline', 'onClear')}${fb('apply', p.applyLabel || 'Ver resultados', 'primary', 'onApply')}
\n ${chips.map((c, i) => R.fc ? d2.render(R.fc, { label: c.label, value: c.id, iconComponent: R.icon }, { key: 'c-' + (c.id || i), width: 'auto', height: 36, onRemove: () => emit(d2, 'onRemove', c.id) }) : '').join('')}
` : '';\n const sel = R.ff ? `${d2.render(R.ff, { ariaLabel: 'Ordenar por', name: 'ordenar', options: sorts, value: sortVal, layout, iconComponent: R.icon }, { key: 'sort-' + sortVal, style: 'height:auto', onChange: (v) => emit(d2, 'onSort', v) })}
` : '';\n const sort = `Ordenar por${sel}
`;\n const fi = R.icon ? d2.render(R.icon, { name: 'filter', size: 20, iconColor: 'currentColor' }, { key: 'fi', width: 20, height: 20 }) : '';\n const filterBtn = ``;\n const count = p.countLabel ? `${esc(p.countLabel)}` : '';\n let html;\n if (layout === 'desktop') html = `${chipHtml || ''}${sort}
`;\n else if (layout === 'tablet') html = `${filterBtn}${count}${sort}
${chipHtml}`;\n else html = `${filterBtn}${sort}
${chipHtml}${count}`;\n return `${html}
`;\n }\n};"}},"chips":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"chips"}}}},"countLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"countLabel"}}}},"filterChip":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"filterChip"}}}},"filterCount":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"filterCount"}}}},"formField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formField"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onClear":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onClear"}}}},"onOpenFilters":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onOpenFilters"}}}},"onRemove":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onRemove"}}}},"onSort":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onSort"}}}},"sortOptions":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"sortOptions"}}}},"sortValue":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"sortValue"}}}}}}}}}},{"_id":"6abd7bcc8b5295df285aeadc","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"EmptyState","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// EmptyState — Loja Lucas Fontana\n// O que a busca sem resultado mostra, centralizado: quadrado preto com o ícone de busca riscada, kicker vermelho\n// \"Nenhum resultado\", título citando a busca (44/36/28px), uma linha no tom do Lucas, a busca grande (56px, borda preta,\n// mantém o botão \"Buscar\" em qualquer largura), chips de sugestão (\"Tente buscar por: shampoo · cera · pretinho · BPower · boné\")\n// e o botão vermelho \"Ver todos os produtos\". Na página, vem seguido da faixa cinza \"Os mais vendidos da loja\".\n// `query` monta o título padrão (\"Nada encontrado para “…”\"). Emite `onSearch` (texto) e `onSuggestion` (sugestão clicada).\n// Usa SearchBar, Button e Icon por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => { if (Array.isArray(v)) return v; if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } } return []; };\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst PAD = { desktop: '80px 96px 96px', tablet: '64px 40px 80px', mobile: '48px 20px 64px' };\nconst SUGG = ['shampoo', 'cera', 'pretinho', 'BPower', 'boné'];\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.es { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; width: 100%; background: #ffffff; color: #0b0b0c; font-family: ${FF}; -webkit-font-smoothing: antialiased; }\np, h1 { margin: 0; }\n.mark { width: 56px; height: 56px; margin-bottom: 8px; background: #0b0b0c; color: #ffffff; display: flex; align-items: center; justify-content: center; }\n.kicker { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: #c8102e; }\n.kicker::before { content: ''; width: 22px; height: 3px; background: #c8102e; }\nh1 { max-width: 960px; font-size: 44px; font-weight: 800; font-stretch: 115%; line-height: 1; letter-spacing: -.01em; text-transform: uppercase; overflow-wrap: break-word; }\n.text { max-width: 540px; font-size: 17px; line-height: 1.6; color: #45474b; }\n.search { width: 100%; max-width: 584px; height: 56px; margin-top: 8px; }\n.sugg { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; }\n.sugg > span { font-size: 15px; color: #6b6e73; margin-right: 4px; }\n.chip { display: inline-flex; align-items: center; height: 40px; margin: 0; padding: 0 16px; border: 1px solid #d9d9d6; background: #ffffff; color: #0b0b0c; font: 600 15px/1 ${FF}; cursor: pointer; }\n.chip:hover { border-color: #0b0b0c; }\n.chip:focus-visible { outline: 2px solid #c8102e; outline-offset: 2px; }\n.cta { height: 52px; margin-top: 12px; min-width: 280px; }\n.l-tablet h1 { font-size: 36px; }\n.l-mobile { gap: 16px; }\n.l-mobile .kicker { font-size: 11px; letter-spacing: .26em; }\n.l-mobile h1 { font-size: 28px; font-stretch: 112%; line-height: 1.02; letter-spacing: 0; }\n.l-mobile .text { font-size: 15px; }\n.l-mobile .search { height: 52px; }\n.l-mobile .sugg { gap: 8px; }\n.l-mobile .sugg > span { flex-basis: 100%; margin: 0 0 4px; }\n.l-mobile .chip { height: 44px; padding: 0 14px; font-size: 14px; }\n.l-mobile .cta { width: 100%; min-width: 0; }\n`,\n mounted(d2) { d2.on('.chip', 'click', (e, el) => emit(d2, 'onSuggestion', el.getAttribute('data-q'))); },\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const R = { sb: refOf(d2.param('searchBar')), btn: refOf(d2.param('button')), icon: refOf(d2.param('iconComponent')) };\n const q = String(p.query || '').trim();\n const title = p.title || (q ? `Nada encontrado para “${q}”` : 'Nenhum produto por aqui');\n const sugg = list(p.suggestions).length ? list(p.suggestions) : SUGG;\n const mark = R.icon ? d2.render(R.icon, { name: p.iconName || 'search-x', size: 26, iconColor: '#ffffff' }, { key: 'm', width: 26, height: 26 }) : '';\n const search = R.sb ? `${d2.render(R.sb, { size: 'lg', showButton: true, layout, placeholder: 'Busque por produto, categoria ou marca', shortPlaceholder: 'Buscar produto ou marca', button: R.btn, searchIcon: R.icon }, { key: 'sb', onSearch: (v) => emit(d2, 'onSearch', v) })}
` : '';\n const cta = R.btn && p.ctaLabel !== '' ? `${d2.render(R.btn, { label: p.ctaLabel || 'Ver todos os produtos', variant: 'brand', size: 'lg', fullWidth: 'always', arrow: true, href: p.ctaHref || '/lista-de-produtos/q', layout }, { key: 'cta', height: 52 })}
` : '';\n return `\n ${mark}\n
`;\n }\n};"}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"ctaHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ctaHref"}}}},"ctaLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ctaLabel"}}}},"description":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"description"}}}},"eyebrow":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"eyebrow"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"iconName":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconName"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onSearch":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onSearch"}}}},"onSuggestion":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onSuggestion"}}}},"query":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"query"}}}},"searchBar":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"searchBar"}}}},"suggestions":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"suggestions"}}}},"suggestionsLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"suggestionsLabel"}}}},"title":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"title"}}}}}}}}}},{"_id":"6abd7c5d7bb89d4f862ecb61","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"CatalogLayout","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// CatalogLayout — Loja Lucas Fontana\n// O corpo da página de LISTA DE PRODUTOS — serve para categoria e para resultado de busca (a mesma página):\n// PageHeader (título, breadcrumb e \"Mostrando 9 de N produtos\"), e embaixo:\n// Desktop: a FilterPanel numa coluna de 264px presa na rolagem, 48px dos resultados.\n// Tablet e mobile: a lateral some; o botão \"Filtrar (n)\" da CatalogToolbar abre a FilterSheet.\n// Resultados: CatalogToolbar, grade de ProductCards com contorno (3 colunas no desktop e tablet, 2 no mobile) e LoadMore.\n// Sem resultado: o EmptyState e a faixa cinza \"Os mais vendidos da loja\".\n// Dados: `dataset` recebe o DataSet da tabela Produtos (`@produtosDataSet`) — o componente carrega todas as páginas.\n// `products` (lista) serve de alternativa. Produtos com `ativo: false` não aparecem.\n// A página filtra, ordena e pagina aqui mesmo: busca (`query` ou `?q=` na URL), Categoria, Marca, Preço (faixas ou mínimo/máximo),\n// \"Só em estoque\", e ordenação Relevância · Menor preço · Maior preço · Mais vendidos. `category` abre já filtrado. Os filtros também ficam na URL (`?q=`, `?categoria=slug`, `?marca=slug`, `?preco=100-300`, `?estoque=1`, `?ordem=`): a página lê ao abrir e atualiza a cada mudança.\n// Não desenha nada disso: usa PageHeader, Breadcrumb, FilterPanel, FilterSheet, FilterGroup, PriceFilter, CatalogToolbar,\n// FilterChip, ProductCard, LoadMore, EmptyState, SectionHeader, SearchBar, Checkbox, Radio, FormField, Button, Badge, Price e Icon.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => { if (Array.isArray(v)) return v; if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } } return []; };\nconst obj = (v) => { if (v && typeof v === 'object' && !Array.isArray(v)) return v; if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return j && typeof j === 'object' ? j : {}; } catch (e) { return {}; } } return {}; };\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst fold = (s) => String(s == null ? '' : s).normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').toLowerCase().trim();\nconst brl = (n) => 'R$ ' + Number(n).toLocaleString('pt-BR', { minimumFractionDigits: 0, maximumFractionDigits: 0 });\nconst PAD = { desktop: '40px 96px 120px', tablet: '32px 40px 88px', mobile: '24px 20px 64px' };\nconst CARD_H = { desktop: 500, tablet: 470, mobile: 384 };\nconst SORTS = [{ value: 'relevancia', label: 'Relevância' }, { value: 'menor-preco', label: 'Menor preço' }, { value: 'maior-preco', label: 'Maior preço' }, { value: 'mais-vendidos', label: 'Mais vendidos' }];\nconst RANGES = [{ value: '0-100', label: 'Até R$ 100' }, { value: '100-300', label: 'R$ 100 a R$ 300' }, { value: '300-1000', label: 'R$ 300 a R$ 1.000' }, { value: '1000-', label: 'Acima de R$ 1.000' }];\nconst DESCR = { 'Cuidado automotivo': 'Tudo que o Lucas usa pra deixar o carro brilhando — e mais um pouco.', Performance: 'As peças de performance dos parceiros, testadas no canal.', 'Bonés': 'Pra quem é da garagem até no visual.', 'Vestuário': 'Pra quem é da garagem até no visual.', 'Acessórios': 'Bonés, chaveiros e adesivos pra quem é da garagem.' };\nconst blankSel = () => ({ categoria: [], subcategoria: [], marca: [], estoque: false, range: '', min: null, max: null });\n// Categorias ativas (tabela Categorias); Produtos.categoria é um lookup, então o nome vem daqui\nlet CATS = null; let CATS_LOADING = null;\n// Produtos ativos da loja (serviço público produtosLoja); usado quando não há DataSet legível\nlet PRODS = null; let PRODS_LOADING = null;\n// Sacola no navegador (mesma chave da página Sacola): [{sku, qty}]\nconst addToBag = (sku, qty) => {\n if (!sku) return;\n try {\n const bag = JSON.parse(localStorage.getItem('lf-sacola') || '[]');\n const list2 = Array.isArray(bag) ? bag : [];\n const f = list2.find((y) => y && y.sku === sku);\n if (f) f.qty = (Number(f.qty) || 0) + (Number(qty) || 1); else list2.push({ sku, qty: Number(qty) || 1 });\n localStorage.setItem('lf-sacola', JSON.stringify(list2));\n window.dispatchEvent(new CustomEvent('lf-sacola', { detail: { count: list2.reduce((s, y) => s + (Number(y.qty) || 0), 0) } }));\n } catch (e) { /* sem storage */ }\n};\n// Mantém a posição da rolagem quando os filtros mudam e a lista é redesenhada\nconst holdScroll = (d2) => {\n try {\n if (typeof window === 'undefined' || typeof document === 'undefined') return () => {};\n let sc = null;\n let n = d2.root;\n while (n && !sc) {\n n = n.parentNode || (n.getRootNode && n.getRootNode().host) || null;\n if (n && n.nodeType === 1) {\n const cs = window.getComputedStyle(n);\n if (/(auto|scroll)/.test(cs.overflowY) && n.scrollHeight > n.clientHeight) sc = n;\n }\n }\n const el = sc || document.scrollingElement || document.documentElement;\n const y = el.scrollTop;\n const restore = () => { try { if (Math.abs(el.scrollTop - y) > 2) el.scrollTop = y; } catch (e) { /* sem rolagem */ } };\n return () => {\n if (typeof requestAnimationFrame === 'function') requestAnimationFrame(() => { restore(); requestAnimationFrame(restore); });\n [120, 300, 600].forEach((ms) => setTimeout(restore, ms));\n };\n } catch (e) { return () => {}; }\n};\nconst slugify = (s) => fold(s).replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '');\nconst csv = (v) => String(v || '').split(',').map((x) => x.trim()).filter(Boolean);\n// Filtros na URL: ?q= &categoria=slug,slug &marca=slug &preco=100-300 &estoque=1 &ordem=menor-preco\nconst readUrl = () => {\n try {\n const u = new URLSearchParams((typeof location !== 'undefined' && location.search) || '');\n const out = {};\n const q = u.get('q'); if (q) out.q = q;\n const s = blankSel(); let has = false;\n const c = csv(u.get('categoria')); if (c.length) { s.categoria = c; has = true; }\n const m = csv(u.get('marca')); if (m.length) { s.marca = m; has = true; }\n const sc = csv(u.get('subcategoria')); if (sc.length) { s.subcategoria = sc; has = true; }\n const pr = u.get('preco');\n if (pr && /^\\d*-\\d*$/.test(pr) && pr !== '-') {\n if (RANGES.some((x) => x.value === pr)) s.range = pr; else { const b = rangeBounds(pr); s.min = b[0]; s.max = b[1]; }\n has = true;\n }\n if (u.get('estoque') === '1') { s.estoque = true; has = true; }\n if (has) out.sel = s;\n const o = u.get('ordem'); if (o && SORTS.some((x) => x.value === o)) out.sort = o;\n return out;\n } catch (e) { return {}; }\n};\nconst writeUrl = (st, cats) => {\n try {\n if (typeof history === 'undefined' || !history.replaceState || typeof location === 'undefined') return;\n const slugByName = {}; (cats || []).forEach((c) => { slugByName[c.nome] = c.slug; });\n const u = new URLSearchParams();\n const sel = st.sel || blankSel();\n if (st.q) u.set('q', st.q);\n if (sel.categoria.length) u.set('categoria', sel.categoria.map((n) => slugByName[n] || slugify(n)).join(','));\n if (sel.subcategoria && sel.subcategoria.length) u.set('subcategoria', sel.subcategoria.map(slugify).join(','));\n if (sel.marca.length) u.set('marca', sel.marca.map(slugify).join(','));\n if (sel.range) u.set('preco', sel.range);\n else if (sel.min != null || sel.max != null) u.set('preco', (sel.min == null ? '' : sel.min) + '-' + (sel.max == null ? '' : sel.max));\n if (sel.estoque) u.set('estoque', '1');\n if (st.sort && st.sort !== 'relevancia') u.set('ordem', st.sort);\n const qs = u.toString().replace(/%2C/gi, ',');\n history.replaceState(history.state, '', location.pathname + (qs ? '?' + qs : '') + (location.hash || ''));\n } catch (e) { /* sem history */ }\n};\nconst rangeBounds = (r) => { if (!r) return [null, null]; const [a, b] = r.split('-'); return [a === '' ? null : Number(a), b === '' || b == null ? null : Number(b)]; };\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.cat { width: 100%; background: #ffffff; font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; }\n.in { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: 48px; align-items: start; }\n.side { position: sticky; top: 24px; min-width: 0; }\n.main { display: flex; flex-direction: column; gap: 24px; min-width: 0; }\n.grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }\n.l-tablet .in, .l-mobile .in { grid-template-columns: minmax(0, 1fr); }\n.l-tablet .main { gap: 20px; }\n.l-tablet .grid { gap: 16px; }\n.l-mobile .main { gap: 16px; }\n.l-mobile .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }\n.best { background: #f5f5f3; }\n.best .bin { display: flex; flex-direction: column; gap: 40px; }\n.best .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n.l-tablet .best .grid, .l-mobile .best .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.l-mobile .best .bin { gap: 24px; }\n`,\n\n mounted(d2) {\n // Traz todos os produtos da tabela (todas as páginas do DataSet)\n try { const dh = d2.param('dataset') && d2.data ? d2.data('dataset') : null; if (dh && typeof dh.loadAll === 'function') dh.loadAll(); } catch (e) { /* sem DataSet */ }\n if (!CATS) {\n if (!CATS_LOADING) {\n CATS_LOADING = d2.rush('categoriasLoja').invoke({}).then((res) => { CATS = (res && res.data !== undefined ? res.data : res) || []; }).catch(() => { CATS_LOADING = null; });\n }\n const pr = CATS_LOADING;\n if (pr) pr.then(() => { d2.state.catsTick = Date.now(); });\n }\n if (!PRODS) {\n if (!PRODS_LOADING) {\n PRODS_LOADING = d2.rush('produtosLoja').invoke({}).then((res) => { PRODS = (res && res.data !== undefined ? res.data : res) || []; }).catch(() => { PRODS_LOADING = null; });\n }\n const pr2 = PRODS_LOADING;\n if (pr2) pr2.then(() => { d2.state.catsTick = Date.now(); });\n }\n // Lê o filtro inicial da URL (?q= e ?categoria=), se houver\n try {\n const url = readUrl();\n if (url.q) d2.state.q = url.q;\n if (url.sel) d2.state.sel = url.sel;\n if (url.sort) d2.state.sort = url.sort;\n } catch (e) { /* sem URL */ }\n },\n\n render(d2) {\n const p = d2.params || {};\n void d2.state.catsTick;\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const desk = layout === 'desktop';\n const r = (n) => refOf(d2.param(n));\n const R = {\n ph: r('pageHeader'), bc: r('breadcrumb'), fp: r('filterPanel'), fs: r('filterSheet'), fg: r('filterGroup'), pf: r('priceFilter'),\n tb: r('catalogToolbar'), fc: r('filterChip'), pc: r('productCard'), lm: r('loadMore'), es: r('emptyState'), sh: r('sectionHeader'),\n sb: r('searchBar'), cb: r('checkbox'), rd: r('radio'), ff: r('formField'), btn: r('button'), badge: r('badge'), price: r('priceComponent'), icon: r('iconComponent')\n };\n const pageSize = Number(p.pageSize) > 0 ? Number(p.pageSize) : 9;\n const descr = Object.assign({}, DESCR, obj(p.categoryDescriptions));\n\n // ——— Estado (com valores iniciais vindos dos parâmetros)\n const selRaw = d2.state.sel || (() => { const s = blankSel(); if (p.category) s.categoria = [String(p.category)]; return s; })();\n const q = d2.state.q != null ? String(d2.state.q) : String(p.query || '');\n const sort = d2.state.sort || p.sort || 'relevancia';\n const pages = d2.state.pages || 1;\n const ver = String(d2.state.ver || 0);\n const set = (patch) => {\n const keep = holdScroll(d2);\n const base = { sel: d2.state.sel || sel, q: d2.state.q != null ? d2.state.q : q, sort: d2.state.sort || sort, pages: d2.state.pages || pages };\n const next = Object.assign(base, patch);\n if (patch.sel || patch.q != null || patch.sort) next.pages = patch.pages || 1;\n d2.state.sel = next.sel; d2.state.q = next.q; d2.state.sort = next.sort; d2.state.pages = next.pages;\n d2.state.ver = (d2.state.ver || 0) + 1;\n writeUrl({ q: next.q, sel: next.sel, sort: next.sort }, CATS);\n emit(d2, 'onFiltersChange', { query: next.q, sort: next.sort, filters: next.sel });\n keep();\n };\n const toggle = (group, value, on) => {\n const s = JSON.parse(JSON.stringify(sel));\n if (group === 'estoque') s.estoque = !!on;\n else { const arr = s[group] || []; const i = arr.indexOf(value); if (on && i < 0) arr.push(value); if (!on && i >= 0) arr.splice(i, 1); s[group] = arr;\n if (group === 'categoria' && arr.length && s.subcategoria && s.subcategoria.length) { const okSub = all.filter((x) => arr.indexOf(x.categoria) >= 0).map((x) => x.subcategoria); s.subcategoria = s.subcategoria.filter((v) => okSub.indexOf(v) >= 0); }\n }\n set({ sel: s });\n };\n\n // ——— Dados\n const dsRef = d2.param('dataset');\n const dh = dsRef && d2.data ? d2.data('dataset') : null;\n const rows = dh && typeof dh.records === 'function' ? dh.records() : null;\n const rawRows = (rows && rows.length ? rows : (PRODS && PRODS.length ? PRODS : list(p.products)));\n const catById = {}; (CATS || []).forEach((c) => { catById[String(c._id)] = c.nome; });\n const catOf = (v) => { if (!CATS) return ''; const id = v && typeof v === 'object' ? (v._id || '') : v; return catById[String(id)] !== undefined ? catById[String(id)] : ''; };\n const all = rawRows.filter((x) => x && x.ativo !== false && x.ativo !== 'false').map((x) => Object.assign({}, x, { categoria: catOf(x.categoria) })).filter((x) => !CATS || x.categoria);\n // Valores que vêm da URL (slug) viram o nome da categoria/marca; o que não existe é ignorado\n const catBySlug = {}; (CATS || []).forEach((c) => { catBySlug[slugify(c.nome)] = c.nome; if (c.slug) catBySlug[slugify(c.slug)] = c.nome; });\n const catNames = (CATS || []).map((c) => c.nome);\n const marcaBySlug = {}; all.forEach((x) => { if (x.marca) marcaBySlug[slugify(x.marca)] = x.marca; });\n const subBySlug = {}; all.forEach((x) => { if (x.subcategoria) subBySlug[slugify(x.subcategoria)] = x.subcategoria; });\n const sel = Object.assign({}, selRaw, {\n categoria: selRaw.categoria.map((v) => catBySlug[slugify(v)] || v).filter((v) => !CATS || catNames.indexOf(v) >= 0),\n marca: selRaw.marca.map((v) => marcaBySlug[slugify(v)] || v).filter((v) => !all.length || all.some((x) => x.marca === v)),\n subcategoria: (selRaw.subcategoria || []).map((v) => subBySlug[slugify(v)] || v).filter((v) => !all.length || all.some((x) => x.subcategoria === v))\n });\n const tokens = fold(q).split(/\\s+/).filter(Boolean);\n const matchQ = (x) => !tokens.length || tokens.every((t) => fold([x.nome, x.marca, x.categoria, x.subcategoria, x.sku].join(' ')).indexOf(t) >= 0);\n const base = all.filter(matchQ);\n const [rMin, rMax] = sel.range ? rangeBounds(sel.range) : [sel.min, sel.max];\n const pass = (x, skip) => {\n if (skip !== 'categoria' && sel.categoria.length && sel.categoria.indexOf(x.categoria) < 0) return false;\n if (skip !== 'subcategoria' && sel.subcategoria.length && sel.subcategoria.indexOf(x.subcategoria) < 0) return false;\n if (skip !== 'marca' && sel.marca.length && sel.marca.indexOf(x.marca) < 0) return false;\n if (sel.estoque && !(Number(x.estoque) > 0)) return false;\n const pr = Number(x.preco) || 0;\n if (rMin != null && pr < rMin) return false;\n if (rMax != null && pr > rMax) return false;\n return true;\n };\n const results = base.filter((x) => pass(x));\n const sorters = {\n 'menor-preco': (a, b) => (a.preco || 0) - (b.preco || 0),\n 'maior-preco': (a, b) => (b.preco || 0) - (a.preco || 0),\n 'mais-vendidos': (a, b) => (b.vendas || 0) - (a.vendas || 0),\n relevancia: (a, b) => (b.destaque ? 1 : 0) - (a.destaque ? 1 : 0) || (b.vendas || 0) - (a.vendas || 0)\n };\n results.sort(sorters[sort] || sorters.relevancia);\n const total = results.length;\n const shown = Math.min(total, pageSize * pages);\n const countLabel = total ? `Mostrando ${shown} de ${total} ${total === 1 ? 'produto' : 'produtos'}` : '';\n const loading = (dh && dh.loading && !all.length) || (!!CATS_LOADING && !CATS) || (!rawRows.length && !!PRODS_LOADING && !PRODS);\n\n // ——— Opções dos filtros (contagem sobre a busca, sem o próprio grupo)\n const facet = (key) => {\n const counts = {};\n base.filter((x) => pass(x, key)).forEach((x) => { const v = x[key]; if (v) counts[v] = (counts[v] || 0) + 1; });\n sel[key].forEach((v) => { if (!(v in counts)) counts[v] = 0; });\n return Object.keys(counts).sort((a, b) => a.localeCompare(b, 'pt-BR')).map((v) => ({ value: v, label: v, count: counts[v], checked: sel[key].indexOf(v) >= 0 }));\n };\n const groups = [\n { id: 'categoria', title: 'Categoria', options: facet('categoria') },\n ...(facet('subcategoria').length ? [{ id: 'subcategoria', title: 'Subcategoria', options: facet('subcategoria') }] : []),\n { id: 'marca', title: 'Marca', options: facet('marca') },\n { id: 'preco', kind: 'price', title: 'Preço', ranges: RANGES, value: sel.range || '', min: sel.range ? '' : (sel.min == null ? '' : sel.min), max: sel.range ? '' : (sel.max == null ? '' : sel.max) },\n { id: 'estoque', title: 'Disponibilidade', options: [{ value: 'em-estoque', label: 'Mostrar só produtos em estoque', checked: sel.estoque }] }\n ];\n const onGroup = (v) => { if (!v) return; toggle(v.group, v.value, v.checked); };\n const onPrice = (v) => { const s = JSON.parse(JSON.stringify(sel)); s.range = ''; s.min = v && v.min != null ? v.min : null; s.max = v && v.max != null ? v.max : null; set({ sel: s }); };\n const onRange = (v) => { const s = JSON.parse(JSON.stringify(sel)); s.range = (v && v.value) || ''; s.min = null; s.max = null; set({ sel: s }); };\n const clearAll = () => set({ sel: blankSel() });\n\n // ——— Chips ativos\n const chips = [];\n sel.categoria.forEach((v) => chips.push({ id: 'categoria|' + v, label: v }));\n sel.subcategoria.forEach((v) => chips.push({ id: 'subcategoria|' + v, label: v }));\n sel.marca.forEach((v) => chips.push({ id: 'marca|' + v, label: v }));\n if (sel.range) chips.push({ id: 'preco|', label: (RANGES.find((x) => x.value === sel.range) || {}).label || 'Preço' });\n else if (sel.min != null || sel.max != null) chips.push({ id: 'preco|', label: sel.min != null && sel.max != null ? `${brl(sel.min)} a ${brl(sel.max)}` : (sel.min != null ? `A partir de ${brl(sel.min)}` : `Até ${brl(sel.max)}`) });\n if (sel.estoque) chips.push({ id: 'estoque|', label: 'Só em estoque' });\n const removeChip = (id) => {\n const [g, v] = String(id || '').split('|');\n const s = JSON.parse(JSON.stringify(sel));\n if (g === 'preco') { s.range = ''; s.min = null; s.max = null; } else if (g === 'estoque') s.estoque = false; else s[g] = (s[g] || []).filter((x) => x !== v);\n set({ sel: s });\n };\n\n // ——— Cabeçalho (categoria ou busca)\n const singleCat = sel.categoria.length === 1 ? sel.categoria[0] : '';\n const head = q\n ? { eyebrow: 'Busca', title: `Resultados para “${q}”`, description: total ? `${total} ${total === 1 ? 'produto encontrado' : 'produtos encontrados'}.` : '', crumbs: [{ label: 'Início', href: '/' }, { label: 'Busca' }] }\n : singleCat\n ? { eyebrow: 'Categoria', title: singleCat, description: descr[singleCat] || '', crumbs: [{ label: 'Início', href: '/' }, { label: singleCat }] }\n : { eyebrow: 'Loja', title: p.allTitle || 'Todos os produtos', description: p.allDescription || 'Os produtos que aparecem no canal, com a curadoria de quem testa de verdade.', crumbs: [{ label: 'Início', href: '/' }, { label: 'Todos os produtos' }] };\n const header = R.ph ? d2.render(R.ph, {\n eyebrow: head.eyebrow, title: head.title, description: head.description, crumbs: head.crumbs, meta: countLabel, showSearch: false, layout, breadcrumb: R.bc\n }, { key: 'ph-' + ver + '-' + fold(head.title) + '-' + total, style: 'height:auto' }) : '';\n\n // ——— Card de produto (no tablet a grade tem 3 colunas estreitas: o card usa a versão compacta, com rótulos curtos)\n const cardLayout = layout === 'desktop' ? 'desktop' : 'mobile';\n const card = (x, i, prefix) => R.pc ? `${esc(p.eyebrow || 'Nenhum resultado')}
\n${esc(title)}
\n${esc(p.description || 'Nem o Lucas achou isso na garagem. Confira se escreveu certinho ou tente um termo mais simples.')}
\n ${search}\n${esc(p.suggestionsLabel || 'Tente buscar por:')}${sugg.map((t) => ``).join('')}
\n ${cta}\n ${d2.render(R.pc, {\n name: x.nome, brand: x.subcategoria || x.categoria || '', price: Number(x.preco) || 0, oldPrice: x.precoAntigo ? Number(x.precoAntigo) : undefined,\n installments: Number(x.parcelas) || 1, href: '/produto/' + (x.slug || ''), sku: x.sku || '', image: x.imagem || '', outOfStock: !(Number(x.estoque) > 0),\n partner: x.origem === 'parceiro' ? (String(x.marca || '').split(' ')[0] || 'Parceiro') : '', variant: 'outlined', layout: cardLayout,\n priceComponent: R.price, button: R.btn, badge: R.badge, iconComponent: R.icon\n }, { key: prefix + (x.sku || i) + '-' + layout, onAdd: (s) => { addToBag(x.sku, 1); emit(d2, 'onAdd', s); }, onNotify: (s) => emit(d2, 'onNotify', s), onOpen: (s) => emit(d2, 'onOpen', s) })}
` : '';\n\n if (loading) return `${header}
`;\n\n // ——— Sem resultado: EmptyState + mais vendidos\n if (!total) {\n const empty = R.es ? d2.render(R.es, {\n query: q, ctaHref: '/lista-de-produtos/q', title: q ? '' : 'Nenhum produto com esses filtros', description: q ? '' : 'Tira um filtro ou dois que a gente acha alguma coisa pra você.',\n layout, searchBar: R.sb, button: R.btn, iconComponent: R.icon\n }, {\n key: 'es-' + ver, style: 'height:auto',\n onSearch: (v) => set({ q: String(v || ''), sel: blankSel() }), onSuggestion: (v) => set({ q: String(v || ''), sel: blankSel() })\n }) : '';\n const best = all.slice().sort(sorters['mais-vendidos']).slice(0, 4);\n const bestHead = R.sh ? d2.render(R.sh, { eyebrow: 'Enquanto isso', title: 'Os mais vendidos da loja', layout }, { key: 'bh', style: 'height:auto' }) : '';\n const bestHtml = best.length ? `${bestHead}
${best.map((x, i) => card(x, i, 'b-')).join('')}
${header}${empty}${bestHtml}
`;\n }\n\n // ——— Resultados\n const panel = desk && R.fp ? `` : '';\n const toolbar = R.tb ? d2.render(R.tb, {\n chips, filterCount: chips.length, countLabel, sortOptions: SORTS, sortValue: sort, layout, filterChip: R.fc, formField: R.ff, iconComponent: R.icon\n }, {\n key: 'tb-' + ver + '-' + total, style: 'height:auto',\n onRemove: removeChip, onClear: clearAll, onSort: (v) => set({ sort: v || 'relevancia' }),\n onOpenFilters: () => { d2.state.sheet = true; d2.state.ver = (d2.state.ver || 0) + 1; }\n }) : '';\n const grid = `${results.slice(0, shown).map((x, i) => card(x, i, 'r-')).join('')}
`;\n const more = R.lm ? d2.render(R.lm, { countLabel, done: shown >= total, layout, button: R.btn }, { key: 'lm-' + shown + '-' + total, style: 'height:auto', onClick: () => set({ pages: pages + 1 }) }) : '';\n const closeSheet = () => { d2.state.sheet = false; d2.state.ver = (d2.state.ver || 0) + 1; };\n const sheet = !desk && d2.state.sheet && R.fs ? d2.render(R.fs, {\n open: true, groups, sortOptions: SORTS, sortValue: sort, version: ver, layout,\n filterPanel: R.fp, filterGroup: R.fg, priceFilter: R.pf, checkbox: R.cb, radio: R.rd, formField: R.ff, button: R.btn, iconComponent: R.icon\n }, {\n key: 'fs-' + ver, style: 'height:0',\n onClose: closeSheet, onApply: closeSheet, onClear: clearAll, onChange: onGroup, onPrice, onRange, onSort: (v) => set({ sort: v || 'relevancia' })\n }) : '';\n\n return `${header}\n
`;\n }\n};"}},"allDescription":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"allDescription"}}}},"allTitle":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"allTitle"}}}},"badge":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"badge"}}}},"breadcrumb":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"breadcrumb"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"catalogToolbar":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"catalogToolbar"}}}},"category":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"category"}}}},"categoryDescriptions":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"categoryDescriptions"}}}},"checkbox":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"checkbox"}}}},"dataset":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"dataset"}}}},"emptyState":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"emptyState"}}}},"filterChip":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"filterChip"}}}},"filterGroup":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"filterGroup"}}}},"filterPanel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"filterPanel"}}}},"filterSheet":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"filterSheet"}}}},"formField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formField"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"loadMore":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"loadMore"}}}},"onAdd":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onAdd"}}}},"onFiltersChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onFiltersChange"}}}},"onNotify":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onNotify"}}}},"onOpen":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onOpen"}}}},"pageHeader":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"pageHeader"}}}},"pageSize":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"pageSize"}}}},"priceComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"priceComponent"}}}},"priceFilter":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"priceFilter"}}}},"productCard":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"productCard"}}}},"products":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"products"}}}},"query":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"query"}}}},"radio":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"radio"}}}},"searchBar":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"searchBar"}}}},"sectionHeader":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"sectionHeader"}}}},"sort":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"sort"}}}}}}}}}},{"_id":"6abeb166ff933b0688424a3e","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"CartItem","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// CartItem — Loja Lucas Fontana\n// Uma linha da sacola: foto (112/104/84px), categoria em vermelho, nome (link), opção/variação, a quantidade (QuantityStepper\n// pequeno), o total da linha e o botão de lixeira (44px).\n// Desktop: o preço unitário vai na linha da opção (\"· R$ 89,90 cada\"); quantidade e total em colunas próprias.\n// Tablet e mobile: quantidade embaixo do texto e o total à direita, com \"R$ 89,90 cada\" embaixo.\n// `lowStock` mostra o aviso em vermelho (\"Última unidade!\"); `max` limita a quantidade. `partner` adiciona a linha com caminhão\n// (\"Enviado pelo parceiro BPower Motorsport\").\n// `soldOut`: foto apagada com \"Volta já já\", sem quantidade, um traço cinza no lugar do total e o aviso com barra preta\n// \"Esgotou enquanto estava na sua sacola. Esse item não entra no total. **Me avise quando chegar**\". O item continua na lista.\n// Emite `onQuantityChange` (número), `onRemove` e `onNotify`. Usa QuantityStepper, Badge e Icon por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.ci { --red-500: #c8102e; --ink: #0b0b0c; --white: #ffffff; --grey-50: #f5f5f3; --grey-100: #ececea; --grey-400: #8e9095; --grey-500: #6b6e73; --grey-700: #45474b; --grey-900: #1c1d1f; --line: #e4e4e2;\n font-family: ${FF}; -webkit-font-smoothing: antialiased; color: var(--ink);\n display: grid; grid-template-columns: 112px minmax(0, 1fr) 110px 140px 44px; column-gap: 20px; grid-template-areas: \"img info qty total del\";\n padding: 24px 0; border-bottom: 1px solid var(--line); align-items: start; }\np { margin: 0; }\n.img { grid-area: img; position: relative; width: 112px; aspect-ratio: 1 / 1; background: var(--grey-100); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n.img img { width: 100%; height: 100%; object-fit: cover; }\n.ph { font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--grey-500); }\n.badge { position: absolute; top: 6px; left: 6px; height: 18px; }\n.so .img > img, .so .img > .ph { opacity: .55; }\n.info { grid-area: info; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; }\n.cat { font-size: 10px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--red-500); }\n.name { font-size: 16px; font-weight: 700; line-height: 1.3; }\n.name a { color: inherit; text-decoration: none; }\n.name a:hover { color: var(--red-500); }\n.name a:focus-visible { outline: 2px solid var(--red-500); outline-offset: 2px; }\n.meta { font-size: 13px; line-height: 1.4; color: var(--grey-700); }\n.low { font-size: 13px; font-weight: 700; color: var(--red-500); }\n.partner { margin-top: 2px; display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--grey-700); }\n.notice { margin-top: 8px; align-self: stretch; display: flex; flex-direction: column; gap: 4px; padding: 13px 16px 13px 18px; border-left: 4px solid var(--ink); background: var(--grey-50); font-size: 13px; line-height: 1.45; color: var(--grey-900); }\n.notice a { color: var(--ink); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }\n.notice a:hover { color: var(--red-500); }\n.so .info { grid-column: 2 / 4; }\n.qtyc { grid-area: qty; display: flex; justify-content: center; }\n.qtyc > * { width: 110px; height: 44px; }\n.total { grid-area: total; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; padding-top: 4px; text-align: right; }\n.total b { font-size: 18px; font-weight: 800; font-stretch: 110%; line-height: 1.1; white-space: nowrap; }\n.unit { display: none; font-size: 12px; color: var(--grey-700); white-space: nowrap; }\n.dash { display: block; width: 28px; height: 3px; margin: 10px 0; background: var(--grey-400); }\n.del { grid-area: del; justify-self: end; width: 44px; height: 44px; margin: -4px 0 0; padding: 0; border: 0; background: transparent; color: var(--ink); display: flex; align-items: center; justify-content: center; cursor: pointer; }\n.del:hover { color: var(--red-500); }\n.del:focus-visible { outline: 2px solid var(--red-500); outline-offset: -2px; }\n\n.l-tablet, .l-mobile { grid-template-columns: 104px auto minmax(0, 1fr) 44px; column-gap: 14px; row-gap: 12px; padding: 20px 0;\n grid-template-areas: \"img info info del\" \"img qty total total\"; }\n.l-tablet .img, .l-mobile .img { width: 104px; grid-row: 1 / 3; align-self: start; }\n.l-tablet .info, .l-mobile .info, .l-tablet.so .info, .l-mobile.so .info { gap: 4px; grid-column: 2 / 5; grid-row: 1; }\n.l-tablet .name, .l-mobile .name { font-size: 14px; }\n.l-tablet .del, .l-mobile .del { grid-column: 4; grid-row: 1; position: relative; z-index: 1; margin: -10px -10px 0 0; }\n.l-tablet .cat, .l-mobile .cat, .l-tablet .name, .l-mobile .name { padding-right: 36px; }\n.l-tablet .unit-inline, .l-mobile .unit-inline { display: none; }\n.l-tablet .unit, .l-mobile .unit { display: block; }\n.l-tablet .notice, .l-mobile .notice { margin-top: 6px; }\n.l-tablet .qtyc, .l-mobile .qtyc { justify-content: flex-start; }\n.l-tablet.so .qtyc, .l-mobile.so .qtyc { display: none; }\n.l-tablet.so .total, .l-mobile.so .total { grid-column: 2 / 5; }\n.l-tablet .total, .l-mobile .total { align-self: end; padding-top: 0; }\n.l-tablet .dash, .l-mobile .dash { margin: 4px 0 8px; width: 20px; }\n.l-mobile { grid-template-columns: 84px auto minmax(0, 1fr) 44px; }\n.l-mobile .img { width: 84px; }\n.l-mobile .badge { top: 4px; left: 4px; height: 16px; }\n.l-mobile .partner { font-size: 12px; align-items: flex-start; }\n.l-mobile .notice { padding: 12px 14px; }\n`,\n\n mounted(d2) {\n d2.on('.del', 'click', () => emit(d2, 'onRemove', (d2.params || {}).sku || true));\n d2.on('.notice a', 'click', (e) => { if (!(d2.params || {}).notifyHref) e.preventDefault(); emit(d2, 'onNotify', (d2.params || {}).sku || true); });\n },\n\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const R = { qs: refOf(d2.param('quantityStepper')), badge: refOf(d2.param('badge')), icon: refOf(d2.param('iconComponent')) };\n const so = truthy(p.soldOut);\n const low = p.lowStock === true || p.lowStock === 'true' ? 'Última unidade!' : (p.lowStock || '');\n const name = esc(p.name || '[Nome do produto]');\n const unit = p.unitPrice ? esc(p.unitPrice) : '';\n const img = p.image ? `${panel}
\n ${sheet}\n ${toolbar}${grid}${more}
${d2.render(R.qs, { size: 'sm', value: Number(p.quantity) || 1, min: 1, max: Number(p.max) > 0 ? Number(p.max) : 99, ariaLabel: 'Quantidade de ' + (p.name || 'produto'), iconComponent: R.icon, layout }, {\n key: 'q-' + (Number(p.quantity) || 1) + '-' + (p.max || ''), onChange: (v) => emit(d2, 'onQuantityChange', v)\n })}
` : '';\n const meta = p.meta || unit ? `` : '';\n const notice = so ? `${esc(p.soldOutTitle || 'Esgotou enquanto estava na sua sacola.')}${esc(p.soldOutText || 'Esse item não entra no total.')} ${esc(p.notifyLabel || 'Me avise quando chegar')}
` : '';\n return `\n
`;\n }\n};"}},"badge":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"badge"}}}},"category":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"category"}}}},"href":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"href"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"image":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"image"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"lowStock":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"lowStock"}}}},"max":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"max"}}}},"meta":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"meta"}}}},"name":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"name"}}}},"notifyHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"notifyHref"}}}},"notifyLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"notifyLabel"}}}},"onNotify":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onNotify"}}}},"onQuantityChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onQuantityChange"}}}},"onRemove":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onRemove"}}}},"partner":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"partner"}}}},"quantity":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"quantity"}}}},"quantityStepper":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"quantityStepper"}}}},"sku":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"sku"}}}},"soldOut":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"soldOut"}}}},"soldOutLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"soldOutLabel"}}}},"soldOutText":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"soldOutText"}}}},"soldOutTitle":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"soldOutTitle"}}}},"total":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"total"}}}},"unitPrice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"unitPrice"}}}}}}}}}},{"_id":"6abeb197a554b79571c1b7b6","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"CartList","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// CartList — Loja Lucas Fontana\n// Os itens da sacola sob uma régua preta de 2px. No desktop, uma linha de cabeçalho (Produto · Quantidade · Total) alinhada\n// com a grade dos itens; abaixo de 1200px o cabeçalho some e cada item empilha.\n// Os itens chegam por `items` (parâmetros do CartItem, com `sku`). `headers: false` esconde o cabeçalho.\n// Emite `onQuantityChange` {sku, quantity}, `onRemove` (sku) e `onNotify` (sku). Usa CartItem (e repassa QuantityStepper, Badge e Icon).\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => { if (Array.isArray(v)) return v; if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } } return []; };\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst DEMO = [\n { sku: 'demo-1', category: 'Lavagem', name: 'Shampoo automotivo neutro', unitPrice: 'R$ 89,90', total: 'R$ 179,80', quantity: 2 },\n { sku: 'demo-2', category: 'Performance', name: '[Nome do produto BPower]', unitPrice: 'R$ 2.500,00', total: 'R$ 2.500,00', quantity: 1, partner: 'Enviado pelo parceiro BPower Motorsport' },\n { sku: 'demo-3', category: 'Proteção', name: 'Cera líquida de acabamento', unitPrice: 'R$ 119,90', soldOut: true }\n];\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.cl { border-top: 2px solid #0b0b0c; font-family: ${FF}; -webkit-font-smoothing: antialiased; }\n.cols { display: grid; grid-template-columns: 112px minmax(0, 1fr) 110px 140px 44px; column-gap: 20px; padding: 13px 0 12px; border-bottom: 1px solid #e4e4e2;\n font-size: 10px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: #0b0b0c; }\n.cols > span:first-child { grid-column: 1 / 3; }\n.cols > span:nth-child(2) { text-align: center; }\n.cols > span:nth-child(3) { text-align: right; }\nul { list-style: none; margin: 0; padding: 0; }\n.l-tablet .cols, .l-mobile .cols { display: none; }\n`,\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const R = { ci: refOf(d2.param('cartItem')), qs: refOf(d2.param('quantityStepper')), badge: refOf(d2.param('badge')), icon: refOf(d2.param('iconComponent')) };\n const items = list(p.items).length ? list(p.items) : (p.items === '' || p.showDemo === false ? [] : DEMO);\n const ver = p.version == null ? '' : String(p.version);\n const rows = items.map((it, i) => R.ci ? `${img}${badge}
\n \n ${p.category ? `${esc(p.category)}` : ''}\n
\n ${qty}\n ${p.href ? `${name}` : name}
\n ${meta}\n ${low && !so ? `${esc(low)}
` : ''}\n ${p.partner ? `${truck}${esc(typeof p.partner === 'string' && p.partner !== 'true' ? p.partner : 'Enviado pelo parceiro')}
` : ''}\n ${notice}\n ${so ? '' : `${esc(p.total || '')}`}${unit ? `${unit} cada` : ''}
\n \n \n ${p.headers === false || p.headers === 'false' ? '' : '
`;\n }\n};"}},"ariaLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ariaLabel"}}}},"badge":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"badge"}}}},"cartItem":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"cartItem"}}}},"headers":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"headers"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"items":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"items"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onNotify":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onNotify"}}}},"onQuantityChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onQuantityChange"}}}},"onRemove":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onRemove"}}}},"quantityStepper":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"quantityStepper"}}}},"showDemo":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"showDemo"}}}},"version":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"version"}}}}}}}}}},{"_id":"6abeb1ac1b1a6d54b50b3e04","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"ShippingCalculator","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// ShippingCalculator — Loja Lucas Fontana\n// A linha \"Frete\" do resumo da sacola: o valor à direita (\"Informe o CEP\" em cinza antes de calcular), o campo de CEP\n// (máscara 00000-000, 44px) e o botão de contorno \"Calcular\". Embaixo, a nota de 12px em cinza\n// (\"Itens BPower são enviados pelo parceiro, com frete e rastreio próprios.\") ou o erro em vermelho.\n// Emite `onCalculate` com o CEP (8 números). Enquanto o frete não estiver integrado (V2), a sacola mostra\n// \"Calculado no checkout\" como `value` depois de calcular.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst fmt = (v) => { const d = String(v || '').replace(/\\D/g, '').slice(0, 8); return d.length > 5 ? d.slice(0, 5) + '-' + d.slice(5) : d; };\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.sc { display: flex; flex-direction: column; gap: 10px; font-family: ${FF}; -webkit-font-smoothing: antialiased; }\n.row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; font-size: 14px; color: #45474b; }\n.row span.v { color: #0b0b0c; font-weight: 700; font-size: 13px; }\n.row span.muted { color: #6b6e73; font-weight: 400; font-size: 14px; }\nform { display: flex; gap: 12px; margin: 0; }\ninput { flex: 1; min-width: 0; height: 44px; padding: 0 16px; border: 1px solid #d9d9d6; border-radius: 2px; background: #ffffff; font: 400 16px ${FF}; color: #0b0b0c; outline: none; }\ninput::placeholder { color: #6b6e73; }\ninput:focus { border-color: #0b0b0c; box-shadow: 0 0 0 1px #0b0b0c; }\ninput.bad { border-color: #c8102e; }\nbutton { flex: none; height: 44px; margin: 0; padding: 0 22px; border: 2px solid #0b0b0c; border-radius: 0; background: transparent; font: 800 12px/1 ${FF}; letter-spacing: .12em; text-transform: uppercase; color: #0b0b0c; cursor: pointer; }\nbutton:hover { background: #0b0b0c; color: #ffffff; }\nbutton:focus-visible { outline: 2px solid #c8102e; outline-offset: 2px; }\np { margin: 0; font-size: 12px; line-height: 1.5; color: #45474b; }\np.err { color: #c8102e; font-weight: 600; }\n.l-mobile form { gap: 8px; }\n.l-mobile input { padding: 0 12px; }\n.l-mobile button { padding: 0 16px; }\n`,\n mounted(d2) {\n d2.on('input', 'input', (e, el) => { const v = fmt(el.value); if (v !== el.value) el.value = v; if (d2.root) d2.root.__cep = v; });\n d2.on('form', 'submit', (e) => { e.preventDefault(); const v = String((d2.root && d2.root.__cep) || (d2.$('input') || {}).value || '').replace(/\\D/g, ''); emit(d2, 'onCalculate', v); });\n },\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const val = p.value ? String(p.value) : '';\n const zip = fmt((d2.root && d2.root.__cep) || p.defaultZip || '');\n const note = p.note == null ? 'Itens BPower são enviados pelo parceiro, com frete e rastreio próprios.' : String(p.note);\n return `ProdutoQuantidadeTotal
'}\n - ${rows}
\n
`;\n }\n};"}},"defaultZip":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"defaultZip"}}}},"emptyLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"emptyLabel"}}}},"error":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"error"}}}},"label":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"label"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"note":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"note"}}}},"onCalculate":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onCalculate"}}}},"placeholder":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"placeholder"}}}},"submitLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"submitLabel"}}}},"value":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"value"}}}}}}}}}},{"_id":"6abeb1c88f48bcd64453d2b9","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"CartSummary","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// CartSummary — Loja Lucas Fontana\n// O resumo cinza da sacola: \"RESUMO DA SACOLA\", subtotal com a quantidade de itens, a ShippingCalculator, o total (28px, largo)\n// com \"R$ X no Pix · ou em até Nx de R$ Y no cartão\", o vermelho \"Finalizar compra\" (56px, com seta), \"Continuar comprando\"\n// e duas linhas de confiança (Mercado Pago; conta só na próxima etapa, a sacola fica salva).\n// \"Finalizar compra\" é o único botão vermelho da página. `checkoutDisabled` desativa (ex.: sacola só com itens esgotados).\n// `shipping` recebe os parâmetros da ShippingCalculator (ou `false` para esconder); `rows` [[rótulo, valor]] adiciona linhas.\n// Emite `onCheckout` e `onCalculate` (CEP). Usa ShippingCalculator, Button e Icon por parâmetro.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst truthy = (v) => v === true || v === 'true' || v === 1 || v === '1';\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst list = (v) => { if (Array.isArray(v)) return v; if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return Array.isArray(j) ? j : []; } catch (e) { return []; } } return []; };\nconst obj = (v) => { if (v && typeof v === 'object' && !Array.isArray(v)) return v; if (typeof v === 'string' && v.trim()) { try { const j = JSON.parse(v); return j && typeof j === 'object' ? j : {}; } catch (e) { return {}; } } return {}; };\nconst emit = (d2, evt, v) => { try { d2.emit(evt, v); } catch (err) { /* sem handler */ } };\nconst FF = \"'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif\";\nconst TRUST = [{ icon: 'lock', text: 'Pagamento seguro pelo Mercado Pago: Pix ou cartão.' }, { icon: 'user', text: 'Você entra ou cria sua conta só na próxima etapa. A sacola fica salva.' }];\nconst itemsLabel = (n) => n + (Number(n) === 1 ? ' item' : ' itens');\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\nsection { display: flex; flex-direction: column; padding: 32px 28px; background: #f5f5f3; font-family: ${FF}; -webkit-font-smoothing: antialiased; color: #0b0b0c; }\nh2 { margin: 0 0 14px; font-size: 12px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }\n.row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; font-size: 14px; color: #45474b; }\n.row b { color: #0b0b0c; font-weight: 700; font-size: 13px; }\n.ship { margin-top: 8px; }\n.tot { margin: 22px 0; padding-top: 22px; border-top: 1px solid #d9d9d6; display: flex; flex-direction: column; gap: 10px; }\n.tr { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }\n.tr span { font-size: 16px; font-weight: 800; }\n.tr b { font-size: 28px; font-weight: 800; font-stretch: 110%; line-height: 1; white-space: nowrap; }\n.tot p { margin: 0; font-size: 13px; line-height: 1.5; color: #45474b; text-align: right; }\n.cta { height: 56px; }\n.cont { align-self: center; display: inline-flex; align-items: center; min-height: 44px; margin-top: 12px; font-size: 14px; font-weight: 700; color: #0b0b0c; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.5px; }\n.cont:hover { color: #c8102e; }\n.cont:focus-visible { outline: 2px solid #c8102e; outline-offset: 2px; }\nul { list-style: none; margin: 12px 0 0; padding: 20px 0 0; border-top: 1px solid #d9d9d6; display: flex; flex-direction: column; gap: 12px; }\nli { display: flex; gap: 12px; align-items: flex-start; font-size: 13px; line-height: 1.5; color: #45474b; }\nli .i { flex: none; display: flex; }\n.l-mobile { padding: 28px 20px; }\n.l-mobile .cta { height: 52px; }\n`,\n mounted(d2) { d2.on('.cont', 'click', (e, el) => emit(d2, 'onContinue', el.getAttribute('href'))); },\n render(d2) {\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const R = { sc: refOf(d2.param('shippingCalculator')), btn: refOf(d2.param('button')), icon: refOf(d2.param('iconComponent')) };\n const trust = p.trust === false || p.trust === 'false' ? [] : (list(p.trust).length ? list(p.trust) : TRUST);\n const rows = list(p.rows);\n const count = p.count == null || p.count === '' ? null : Number(p.count);\n const ship = p.shipping === false || p.shipping === 'false' ? null : obj(p.shipping);\n const ver = p.version == null ? '' : String(p.version);\n const shipHtml = ship && R.sc ? `${esc(val || p.emptyLabel || 'Informe o CEP')}
\n \n ${p.error ? `${esc(p.error)}
` : ''}\n ${note ? `${esc(note)}
` : ''}\n${d2.render(R.sc, Object.assign({}, ship, { layout }), { key: 'sc-' + (ship.value || '') + (ship.error || '') + ver, style: 'height:auto', onCalculate: (v) => emit(d2, 'onCalculate', v) })}
` : '';\n const cta = R.btn ? `${d2.render(R.btn, { label: p.checkoutLabel || 'Finalizar compra', variant: 'brand', size: 'lg', fullWidth: 'always', arrow: true, href: p.checkoutHref || '', isDisabled: truthy(p.checkoutDisabled), layout }, {\n key: 'cta-' + (truthy(p.checkoutDisabled) ? 'd' : 'e'), height: layout === 'mobile' ? 52 : 56, onClick: () => emit(d2, 'onCheckout', true)\n })}
` : '';\n const pix = p.pixTotal ? esc(p.pixTotal) + ' no Pix' : '';\n const inst = p.installments ? 'ou em até ' + esc(p.installments) + ' no cartão' : '';\n return `${esc(p.title || 'Resumo da sacola')}
\nSubtotal${count != null ? ' (' + itemsLabel(count) + ')' : ''}${esc(p.subtotal || 'R$ 0,00')}
\n ${rows.map((r) => `${esc(r[0])}${esc(r[1])}
`).join('')}\n ${shipHtml}\n Total${esc(p.total || 'R$ 0,00')}
${pix || inst ? `${pix}${pix && inst ? ' · ' : ''}${inst}
` : ''}- ${trust.map((t, i) => `
- ${R.icon ? d2.render(R.icon, { name: t.icon || 'check', size: 18, iconColor: '#0b0b0c' }, { key: 't' + i, width: 18, height: 18 }) : ''}${esc(t.text)} `).join('')}
${d2.render(R.bc, { items: [{ label: 'Início', href: '/' }, { label: 'Sacola' }], layout, scroll: layout === 'mobile' }, { key: 'bc' })}
` : '';\n const head = `${esc(p.title || 'Sua sacola')}
${items.length ? `${itemsLabel(count)}` : ''}${d2.render(R.pc, {\n name: x.nome, brand: x.subcategoria || x.categoria || '', price: Number(x.preco) || 0, oldPrice: x.precoAntigo ? Number(x.precoAntigo) : undefined,\n installments: Number(x.parcelas) || 1, href: '/p/' + (x.slug || ''), sku: x.sku, image: x.imagem || '', outOfStock: !(Number(x.estoque) > 0),\n partner: x.origem === 'parceiro' ? (String(x.marca || '').split(' ')[0] || 'Parceiro') : '', variant: 'outlined', layout: layout === 'desktop' ? 'desktop' : 'mobile',\n priceComponent: R.price, button: R.btn, badge: R.badge, iconComponent: R.icon\n }, {\n key: 'rel-' + x.sku + '-' + layout,\n onAdd: () => { const b = (d2.state.bag || []).slice(); const f = b.find((y) => y.sku === x.sku); if (f) f.qty = (Number(f.qty) || 0) + 1; else b.push({ sku: x.sku, qty: 1 }); save(b); emit(d2, 'onAdd', x.sku); },\n onNotify: () => emit(d2, 'onNotify', x.sku)\n })}
` : '';\n const inBag = {}; bag.forEach((b) => { inBag[b.sku] = 1; });\n const related = rows.filter((x) => x && x.ativo !== false && x.ativo !== 'false' && !inBag[x.sku] && Number(x.estoque) > 0)\n .sort((a, b) => (b.vendas || 0) - (a.vendas || 0)).slice(0, 4);\n const relHead = R.sh ? d2.render(R.sh, { number: '+', eyebrow: p.relatedEyebrow || 'Aproveita e leva', title: p.relatedTitle || 'Leva junto que combina', layout }, { key: 'rh', style: 'height:auto' }) : '';\n const relHtml = related.length && p.showRelated !== false && p.showRelated !== 'false'\n ? `${relHead}
${related.map(card).join('')}
${crumbs}${head}
${crumbs}
${empty}${relHtml}\n
`;\n }\n};"}},"badge":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"badge"}}}},"breadcrumb":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"breadcrumb"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"cartItem":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"cartItem"}}}},"cartList":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"cartList"}}}},"cartSummary":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"cartSummary"}}}},"checkoutHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"checkoutHref"}}}},"continueHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"continueHref"}}}},"dataset":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"dataset"}}}},"demoItems":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"demoItems"}}}},"emptyDescription":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"emptyDescription"}}}},"emptyState":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"emptyState"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"onAdd":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onAdd"}}}},"onCalculate":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onCalculate"}}}},"onChange":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onChange"}}}},"onCheckout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onCheckout"}}}},"onNotify":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onNotify"}}}},"onRemove":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onRemove"}}}},"onSearch":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"onSearch"}}}},"pixDiscount":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"pixDiscount"}}}},"priceComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"priceComponent"}}}},"productCard":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"productCard"}}}},"quantityStepper":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"quantityStepper"}}}},"relatedEyebrow":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"relatedEyebrow"}}}},"relatedTitle":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"relatedTitle"}}}},"searchBar":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"searchBar"}}}},"searchHref":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"searchHref"}}}},"sectionHeader":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"sectionHeader"}}}},"shippingCalculator":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"shippingCalculator"}}}},"shippingPendingLabel":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"shippingPendingLabel"}}}},"showRelated":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"showRelated"}}}},"storageKey":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"storageKey"}}}},"title":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"title"}}}}}}}}}},{"_id":"6ac427c86bb5213aca5fdfea","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"GestaoCategorias","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Gestão — Categorias (backoffice, só desktop)\n// Uma tela para listar e outra (a mesma) para criar/editar. A navegação lista <-> formulário é interna.\n// Reaproveita Logo, Button, Notice, EmptyState e BackLink do sistema; o resto é HTML simples com os mesmos tokens.\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst slugify = (s) => String(s || '').normalize('NFD').replace(/[\\u0300-\\u036f]/g, '')\n .toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '');\nconst idOf = (v) => (v && typeof v === 'object' ? (v._id || '') : (v || ''));\nconst norm = (s) => String(s || '').normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').toLowerCase();\n\nconst EMPTY_FORM = { nome: '', slug: '', ativa: true, slugTouched: false, legenda: '', imagem: '' };\n\nexport default {\n css: `\n:host { display: block; height: 100%; overflow-y: auto; }\n* { box-sizing: border-box; }\n.root { --red: #c8102e; --ink: #0b0b0c; --white: #fff; --g100: #ececea; --g50: #f5f5f3; --g500: #6b6c70; --g800: #2a2b2e;\n position: relative; min-height: 100%; background: var(--g50); color: var(--ink);\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; }\n.notice.below { margin: 20px 0 0; }\n.page { max-width: 1120px; margin: 0 auto; padding: 40px 48px 64px; }\n.head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }\n.eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--red); margin: 0 0 8px; }\nh1 { margin: 0; font-size: 34px; font-weight: 800; letter-spacing: -.01em; line-height: 1.1; }\n.sub { margin: 8px 0 0; color: var(--g500); font-size: 15px; }\n.notice { margin-bottom: 16px; }\n.tools { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }\n.search { flex: 1; min-width: 260px; max-width: 420px; height: 44px; border: 1.5px solid var(--g100); background: var(--white); border-radius: 2px; padding: 0 14px; font: inherit; font-size: 14px; color: var(--ink); }\n.search:focus, .inp:focus { outline: 2px solid var(--red); outline-offset: 1px; border-color: var(--ink); }\n.chips { display: flex; gap: 8px; }\n.chip { height: 36px; padding: 0 16px; border: 1.5px solid var(--ink); background: var(--white); color: var(--ink); border-radius: 999px; font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }\n.chip[aria-pressed=\"true\"] { background: var(--ink); color: var(--white); }\n.card { background: var(--white); border: 1px solid var(--g100); border-radius: 2px; }\ntable { width: 100%; border-collapse: collapse; }\nth { text-align: left; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--g500); padding: 14px 20px; border-bottom: 1px solid var(--g100); }\ntd { padding: 16px 20px; border-bottom: 1px solid var(--g100); font-size: 15px; vertical-align: middle; }\ntr:last-child td { border-bottom: 0; }\ntd.nome { font-weight: 700; }\ntd.slug { color: var(--g500); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; }\n.pill { display: inline-flex; align-items: center; gap: 8px; height: 26px; padding: 0 12px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }\n.pill::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }\n.pill.on { background: var(--g100); color: var(--ink); }\n.pill.off { background: #fbe9ec; color: var(--red); }\n.yes { font-weight: 700; } .no { color: var(--g500); }\n.acts { display: flex; gap: 16px; justify-content: flex-end; }\n.lk { background: none; border: 0; padding: 0; font: inherit; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink); cursor: pointer; border-bottom: 1.5px solid var(--ink); }\n.lk:hover { color: var(--red); border-color: var(--red); }\n.lk.danger { color: var(--red); border-color: var(--red); }\n.count { margin: 12px 2px 0; color: var(--g500); font-size: 13px; }\n.form { max-width: 640px; padding: 32px; }\n.back { margin-bottom: 20px; }\n.field { margin-bottom: 22px; }\n.lbl { display: block; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 8px; }\n.inp { width: 100%; height: 48px; border: 1.5px solid var(--g100); background: var(--white); border-radius: 2px; padding: 0 14px; font: inherit; font-size: 15px; color: var(--ink); }\n.inp[readonly] { background: var(--g50); color: var(--g500); }\n.inp.bad { border-color: var(--red); }\n.hint { margin: 6px 0 0; font-size: 13px; color: var(--g500); }\n.err { margin: 6px 0 0; font-size: 13px; font-weight: 700; color: var(--red); }\n.checks { display: grid; gap: 14px; margin: 8px 0 24px; }\n.ck { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; font-size: 15px; }\n.ck input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--ink); flex: none; }\n.ck small { display: block; color: var(--g500); font-size: 13px; margin-top: 2px; }\n.warn { margin-bottom: 24px; }\n.btns { display: flex; align-items: center; gap: 12px; padding-top: 8px; }\n.btns .sp { flex: 1; }\n.empty { padding: 24px; }\n.imgbox { display: flex; flex-direction: column; gap: 12px; }\n.pv { display: flex; gap: 14px; align-items: flex-end; }\n.pv figure { margin: 0; }\n.pv .fr { position: relative; overflow: hidden; background-size: cover; background-position: center; background-color: var(--g100); }\n.pv .fr::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(11,11,12,.92) 0%, rgba(11,11,12,.45) 55%, rgba(11,11,12,.25) 100%); }\n.pv figcaption { margin-top: 4px; font-size: 11px; color: var(--g500); letter-spacing: .06em; text-transform: uppercase; }\n.noimg { width: 160px; height: 120px; display: flex; align-items: center; justify-content: center; background: var(--g50); border: 1.5px dashed var(--g100); color: var(--g500); font-size: 13px; }\n.imgbtns { display: flex; gap: 20px; align-items: center; }\nlabel.lk { display: inline-block; }\n.ovl { position: fixed; inset: 0; background: rgba(11,11,12,.55); display: flex; align-items: flex-start; justify-content: center; padding-top: 200px; z-index: 10; }\n.dlg { width: 480px; max-width: calc(100% - 32px); background: var(--white); border-radius: 2px; padding: 32px; box-shadow: 0 24px 64px rgba(0,0,0,.35); }\n.dlg h2 { margin: 0 0 12px; font-size: 22px; font-weight: 800; }\n.dlg p { margin: 0 0 24px; color: var(--g800); font-size: 15px; line-height: 1.5; }\n.dlg .row { display: flex; gap: 12px; justify-content: flex-end; }\n`,\n\n mounted(d2) {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font'; l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n const cat = d2.data('categorias');\n const prod = d2.data('produtos');\n\n const S = d2.state;\n const records = () => S.items || [];\n const countProducts = (id) => { const r = records().find((x) => String(x._id) === String(id)); return r ? Number(r.produtos) || 0 : 0; };\n const say = (tone, body) => { S.notice = { tone, body }; };\n const reload = async () => {\n try {\n const res = await d2.rush('gestaoCategoriasListar').invoke({});\n const out = res && res.data !== undefined ? res.data : res;\n S.items = Array.isArray(out) ? out : [];\n } catch (e) { say('error', 'Não foi possível carregar as categorias.'); }\n S.loaded = true;\n };\n\n const openNew = () => { S.editingId = null; S.form = { ...EMPTY_FORM }; S.errors = {}; S.notice = null; S.view = 'form'; };\n const openEdit = (id) => {\n const r = records().find((x) => String(x._id) === String(id));\n if (!r) return;\n S.editingId = r._id;\n S.form = { nome: r.nome || '', slug: r.slug || '', ativa: r.ativa !== false, legenda: r.legenda || '', imagem: r.imagem || '', slugTouched: true };\n S.original = { ativa: r.ativa !== false };\n S.errors = {}; S.notice = null; S.view = 'form';\n };\n const backToList = () => { S.view = 'lista'; S.errors = {}; };\n\n const askConfirm = (kind, rec, fromForm) => {\n S.confirm = { kind, id: rec._id, nome: rec.nome || S.form.nome, n: countProducts(rec._id), fromForm: !!fromForm };\n };\n\n const validate = () => {\n const f = S.form || EMPTY_FORM; const errs = {};\n if (!String(f.nome).trim()) errs.nome = 'Informe o nome da categoria.';\n \n const sl = slugify(f.slug);\n if (!sl) errs.slug = 'Informe o slug da categoria.';\n else if (records().some((r) => String(r._id) !== String(S.editingId) && String(r.slug).toLowerCase() === sl)) errs.slug = 'Já existe uma categoria com esse slug.';\n S.errors = errs;\n return Object.keys(errs).length === 0;\n };\n\n const persist = async () => {\n const f = S.form; const payload = { nome: String(f.nome).trim(), slug: slugify(f.slug), ativa: !!f.ativa, legenda: String(f.legenda || '').trim(), imagem: String(f.imagem || '') };\n S.busy = true;\n try {\n const res = await d2.rush('gestaoCategoriaSalvar').invoke({ id: S.editingId || undefined, ...payload });\n const out = res && res.data !== undefined ? res.data : res;\n if (out && out.ok === false) { const err = new Error(out.error || 'erro'); err.userMessage = out.error; throw err; }\n } finally { S.busy = false; }\n return payload;\n };\n\n const save = async () => {\n if (S.busy || !validate()) return;\n const f = S.form;\n if (S.editingId && S.original && S.original.ativa && !f.ativa) {\n askConfirm('desativar', { _id: S.editingId, nome: f.nome }, true);\n return;\n }\n try {\n await persist(); await reload();\n say('success', S.editingId ? 'Categoria atualizada.' : 'Categoria criada.');\n backToList();\n } catch (e) { say('error', (e && e.userMessage) || 'Não foi possível salvar a categoria. Tente de novo.'); }\n };\n\n const confirmGo = async () => {\n if (!S.confirm || S.busy) return;\n const c = { ...S.confirm, n: countProducts(S.confirm.id) };\n S.busy = true;\n try {\n if (c.kind === 'desativar') {\n if (c.fromForm) { S.busy = false; await persist(); S.busy = true; }\n await d2.rush('gestaoCategoriaDesativar').invoke({ id: c.id });\n say('success', 'Categoria desativada. ' + c.n + (c.n === 1 ? ' produto foi desativado.' : ' produtos foram desativados.'));\n } else {\n await d2.rush('gestaoCategoriaExcluir').invoke({ id: c.id });\n say('success', 'Categoria excluída. ' + c.n + (c.n === 1 ? ' produto foi desativado.' : ' produtos foram desativados.'));\n }\n S.confirm = null; S.busy = false; await reload(); backToList();\n } catch (e) { S.busy = false; S.confirm = null; say('error', (e && e.userMessage) || 'Não foi possível concluir a ação. Nada foi alterado.'); }\n };\n\n const toggleAtiva = async (id) => {\n const r = records().find((x) => String(x._id) === String(id)); if (!r) return;\n if (r.ativa !== false) { askConfirm('desativar', r, false); return; }\n try { const res = await d2.rush('gestaoCategoriaSalvar').invoke({ id: r._id, nome: r.nome, slug: r.slug, ativa: true, legenda: r.legenda || '', imagem: r.imagem || '' }); const out = res && res.data !== undefined ? res.data : res; if (out && out.ok === false) { say('error', out.error || 'Não foi possível reativar a categoria.'); return; } await reload(); say('success', 'Categoria reativada. Os produtos continuam como estavam.'); }\n catch (e) { say('error', 'Não foi possível reativar a categoria.'); }\n };\n\n d2.on('[data-act]', 'click', (e, el) => {\n const act = el.getAttribute('data-act'); const id = el.getAttribute('data-id');\n if (act === 'new') openNew(); else if (act === 'save') save(); else if (act === 'back') backToList(); else if (act === 'confirm-go') confirmGo(); else if (act === 'edit') openEdit(id);\n else if (act === 'toggle') toggleAtiva(id);\n else if (act === 'delete') { const r = records().find((x) => String(x._id) === String(id)); if (r) askConfirm('excluir', r, false); }\n else if (act === 'filter') S.filter = el.getAttribute('data-v');\n else if (act === 'delete-form') askConfirm('excluir', { _id: S.editingId, nome: S.form.nome }, true);\n else if (act === 'cancel-confirm') S.confirm = null;\n else if (act === 'img-clear') { S.form = { ...(S.form || EMPTY_FORM), imagem: '' }; S.imgErr = ''; }\n });\n d2.on('[data-f]', 'input', (e, el) => {\n const k = el.getAttribute('data-f'); const f = { ...(S.form || EMPTY_FORM) };\n f[k] = el.value;\n if (k === 'nome' && !S.editingId && !f.slugTouched) f.slug = slugify(el.value);\n if (k === 'slug') f.slugTouched = true;\n S.form = f;\n });\n d2.on('[data-c]', 'change', (e, el) => { S.form = { ...(S.form || EMPTY_FORM), [el.getAttribute('data-c')]: !!el.checked }; });\n d2.on('[data-q]', 'input', (e, el) => { S.q = el.value; });\n d2.on('[data-up]', 'change', async (e, el) => {\n const file = el.files && el.files[0]; el.value = '';\n if (!file) return;\n S.imgErr = '';\n if (!/^image\\/(jpeg|png|webp)$/.test(file.type)) { S.imgErr = 'Use uma imagem JPG, PNG ou WebP.'; return; }\n if (file.size > 5 * 1024 * 1024) { S.imgErr = 'A imagem passa de 5 MB. Escolha uma menor.'; return; }\n S.imgBusy = true;\n try {\n const bmp = await createImageBitmap(file);\n const w = bmp.width; const h = bmp.height;\n if (Math.min(w, h) < 900) { S.imgErr = 'A imagem precisa ter pelo menos 900×900 px (esta tem ' + w + '×' + h + ').'; S.imgBusy = false; return; }\n const side = Math.min(w, h);\n const cv = document.createElement('canvas'); cv.width = 1200; cv.height = 1200;\n const cx = cv.getContext('2d'); cx.fillStyle = '#ffffff'; cx.fillRect(0, 0, 1200, 1200);\n cx.drawImage(bmp, (w - side) / 2, (h - side) / 2, side, side, 0, 0, 1200, 1200);\n const blob = await new Promise((r) => cv.toBlob(r, 'image/jpeg', 0.86));\n if (!blob) throw new Error('crop');\n const b64 = await new Promise((r, j) => { const fr = new FileReader(); fr.onload = () => r(String(fr.result).split(',')[1]); fr.onerror = j; fr.readAsDataURL(blob); });\n const res = await d2.rush('gestaoCategoriaImagem').invoke({ base64: b64, slug: (S.form && S.form.slug) || 'nova' });\n const out = res && res.data !== undefined ? res.data : res;\n const url = out && out.ok ? out.url : '';\n if (!url) throw new Error('upload');\n S.form = { ...(S.form || EMPTY_FORM), imagem: url };\n } catch (err) { try { console.error('GESTAO_IMG', err && err.message, JSON.stringify((err && (err.response || err.data || err.code)) || null)); } catch (x) { /* log */ } S.imgErr = 'Não foi possível enviar a imagem. Tente de novo.'; }\n S.imgBusy = false;\n });\n\n // callbacks que os Buttons reaproveitados disparam\n S.__fn = { openNew, save, backToList, confirmGo, cancelConfirm: () => { S.confirm = null; }, toggle: toggleAtiva };\n reload();\n },\n\n render(d2) {\n const S = d2.state;\n const P = d2.params || {};\n const cat = d2.data('categorias');\n const prod = d2.data('produtos');\n if (S.view === undefined) {\n S.view = P.view === 'form' ? 'form' : 'lista';\n S.filter = 'todas'; S.q = ''; S.form = { ...EMPTY_FORM }; S.errors = {}; S.editingId = null; S.confirm = null; S.notice = null; S.busy = false;\n }\n const lazy = (name) => () => { const f = d2.state.__fn; if (f && f[name]) return f[name](); };\n const fn = { openNew: lazy('openNew'), save: lazy('save'), backToList: lazy('backToList'), confirmGo: lazy('confirmGo'), cancelConfirm: lazy('cancelConfirm') };\n const btn = (label, variant, act, key, w) => `${d2.render(P.button, { label, variant, size: 'sm' }, { key, width: w, height: 44 })}`;\n const rows = (S.items || []).slice().sort((a, b) => String(a.nome).localeCompare(String(b.nome), 'pt-BR'));\n const nProd = (id) => { const r = rows.find((x) => String(x._id) === String(id)); return r ? Number(r.produtos) || 0 : 0; };\n\n // variante de design: mostra o overlay de confirmação sem precisar clicar\n let confirm = S.confirm;\n if (!confirm && P.demoConfirm && rows.length) {\n const r = rows.find((x) => x.ativa !== false) || rows[0];\n confirm = { kind: 'desativar', id: r._id, nome: r.nome, n: nProd(r._id), fromForm: false };\n }\n\n if (confirm) confirm = Object.assign({}, confirm, { n: nProd(confirm.id) });\n\n const header = ''; // o menu fica no componente GestaoMenu (bloco no topo de cada tela)\n const notice = S.notice ? `${crumbs}${head}\n \n
\n ${relHtml}\n ${listHtml}
${d2.render(P.notice, { tone: S.notice.tone === 'error' ? 'error' : 'success', body: S.notice.body, live: true }, { key: 'notice', height: 64 })}
` : '';\n\n const noticeBelow = notice ? notice.replace('class=\"notice\"', 'class=\"notice below\"') : '';\n let main = '';\n if (S.view === 'form') {\n const f = S.form || EMPTY_FORM; const e = S.errors || {}; const edit = !!S.editingId;\n const willCascade = edit && S.original && S.original.ativa;\n main = `\n\n \n
`;\n } else {\n const q = norm(S.q);\n const shown = rows.filter((r) => (S.filter === 'ativas' ? r.ativa !== false : S.filter === 'inativas' ? r.ativa === false : true)\n && (!q || norm(r.nome).includes(q) || norm(r.slug).includes(q)));\n const chip = (v, l) => ``;\n const body = shown.length ? `\n${d2.render(P.backLink, { label: 'Voltar para categorias' }, { key: 'back', width: 260, height: 32 })}
\n Categorias
${edit ? 'Editar categoria' : 'Nova categoria'}
\n${edit ? 'Altere os dados e salve.' : 'Cadastre uma categoria para organizar os produtos da loja.'}
\n
\n\n \n ${e.nome ? `
\n ${esc(e.nome)}
` : ''}\n \n ${e.slug ? `
\n \n ${esc(e.slug)}
` : `${edit ? 'O slug não muda depois de criado.' : 'Gerado a partir do nome. Pode editar antes de salvar.'}
`}Imagem do card\n
\n ${f.imagem ? `
\n ${S.imgErr ? `\n Desktop Tablet Mobile
` : 'Sem imagem
'}\n ${f.imagem ? '' : ''}
${esc(S.imgErr)}
` : ''}\nImagem quadrada, de 1200×1200 px (mínimo 900×900), JPG, PNG ou WebP, até 5 MB. A tela recorta o centro e converte sozinha. O card corta as bordas conforme a tela (retrato no desktop, paisagem no tablet): deixe o assunto no centro. Evite detalhes no canto superior esquerdo (número) e na parte de baixo (nome e legenda), que ficam sobre um degradê escuro. Obrigatória para a categoria entrar na home.
\n \n
\n Texto curto que aparece embaixo do nome no card da home.
\n \n \n
\n ${d2.render(P.notice, { tone: 'info', body: 'Ao desativar ou excluir uma categoria, todos os produtos dela também são desativados.' + (willCascade ? ' Hoje são ' + nProd(S.editingId) + ' produto(s).' : ''), live: false }, { key: 'warn', height: 72 })}
\n ${btn(edit ? 'Salvar alterações' : 'Criar categoria', 'primary', 'save', 'save', 210)}${btn('Cancelar', 'outline', 'back', 'cancel', 130)}${edit ? '' : ''}
\n ${noticeBelow}\n | Nome | Slug | Status | Home | Menu | |
|---|---|---|---|---|---|
| ${esc(r.nome)} | ${esc(r.slug)} | \n${r.ativa === false ? 'Inativa' : 'Ativa'} | \n0 ? 'yes' : 'no'}\">${Number(r.posicao_home) > 0 ? 'Vaga ' + r.posicao_home : '—'} | \n0 ? 'yes' : 'no'}\">${Number(r.posicao_menu) > 0 ? 'Vaga ' + r.posicao_menu : '—'} | \n\n \n | \n
${shown.length} de ${rows.length} ${rows.length === 1 ? 'categoria' : 'categorias'}
`\n : !S.loaded ? 'Carregando categorias…
${d2.render(P.emptyState, { eyebrow: 'Categorias', title: rows.length ? 'Nenhuma categoria encontrada' : 'Nenhuma categoria cadastrada', description: rows.length ? 'Tente outro nome ou mude o filtro.' : 'Crie a primeira categoria para organizar os produtos da loja.', iconName: 'search' }, { key: 'empty', height: 260 })}
`;\n main = `\n\n \n ${btn('Nova categoria', 'primary', 'new', 'new', 200)}\n ${notice}\n
`;\n }\n\n const overlay = confirm ? `\nGestão
Categorias
Organize as categorias da loja e escolha quais aparecem na home e no menu.
\n
\n ${body}\n${chip('todas', 'Todas')}${chip('ativas', 'Ativas')}${chip('inativas', 'Inativas')}
\n
${confirm.kind === 'excluir' ? 'Excluir' : 'Desativar'} “${esc(confirm.nome)}”?
\n${confirm.kind === 'excluir' ? 'A categoria será apagada e não dá para desfazer. ' : 'A categoria sai da loja (home, menu e filtros). '}${confirm.n} ${confirm.n === 1 ? 'produto dessa categoria também será desativado' : 'produtos dessa categoria também serão desativados'}.
\n${btn('Cancelar', 'outline', 'cancel-confirm', 'c-cancel', 130)}${btn(confirm.kind === 'excluir' ? 'Excluir categoria' : 'Desativar categoria', confirm.kind === 'excluir' ? 'brand' : 'primary', 'confirm-go', 'c-ok', 230)}
\n${header}${main}${overlay}
`;\n }\n};"}},"backLink":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"backLink"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"categorias":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"categorias"}}}},"demoConfirm":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"demoConfirm"}}}},"emptyState":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"emptyState"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"logo":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"logo"}}}},"notice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"notice"}}}},"produtos":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"produtos"}}}},"view":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"view"}}}}}}}}}},{"_id":"6ac429e6b4eec9d29421e98e","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"HomeCategorias","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// HomeCategorias — grade de categorias da Home, lida da tabela Categorias\n// Mostra só categorias ativas com destaque na home (a busca vem do serviço `categoriasLoja`).\n// Reaproveita o CategoryCard pelo parâmetro `categoryCard`.\nconst LAYOUTS = ['desktop', 'tablet', 'mobile'];\nconst COLS = { desktop: 4, tablet: 2, mobile: 2 };\nconst GAP = { desktop: 20, tablet: 16, mobile: 12 };\nconst ROW_H = { desktop: 400, tablet: 280, mobile: 200 };\nconst CAPTIONS = {\n 'cuidado-automotivo': 'Shampoo, pretinho, cera e cia.',\n 'performance': 'Linha BPower Motorsport',\n 'vestuario': 'Camisetas e moletons do canal',\n 'acessorios': 'Bonés, chaveiros e adesivos'\n};\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nlet LOADED = null; let LOADING = null;\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.grid { display: grid; width: 100%; }\n`,\n mounted(d2) {\n if (!LOADED) {\n if (!LOADING) {\n LOADING = d2.rush('categoriasLoja').invoke({}).then((res) => {\n const rows = (res && res.data !== undefined ? res.data : res) || [];\n LOADED = rows.filter((c) => c && c.ativa !== false && Number(c.posicao_home) > 0).sort((a, b) => Number(a.posicao_home) - Number(b.posicao_home));\n }).catch(() => { LOADING = null; });\n }\n const pr = LOADING;\n if (pr) pr.then(() => { d2.state.tick = Date.now(); });\n }\n },\n render(d2) {\n void d2.state.tick;\n const p = d2.params || {};\n const layout = LAYOUTS.indexOf(p.layout) >= 0 ? p.layout : 'desktop';\n const card = refOf(d2.param('categoryCard'));\n const rows = (LOADED || []).slice(0, 4);\n if (!card || !rows.length) return '';\n const h = ROW_H[layout];\n const cells = rows.map((c, i) => `${d2.render(card, {\n iconComponent: refOf(d2.param('iconComponent')) || 'babi-lf@Icon',\n layout, number: i + 1, label: c.nome, caption: c.legenda || '',\n href: '/lista-de-produtos/q?categoria=' + c.slug, image: c.imagem || '', tone: i % 2 === 0 ? 'graphite' : 'ink'\n }, { key: 'cat-' + (c._id || c.slug), height: h })}
`).join('');\n return `${cells}
`;\n }\n};"}},"categoryCard":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"categoryCard"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}}}}}}}},{"_id":"6ac42eb0005d4042c2e33937","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"GestaoLogin","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Gestão — Login (backoffice, só desktop)\n// Reaproveita o LoginForm, Logo, FormField, Button, Notice e Icon da loja; só liga o envio ao login da Gestão.\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\n\nexport default {\n css: `\n:host { display: block; }\n* { box-sizing: border-box; }\n.root { --ink: #0b0b0c; --white: #fff; --g100: #ececea; --g50: #f5f5f3;\n min-height: 100%; background: var(--g50); color: var(--ink);\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; }\n.bar { height: 72px; background: var(--white); border-bottom: 1px solid var(--g100); display: flex; align-items: center; padding: 0 48px; gap: 20px; }\n.bar .tag { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; background: var(--ink); color: var(--white); padding: 6px 10px; border-radius: 2px; }\n.stage { display: flex; justify-content: center; padding: 72px 24px; }\n.card { width: 520px; max-width: 100%; }\n`,\n mounted(d2) {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font'; l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n },\n render(d2) {\n const S = d2.state;\n const P = d2.params || {};\n const onSubmit = async (v) => {\n if (S.busy || !v) return;\n S.busy = true; S.err = '';\n try {\n await d2.auth('auth').login({ credentials: { email: v.email, senha: v.password } });\n S.ok = true;\n try { d2.router('router').goTo('/categorias'); } catch (e) { /* segue para o reload */ }\n if (typeof window !== 'undefined') setTimeout(() => window.location.reload(), 300);\n } catch (e) {\n S.err = 'E-mail ou senha incorretos.';\n }\n S.busy = false;\n };\n const header = ``;\n const form = d2.render(P.loginForm, {\n layout: 'desktop', eyebrow: 'Gestão', title: 'Entrar',\n description: 'Acesso restrito à equipe de gestão da loja.',\n autoAdvance: false, submitLabel: S.busy ? 'Entrando...' : 'Entrar',\n passwordError: S.err || '',\n forgotLabel: 'Esqueci minha senha', forgotHref: 'mailto:babi.vallim@gmail.com?subject=Gest%C3%A3o%20-%20redefinir%20senha',\n note: 'A sessão fica ativa neste aparelho. Em computador compartilhado, saia ao terminar.',\n formField: P.formField, button: P.button, notice: P.notice, iconComponent: P.iconComponent,\n codeField: P.codeField, resendCode: P.resendCode\n }, { key: 'form', height: 560, onSubmit });\n return `${header}
`;\n }\n};"}},"auth":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"auth"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"codeField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"codeField"}}}},"formField":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"formField"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"loginForm":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"loginForm"}}}},"logo":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"logo"}}}},"notice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"notice"}}}},"resendCode":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"resendCode"}}}},"router":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"router"}}}}}}}}}},{"_id":"6ac436822f4d9a7641b7a788","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"GestaoDestaques","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Gestão — Destaques (backoffice, só desktop)\n// A home tem 4 vagas e o menu tem 6. Cada vaga recebe no máximo uma categoria, e cada categoria ocupa no máximo uma vaga por lugar.\n// Reaproveita Logo, Button e Notice da loja; o resto é HTML simples com os mesmos tokens.\nconst esc = (s) => String(s == null ? '' : s).replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst HOME = 4;\nconst MENU = 6;\nconst PROD = 12;\nconst slotsOf = (items, key, n) => { const a = Array(n).fill(''); (items || []).forEach((c) => { const p = Number(c[key]); if (c.ativa !== false && p >= 1 && p <= n) a[p - 1] = String(c._id); }); return a; };\n\nexport default {\n css: `\n:host { display: block; height: 100%; overflow-y: auto; }\n* { box-sizing: border-box; }\n.root { --red: #c8102e; --ink: #0b0b0c; --white: #fff; --g100: #ececea; --g50: #f5f5f3; --g500: #6b6c70;\n min-height: 100%; background: var(--g50); color: var(--ink);\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; }\n.notice.below { margin: 20px 0 0; }\n.page { max-width: 1120px; margin: 0 auto; padding: 40px 48px 64px; }\n.head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }\n.eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--red); margin: 0 0 8px; }\nh1 { margin: 0; font-size: 34px; font-weight: 800; letter-spacing: -.01em; line-height: 1.1; }\n.sub { margin: 8px 0 0; color: var(--g500); font-size: 15px; }\n.notice { margin-bottom: 16px; }\n.cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }\n.card { background: var(--white); border: 1px solid var(--g100); border-radius: 2px; padding: 28px; }\n.card h2 { margin: 0 0 4px; font-size: 20px; font-weight: 800; }\n.card .cnt { margin: 0 0 20px; color: var(--g500); font-size: 14px; }\n.card .cnt.warn { color: var(--red); font-weight: 700; }\n.slot { display: grid; grid-template-columns: 72px 1fr; align-items: center; gap: 12px; margin-bottom: 12px; }\n.slot .n { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--g500); }\n.sel { width: 100%; height: 46px; border: 1.5px solid var(--g100); background: var(--white); border-radius: 2px; padding: 0 12px; font: inherit; font-size: 15px; color: var(--ink); }\n.sel:focus { outline: 2px solid var(--red); outline-offset: 1px; border-color: var(--ink); }\n.wide { margin-top: 24px; }\n.slots2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }\n.foot { display: flex; align-items: center; gap: 16px; margin-top: 24px; }\n.foot .hint { color: var(--g500); font-size: 13px; }\n`,\n mounted(d2) {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font'; l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n const S = d2.state;\n const load = async () => {\n try {\n const res = await d2.rush('gestaoCategoriasListar').invoke({});\n const out = res && res.data !== undefined ? res.data : res;\n S.items = Array.isArray(out) ? out : [];\n S.home = slotsOf(S.items, 'posicao_home', HOME);\n S.menu = slotsOf(S.items, 'posicao_menu', MENU);\n const pres = await d2.rush('gestaoProdutosListar').invoke({});\n const pout = pres && pres.data !== undefined ? pres.data : pres;\n S.prods = Array.isArray(pout && pout.produtos) ? pout.produtos : [];\n S.pslots = Array(PROD).fill('');\n S.prods.forEach((x) => { const p = Number(x.posicaoDestaque); if (x.ativo !== false && p >= 1 && p <= PROD) S.pslots[p - 1] = String(x._id); });\n S.dirty = false;\n } catch (e) { S.notice = { tone: 'error', body: 'Não foi possível carregar as categorias.' }; }\n S.loaded = true;\n };\n const save = async () => {\n if (S.busy) return;\n S.busy = true;\n try {\n const items = (S.items || []).filter((c) => c.ativa !== false).map((c) => ({\n id: String(c._id),\n home: (S.home || []).indexOf(String(c._id)) + 1,\n menu: (S.menu || []).indexOf(String(c._id)) + 1\n }));\n const res = await d2.rush('gestaoDestaquesSalvar').invoke({ items });\n const out = res && res.data !== undefined ? res.data : res;\n if (out && out.ok === false) { S.notice = { tone: 'error', body: out.error || 'Não foi possível salvar os destaques.' }; }\n else {\n const pitems = (S.pslots || []).map((id, i) => (id ? { id: String(id), pos: i + 1 } : null)).filter(Boolean);\n const res2 = await d2.rush('gestaoDestaquesProdutosSalvar').invoke({ items: pitems });\n const out2 = res2 && res2.data !== undefined ? res2.data : res2;\n if (out2 && out2.ok === false) { S.notice = { tone: 'error', body: out2.error || 'Não foi possível salvar os produtos em destaque.' }; }\n else { await load(); S.notice = { tone: 'success', body: 'Destaques salvos.' }; }\n }\n } catch (e) { S.notice = { tone: 'error', body: 'Não foi possível salvar os destaques.' }; }\n S.busy = false;\n };\n d2.on('[data-slot]', 'change', (e, el) => {\n const [list, idx] = String(el.getAttribute('data-slot')).split(':');\n const arr = (list === 'home' ? S.home : list === 'prod' ? S.pslots : S.menu).slice();\n const v = el.value;\n const k = Number(idx); const prev = arr[k]; const j = v ? arr.indexOf(v) : -1; if (j >= 0 && j !== k) arr[j] = prev; arr[k] = v;\n if (list === 'home') S.home = arr; else if (list === 'prod') S.pslots = arr; else S.menu = arr;\n S.dirty = true; S.notice = null;\n });\n d2.on('[data-act]', 'click', (e, el) => { if (el.getAttribute('data-act') === 'save-dest') save(); });\n load();\n },\n render(d2) {\n const S = d2.state;\n const P = d2.params || {};\n const actives = (S.items || []).filter((c) => c.ativa !== false).sort((a, b) => String(a.nome).localeCompare(String(b.nome), 'pt-BR'));\n const header = ''; // o menu fica no componente GestaoMenu (bloco no topo de cada tela)\n const notice = S.notice ? `${form}
${d2.render(P.notice, { tone: S.notice.tone === 'error' ? 'error' : 'success', body: S.notice.body, live: true }, { key: 'notice-' + S.notice.tone, height: 64 })}
` : '';\n const block = (title, list, arr, n) => {\n const filled = arr.filter(Boolean).length;\n const rows = arr.map((cur, i) => `Vaga ${i + 1}
`).join('');\n return `${title}
${title.split(' ')[0]} com ${filled} de ${n} vagas preenchidas${filled < n ? '' : ''}
${rows}Vaga ${i + 1}
`).join('');\n return `Produtos em destaque (carrossel da Home)
${filled} de ${PROD} vagas preenchidas. A ordem das vagas é a ordem do carrossel.
${rows}
Carregando categorias…
${block('Home (cards de categorias)', 'home', S.home || [], HOME)}${block('Menu (topo da loja)', 'menu', S.menu || [], MENU)}
${prodBlock()}\n ${d2.render(P.button, { label: S.busy ? 'Salvando...' : 'Salvar destaques', variant: 'primary', size: 'sm' }, { key: 'save', width: 230, height: 44 })}\n Escolher um item que já está em outra vaga troca as duas de lugar. Só itens ativos aparecem.
`;\n return `${header}${body}${notice ? notice.replace('class=\"notice\"', 'class=\"notice below\"') : ''}
`;\n }\n};"}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"logo":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"logo"}}}},"notice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"notice"}}}}}}}}}},{"_id":"6ac5286078f3730f24cd3aef","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"GestaoProdutos","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Gestão — Produtos (backoffice, só desktop)\n// Lista + formulário (criar/editar) na mesma tela; navegação interna. Reaproveita Logo, Button, Notice, EmptyState e BackLink.\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst norm = (s) => String(s || '').normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').toLowerCase();\nconst slugify = (s) => norm(s).replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '');\nconst num = (v) => { if (v === '' || v == null) return undefined; return Number(String(v).trim().replace(',', '.')); };\nconst brl = (v) => (v == null || v === '' || isNaN(Number(v)) ? '—' : Number(v).toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' }));\nconst s2 = (v) => (v == null ? '' : String(v));\nconst MB = 1024 * 1024;\n\nconst EMPTY_FORM = { nome: '', slug: '', slugTouched: false, marcaTouched: false, sku: '', categoria: '', subcategoria: '', marca: 'Lucas Fontana', origem: 'proprio', parceiro: '',\n preco: '', precoAntigo: '', parcelas: '', desconto_pix: '', descricao: '', beneficios: '', ficha_tecnica: '', instrucoes_uso: '', social_video: '', ativo: true, destaque: false };\n\nexport default {\n css: `\n:host { display: block; height: 100%; overflow-y: auto; }\n* { box-sizing: border-box; }\n.root { --red: #c8102e; --ink: #0b0b0c; --white: #fff; --g100: #ececea; --g50: #f5f5f3; --g500: #6b6c70; --g800: #2a2b2e;\n position: relative; min-height: 100%; background: var(--g50); color: var(--ink);\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; }\n.notice.below { margin: 20px 0 0; }\n.bar a.nav.on { border-bottom-color: var(--red); }\n.page { max-width: 1240px; margin: 0 auto; padding: 40px 48px 64px; }\n.head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }\n.eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--red); margin: 0 0 8px; }\nh1 { margin: 0; font-size: 34px; font-weight: 800; letter-spacing: -.01em; line-height: 1.1; }\nh3 { margin: 0 0 16px; font-size: 14px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }\n.sub { margin: 8px 0 0; color: var(--g500); font-size: 15px; }\n.notice { margin-bottom: 16px; }\n.tools { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }\n.search { flex: 1; min-width: 240px; max-width: 360px; height: 44px; border: 1.5px solid var(--g100); background: var(--white); border-radius: 2px; padding: 0 14px; font: inherit; font-size: 14px; color: var(--ink); }\n.search:focus, .inp:focus { outline: 2px solid var(--red); outline-offset: 1px; border-color: var(--ink); }\n.chips { display: flex; gap: 8px; }\n.chip { height: 36px; padding: 0 16px; border: 1.5px solid var(--ink); background: var(--white); color: var(--ink); border-radius: 999px; font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }\n.chip[aria-pressed=\"true\"] { background: var(--ink); color: var(--white); }\n.card { background: var(--white); border: 1px solid var(--g100); border-radius: 2px; }\ntable { width: 100%; border-collapse: collapse; }\nth { text-align: left; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--g500); padding: 14px 16px; border-bottom: 1px solid var(--g100); }\ntd { padding: 14px 16px; border-bottom: 1px solid var(--g100); font-size: 14px; vertical-align: middle; }\ntr:last-child td { border-bottom: 0; }\ntd.nome { font-weight: 700; } td.nome small { display: block; margin-top: 3px; font-weight: 400; color: var(--g500); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; }\ntd.num { white-space: nowrap; }\n.pill { display: inline-flex; align-items: center; gap: 8px; height: 26px; padding: 0 12px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }\n.pill::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }\n.pill.on { background: var(--g100); color: var(--ink); } .pill.off { background: #fbe9ec; color: var(--red); }\n.yes { font-weight: 700; } .no { color: var(--g500); font-size: 12px; }\n.acts { display: flex; gap: 14px; justify-content: flex-end; flex-wrap: wrap; }\n.lk { background: none; border: 0; padding: 0; font: inherit; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink); cursor: pointer; border-bottom: 1.5px solid var(--ink); }\n.lk:hover { color: var(--red); border-color: var(--red); } .lk.danger { color: var(--red); border-color: var(--red); }\nlabel.lk { display: inline-block; }\n.count { margin: 12px 2px 0; color: var(--g500); font-size: 13px; }\n.form { padding: 32px; margin-bottom: 20px; }\n.back { margin-bottom: 20px; }\n.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; } .grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 24px; } .grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 24px; }\n.field { margin-bottom: 22px; }\n.lbl { display: block; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 8px; }\n.inp { width: 100%; height: 48px; border: 1.5px solid var(--g100); background: var(--white); border-radius: 2px; padding: 0 14px; font: inherit; font-size: 15px; color: var(--ink); }\ntextarea.inp { height: auto; min-height: 110px; padding: 12px 14px; line-height: 1.45; resize: vertical; }\n.inp[readonly] { background: var(--g50); color: var(--g500); } .inp.bad { border-color: var(--red); }\n.hint { margin: 6px 0 0; font-size: 13px; color: var(--g500); } .err { margin: 6px 0 0; font-size: 13px; font-weight: 700; color: var(--red); }\n.checks { display: grid; gap: 14px; margin: 4px 0 8px; } .radios { display: flex; gap: 28px; padding: 12px 0; }\n.ck { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; font-size: 15px; }\n.ck input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--ink); flex: none; }\n.ck small { display: block; color: var(--g500); font-size: 13px; margin-top: 2px; }\n.warn { margin: 16px 0 24px; }\n.btns { display: flex; align-items: center; gap: 12px; padding-top: 8px; } .btns .sp { flex: 1; }\n.empty { padding: 24px; }\n.gal { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }\n.slot { border: 1.5px dashed var(--g100); background: var(--g50); padding: 10px; display: flex; flex-direction: column; gap: 10px; min-height: 190px; }\n.slot.full { border-style: solid; background: var(--white); }\n.slot .pos { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--g500); }\n.slot .med { width: 100%; aspect-ratio: 1 / 1; background: var(--g100) center / cover no-repeat; display: flex; align-items: center; justify-content: center; color: var(--g500); font-size: 12px; overflow: hidden; }\n.slot .med video { width: 100%; height: 100%; object-fit: cover; }\n.rels { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }\n.rchip { display: inline-flex; align-items: center; gap: 10px; background: var(--g100); border-radius: 999px; padding: 6px 8px 6px 14px; font-size: 13px; font-weight: 700; }\n.rchip button { border: 0; background: var(--ink); color: var(--white); width: 20px; height: 20px; border-radius: 50%; cursor: pointer; font-size: 12px; line-height: 1; }\n.cands { border: 1px solid var(--g100); margin-top: 8px; } .cand { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--g100); font-size: 14px; } .cand:last-child { border-bottom: 0; }\n.ovl { position: fixed; inset: 0; background: rgba(11,11,12,.55); display: flex; align-items: flex-start; justify-content: center; padding-top: 200px; z-index: 10; }\n.dlg { width: 480px; max-width: calc(100% - 32px); background: var(--white); border-radius: 2px; padding: 32px; box-shadow: 0 24px 64px rgba(0,0,0,.35); }\n.dlg h2 { margin: 0 0 12px; font-size: 22px; font-weight: 800; }\n.dlg p { margin: 0 0 24px; color: var(--g800); font-size: 15px; line-height: 1.5; }\n.dlg .row { display: flex; gap: 12px; justify-content: flex-end; }\n`,\n\n mounted(d2) {\n if (typeof document !== 'undefined' && document.head && !document.getElementById('lf-archivo-font')) {\n const l = document.createElement('link');\n l.id = 'lf-archivo-font'; l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap';\n document.head.appendChild(l);\n }\n const S = d2.state;\n const unwrap = (res) => (res && res.data !== undefined ? res.data : res);\n const call = async (name, body) => unwrap(await d2.rush(name).invoke(body || {}));\n const say = (tone, body) => { S.notice = { tone, body }; };\n const items = () => S.items || [];\n\n const reload = async () => {\n try {\n const out = await call('gestaoProdutosListar');\n S.items = Array.isArray(out && out.produtos) ? out.produtos : [];\n S.cats = Array.isArray(out && out.categorias) ? out.categorias : [];\n S.parceiros = Array.isArray(out && out.parceiros) ? out.parceiros : [];\n } catch (e) { say('error', 'Não foi possível carregar os produtos.'); }\n S.loaded = true;\n };\n\n const fillFromServer = (out) => {\n const p = out.produto;\n S.editingId = p._id;\n S.form = { nome: s2(p.nome), slug: s2(p.slug), slugTouched: true, marcaTouched: true, sku: s2(p.sku), categoria: s2(p.categoria), subcategoria: s2(p.subcategoria),\n marca: s2(p.marca), origem: p.origem === 'parceiro' ? 'parceiro' : 'proprio', parceiro: s2(p.parceiro), preco: s2(p.preco), precoAntigo: s2(p.precoAntigo),\n parcelas: s2(p.parcelas), desconto_pix: s2(p.desconto_pix), descricao: s2(p.descricao), beneficios: s2(p.beneficios), ficha_tecnica: s2(p.ficha_tecnica),\n instrucoes_uso: s2(p.instrucoes_uso), social_video: s2(p.social_video), ativo: p.ativo !== false, destaque: p.destaque === true };\n S.galeria = out.galeria || [];\n S.rels = out.relacionados || [];\n S.original = { ativo: p.ativo !== false, vendas: Number(p.vendas) || 0 };\n S.errors = {}; S.notice = null; S.upErr = ''; S.relQ = '';\n };\n\n const openNew = () => { S.editingId = null; S.form = { ...EMPTY_FORM }; S.galeria = []; S.rels = []; S.original = null; S.errors = {}; S.notice = null; S.upErr = ''; S.relQ = ''; S.view = 'form'; };\n const openEdit = async (id) => {\n if (S.busy) return;\n S.busy = true;\n try {\n const out = await call('gestaoProdutoObter', { id });\n if (!out || out.ok === false) { say('error', (out && out.error) || 'Não foi possível abrir o produto.'); }\n else { fillFromServer(out); S.view = 'form'; }\n } catch (e) { say('error', 'Não foi possível abrir o produto.'); }\n S.busy = false;\n };\n const backToList = () => { S.view = 'lista'; S.errors = {}; };\n const askConfirm = (kind, rec, fromForm) => { S.confirm = { kind, id: rec._id, nome: rec.nome || (S.form && S.form.nome) || '', ordem: rec.ordem, fromForm: !!fromForm }; };\n\n const validate = () => {\n const f = S.form || EMPTY_FORM; const e = {};\n const empty = (v) => !String(v == null ? '' : v).trim();\n if (empty(f.nome)) e.nome = 'Informe o nome do produto.';\n const sl = slugify(f.slug);\n if (!sl) e.slug = 'Informe o endereço (slug) da página.';\n else if (items().some((r) => String(r._id) !== String(S.editingId) && String(r.slug || '').toLowerCase() === sl)) e.slug = 'Já existe um produto com esse slug.';\n if (empty(f.categoria)) e.categoria = 'Escolha uma categoria.';\n if (empty(f.marca)) e.marca = 'Informe a marca.';\n if (f.origem === 'parceiro' && empty(f.parceiro)) e.parceiro = 'Escolha o parceiro deste produto.';\n const preco = num(f.preco);\n if (preco === undefined || isNaN(preco) || preco <= 0) e.preco = 'Informe um preço maior que zero.';\n const antigo = num(f.precoAntigo);\n if (antigo !== undefined && (isNaN(antigo) || antigo <= 0)) e.precoAntigo = 'Preço inválido.';\n const parc = num(f.parcelas);\n if (parc !== undefined && (isNaN(parc) || parc < 1 || parc % 1 !== 0)) e.parcelas = 'Use um número inteiro a partir de 1.';\n const pix = num(f.desconto_pix);\n if (pix !== undefined && (isNaN(pix) || pix < 0 || pix > 100)) e.desconto_pix = 'O desconto Pix deve ficar entre 0 e 100%.';\n if (empty(f.descricao)) e.descricao = 'Informe a descrição.';\n S.errors = e;\n return Object.keys(e).length === 0;\n };\n\n const doSave = async () => {\n const f = S.form;\n const payload = { id: S.editingId || undefined, nome: String(f.nome).trim(), slug: slugify(f.slug), sku: String(f.sku || '').trim(), categoria: f.categoria,\n subcategoria: String(f.subcategoria || '').trim(), marca: String(f.marca).trim(), origem: f.origem, parceiro: f.origem === 'parceiro' ? f.parceiro : undefined,\n preco: num(f.preco), precoAntigo: num(f.precoAntigo), parcelas: num(f.parcelas), desconto_pix: num(f.desconto_pix), descricao: String(f.descricao).trim(),\n beneficios: String(f.beneficios || '').trim(), ficha_tecnica: String(f.ficha_tecnica || '').trim(), instrucoes_uso: String(f.instrucoes_uso || '').trim(),\n social_video: String(f.social_video || '').trim(), ativo: !!f.ativo, relacionados: S.rels || [] };\n S.busy = true;\n try {\n const out = await call('gestaoProdutoSalvar', payload);\n if (out && out.ok === false) { say('error', out.error || 'Não foi possível salvar o produto.'); S.busy = false; return; }\n const wasNew = !S.editingId;\n await reload();\n if (wasNew && out && out.id) {\n const o = await call('gestaoProdutoObter', { id: out.id });\n if (o && o.ok !== false) fillFromServer(o);\n say('success', 'Produto criado. Agora você pode enviar fotos e vídeos para a galeria.');\n } else { say('success', 'Produto atualizado.'); backToList(); }\n } catch (e) { say('error', 'Não foi possível salvar o produto. Tente de novo.'); }\n S.busy = false;\n };\n\n const save = async () => {\n if (S.busy || !validate()) return;\n if (S.editingId && S.original && S.original.ativo && !S.form.ativo) { askConfirm('desativar', { _id: S.editingId, nome: S.form.nome }, true); return; }\n await doSave();\n };\n\n const refreshGaleria = async () => {\n const o = await call('gestaoProdutoObter', { id: S.editingId });\n if (o && o.ok !== false) S.galeria = o.galeria || [];\n await reload();\n };\n\n const confirmGo = async () => {\n if (!S.confirm || S.busy) return;\n const c = S.confirm;\n if (c.kind === 'desativar' && c.fromForm) { S.confirm = null; await doSave(); return; }\n S.busy = true;\n try {\n if (c.kind === 'desativar') {\n const out = await call('gestaoProdutoAtivar', { id: c.id, ativo: false });\n if (out && out.ok === false) say('error', out.error || 'Não foi possível desativar.'); else say('success', 'Produto desativado. Ele não aparece mais na loja.');\n } else if (c.kind === 'excluir') {\n const out = await call('gestaoProdutoExcluir', { id: c.id });\n if (out && out.ok === false) say('error', out.error || 'Não foi possível excluir.'); else { say('success', 'Produto excluído.'); }\n if (S.view === 'form') backToList();\n } else if (c.kind === 'arquivo') {\n const out = await call('gestaoGaleriaRemover', { id: c.id });\n if (out && out.ok === false) S.upErr = out.error || 'Não foi possível remover o arquivo.'; else { S.upErr = ''; await refreshGaleria(); }\n }\n S.confirm = null; S.busy = false; await reload();\n } catch (e) { S.busy = false; S.confirm = null; say('error', 'Não foi possível concluir a ação. Nada foi alterado.'); }\n };\n\n const toggleAtivo = async (id) => {\n const r = items().find((x) => String(x._id) === String(id)); if (!r) return;\n if (r.ativo !== false) { askConfirm('desativar', r, false); return; }\n try {\n const out = await call('gestaoProdutoAtivar', { id: r._id, ativo: true });\n if (out && out.ok === false) { say('error', out.error || 'Não foi possível reativar.'); return; }\n await reload(); say('success', 'Produto reativado.');\n } catch (e) { say('error', 'Não foi possível reativar o produto.'); }\n };\n\n const createParc = async () => {\n const np = S.np || {}; if (S.busy) return;\n const nome = String(np.nome || '').trim();\n if (!nome) { S.np = { ...np, err: 'Informe o nome do parceiro.' }; return; }\n S.busy = true;\n try {\n const out = await call('gestaoParceiroSalvar', { nome, site: String(np.site || '').trim() });\n if (!out || out.ok === false) { S.np = { ...np, err: (out && out.error) || 'Não foi possível cadastrar o parceiro.' }; }\n else {\n await reload();\n const f = { ...(S.form || EMPTY_FORM), parceiro: out.id }; if (!f.marcaTouched) f.marca = nome;\n S.form = f; S.np = { open: false };\n }\n } catch (e) { S.np = { ...np, err: 'Não foi possível cadastrar o parceiro. Tente de novo.' }; }\n S.busy = false;\n };\n\n const readB64 = (file) => new Promise((r, j) => { const fr = new FileReader(); fr.onload = () => r(String(fr.result).split(',')[1]); fr.onerror = j; fr.readAsDataURL(file); });\n\n d2.on('[data-act]', 'click', (e, el) => {\n const act = el.getAttribute('data-act'); const id = el.getAttribute('data-id');\n if (act === 'new') openNew(); else if (act === 'save') save(); else if (act === 'back') backToList(); else if (act === 'confirm-go') confirmGo();\n else if (act === 'edit') openEdit(id); else if (act === 'toggle') toggleAtivo(id);\n else if (act === 'delete') { const r = items().find((x) => String(x._id) === String(id)); if (r) askConfirm('excluir', r, false); }\n else if (act === 'delete-form') askConfirm('excluir', { _id: S.editingId, nome: S.form.nome }, true);\n else if (act === 'toggle-form') { if (S.form.ativo) { if (S.editingId) askConfirm('desativar', { _id: S.editingId, nome: S.form.nome }, true); } else { S.form = { ...S.form, ativo: true }; } }\n else if (act === 'cancel-confirm') S.confirm = null;\n else if (act === 'filter') S.fStatus = el.getAttribute('data-v');\n else if (act === 'gal-rm') askConfirm('arquivo', { _id: id, nome: 'arquivo', ordem: el.getAttribute('data-o') }, true);\n else if (act === 'rel-add') { if (!(S.rels || []).includes(id)) S.rels = (S.rels || []).concat([id]); S.relQ = ''; }\n else if (act === 'rel-rm') S.rels = (S.rels || []).filter((x) => x !== id);\n else if (act === 'parc-toggle') S.np = (S.np && S.np.open) ? { open: false } : { open: true, nome: '', site: '', err: '' };\n else if (act === 'parc-save') createParc();\n });\n d2.on('[data-f]', 'input', (e, el) => {\n const k = el.getAttribute('data-f'); const f = { ...(S.form || EMPTY_FORM) };\n f[k] = el.value;\n if (k === 'nome' && !S.editingId && !f.slugTouched) f.slug = slugify(el.value);\n if (k === 'slug') f.slugTouched = true;\n if (k === 'marca') f.marcaTouched = true;\n S.form = f;\n });\n d2.on('[data-s]', 'change', (e, el) => {\n const k = el.getAttribute('data-s'); const f = { ...(S.form || EMPTY_FORM) };\n f[k] = el.value;\n const pNome = (id) => { const p = (S.parceiros || []).find((x) => String(x._id) === String(id)); return p ? p.nome : ''; };\n if (k === 'origem' && !f.marcaTouched) f.marca = el.value === 'proprio' ? 'Lucas Fontana' : pNome(f.parceiro);\n if (k === 'parceiro' && !f.marcaTouched) f.marca = pNome(el.value);\n S.form = f;\n });\n d2.on('[data-c]', 'change', (e, el) => { S.form = { ...(S.form || EMPTY_FORM), [el.getAttribute('data-c')]: !!el.checked }; });\n d2.on('[data-q]', 'input', (e, el) => { S.q = el.value; });\n d2.on('[data-np]', 'input', (e, el) => { S.np = { ...(S.np || {}), [el.getAttribute('data-np')]: el.value }; });\n d2.on('[data-fc]', 'change', (e, el) => { S.fCat = el.value; });\n d2.on('[data-fo]', 'change', (e, el) => { S.fOrg = el.value; });\n d2.on('[data-rq]', 'input', (e, el) => { S.relQ = el.value; });\n d2.on('[data-up]', 'change', async (e, el) => {\n const file = el.files && el.files[0]; const slot = Number(el.getAttribute('data-up')); el.value = '';\n if (!file || !S.editingId) return;\n S.upErr = '';\n const isImg = /^image\\/(jpeg|png|webp)$/.test(file.type); const isVid = /^video\\/(mp4|webm)$/.test(file.type);\n if (!isImg && !isVid) { S.upErr = 'Formato não aceito. Use JPG, PNG ou WebP para fotos e MP4 ou WebM para vídeos.'; return; }\n if (isImg && file.size > 5 * MB) { S.upErr = 'A foto passa de 5 MB. Escolha uma menor.'; return; }\n if (isVid && file.size > 20 * MB) { S.upErr = 'O vídeo passa de 20 MB. Escolha um menor.'; return; }\n if ((S.galeria || []).some((g) => Number(g.ordem) === slot)) { S.upErr = 'A posição ' + slot + ' da galeria já está ocupada.'; return; }\n S.upBusy = slot;\n try {\n const b64 = await readB64(file);\n const out = await call('gestaoGaleriaEnviar', { produtoId: S.editingId, ordem: slot, base64: b64, contentType: file.type });\n if (!out || out.ok === false) S.upErr = (out && out.error) || 'Não foi possível enviar o arquivo.';\n else await refreshGaleria();\n } catch (err) { S.upErr = 'Não foi possível enviar o arquivo. Tente de novo.'; }\n S.upBusy = 0;\n });\n\n reload();\n },\n\n render(d2) {\n const S = d2.state;\n const P = d2.params || {};\n if (S.view === undefined) {\n S.view = P.view === 'form' ? 'form' : 'lista';\n S.fStatus = 'todos'; S.fCat = ''; S.fOrg = ''; S.q = ''; S.form = { ...EMPTY_FORM }; S.errors = {}; S.editingId = null; S.confirm = null; S.notice = null; S.busy = false; S.galeria = []; S.rels = []; S.upBusy = 0; S.upErr = ''; S.relQ = '';\n }\n const btn = (label, variant, act, key, w) => `${d2.render(P.button, { label, variant, size: 'sm' }, { key, width: w, height: 44 })}`;\n const rows = (S.items || []).slice().sort((a, b) => String(a.nome).localeCompare(String(b.nome), 'pt-BR'));\n const catName = (id) => { const c = (S.cats || []).find((x) => String(x._id) === String(id)); return c ? c.nome : '—'; };\n const parcName = (id) => { const p = (S.parceiros || []).find((x) => String(x._id) === String(id)); return p ? p.nome : ''; };\n\n let confirm = S.confirm;\n if (!confirm && P.demoConfirm && rows.length) confirm = { kind: 'desativar', id: rows[0]._id, nome: rows[0].nome, fromForm: false };\n\n const header = ''; // o menu fica no componente GestaoMenu (bloco no topo de cada tela)\n const notice = S.notice ? `Gestão
Destaques
Escolha quais categorias aparecem na home (até 4) e no menu do topo (até 6), e os produtos do carrossel “Produtos em destaque” da home (até 12), sempre na ordem das vagas.
${d2.render(P.notice, { tone: S.notice.tone === 'error' ? 'error' : 'success', body: S.notice.body, live: true }, { key: 'notice', height: 64 })}
` : '';\n\n const noticeBelow = notice ? notice.replace('class=\"notice\"', 'class=\"notice below\"') : '';\n let main = '';\n if (S.view === 'form') {\n const f = S.form || EMPTY_FORM; const e = S.errors || {}; const edit = !!S.editingId;\n const err = (k) => (e[k] ? `${esc(e[k])}
` : '');\n const inp = (k, label, ph, opts) => { const o = opts || {}; return `${e[k] ? err(k) : (o.hint ? `
`; };\n const ta = (k, label, ph, hint) => `${o.hint}
` : '')}${e[k] ? err(k) : (hint ? `
`;\n const catOpts = (S.cats || []).filter((c) => c.ativa !== false || String(c._id) === String(f.categoria)).map((c) => ``).join('');\n const parcOpts = (S.parceiros || []).map((p) => ``).join('');\n const vendas = S.original ? S.original.vendas : 0;\n\n const slots = [1, 2, 3, 4, 5].map((n) => {\n const g = (S.galeria || []).find((x) => Number(x.ordem) === n);\n const isVid = g && /^video\\//.test(String(g.tipo || ''));\n const media = g ? (isVid ? `` : ``) : `${hint}
` : '')}${S.upBusy === n ? 'Enviando…' : 'Vazio'}
`;\n const act = g ? `` : ``;\n return `Posição ${n}${g ? (isVid ? ' · vídeo' : ' · foto') : ''}${media}${act}
`;\n }).join('');\n const galeria = edit\n ? `${slots}
${S.upErr ? `${esc(S.upErr)}
` : ''}Cada posição (1 a 5) aceita um único arquivo. Fotos JPG, PNG ou WebP até 5 MB; vídeos MP4 ou WebM até 20 MB. A foto da posição 1 vira a foto principal do produto.
`\n : `Salve o produto para liberar o envio de fotos e vídeos.
`;\n\n const relSel = (S.rels || []).map((id) => { const r = rows.find((x) => String(x._id) === String(id)); return `${esc(r ? r.nome : id)}`; }).join('');\n const rq = norm(S.relQ);\n const cands = rq ? rows.filter((r) => String(r._id) !== String(S.editingId) && !(S.rels || []).includes(r._id) && r.ativo !== false && (norm(r.nome).includes(rq) || norm(r.sku).includes(rq))).slice(0, 6) : [];\n const relBox = `${relSel || 'Nenhum produto relacionado.'}
\n \n ${rq ? `${cands.length ? cands.map((r) => `
` : ''}`;\n\n const delBtn = !edit ? '' : '';\n const togBtn = edit ? `` : '';\n\n main = `\n${esc(r.nome)}
`).join('') : 'Nenhum produto ativo encontrado.
'}\n \n \n ${inp('marca', 'Marca', 'Ex.: Lucas Fontana')}\n \n \n \n
`;\n } else {\n const q = norm(S.q);\n const shown = rows.filter((r) => (S.fStatus === 'ativos' ? r.ativo !== false : S.fStatus === 'inativos' ? r.ativo === false : true)\n && (!S.fCat || String(r.categoria) === String(S.fCat)) && (!S.fOrg || r.origem === S.fOrg)\n && (!q || norm(r.nome).includes(q) || norm(r.sku).includes(q) || norm(r.slug).includes(q) || norm(r.marca).includes(q)));\n const chip = (v, l) => ``;\n const catSel = ``;\n const orgSel = ``;\n const body = shown.length ? `\n${d2.render(P.backLink, { label: 'Voltar para produtos' }, { key: 'back', width: 260, height: 32 })}
\n Produtos
${edit ? 'Editar produto' : 'Novo produto'}
\n${edit ? 'Altere os dados e salve.' : 'Cadastre um produto próprio ou de uma marca parceira.'}
Dados do produto
\n${inp('nome', 'Nome', 'Ex.: Shampoo automotivo neutro')}${inp('slug', 'Slug (endereço da página)', 'shampoo-automotivo-neutro', { ro: edit, hint: edit ? 'O slug não muda depois de criado.' : 'Gerado a partir do nome. Pode editar antes de salvar.' })}
\n ${inp('sku', 'SKU', 'LF-LAV-001')}\n
\n ${err('categoria')}
\n ${inp('subcategoria', 'Subcategoria', 'Ex.: Lavagem')}Origem
\n ${f.origem === 'parceiro' ? `\n \n
${err('parceiro')}${(S.parceiros || []).length ? '' : '
` : ''}Nenhum parceiro cadastrado ainda.
'}${S.np && S.np.open ? `${S.np.err ? `
${esc(S.np.err)}
` : ''}` : ''}Preço
\n${inp('preco', 'Preço (R$)', '129,90')}${inp('precoAntigo', 'Preço \"de\" (riscado)', 'Opcional')}${inp('parcelas', 'Parcelas sem juros', 'Ex.: 3')}${inp('desconto_pix', 'Desconto Pix (%)', 'Ex.: 5')}
\n Conteúdo
\n ${ta('descricao', 'Descrição', 'Conte o que é o produto e para que serve.')}\n${ta('beneficios', 'Benefícios', 'Um benefício por linha.')}${ta('ficha_tecnica', 'Ficha técnica', 'Ex.: Volume: 500 ml')}
\n ${ta('instrucoes_uso', 'Instruções de uso', 'Como aplicar, em passos curtos.')}${inp('social_video', 'Vídeo (YouTube ou Instagram)', 'https://', { hint: 'Link do vídeo que mostra o produto em uso.' })}
\n Visibilidade
\n\n \n
\n ${edit && S.original && S.original.ativo && !f.ativo ? `Para colocar este produto no carrossel “Produtos em destaque” da Home, use a tela Destaques.
${d2.render(P.notice, { tone: 'info', body: 'Ao salvar, este produto deixa de aparecer na loja. Vamos pedir uma confirmação.', live: false }, { key: 'warn', height: 64 })}
` : ''}\n Galeria (fotos e vídeos)
${galeria}Produtos relacionados
${relBox}Aparecem na página do produto, em \"combina com\". Produtos inativos não aparecem na loja.
${btn(edit ? 'Salvar alterações' : 'Criar produto', 'primary', 'save', 'save', 210)}${btn('Cancelar', 'outline', 'back', 'cancel', 130)}${togBtn}${delBtn}
\n ${noticeBelow}\n| Produto | Categoria | Origem | Preço | Galeria | Status | Home | |
|---|---|---|---|---|---|---|---|
| ${esc(r.nome)}${esc(r.sku || r.slug)} | ${esc(catName(r.categoria))} | \n${r.origem === 'parceiro' ? 'Parceiro' + (parcName(r.parceiro) ? ' · ' + esc(parcName(r.parceiro)) : '') : 'Próprio'} | \n${brl(r.preco)} | 0 ? 'yes' : 'no'}\">${Number(r.fotos) || 0}/5 | \n${r.ativo === false ? 'Inativo' : 'Ativo'} | \n0 ? 'yes' : 'no'}\">${Number(r.posicaoDestaque) > 0 ? 'Vaga ' + r.posicaoDestaque : '—'} | \n\n \n | \n
${shown.length} de ${rows.length} ${rows.length === 1 ? 'produto' : 'produtos'}
`\n : !S.loaded ? 'Carregando produtos…
${d2.render(P.emptyState, { eyebrow: 'Produtos', title: rows.length ? 'Nenhum produto encontrado' : 'Nenhum produto cadastrado', description: rows.length ? 'Tente outro termo ou mude os filtros.' : 'Cadastre o primeiro produto da loja.', iconName: 'search' }, { key: 'empty', height: 260 })}
`;\n main = `\n\n \n ${btn('Novo produto', 'primary', 'new', 'new', 190)}\n ${notice}\n
`;\n }\n\n let overlay = '';\n if (confirm) {\n const k = confirm.kind;\n const title = k === 'excluir' ? 'Excluir “' + esc(confirm.nome) + '”?' : k === 'arquivo' ? 'Remover o arquivo da posição ' + esc(confirm.ordem) + '?' : 'Desativar “' + esc(confirm.nome) + '”?';\n const text = k === 'excluir' ? 'O produto será apagado junto com a galeria e os vínculos de produtos relacionados. Não dá para desfazer.'\n : k === 'arquivo' ? 'O arquivo sai da galeria e a posição fica livre para outro envio.'\n : 'O produto deixa de aparecer na loja, na busca e nos filtros, mesmo que esteja marcado como destaque na home. Você pode ativar de novo quando quiser.';\n const okLabel = k === 'excluir' ? 'Excluir produto' : k === 'arquivo' ? 'Remover arquivo' : 'Desativar produto';\n overlay = `Gestão
Produtos
Cadastre e organize os produtos da loja. Produto inativo não aparece na loja.
${catSel}${orgSel}\n
\n ${body}\n${chip('todos', 'Todos')}${chip('ativos', 'Ativos')}${chip('inativos', 'Inativos')}
${title}
${text}
\n${btn('Cancelar', 'outline', 'cancel-confirm', 'c-cancel', 130)}${btn(okLabel, k === 'desativar' ? 'primary' : 'brand', 'confirm-go', 'c-ok', 230)}
${header}${main}${overlay}
`;\n }\n};"}},"backLink":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"backLink"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"demoConfirm":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"demoConfirm"}}}},"emptyState":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"emptyState"}}}},"logo":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"logo"}}}},"notice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"notice"}}}},"view":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"view"}}}}}}}}}},{"_id":"6ac52dcf80918a4cab959827","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"HomeDestaques","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// HomeDestaques — Loja Lucas Fontana\n// Carrossel \"Produtos em destaque\" da Home: até 12 produtos ativos, na ordem definida na Gestão (tela Destaques).\n// Rolagem lateral (arrastar/deslizar) com encaixe por card.\n// Desktop: setas nas laterais, FORA da área dos cards (o bloco tem uma margem de 72px de cada lado para elas).\n// Tablet e mobile: tracinhos embaixo (o mesmo padrão da ProductGallery no mobile): um tracinho por \"página\" de 2 cards; o tracinho vermelho é a página atual.\n// Lê o serviço público produtosLoja (só produtos ativos) e as categorias ativas (categoriasLoja). Desenha com ProductCard.\nconst esc = (s) => String(s == null ? '' : s).replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst LAYOUT = { desktop: { w: 297, gap: 20, h: 500, vis: 4, arrows: true, pad: 72 }, tablet: { w: 336, gap: 16, h: 495, vis: 2, arrows: false, pad: 0 }, mobile: { w: 169, gap: 12, h: 384, vis: 2, arrows: false, pad: 0 } };\nconst MAX = 12;\nconst DOTS_H = 44;\nlet PRODS = null; let PRODS_LOADING = null; let CATS = null; let CATS_LOADING = null;\n\nexport default {\n css: `\n:host { display: block; width: 100%; height: 100%; }\n* { box-sizing: border-box; }\n.car { position: relative; width: 100%; }\n.track { display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; }\n.track::-webkit-scrollbar { display: none; }\n.cell { flex: 0 0 auto; scroll-snap-align: start; }\n.nav { position: absolute; top: 146px; width: 48px; height: 48px; margin: 0; padding: 0; border-radius: 50%; border: 0; background: #0b0b0c; color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; }\n.nav:hover { background: #c8102e; }\n.nav:focus-visible { outline: 2px solid #c8102e; outline-offset: 2px; }\n.nav.prev { left: 12px; } .nav.next { right: 12px; }\n.nav svg { width: 20px; height: 20px; }\n.dots { display: flex; justify-content: center; gap: 4px; height: 32px; margin-top: 12px; }\n.dots button { width: 38px; height: 32px; margin: 0; padding: 0 4px; border: 0; background: transparent; display: flex; align-items: center; cursor: pointer; }\n.dots button:focus-visible { outline: 2px solid #c8102e; outline-offset: 2px; }\n.dots span { display: block; width: 100%; height: 3px; background: #d9d9d6; }\n.dots [aria-current=\"true\"] span { background: #c8102e; }\n.empty { padding: 24px 0; color: #6b6c70; font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-size: 15px; }\n`,\n\n mounted(d2, root) {\n const tick = () => { d2.state.tick = Date.now(); };\n if (!PRODS) {\n if (!PRODS_LOADING) {\n PRODS_LOADING = d2.rush('produtosLoja').invoke({ destaque: true }).then((res) => { PRODS = (res && res.data !== undefined ? res.data : res) || []; }).catch(() => { PRODS_LOADING = null; });\n }\n if (PRODS_LOADING) PRODS_LOADING.then(tick);\n }\n if (!CATS) {\n if (!CATS_LOADING) {\n CATS_LOADING = d2.rush('categoriasLoja').invoke({}).then((res) => { CATS = (res && res.data !== undefined ? res.data : res) || []; }).catch(() => { CATS_LOADING = null; });\n }\n if (CATS_LOADING) CATS_LOADING.then(tick);\n }\n const layoutOf = () => LAYOUT[(d2.params || {}).layout] || LAYOUT.desktop;\n const trackEl = () => (root && root.querySelector ? root.querySelector('.track') : null);\n // Setas (desktop): rolam 2 cards por clique\n d2.on('[data-nav]', 'click', (e, el) => {\n const tr = trackEl(); if (!tr) return;\n const L = layoutOf(); const dir = Number(el.getAttribute('data-nav')) || 1;\n tr.scrollBy({ left: dir * (L.w + L.gap) * 2, behavior: 'smooth' });\n });\n // Tracinhos (tablet e mobile): levam à página escolhida\n d2.on('[data-page]', 'click', (e, el) => {\n const tr = trackEl(); if (!tr) return;\n const L = layoutOf(); const pg = Number(el.getAttribute('data-page')) || 0;\n tr.scrollTo({ left: pg * (L.w + L.gap) * L.vis, behavior: 'smooth' });\n });\n // Rolagem: atualiza o tracinho vermelho direto no DOM (scroll não borbulha, por isso captura)\n if (root && root.addEventListener) {\n root.addEventListener('scroll', (e) => {\n const tr = trackEl(); if (!tr || e.target !== tr) return;\n const dots = root.querySelectorAll ? root.querySelectorAll('.dots button') : [];\n if (!dots.length) return;\n const L = layoutOf(); const step = (L.w + L.gap) * L.vis; const max = tr.scrollWidth - tr.clientWidth;\n const page = tr.scrollLeft >= max - 2 ? dots.length - 1 : Math.min(dots.length - 1, Math.round(tr.scrollLeft / step));\n dots.forEach((b, i) => b.setAttribute('aria-current', i === page ? 'true' : 'false'));\n }, true);\n }\n },\n\n render(d2) {\n const p = d2.params || {};\n void d2.state.tick;\n const layout = LAYOUT[p.layout] ? p.layout : 'desktop';\n const L = LAYOUT[layout];\n const limit = Math.min(MAX, Number(p.limit) > 0 ? Number(p.limit) : MAX);\n const cats = {}; (CATS || []).forEach((c) => { cats[String(c._id)] = c.nome; });\n const rows = (PRODS || []).filter((x) => x && x.ativo !== false && Number(x.posicaoDestaque) > 0)\n .sort((a, b) => Number(a.posicaoDestaque) - Number(b.posicaoDestaque)).slice(0, limit);\n if (!rows.length) return PRODS ? 'Nenhum produto em destaque no momento.
' : '';\n const card = (x) => d2.render(p.productCard, {\n layout, priceComponent: p.priceComponent, button: p.button, badge: p.badge, iconComponent: p.iconComponent,\n brand: cats[String(x.categoria)] || '', name: x.nome, price: x.preco, oldPrice: x.precoAntigo, installments: x.parcelas,\n pixDiscount: x.desconto_pix, outOfStock: !(Number(x.estoque) > 0), sku: x.sku, href: '/produto/' + x.slug, image: x.imagem || '', partner: x.parceiroNome || ''\n }, { key: 'c-' + x._id, style: 'width:100%;height:' + L.h + 'px' });\n const cells = rows.map((x) => `${card(x)}
`).join('');\n const overflow = rows.length > L.vis;\n const arrows = L.arrows && overflow\n ? ``\n : '';\n const pages = Math.ceil(rows.length / L.vis);\n const showDots = !L.arrows && pages > 1;\n const dots = showDots\n ? `${Array.from({ length: pages }).map((_, i) => ``).join('')}
`\n : '';\n const total = L.h + (showDots ? DOTS_H : 0);\n return `${cells}
${arrows}${dots}${d2.render(R.empty, {\n layout, eyebrow, title, description, ctaLabel: 'Ver todos os produtos', ctaHref: '/lista-de-produtos/q',\n searchBar: R.search, button: R.button, iconComponent: R.icon\n }, {\n key: 'empty-' + variant + '-' + layout, style: 'height:auto',\n onSearch: (v) => go(d2, '/lista-de-produtos/q?q=' + encodeURIComponent(v || '')),\n onSuggestion: (v) => go(d2, '/lista-de-produtos/q?q=' + encodeURIComponent(v || ''))\n })}
`\n : '';\n const notFound = () => emptyView('nf', 'Produto não encontrado', 'Esse produto não está mais na garagem',\n 'O link pode estar errado ou o produto saiu do ar. Que tal dar uma olhada nos outros produtos do Lucas?');\n\n if (!slug) {\n return d2.context && d2.context.isBuilder\n ? `ProdutoConteudo — na página publicada o slug vem da URL (/produto/:slug). Para pré-visualizar aqui, preencha o parâmetro slugFixo.
`\n : notFound();\n }\n if (ERR[slug]) return emptyView('err', 'Algo deu errado', 'Não foi possível carregar o produto', 'Confira sua conexão e atualize a página em instantes.');\n const entry = CACHE[slug];\n if (!entry) return ``;\n if (!entry.out.ok) return notFound();\n\n const out = entry.out;\n const pr = out.produto;\n\n const crumbs = [{ label: 'Início', href: '/' }];\n if (pr.categoriaNome) crumbs.push(pr.categoriaSlug ? { label: pr.categoriaNome, href: LISTA + '?categoria=' + pr.categoriaSlug } : { label: pr.categoriaNome });\n if (pr.subcategoria) crumbs.push(pr.categoriaSlug ? { label: pr.subcategoria, href: LISTA + '?categoria=' + pr.categoriaSlug + '&subcategoria=' + slugify(pr.subcategoria) } : { label: pr.subcategoria });\n crumbs.push({ label: pr.nome });\n\n const nParc = Number(pr.parcelas) || 0;\n const benefits = [\n pr.parceiroNome\n ? { icon: 'truck', title: 'Enviado pela ' + pr.parceiroNome, text: 'O parceiro envia direto para você e informa o código de rastreio.' }\n : { icon: 'truck', title: 'Enviamos para todo o Brasil', text: 'O frete é calculado no fechamento do pedido.' },\n { icon: 'card', title: nParc > 1 ? 'Pix ou cartão em até ' + nParc + 'x' : 'Pix ou cartão', text: 'Pagamento seguro, com antifraude em todas as compras.' },\n { icon: 'swap', title: 'Troca e devolução', link: { label: 'Ver política de trocas', href: '/politicas/trocas-e-devolucoes' } }\n ];\n const product = {\n name: pr.nome, category: pr.categoriaNome || '', sku: pr.sku || '', price: pr.preco, oldPrice: pr.precoAntigo,\n installments: pr.parcelas, pixDiscount: pr.desconto_pix, available: !!pr.disponivel, partner: pr.parceiroNome || '', benefits\n };\n\n const top = R.pl ? d2.render(R.pl, {\n layout, product, images: buildImages(pr, out.galeria), crumbs,\n breadcrumb: R.bc, productGallery: R.gal, buyBox: R.buy, badge: R.badge, priceComponent: R.price,\n quantityStepper: R.qty, button: R.button, benefitList: R.benefits, iconComponent: R.icon\n }, {\n key: 'pl-' + pr._id + '-' + layout, style: 'height:auto',\n onBuyNow: () => go(d2, '/sacola'),\n onNavigate: (h) => { if (h) go(d2, h); }\n }) : '';\n\n const tabItems = buildTabs(pr);\n const tabs = R.tabs && tabItems.length ? d2.render(R.tabs, {\n layout, items: tabItems, productDetails: R.pd, checkList: R.cl, quoteCard: R.qc, iconComponent: R.icon\n }, { key: 'tabs-' + pr._id + '-' + layout, style: 'height:auto' }) : '';\n\n const L = REL[layout];\n const rels = list(out.relacionados).slice(0, MAX_REL);\n const card = (x) => d2.render(R.card, {\n layout, priceComponent: R.price, button: R.button, badge: R.badge, iconComponent: R.icon,\n brand: x.categoriaNome || '', name: x.nome, price: x.preco, oldPrice: x.precoAntigo, installments: x.parcelas,\n pixDiscount: x.desconto_pix, outOfStock: !x.disponivel, sku: x.sku, href: '/produto/' + x.slug,\n image: x.imagem || '', partner: x.parceiroNome || ''\n }, {\n key: 'rc-' + x._id + '-' + layout, style: 'width:100%;height:' + L.cellH + 'px',\n onAdd: (sku) => addToBag(sku || x.sku, 1)\n });\n const related = R.card && R.sh && rels.length\n ? `${d2.render(R.sh, { eyebrow: 'Combina com', title: 'Leva junto que combina', number: '+', layout }, { key: 'sh-' + layout, height: L.hh })}
\n \n ${rels.map((x) => `
\n ${card(x)}
`).join('')}\n ${top}${tabs}${related}
`;\n }\n};\n"}},"appRouter":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"appRouter"}}}},"badge":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"badge"}}}},"benefitList":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"benefitList"}}}},"breadcrumb":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"breadcrumb"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"buyBox":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"buyBox"}}}},"checkList":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"checkList"}}}},"emptyState":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"emptyState"}}}},"iconComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"iconComponent"}}}},"layout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"layout"}}}},"priceComponent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"priceComponent"}}}},"productCard":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"productCard"}}}},"productDetails":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"productDetails"}}}},"productGallery":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"productGallery"}}}},"productLayout":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"productLayout"}}}},"produtoService":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"produtoService"}}}},"quantityStepper":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"quantityStepper"}}}},"quoteCard":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"quoteCard"}}}},"searchBar":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"searchBar"}}}},"sectionHeader":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"sectionHeader"}}}},"slugFixo":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"slugFixo"}}}},"tabs":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"tabs"}}}}}}}}}},{"_id":"6ac58b647a27742c85817866","component":"data2-core-types@Component","system":"6ab58b1260cbe7aa719c6d7b","params":{"extends":"data2-core-primitives@Block","component":"GestaoMenu","package":"babi-lf","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// GestaoMenu — Gestão (backoffice, só desktop)\n// A barra do topo de TODAS as telas da Gestão: logo, selo \"Gestão\", links das áreas e o botão \"Sair\".\n// Para incluir uma área nova no menu, basta acrescentar um item em ITEMS (as telas não têm mais menu próprio).\n// O item ativo vem do parâmetro `active` (\"categorias\", \"destaques\" ou \"produtos\"); sem ele, vale o endereço da página.\n// Reaproveita Logo e Button da loja; o logout usa a estratégia de login recebida em `auth`.\nconst ITEMS = [\n { key: 'categorias', label: 'Categorias', href: '/categorias' },\n { key: 'destaques', label: 'Destaques', href: '/destaques' },\n { key: 'produtos', label: 'Produtos', href: '/produtos' }\n];\nconst esc = (s) => String(s == null ? '' : s)\n .replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"');\nconst refOf = (v) => { const r = (v && typeof v === 'object' ? (typeof v.getReference === 'function' ? v.getReference() : v.reference) : v) || ''; return r && r.indexOf('@') < 0 ? 'babi-lf@' + r : r; };\nconst activeOf = (d2) => {\n const a = String(d2.param('active', '') || '');\n if (ITEMS.some((it) => it.key === a)) return a;\n let path = '';\n try { path = (typeof window !== 'undefined' && window.location && window.location.pathname) || ''; } catch (e) { path = ''; }\n const hit = ITEMS.find((it) => path === it.href || path.indexOf(it.href + '/') === 0);\n if (hit) return hit.key;\n return path === '' || path === '/' ? 'categorias' : '';\n};\n\nexport default {\n css: `\n:host { display: block; width: 100%; }\n* { box-sizing: border-box; }\n.bar { --red: #c8102e; --ink: #0b0b0c; --white: #fff; --g100: #ececea;\n width: 100%; height: 72px; background: var(--white); border-bottom: 1px solid var(--g100); display: flex; align-items: center; padding: 0 48px; gap: 20px; color: var(--ink);\n font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; }\n.tag { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; background: var(--ink); color: var(--white); padding: 6px 10px; border-radius: 2px; }\n.links { display: flex; align-items: center; }\n.nav { margin-left: 24px; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ink); border-bottom: 2px solid var(--red); padding: 6px 0; text-decoration: none; }\n.nav:not(.on) { border-bottom-color: transparent; }\n.nav:hover { border-bottom-color: var(--red); }\n.nav:focus-visible { outline: 2px solid var(--red); outline-offset: 4px; }\n.sp { flex: 1; }\n.out { display: inline-block; }\n`,\n\n mounted(d2) {\n d2.on('[data-act=\"sair\"]', 'click', async () => {\n try { await d2.auth('auth').logout(); } catch (e) { /* segue para recarregar */ }\n if (typeof window !== 'undefined') window.location.assign('/');\n });\n },\n\n render(d2) {\n const logoRef = refOf(d2.param('logo'));\n const btnRef = refOf(d2.param('button'));\n const active = activeOf(d2);\n const logo = logoRef ? d2.render(logoRef, { layout: 'desktop', noLink: true }, { key: 'logo', width: 380, height: 40 }) : '';\n const links = ITEMS.map((it) => `${esc(it.label)}`).join('');\n const sair = btnRef ? `${d2.render(btnRef, { label: 'Sair', variant: 'outline', size: 'sm' }, { key: 'sair', width: 110, height: 44 })}` : '';\n return ``;\n }\n};\n"}},"active":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"active"}}}},"auth":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"auth"}}}},"button":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"button"}}}},"logo":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"logo"}}}}}}}}}},{"_id":"5ed9bed7b9e0891ce913e884","component":"data2-core-types@Component","params":{"package":"data2-core","component":"DataSource","renderable":{"dimensions":{"disabled":false,"component":"data2-core-types@Dimensions","params":{"width":1366,"exactWidth":false,"exactHeight":false,"height":768}}}}},{"_id":"5f472ae463c680de4ff296e9","component":"data2-core-types@Component","params":{"package":"data2-core","component":"Data2TableDataSource","extends":"data2-core@DataSource","renderable":{"dimensions":{"disabled":false,"component":"data2-core-types@Dimensions","params":{"width":1366,"exactWidth":false,"exactHeight":false,"height":768}}}}}]}},{"reference":"ExternalComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"_id":"5f060d9b1ca96def42f3c40a","displayName":"Builder AuthStrategy","component":"data2-core@AuthenticationStrategy","system":"5e3b796d6228227ca637d0f4","params":{"credentials":[{"component":"data2-core-types@DataSetColumnReference","params":{"column":"email"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"password"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"status"}}],"verifier":{"component":"data2-core-types@DataSetReference","params":{"reference":"UsersDataSet"}},"sessionShared":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"password":{"disabled":false,"component":"data2-core-types@DataSetColumnReference","params":{"column":"password"}},"email":{"disabled":false,"component":"data2-core-types@DataSetColumnReference","params":{"column":"email"}},"resetPassword":{"resetEmail":{"artboard":{"params":{"preventEvaluation":true,"reference":"nR6Q9d7qdaPtZhJ28Q8Dy"},"component":"data2-core-types@ArtboardReference"}},"resetSuccessEmail":{"artboard":{"params":{"preventEvaluation":true,"reference":"yPCJBTKo8q1Mw0B_3Kpwl"},"component":"data2-core-types@ArtboardReference"}}},"session":[{"component":"data2-core-types@DataSetColumnReference","params":{"column":"name"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"email"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"password"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"status"}}],"sessionMetadata":{"params":{"actions":[{"params":{"compare":{"params":{"subject":{"params":{"components":[{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user._id"}}}},{"params":{"comparisonSubject":{"component":"data2-core-primitives@String","params":{"content":"active"}},"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user.status"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is active user"}]},"component":"data2-core-logical-operators@And","displayName":"is active and has _id"}},"component":"data2-core-logical-operators@Not"},"then":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"}},"component":"data2-core-flow@If","displayName":"check $user"},{"params":{"action":{"params":{"pattern":{"component":"data2-core-primitives@String","params":{"content":"@data2.app"}},"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user.email"}}}}},"component":"data2-core-functions@Includes","displayName":"isData2User"},"resultName":{"component":"data2-core-primitives@String","params":{"content":"is_data2_user"}}},"component":"data2-core-flow@Step"},{"params":{"action":{"params":{"pattern":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.d2_app"}}}},"subject":[{"component":"data2-core-primitives@String","params":{"content":"management"}}]},"component":"data2-core-functions@Includes","displayName":"isData2App Exception"},"resultName":{"component":"data2-core-primitives@String","params":{"content":"is_data2_app_exception"}}},"component":"data2-core-flow@Step"},{"params":{"resultName":{"component":"data2-core-primitives@String","params":{"content":"has_access"}},"action":{"params":{"compare":{"params":{"components":[{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"is_data2_user"}}}},{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"is_data2_app_exception"}}}}]},"component":"data2-core-logical-operators@Or"},"else":{"params":{"actions":[{"params":{"actions":[{"params":{"compare":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}},"component":"data2-core-logical-operators@Not"},"then":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"}},"component":"data2-core-flow@If","displayName":"check $metadata.system"},{"params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":"filter","args":[{"_id":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}}]},"component":"data2-core-types@Interaction"},{"params":{"compare":{"params":{"subject":{"component":"data2-core-types@Getter","params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records.length"}}}}},"component":"data2-core-logical-operators@Not","displayName":"systems not found"},"then":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"}},"component":"data2-core-flow@If","displayName":"check system found"},{"params":{"actions":[{"params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":"filter","args":[{"user":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user._id"}}}},"organization":{"component":"data2-core-types@Getter","params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"cursor.current.organization._id"}}}}}]},"component":"data2-core-types@Interaction"},{"params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"NqKAY34n2ffFL64zamp7t"}},"prop":"filter","args":[{"user":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user._id"}}}},"system":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}}]},"component":"data2-core-types@Interaction"}]},"component":"data2-core-flow@Parallel"}]},"component":"data2-core-flow@Series","displayName":"common setup"},{"params":{"then":{"params":{"content":true},"component":"data2-core-primitives@Boolean"},"else":{"params":{"content":false},"component":"data2-core-primitives@Boolean"},"compare":{"params":{"components":{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"mapper":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"system"}}],"body":{"params":{"expression":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.visibility"}}}},"defaultCase":{"params":{"content":false},"component":"data2-core-primitives@Boolean"},"cases":[{"component":"data2-core-flow@Case","params":{"expression":{"component":"data2-core-primitives@String","params":{"content":"public"}},"value":{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"components":[{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is org member"},{"params":{"pattern":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.role"}}}},"subject":[{"component":"data2-core-primitives@String","params":{"content":"owner"}},{"component":"data2-core-primitives@String","params":{"content":"billing-owner"}},{"component":"data2-core-primitives@String","params":{"content":"admin"}},{"component":"data2-core-primitives@String","params":{"content":"member"}}]},"component":"data2-core-functions@Includes","displayName":"has role with access"}]},"component":"data2-core-logical-operators@And","displayName":"has org member role with access"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is org member"},{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"components":[{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is org member"},{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.role"}}}},"comparisonSubject":{"component":"data2-core-primitives@String","params":{"content":"collaborator"}}},"component":"data2-core-comparison-operators@Equal","displayName":"is collaborator"}]},"component":"data2-core-logical-operators@And","displayName":"is org member and collaborator"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is collaborator"},{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"NqKAY34n2ffFL64zamp7t"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"access"}}],"body":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"access.system._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system._id"}}}}},"component":"data2-core-comparison-operators@Equal"}}}},"component":"data2-core-functions@ArrayFind","displayName":"has system access"}]},"component":"data2-core-logical-operators@And","displayName":"is collaborator and has system access"}]},"component":"data2-core-logical-operators@Or"}}},{"component":"data2-core-flow@Case","params":{"expression":{"component":"data2-core-primitives@String","params":{"content":"private"}},"value":{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"components":[{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is org member"},{"params":{"pattern":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.role"}}}},"subject":[{"component":"data2-core-primitives@String","params":{"content":"owner"}},{"component":"data2-core-primitives@String","params":{"content":"admin"}}]},"component":"data2-core-functions@Includes","displayName":"is owner/admin"}]},"component":"data2-core-logical-operators@And","displayName":"has org member role with access"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is owner/admin"},{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is org member"},{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"NqKAY34n2ffFL64zamp7t"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"access"}}],"body":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"access.system._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system._id"}}}}},"component":"data2-core-comparison-operators@Equal"}}}},"component":"data2-core-functions@ArrayFind","displayName":"has system access"}]},"component":"data2-core-logical-operators@And","displayName":"is member and has system access"}]},"component":"data2-core-logical-operators@Or","displayName":"is owner/admin or has system access"}}}]},"component":"data2-core-flow@Switch"}}}},"component":"data2-core-functions@ArrayMap"}},"component":"data2-core-logical-operators@And","displayName":"has org member for all systems in request"}},"component":"data2-core-flow@If"}]},"component":"data2-core-flow@Series"},"then":{"params":{"content":true},"component":"data2-core-primitives@Boolean"}},"component":"data2-core-flow@If"}},"component":"data2-core-flow@Step"},{"params":{"then":{"system":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}},"else":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"},"compare":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"has_access"}}}}},"component":"data2-core-flow@If"}]},"component":"data2-core-flow@Series"},"sessionExpiresIn":{"component":"data2-core-primitives@Number","params":{"content":604800}},"sessionRenewal":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"identityProviders":[{"provider":{"component":"data2-core-primitives@String","params":{"content":"GOOGLE"}},"clientId":{"component":"data2-core-primitives@String","params":{"content":"55470861603-22pvfc1t49lp8cjnbfk71s5ct9hp1q1v.apps.googleusercontent.com"}}}]},"reference":"Data2BuilderAuthentication","updatedAt":"2026-08-06T19:31:23.557Z"},{"_id":"5f060ee51ca96def42f3fbd1","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"UsersTableDataSource"}},"pagination":{"size":{"component":"data2-core-primitives@Number","params":{"content":1}}}},"reference":"UsersDataSet","updatedAt":"2026-03-04T21:16:40.291Z"},{"_id":"68f938cf5fb002e33752a43d","displayName":"InternalApplicationsAuthenticationStrategy","component":"data2-core@AuthenticationStrategy","system":"5e3b796d6228227ca637d0f4","params":{"resetPassword":{"resetEmail":{"artboard":{"params":{"preventEvaluation":true},"component":"data2-core-types@ArtboardReference"}},"resetSuccessEmail":{"artboard":{"params":{"preventEvaluation":true},"component":"data2-core-types@ArtboardReference"}}},"verifier":{"disabled":false,"component":"data2-core-types@DataSetReference","params":{"reference":"InternalApplicationsVerifierDataSet"}},"password":{"disabled":false,"component":"data2-core-types@DataSetColumnReference","params":{"column":"secret"}},"credentials":[{"component":"data2-core-types@FieldReference","params":{"key":"application"}},{"component":"data2-core-types@FieldReference","params":{"key":"secret"}},{"component":"data2-core-types@FieldReference","params":{"key":"status"}}],"session":[{"component":"data2-core-types@FieldReference","params":{"key":"application"}},{"component":"data2-core-types@FieldReference","params":{"key":"secret"}},{"component":"data2-core-types@FieldReference","params":{"key":"status"}}]},"reference":"InternalApplicationsAuthenticationStrategy","updatedAt":"2025-10-22T20:08:54.442Z","createdAt":"2025-10-22T20:04:31.198Z"},{"component":"data2-core@DataSet","reference":"SessionsDataSet","params":{"requiresConfirmation":false,"pk":"key","datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"data2sessionsdatasource"}}}},{"reference":"UsersTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"component":"data2-core@ServerSessionsDataSource","reference":"data2sessionsdatasource","params":{}},{"_id":"5f1600b70528b92601890f75","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ServiceComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"policies":{"params":{"allowGet":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2@hkXy-UhMjhyfptdE6_fpW"}},"reference":"ServiceComponentInstancesDataSet","updatedAt":"2025-11-06T21:07:20.208Z","createdAt":"2020-07-20T20:38:15.436Z"},{"_id":"5f1602190528b92601890f7d","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"pagination":{"size":40000},"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ComponentInstancesTableDataSource"}},"sort":{"_id":1},"pk":"_id","autoEdit":true,"master":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"policies":{"params":{"allowGet":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2@hkXy-UhMjhyfptdE6_fpW"}},"reference":"ComponentInstancesDataSet","updatedAt":"2025-11-06T21:07:07.089Z","createdAt":"2020-07-20T20:44:09.350Z"},{"_id":"5f16017f0528b92601890f7a","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"FileComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"filter":{"domain":{"component":"data2-core-types@Reference","params":{"reference":"clientApplicationDomain"}}},"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}}},"reference":"FileComponentInstancesDataSet","updatedAt":"2023-08-03T16:08:18.193Z","createdAt":"2020-07-20T20:41:35.797Z"},{"_id":"5f1601990528b92601890f7b","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ApplicationsTableDataSource"}},"pk":"_id","autoEdit":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"master":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"params":{"column":"_id"},"component":"data2-core-types@DataSetColumnReference"}},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}}},"reference":"ApplicationsDataSet","updatedAt":"2022-12-13T21:51:13.995Z","createdAt":"2020-07-20T20:42:01.657Z"},{"_id":"5f16172a0528b92601890f85","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"pagination":{"size":{"component":"data2-core-primitives@Number","params":{"content":10000}}},"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"DataComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"policies":{"params":{"allowGet":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2@hkXy-UhMjhyfptdE6_fpW"}},"reference":"DataComponentInstancesDataSet","updatedAt":"2025-11-06T21:07:12.831Z","createdAt":"2020-07-20T22:14:02.097Z"},{"_id":"60ddc1bbda3861ca65407c5a","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"FileComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"filter":{"domain":{"component":"data2-core-types@Reference","params":{"reference":"clientApplicationDomain"}}},"pagination":{"size":1},"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"}},"reference":"OneFileComponentInstancesDataSet","updatedAt":"2022-02-09T19:44:38.036Z","createdAt":"2020-07-20T20:41:35.797Z"},{"_id":"63ee3d38b8c9838c62fb05fb","displayName":"DriveFileComponentInstancesDataSet","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"FileComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"filter":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core@Drive"}}},"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}}},"reference":"DriveFileComponentInstancesDataSet","updatedAt":"2025-12-04T21:58:32.367Z","createdAt":"2023-02-16T14:27:07.797Z"},{"reference":"ServiceComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6ac4271778f3730f24cb815d","component":"data2-rush@HTTPListener","reference":"categoriasLoja","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac569932f4d9a7641b9df8d","component":"data2-rush@HTTPListener","reference":"cadastrarCliente","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac52d612f4d9a7641b93a1f","component":"data2-rush@HTTPListener","reference":"produtosLoja","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac42cd843b15d0ea6b7bdd7","component":"data2-rush@HTTPListener","reference":"gestaoCategoriasListar","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac428727a27742c857ecb94","component":"data2-rush@HTTPListener","reference":"gestaoCategoriaSalvar","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac427231c34e8ef0a953ff1","component":"data2-rush@HTTPListener","reference":"gestaoCategoriaDesativar","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac4272a005d4042c2e3254d","component":"data2-rush@HTTPListener","reference":"gestaoCategoriaExcluir","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac43a7e76d49ffb413a091f","component":"data2-rush@HTTPListener","reference":"gestaoCategoriaImagem","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac526507a27742c85806af5","component":"data2-rush@HTTPListener","reference":"gestaoProdutosListar","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac4361a7a27742c857eeb94","component":"data2-rush@HTTPListener","reference":"gestaoDestaquesSalvar","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac562ff06e81c2076f3ba1b","component":"data2-rush@HTTPListener","reference":"gestaoDestaquesProdutosSalvar","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac5268b27b4b62e8522a57c","component":"data2-rush@HTTPListener","reference":"gestaoProdutoObter","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac526a02f4d9a7641b92667","component":"data2-rush@HTTPListener","reference":"gestaoProdutoSalvar","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac527097a27742c85806d38","component":"data2-rush@HTTPListener","reference":"gestaoProdutoAtivar","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac527117cfd4d3426c21cb1","component":"data2-rush@HTTPListener","reference":"gestaoProdutoExcluir","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac527066bb5213aca6176e1","component":"data2-rush@HTTPListener","reference":"gestaoGaleriaRemover","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac52d2380918a4cab959650","component":"data2-rush@HTTPListener","reference":"gestaoParceiroSalvar","system":"6ab58b1260cbe7aa719c6d7b","params":{}},{"_id":"6ac526ec5ae4f7827ef7fc6a","component":"data2-rush@HTTPListener","reference":"gestaoGaleriaEnviar","system":"6ab58b1260cbe7aa719c6d7b","params":{}}]}},{"reference":"ComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6ac42bf578f3730f24cb8d8c","component":"data2-core-primitives@Router","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Rotas","params":{"routerType":{"component":"data2-core-primitives@String","params":{"content":"browser"}},"routes":[{"component":"data2-core-primitives@Route","params":{"path":"","name":"Gestão — Categorias","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"VuxTMhbjKlklOB_jH6TcJ"}},"policies":[{"component":"data2-core-auth@Policy","params":{"authenticationStrategy":{"component":"data2-core-types@InteractiveModuleReference","disabled":false,"params":{"reference":"gestaoAuth"}}}}]}},{"component":"data2-core-primitives@Route","params":{"path":"/categorias","name":"Gestão — Categorias","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"VuxTMhbjKlklOB_jH6TcJ"}},"policies":[{"component":"data2-core-auth@Policy","params":{"authenticationStrategy":{"component":"data2-core-types@InteractiveModuleReference","disabled":false,"params":{"reference":"gestaoAuth"}}}}]}},{"component":"data2-core-primitives@Route","params":{"path":"/categorias/nova","name":"Gestão — Nova categoria","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"F3CW1j1-4xce0JVIw93kD"}},"policies":[{"component":"data2-core-auth@Policy","params":{"authenticationStrategy":{"component":"data2-core-types@InteractiveModuleReference","disabled":false,"params":{"reference":"gestaoAuth"}}}}]}},{"component":"data2-core-primitives@Route","params":{"path":"/destaques","name":"Gestão — Destaques","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Rj_uWXXY6dBQ-W046-ZLv"}},"policies":[{"component":"data2-core-auth@Policy","params":{"authenticationStrategy":{"component":"data2-core-types@InteractiveModuleReference","disabled":false,"params":{"reference":"gestaoAuth"}}}}]}},{"component":"data2-core-primitives@Route","params":{"path":"/produtos","name":"Gestão — Produtos","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"PEpck1QuiZfIzvaUChMky"}},"policies":[{"component":"data2-core-auth@Policy","params":{"authenticationStrategy":{"component":"data2-core-types@InteractiveModuleReference","disabled":false,"params":{"reference":"gestaoAuth"}}}}]}},{"component":"data2-core-primitives@Route","params":{"path":"/produtos/novo","name":"Gestão — Novo produto","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"6uGZil8JrrobShrouXzP0"}},"policies":[{"component":"data2-core-auth@Policy","params":{"authenticationStrategy":{"component":"data2-core-types@InteractiveModuleReference","disabled":false,"params":{"reference":"gestaoAuth"}}}}]}}],"login":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Zp3EWkUF0JlxUZbOOcV68"}}},"reference":"gestaoRouter"},{"_id":"6ac42eb32f4d9a7641b7958c","component":"data2-core-primitives@Artboard","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Login","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Gestão — Login"}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":900}},"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0}}},"reference":"Zp3EWkUF0JlxUZbOOcV68"},{"_id":"6ac528697a27742c85807161","component":"data2-core-primitives@Artboard","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Produto (Formulário)","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Gestão — Produto (Formulário)"}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":2400}},"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0}}},"reference":"6uGZil8JrrobShrouXzP0"},{"_id":"6ac528665ae4f7827ef80062","component":"data2-core-primitives@Artboard","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Produtos (Lista)","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Gestão — Produtos (Lista)"}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":1000}},"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0}}},"reference":"PEpck1QuiZfIzvaUChMky"},{"_id":"6ac4368527b4b62e852125e1","component":"data2-core-primitives@Artboard","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Destaques","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Gestão — Destaques"}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":1000}},"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0}}},"reference":"Rj_uWXXY6dBQ-W046-ZLv"},{"_id":"6ac427cf3ea7d08d375ac111","component":"data2-core-primitives@Artboard","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Categorias · Formulário","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Gestão — Categorias · Formulário"}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":1000}},"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0}}},"reference":"F3CW1j1-4xce0JVIw93kD"},{"_id":"6ac427cc2f4d9a7641b784be","component":"data2-core-primitives@Artboard","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Categorias · Lista","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Gestão — Categorias · Lista"}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":1000}},"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0}}},"reference":"VuxTMhbjKlklOB_jH6TcJ"},{"_id":"6b7bc7373970d2c25292f14a","parent":"6ac42eb32f4d9a7641b7958c","component":"babi-lf@GestaoLogin","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Login","params":{"auth":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"gestaoAuth"}},"router":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"gestaoRouter"}},"loginForm":"babi-lf@LoginForm","formField":"babi-lf@FormField","button":"babi-lf@Button","notice":"babi-lf@Notice","iconComponent":"babi-lf@Icon","logo":"babi-lf@Logo","codeField":"babi-lf@CodeField","resendCode":"babi-lf@ResendCode","super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":900}}},"text":""},"reference":"xi3xuGfCo2VQhnt1tQzVj"},{"_id":"4a8ad767daa2500cf3b72c13","parent":"6ac528697a27742c85807161","component":"babi-lf@GestaoProdutos","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Produto (Formulário)","params":{"button":"babi-lf@Button","logo":"babi-lf@Logo","notice":"babi-lf@Notice","emptyState":"babi-lf@EmptyState","backLink":"babi-lf@BackLink","view":"form","super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":72,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":2328}}}},"reference":"yz-PKq07mHt-ZB0UkVq-T"},{"_id":"6dd1da82d4f85fa192eb9baa","parent":"6ac528697a27742c85807161","component":"babi-lf@GestaoMenu","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Menu","params":{"logo":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Logo"}},"button":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Button"}},"auth":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"gestaoAuth"}},"active":"produtos","super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":72}}}},"reference":"Zk0xxfqvumcP3Esir4kVu"},{"_id":"63892c2e1ef88e3a60763ff3","parent":"6ac528665ae4f7827ef80062","component":"babi-lf@GestaoProdutos","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Produtos (Lista)","params":{"button":"babi-lf@Button","logo":"babi-lf@Logo","notice":"babi-lf@Notice","emptyState":"babi-lf@EmptyState","backLink":"babi-lf@BackLink","view":"lista","super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":72,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":928}}}},"reference":"d3TTlzkRQuss55ptqIt-q"},{"_id":"dda6f0a7698fb84ab156c9fc","parent":"6ac528665ae4f7827ef80062","component":"babi-lf@GestaoMenu","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Menu","params":{"logo":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Logo"}},"button":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Button"}},"auth":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"gestaoAuth"}},"active":"produtos","super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":72}}}},"reference":"GRhRiwP2hh9vtBMM0niwu"},{"_id":"4bd55c4e508f8a567c31a7ba","parent":"6ac4368527b4b62e852125e1","component":"babi-lf@GestaoDestaques","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Destaques","params":{"button":"babi-lf@Button","logo":"babi-lf@Logo","notice":"babi-lf@Notice","super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":72,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":928}}}},"reference":"5Nl0rOCf327xGKD7CbrdF"},{"_id":"fa68e27168766f0582f1f3f4","parent":"6ac4368527b4b62e852125e1","component":"babi-lf@GestaoMenu","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Menu","params":{"logo":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Logo"}},"button":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Button"}},"auth":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"gestaoAuth"}},"active":"destaques","super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":72}}}},"reference":"ClHKxDp42p3rRw6BBnvhj"},{"_id":"59e20f4ba871a6ce68c3e894","parent":"6ac427cf3ea7d08d375ac111","component":"babi-lf@GestaoCategorias","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Categorias (Formulário)","params":{"categorias":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"categoriasDataSet"}},"produtos":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"produtosDataSet"}},"button":"babi-lf@Button","logo":"babi-lf@Logo","notice":"babi-lf@Notice","emptyState":"babi-lf@EmptyState","backLink":"babi-lf@BackLink","iconComponent":"babi-lf@Icon","view":"form","super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":72,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":928}}}},"reference":"Mm6rzR1xFLpBYt4NwJEm8"},{"_id":"f9350db1facaa8dfc85840c7","parent":"6ac427cf3ea7d08d375ac111","component":"babi-lf@GestaoMenu","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Menu","params":{"logo":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Logo"}},"button":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Button"}},"auth":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"gestaoAuth"}},"active":"categorias","super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":72}}}},"reference":"85JAqlCpBJJg1sLvjnqVJ"},{"_id":"18cadff8b3929bffe1662c8c","parent":"6ac427cc2f4d9a7641b784be","component":"babi-lf@GestaoCategorias","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Categorias (Lista)","params":{"categorias":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"categoriasDataSet"}},"produtos":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"produtosDataSet"}},"button":"babi-lf@Button","logo":"babi-lf@Logo","notice":"babi-lf@Notice","emptyState":"babi-lf@EmptyState","backLink":"babi-lf@BackLink","iconComponent":"babi-lf@Icon","view":"lista","super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":72,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":928}}}},"reference":"NNjzLJ7HAEYJYG1ro-0tx"},{"_id":"a0799d3320ced5c1abb5ff65","parent":"6ac427cc2f4d9a7641b784be","component":"babi-lf@GestaoMenu","system":"6ab58b1260cbe7aa719c6d7b","displayName":"Gestão — Menu","params":{"logo":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Logo"}},"button":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Button"}},"auth":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"gestaoAuth"}},"active":"categorias","super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":72}}}},"reference":"Nav9Jl1HPeo6Yk4QP74oq"}]}},{"_id":"5fc4faeec8da12be8bf3d08a","component":"data2-core@Data2TableDataSource","system":"5e3b796d6228227ca637d0f4","params":{"paginate":{"default":1000},"super":{},"table":"fileComponentInstances","schema":[{"component":"data2-core-types@Field","params":{"key":"component","title":"Component","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"system","title":"System","component":"data2-core-primitives@ObjectId"}},{"component":"data2-core-types@Field","params":{"key":"displayName","title":"Display Name","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"params","title":"Params","component":"data2-core-primitives@Object"}},{"component":"data2-core-types@Field","params":{"key":"reference","title":"Reference","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"fileId"}},"title":"File ID","component":"data2-core-primitives@ObjectId"},"break":true}],"hooks":{"before":{"all":[{"hook":"softDelete"}],"find":[{"hook":"useCache","options":{"additionalGroupKeys":["$and.0.system","$and.1.system"],"skipCache":true}}],"create":[{"hook":"timestamp","options":{"fields":["createdAt","updatedAt"]}}],"update":[{"hook":"timestamp","options":{"fields":["updatedAt"]}}],"patch":[{"hook":"timestamp","options":{"fields":["updatedAt"]}}]},"after":{"all":[{"hook":"fileUrl","options":{"downloadField":"params.fileUrl","uploadField":"params.uploadFileUrl","enhanceSchema":false}}],"find":[{"hook":"useCache","options":{"additionalGroupKeys":["$and.0.system","$and.1.system"],"skipCache":true}}],"create":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}],"update":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}],"patch":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}],"remove":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}]}},"multi":["create"],"useEstimatedDocumentCount":true},"reference":"FileComponentInstancesTableDataSource","updatedAt":"2022-12-19T20:42:51.837Z","createdAt":"2020-11-30T13:59:52.294Z"},{"reference":"ApplicationsTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6ac42bfa80918a4cab93f726","displayName":"Gestão - App","reference":"cNCmH5b34DdBANILnVt7b","params":{"domain":{"component":"data2-core-primitives@String","params":{"content":"gestao"}},"entryPoint":{"component":"data2-core-types@ComponentInstanceReference","params":{"component":"data2-core-primitives@Router","reference":"gestaoRouter"}}},"system":"6ab58b1260cbe7aa719c6d7b","component":"data2-core-primitives@Application"}]}},{"reference":"DataComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6abd7aa38dad80a86684a089","component":"data2-core@Data2TableDataSource","system":"6ab58b1260cbe7aa719c6d7b","params":{"table":"produtos","schema":[{"component":"data2-core-types@Field","params":{"key":"nome","title":"Nome","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"slug","title":"Slug","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"sku","title":"Código (SKU)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"categoria","title":"Categoria","component":{"component":"data2-core-types@Lookup","params":{"table":"categorias"}}}},{"component":"data2-core-types@Field","params":{"key":"subcategoria","title":"Subcategoria","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"marca","title":"Marca","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"origem","title":"Origem (proprio ou parceiro)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"preco","title":"Preço (cartão)","component":"data2-core-primitives@Number","required":true}},{"component":"data2-core-types@Field","params":{"key":"precoAntigo","title":"Preço \"de\" (riscado)","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"parcelas","title":"Parcelas sem juros","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"estoque","title":"Estoque","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"vendas","title":"Vendas (para \"Mais vendidos\")","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"imagem","title":"Foto principal (URL)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"destaque","title":"Destaque na home","component":"data2-core-primitives@Boolean"}},{"component":"data2-core-types@Field","params":{"key":"ativo","title":"Ativo (pausa rápida)","component":"data2-core-primitives@Boolean"}},{"component":"data2-core-types@Field","params":{"key":"descricao","title":"Descrição","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"beneficios","title":"Benefícios","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"ficha_tecnica","title":"Ficha técnica","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"instrucoes_uso","title":"Instruções de uso","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"social_video","title":"Vídeo (YouTube/Instagram)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"desconto_pix","title":"Desconto Pix (%)","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"parceiro","title":"Parceiro","component":"data2-core-primitives@ObjectId"}},{"component":"data2-core-types@Field","params":{"key":"posicao_destaque","title":"Posição no carrossel de destaques (1 a 12)","component":"data2-core-primitives@Number"}}]},"reference":"produtos"},{"_id":"6ac5569306e81c2076f398ec","component":"data2-core@AuthenticationStrategy","system":"6ab58b1260cbe7aa719c6d7b","params":{"credentials":[{"key":"email"},{"key":"senha"}],"verifier":{"component":"data2-core-types@DataSetReference","params":{"reference":"clientesDataSet"}},"email":"email","password":"senha","sessionExpiresIn":432000},"reference":"lojaAuth"},{"_id":"6ac554f706e81c2076f394fe","component":"data2-core@Data2TableDataSource","system":"6ab58b1260cbe7aa719c6d7b","params":{"table":"enderecos","schema":[{"component":"data2-core-types@Field","params":{"key":"cliente_id","title":"Cliente","component":"data2-core-primitives@ObjectId","required":true}},{"component":"data2-core-types@Field","params":{"key":"apelido","title":"Apelido","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"destinatario","title":"Destinatário","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"cep","title":"CEP","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"logradouro","title":"Logradouro","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"numero","title":"Número","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"complemento","title":"Complemento","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"bairro","title":"Bairro","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"cidade","title":"Cidade","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"estado","title":"Estado","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"principal","title":"Principal","component":"data2-core-primitives@Boolean","required":true}}]},"reference":"enderecos"},{"_id":"6ac425f627b4b62e8520ffa3","component":"data2-core@Data2TableDataSource","system":"6ab58b1260cbe7aa719c6d7b","params":{"table":"categorias","schema":[{"component":"data2-core-types@Field","params":{"key":"nome","title":"Nome","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"slug","title":"Slug","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"ativa","title":"Ativa","component":"data2-core-primitives@Boolean","required":true}},{"component":"data2-core-types@Field","params":{"key":"destaque_home","title":"Destaque na home","component":"data2-core-primitives@Boolean"}},{"component":"data2-core-types@Field","params":{"key":"destaque_menu","title":"Destaque no menu","component":"data2-core-primitives@Boolean"}},{"component":"data2-core-types@Field","params":{"key":"ordem","title":"Ordem (menor aparece primeiro)","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"legenda","title":"Legenda do card da home","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"posicao_home","title":"Vaga na home (1 a 4, 0 = fora)","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"posicao_menu","title":"Vaga no menu (1 a 6, 0 = fora)","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"imagem","title":"Imagem do card (URL)","component":"data2-core-primitives@String"}}]},"reference":"categorias"},{"_id":"6ac554f206e81c2076f394ef","component":"data2-core@DataSet","system":"6ab58b1260cbe7aa719c6d7b","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"clientes"}}},"reference":"clientesDataSet"},{"_id":"6ac42e7eb4eec9d29421f57b","component":"data2-core@AuthenticationStrategy","system":"6ab58b1260cbe7aa719c6d7b","params":{"verifier":{"component":"data2-core-types@DataSetReference","params":{"reference":"6_3UBkN6d7vNEGCJroFVl"}},"email":{"params":{"column":"email"},"component":"data2-core-types@DataSetColumnReference"},"password":{"params":{"column":"senha"},"component":"data2-core-types@DataSetColumnReference"},"sessionExpiresIn":{"component":"data2-core-primitives@Number","params":{"content":604800}},"credentials":[{"component":"data2-core-types@FieldReference","params":{"key":"email"}},{"component":"data2-core-types@FieldReference","params":{"key":"senha"}}]},"reference":"gestaoAuth"},{"_id":"6ac554f22f525bb523614c0d","component":"data2-core@Data2TableDataSource","system":"6ab58b1260cbe7aa719c6d7b","params":{"table":"clientes","schema":[{"component":"data2-core-types@Field","params":{"key":"nome","title":"Nome","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"email","title":"E-mail","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"whatsapp","title":"WhatsApp","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"tipo_documento","title":"Tipo do documento","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"documento","title":"Documento","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"senha","title":"Senha","component":"data2-core-types@Password","required":true}},{"component":"data2-core-types@Field","params":{"key":"aceite_politica_privacidade","title":"Aceite da Política de Privacidade","component":"data2-core-primitives@Boolean","required":true}},{"component":"data2-core-types@Field","params":{"key":"aceite_comunicacao","title":"Aceite de comunicações","component":"data2-core-primitives@Boolean","required":true}},{"component":"data2-core-types@Field","params":{"key":"aceite_comunicacao_em","title":"Aceite de comunicações em","component":"data2-core-primitives@Date"}}]},"reference":"clientes"},{"_id":"6ac557b8f3014ecbcc85dd15","component":"data2-core@DataSet","system":"6ab58b1260cbe7aa719c6d7b","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"InQsnvuho7YIJaf_l4nOM"}},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"pagination":{"size":20}},"reference":"6_3UBkN6d7vNEGCJroFVl"},{"_id":"6ac55756f3014ecbcc85dd13","component":"data2-core@Data2TableDataSource","system":"6ab58b1260cbe7aa719c6d7b","params":{"table":"InQsnvuho7YIJaf_l4nOM","multi":["create"],"schema":[{"component":"data2-core-types@Field","params":{"title":"nome","key":"nome","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"title":"email","key":"email","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"title":"senha","key":"senha","component":"data2-core-types@Password"}}]},"reference":"InQsnvuho7YIJaf_l4nOM"},{"_id":"6abd7aa3edeff59159dcced1","component":"data2-core@DataSet","system":"6ab58b1260cbe7aa719c6d7b","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"produtos"}}},"reference":"produtosDataSet"},{"_id":"6ac425f6005d4042c2e322de","component":"data2-core@DataSet","system":"6ab58b1260cbe7aa719c6d7b","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"categorias"}}},"reference":"categoriasDataSet"}]}},{"reference":"BundlesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}}],"processesParams":{}}}}