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

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;
@@ -6106,22 +6115,22 @@ class SmzInputMaskComponent extends SmzValueAccessor {
         this.field().nativeElement.setSelectionRange(position, position);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzInputMaskComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.1", type: SmzInputMaskComponent, isStandalone: true, selector: "ui-input-mask", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, slotChar: { classPropertyName: "slotChar", publicName: "slotChar", isSignal: true, isRequired: false, transformFunction: null }, characterPattern: { classPropertyName: "characterPattern", publicName: "characterPattern", isSignal: true, isRequired: false, transformFunction: null }, unmask: { classPropertyName: "unmask", publicName: "unmask", isSignal: true, isRequired: false, transformFunction: null }, autoClear: { classPropertyName: "autoClear", publicName: "autoClear", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputed: "inputed", blurred: "blurred", completed: "completed" }, host: { classAttribute: "flex min-w-0" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SmzInputMaskComponent), multi: true }], viewQueries: [{ propertyName: "field", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
-    <input
-      #field
-      [attr.type]="type()"
-      class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
-      [attr.id]="inputId() || null"
-      [attr.name]="name() || null"
-      [attr.placeholder]="placeholder() || null"
-      [disabled]="isDisabled()"
-      [readOnly]="readonly()"
-      [value]="display()"
-      (focus)="onFocus()"
-      (input)="onInput($event)"
-      (keydown)="onKeydown($event)"
-      (blur)="onBlur($event)"
-    />
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.1", type: SmzInputMaskComponent, isStandalone: true, selector: "ui-input-mask", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, slotChar: { classPropertyName: "slotChar", publicName: "slotChar", isSignal: true, isRequired: false, transformFunction: null }, characterPattern: { classPropertyName: "characterPattern", publicName: "characterPattern", isSignal: true, isRequired: false, transformFunction: null }, unmask: { classPropertyName: "unmask", publicName: "unmask", isSignal: true, isRequired: false, transformFunction: null }, autoClear: { classPropertyName: "autoClear", publicName: "autoClear", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputed: "inputed", blurred: "blurred", completed: "completed" }, host: { classAttribute: "flex min-w-0" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SmzInputMaskComponent), multi: true }], viewQueries: [{ propertyName: "field", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <input
+      #field
+      [attr.type]="type()"
+      class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
+      [attr.id]="inputId() || null"
+      [attr.name]="name() || null"
+      [attr.placeholder]="placeholder() || null"
+      [disabled]="isDisabled()"
+      [readOnly]="readonly()"
+      [value]="display()"
+      (focus)="onFocus()"
+      (input)="onInput($event)"
+      (keydown)="onKeydown($event)"
+      (blur)="onBlur($event)"
+    />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzInputMaskComponent, decorators: [{
@@ -6131,22 +6140,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SmzInputMaskComponent), multi: true }],
                     host: { class: 'flex min-w-0' },
-                    template: `
-    <input
-      #field
-      [attr.type]="type()"
-      class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
-      [attr.id]="inputId() || null"
-      [attr.name]="name() || null"
-      [attr.placeholder]="placeholder() || null"
-      [disabled]="isDisabled()"
-      [readOnly]="readonly()"
-      [value]="display()"
-      (focus)="onFocus()"
-      (input)="onInput($event)"
-      (keydown)="onKeydown($event)"
-      (blur)="onBlur($event)"
-    />
+                    template: `
+    <input
+      #field
+      [attr.type]="type()"
+      class="h-control w-full min-w-0 rounded-control border border-ui-line-strong bg-ui-surface-1 px-input-x font-ui text-ui-md text-ui-fg transition-colors duration-ui placeholder:text-ui-fg-subtle focus:outline-none focus:border-ui-focus focus:ring-1 focus:ring-ui-focus disabled:cursor-not-allowed disabled:opacity-50 [&.ng-invalid.ng-dirty]:border-ui-danger"
+      [attr.id]="inputId() || null"
+      [attr.name]="name() || null"
+      [attr.placeholder]="placeholder() || null"
+      [disabled]="isDisabled()"
+      [readOnly]="readonly()"
+      [value]="display()"
+      (focus)="onFocus()"
+      (input)="onInput($event)"
+      (keydown)="onKeydown($event)"
+      (blur)="onBlur($event)"
+    />
   `,
                 }]
         }], propDecorators: { mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], slotChar: [{ type: i0.Input, args: [{ isSignal: true, alias: "slotChar", required: false }] }], characterPattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "characterPattern", required: false }] }], unmask: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmask", required: false }] }], autoClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoClear", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], inputed: [{ type: i0.Output, args: ["inputed"] }], blurred: [{ type: i0.Output, args: ["blurred"] }], completed: [{ type: i0.Output, args: ["completed"] }], field: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }] } });