@pepperi-addons/ngx-lib 0.4.0-angular14.7 → 0.4.0-beta.1

package/src/assets/i18n/en.ngx-lib.json

@@ -11,6 +11,9 @@
         "TRUE": "True",
         "FALSE": "False"
     },
+    "CHIPS": {
+        "ADD_CHIP": "Add Chip"
+    },
     "IMAGE": {
         "NO_IMAGE": "No image",
         "CLICK_TO_ENLARGE": "Click to enlarge"
@@ -151,6 +154,7 @@
         "ERROR_MAX_QUANTITY_LIMIT": "Max quantity",
         "ERROR_MIN_QUANTITY_LIMIT": "Min quantity",
         "ERROR_RANGE_IS_NOT_VALID": "Value should be between {{min}} and {{max}}",
+        "ERROR_INVALID_PATTERN": "Invalid Character",
         "INFO_LOADING_FILE": "Loading",
         "INFO_MISSING_FILE": "Missing file",
         "INFO_MISSING_IMAGE": "Missing image",

package/src/core/style/components/checkbox.scss

@@ -45,7 +45,7 @@
         }
 
         .mat-checkbox-layout {
-            @include mixins.font-body(variables.$fs-xl, variables.$lh-xl);
+            @include mixins.font-body(variables.$fs-lg, variables.$lh-lg);
             font-weight: variables.$font-weight-bold !important;
 
             .mat-checkbox-label span {
@@ -68,6 +68,25 @@
     // }
 }
 
+.checkbox-no-background {
+    .pep-checkbox-container {
+        background: unset !important;
+        padding-left: unset !important;
+        padding-right: unset !important;
+
+        .mat-checkbox-inner-container {
+            margin-left: 0 !important;
+            margin-right: 0 !important;
+        }
+
+        .mat-checkbox-layout {
+            .mat-checkbox-label span {
+                margin: 0 0.5rem;
+            }
+        }
+    }
+}
+
 // -----------------------------------------------------
 //  Override material style
 // -----------------------------------------------------

package/src/core/style/components/general.scss

@@ -18,12 +18,13 @@
 // -----------------------------------------------------
 .mat-form-title {
     margin: 0;
-    padding: variables.$spacing-2xs 0;
-    height: variables.$form-field-title-height;
-    line-height: 1rem;
-    // display: block;
     display: grid;
     grid-template-columns: auto 1fr auto;
+    height: variables.$form-field-title-height;
+    align-content: center;
+    // padding: variables.$spacing-2xs 0;
+    // line-height: 1rem;
+    // display: block;
 
     .mat-icon {
         // line-height: 0.875rem;

package/textbox/textbox.component.d.ts

@@ -1,8 +1,14 @@
 import { OnInit, OnChanges, EventEmitter, ElementRef, Renderer2, OnDestroy } from '@angular/core';
-import { FormGroup, FormBuilder } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
 import { PepLayoutType, PepCustomizationService, PepHorizontalAlignment, PepTextboxFieldType, PepUtilitiesService } from '@pepperi-addons/ngx-lib';
+import { FormControl, FormGroupDirective, NgForm } from '@angular/forms';
+import { ErrorStateMatcher } from '@angular/material/core';
 import * as i0 from "@angular/core";
+/** error when invalid control is dirty or touched */
+export declare class TextErrorStateMatcher implements ErrorStateMatcher {
+    isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
+}
 /**
  * This is a text box input component that can be use to
  *
@@ -13,7 +19,6 @@ import * as i0 from "@angular/core";
  * @implements {OnDestroy}
  */
 export declare class PepTextboxComponent implements OnChanges, OnInit, OnDestroy {
-    fb: FormBuilder;
     private customizationService;
     private renderer;
     private element;
@@ -44,6 +49,12 @@ export declare class PepTextboxComponent implements OnChanges, OnInit, OnDestroy
      */
     set formattedValue(value: string);
     get formattedValue(): string;
+    private _minFractionDigits;
+    set minFractionDigits(value: number);
+    get minFractionDigits(): number;
+    private _maxFractionDigits;
+    set maxFractionDigits(value: number);
+    get maxFractionDigits(): number;
     /**
      * The accessory sign.
      *
@@ -107,6 +118,8 @@ export declare class PepTextboxComponent implements OnChanges, OnInit, OnDestroy
     renderSymbol: boolean;
     layoutType: PepLayoutType;
     parentFieldKey: string;
+    regex: string | RegExp;
+    regexError: string;
     /**
      * The value change event.
      *
@@ -122,7 +135,8 @@ export declare class PepTextboxComponent implements OnChanges, OnInit, OnDestroy
     standAlone: boolean;
     isInEditMode: boolean;
     isInFocus: boolean;
-    constructor(fb: FormBuilder, customizationService: PepCustomizationService, renderer: Renderer2, element: ElementRef, translate: TranslateService, utilitiesService: PepUtilitiesService);
+    matcher: TextErrorStateMatcher;
+    constructor(customizationService: PepCustomizationService, renderer: Renderer2, element: ElementRef, translate: TranslateService, utilitiesService: PepUtilitiesService);
     private setFormattedValue;
     private updateFormFieldValue;
     get displayValue(): string;
@@ -140,5 +154,5 @@ export declare class PepTextboxComponent implements OnChanges, OnInit, OnDestroy
     anchorClicked(): void;
     cardTemplateClicked(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepTextboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextboxComponent, "pep-textbox", never, { "key": "key"; "value": "value"; "formattedValue": "formattedValue"; "accessory": "accessory"; "label": "label"; "placeholder": "placeholder"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "hint": "hint"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "minValue": "minValue"; "maxValue": "maxValue"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "renderError": "renderError"; "renderSymbol": "renderSymbol"; "layoutType": "layoutType"; "parentFieldKey": "parentFieldKey"; }, { "valueChange": "valueChange"; "formValidationChange": "formValidationChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextboxComponent, "pep-textbox", never, { "key": "key"; "value": "value"; "formattedValue": "formattedValue"; "minFractionDigits": "minFractionDigits"; "maxFractionDigits": "maxFractionDigits"; "accessory": "accessory"; "label": "label"; "placeholder": "placeholder"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "hint": "hint"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "minValue": "minValue"; "maxValue": "maxValue"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "renderError": "renderError"; "renderSymbol": "renderSymbol"; "layoutType": "layoutType"; "parentFieldKey": "parentFieldKey"; "regex": "regex"; "regexError": "regexError"; }, { "valueChange": "valueChange"; "formValidationChange": "formValidationChange"; }, never, never, false>;
 }