@ngx-smz/core 21.10.0-next.1 → 21.10.0-next.3

package/fesm2022/ngx-smz-core.mjs

@@ -5639,35 +5639,72 @@ var SmzBreakpoints;
 })(SmzBreakpoints || (SmzBreakpoints = {}));
 
 const ORDER = ['extraSmall', 'small', 'medium', 'large', 'extraLarge'];
+const warned = new Set();
 /**
  * Classes de layout de um template responsivo. Funcao pura (sem Angular) para ser testavel em vitest.
  *
  * - `span`  (padrao): filhos de `grid grid-cols-12` -> `col-span-N`, `sm:col-span-N`, ...
+ *   Sem `extraSmall` valido, a base e `col-span-12` (o item ocupa a linha inteira ate o primeiro breakpoint declarado).
  * - `width`: elementos fora de uma grade (o proprio dialog, filho flex da mascara) -> `w-N/12` (`w-full` para 12).
  *
+ * `row` e tipado como `SmzColumns`, mas layouts persistidos (JSON/API) ainda chegam como `'col-N'`/`'N'`: sao
+ * normalizados em runtime; `'col'`/`'col-auto'` valem 12 (o que o legado fazia na pratica); valor invalido e
+ * descartado com aviso em dev, nunca vira `col-span-NaN`.
+ *
  * As classes sao montadas em runtime, por isso o preset do ui-kit as publica em `safelist`.
  */
 function SetTemplateClasses(template, properties = ['row'], variant = 'span') {
-    if (template == null || !properties.includes('row')) {
+    if (!properties.includes('row')) {
         return '';
     }
+    if (template == null) {
+        return variant === 'span' ? 'col-span-12' : ''; // sem template, o item ocupa a linha (equivale ao `col` legado numa grade)
+    }
     const classes = [];
     for (const breakpoint of ORDER) {
-        const columns = template[breakpoint]?.row;
+        const raw = template[breakpoint]?.row;
+        if (raw == null) {
+            continue;
+        }
+        const columns = normalizeColumns(raw);
         if (columns == null) {
+            warnOnce(`SetTemplateClasses: valor de row invalido em ${breakpoint}: ${JSON.stringify(raw)} (esperado 1 a 12); breakpoint ignorado.`);
             continue;
         }
-        const prefix = SmzBreakpoints.Tags[breakpoint];
-        classes.push(`${prefix}${columnsClass(columns, variant)}`);
+        classes.push(`${SmzBreakpoints.Tags[breakpoint]}${columnsClass(columns, variant)}`);
+    }
+    if (variant === 'span' && !classes.some((cls) => cls.startsWith('col-span-'))) {
+        classes.unshift('col-span-12');
     }
     return classes.join(' ');
 }
+/** `12`, `'12'`, `'col-12'` -> 12; `'col'`/`'col-auto'` -> 12; fora de 1..12 e limitado; nao numerico -> null. */
+function normalizeColumns(value) {
+    if (typeof value === 'string') {
+        const text = value.trim();
+        if (text === 'col' || text === 'col-auto')
+            return 12;
+        const match = /^(?:col-)?(\d{1,2})$/.exec(text);
+        if (!match)
+            return null;
+        value = Number(match[1]);
+    }
+    if (typeof value !== 'number' || !Number.isFinite(value))
+        return null;
+    return Math.min(12, Math.max(1, Math.round(value)));
+}
 function columnsClass(columns, variant) {
-    const value = Math.min(12, Math.max(1, Math.round(Number(columns))));
     if (variant === 'width') {
-        return value === 12 ? 'w-full' : `w-${value}/12`;
+        return columns === 12 ? 'w-full' : `w-${columns}/12`;
     }
-    return `col-span-${value}`;
+    return `col-span-${columns}`;
+}
+function warnOnce(message) {
+    const dev = typeof ngDevMode === 'undefined' || !!ngDevMode;
+    if (!dev || warned.has(message))
+        return;
+    warned.add(message);
+    console.warn(message);
 }
 
 class SetTemplateClassesPipe {