@ngx-smz/ui-kit 21.9.0-next.16 → 21.9.0-next.19

package/fesm2022/ngx-smz-ui-kit.mjs

@@ -173,17 +173,26 @@ const SINGLE_GROUPS = [
 function tokensOf(value) {
     return (value ?? '').split(/\s+/).filter(Boolean);
 }
-function hasPrefix(tokens, prefixes) {
-    return tokens.some((token) => prefixes.some((prefix) => token.startsWith(prefix)));
+/**
+ * Utilitario de padding de verdade (`p-4`, `px-[3px]`, `pl-px`, `px-input-x`), e nao uma classe qualquer que
+ * so comeca com "p-" (`p-col-12`, `p-column-filter`, ...), que nao pode remover o padding base do componente.
+ */
+const PADDING_UTILITY = /^p([xytblrse]?)-(?:\d|\[|px$|auto$|input-|control-)/;
+function isPadding(token, sides) {
+    const match = PADDING_UTILITY.exec(token);
+    return match !== null && sides.includes(`p${match[1]}`);
+}
+function hasPadding(tokens, sides) {
+    return tokens.some((token) => isPadding(token, sides));
 }
 /** Resolve o padding de um eixo (x ou y) quando o consumidor sobrescreve so um lado. */
 function resolveAxis(token, axis, extra) {
-    const all = hasPrefix(extra, ['p-']);
-    const both = hasPrefix(extra, [`p${axis}-`]);
-    const sides = axis === 'x' ? ['pl-', 'ps-'] : ['pt-'];
-    const otherSides = axis === 'x' ? ['pr-', 'pe-'] : ['pb-'];
-    const first = hasPrefix(extra, sides);
-    const second = hasPrefix(extra, otherSides);
+    const all = hasPadding(extra, ['p']);
+    const both = hasPadding(extra, [`p${axis}`]);
+    const sides = axis === 'x' ? ['pl', 'ps'] : ['pt'];
+    const otherSides = axis === 'x' ? ['pr', 'pe'] : ['pb'];
+    const first = hasPadding(extra, sides);
+    const second = hasPadding(extra, otherSides);
     const value = token.slice(3);
     if (all || both || (first && second))
         return null;
@@ -6001,9 +6010,13 @@ class SmzInputMaskComponent extends SmzValueAccessor {
         }
         return text;
     }, ...(ngDevMode ? [{ debugName: "display" }] : []));
+    /**
+     * Aceita `number` alem de `string` (ex.: `FormControl` com `5`): o valor e convertido para texto antes de distribuir
+     * nos slots, senao `text.length` e `undefined` e o campo abre vazio.
+     */
     writeValue(value) {
-        super.writeValue(value);
-        this.entered.set(this.fitToSlots(value ?? ''));
+        super.writeValue(value === null || value === undefined ? null : String(value));
+        this.entered.set(this.fitToSlots(value === null || value === undefined ? '' : String(value)));
     }
     onFocus() {
         this.focusedState.set(true);