master-control 0.2.13 → 0.2.15

package/src/lib/download-document/download-document.component.ts

@@ -1,17 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-  selector: 'lib-download-document',
-  standalone: true,
-  imports: [
-    CommonModule,
-    FormsModule
-  ],
-  templateUrl: './download-document.component.html',
-  styleUrl: './download-document.component.css'
-})
-export class DownloadDocumentComponent {
- field : any = input.required<any>();
-}

package/src/lib/email-with-domain/email-with-domain.component.css

@@ -1,130 +0,0 @@
-
-.field-lable{
-  font-size: 10px !important;
-  font-weight: 700 !important;
-  color: #444 !important;
-  margin-bottom: 0px !important;
-}
-.email-left-side{
-width: 40% !important;
-display: inline-block !important;
-}
-.email-right-side{
-width: 50% !important;
-display: inline-block !important;
-}
-.email-between{
-  padding: 0 8px;
-}
-
-.error-message{
-  color: red;
-}
-
-/* focus css for mat-form-field */
-  ::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
-  .mat-mdc-notch-piece {
-  border-color:  var(--custom-border-color-focus, #ffbb00) !important;
-  border-width: var(--custom-border-width-focus, 1.5px) !important;
-}
-
-::ng-deep .mat-mdc-form-field {
- background-color: var(--custom-bg-color, #ffffff) !important;
- border-radius: var(--custom-border-radius ,  7px) !important;
-}
-
-/* hover css for mat-form-field */
-
-::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(
-    .mdc-text-field--focused
-  ):hover
-  .mdc-notched-outline
-  .mdc-notched-outline__leading {
-    border-color:  var(--custom-border-color-hover, #ffbb00) !important;
-    border-width: var(--custom-border-width-hover, 1.5px) !important;
-  }
-
-::ng-deep   .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(
-    .mdc-text-field--focused
-  ):hover
-  .mdc-notched-outline
-  .mdc-notched-outline__notch {
-    border-color:  var(--custom-border-color-hover, #ffbb00) !important;
-    border-width: var(--custom-border-width-hover, 1.5px) !important;
-  }
-
-::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(
-    .mdc-text-field--focused
-  ):hover
-  .mdc-notched-outline
-  .mdc-notched-outline__trailing {
-    border-color:  var(--custom-border-color-hover, #ffbb00) !important;
-    border-width: var(--custom-border-width-hover, 1.5px) !important;
-  }
-
-/* regular css for mat-form-field */
- ::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece {
-  border-color:  var(--custom-border-color, #dddddd) !important;
-  border-width: var(--custom-border-width, 1.5px) !important;
-}
-
-/* field css for mat-form-input-field */
-::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled)
-  .mdc-text-field__input {
-  caret-color: var(--custom-caret-color, #ffbb00) !important;
-  /* font-size: var(--custom-font-size, 16px) !important; */
-  font-size: 12px !important;
-  font-weight: var(--custom-font-weight, 400) !important;
-  font-family: var(--custom-font-family, 'Mulish') !important;
-  color: var(--custom-font-color, #444444) !important;
-}
-/* Error state for mat-form-field */
-::ng-deep .mat-form-field-invalid
-  .mdc-text-field--outlined .mat-mdc-notch-piece {
-    border-color:  var(--custom-border-color-error, red) !important;
-    border-width: var(--custom-border-width-error, 1.5px) !important;
-}
-
-::ng-deep .mat-mdc-form-field.mat-form-field-disabled{
- background: var(--custom-bg-color-disabled, #ECECEC) !important;
-}
-::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
-  color : var(--custom-font-color-disabled, #999999) !important;
-}
-::ng-deep .mdc-label {
-    color: var(--custom-font-color, #444) !important;
-    font-size: var(--custom-font-size, 16px) !important;
-    font-weight: var(--custom-font-weight, 400) !important;
-    font-family: var(--custom-font-family, 'Mulish') !important;
-}
-::placeholder {
-  color: #8f8f8f !important;
-  font-size: 12px !important;
-}
-::ng-deep .mat-mdc-form-field-hint-wrapper{
-  padding: 0px !important;
- }
-::ng-deep .mat-mdc-form-field-error-wrapper{
-  padding: 0px !important;
- }
- ::ng-deep .mat-mdc-form-field-error{
-  color: #EE0000 !important;
-  font-size: 12px;
-  font-weight: 500;
-  font-family: "Mulish" !important;
-  letter-spacing: 0;
- }
-::ng-deep .mdc-text-field--outlined {
-  --mdc-outlined-text-field-container-shape: var(--custom-border-radius ,  7px) !important;
-}
-::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece {
-    border-color:  var(--custom-border-color-error, red) !important;
-    border-width: var(--custom-border-width-error, 1.5px) !important;
-}
-
-::ng-deep .mat-mdc-form-field-subscript-wrapper {
-  display: none !important;
-}
-* {
-  font-family: "mulish" !important;
-}

package/src/lib/email-with-domain/email-with-domain.component.html

@@ -1,73 +0,0 @@
-<label *ngIf="field() && field()?.isVisible && field()?.isShowLabel" class="field-lable">{{field()?.label}}<span style="color: red;" *ngIf="field() && field()?.validators?.isRequired">*</span></label>
-  <mat-form-field class="w-100" appearance="outline" [ngStyle]="{
-'--custom-border-color': field()?.controlStyle?.borderColor ,
-'--custom-border-width': field()?.controlStyle?.borderWidth ,
-'--custom-bg-color': field()?.controlStyle?.background ,
-'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,
-'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,
-'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,
-'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,
-'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,
-'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,
-'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,
-'--custom-font-size': field()?.controlStyle?.fontSize ,
-'--custom-font-weight': field()?.controlStyle?.fontWeight ,
-'--custom-font-family': field()?.controlStyle?.fontFamily ,
-'--custom-font-color': field()?.controlStyle?.color ,
-'--custom-caret-color': field()?.controlStyle?.caretColor ,
-'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,
-'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,
-}">
- @if(reactiveFormControlobject()) {
-   <input
-      matInput
-      autocomplete="none"
-      class="email-left-side"
-      [name]="field()?.fieldName + '_1'"
-      [id]="field()?.fieldName + '_1'"
-      [type]="field()?.controlType"
-      [placeholder]="field()?.placeHolder"
-      [required]="field()?.validators?.isRequired"
-      [disabled]="field()?.isDisable"
-      [pattern]="field()?.validators?.pattern"
-      (blur)="onInputBlur()"
-      [value]="inputValue"
-      [formControl]="reactiveFormControlobject()"
-    />
- }@else {
-   <input
-      matInput
-      autocomplete="none"
-      class="email-left-side"
-      [name]="field()?.fieldName + '_1'"
-      [id]="field()?.fieldName + '_1'"
-      [type]="field()?.controlType"
-      [placeholder]="field()?.placeHolder"
-      [required]="field()?.validators?.isRequired"
-      [disabled]="field()?.isDisable"
-      [pattern]="field()?.validators?.pattern"
-      (blur)="onInputBlur()"
-      [value]="inputValue"
-    />
- }
-    <span class="email-between">&#64;</span>
-    <input
-      matInput
-      autocomplete="none"
-      [name]="field()?.fieldName + '_2'"
-      [id]="field()?.fieldName + '_2'"
-      placeholder="domain.com"
-      class="email-right-side"
-      [required]="field()?.validators?.isRequired"
-      [disabled]="field()?.isDisable"
-    />
-    <mat-error *ngIf="false">
-      {{ field()?.validators?.isRequiredMessage }}
-    </mat-error>
-  </mat-form-field>
-<div class="error-message" *ngIf="false">
-  {{ field()?.validators?.isRequiredMessage }}.
-</div>
-<div class="error-message" *ngIf="false">
-  {{ field()?.validators?.patternMessage }}.
-</div>

package/src/lib/email-with-domain/email-with-domain.component.ts

@@ -1,51 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-
-@Component({
-  selector: 'lib-email-with-domain',
-  standalone: true,
-  imports: [CommonModule, MatInputModule, MatFormFieldModule, FormsModule, ReactiveFormsModule],
-  templateUrl: './email-with-domain.component.html',
-  styleUrl: './email-with-domain.component.css',
-  providers: [
-      {
-        provide: NG_VALUE_ACCESSOR,
-        useExisting: EmailWithDomainComponent,
-        multi: true
-      }
-    ]
-})
-export class EmailWithDomainComponent {
-pincode: any = '';
-  emailUser:any='';
-  emailDomain:any='';
-
-  field: any = input.required<any>();
-  reactiveFormControlobject : any = input<any>();
-  inputValue: any = null;
-  _onChange: any = (inputValue:any) => {};
-  _unTouched: any = () => {};
-
-  writeValue(obj: any): void{
-    this.inputValue=obj;
-  };
-  registerOnChange(fn: any): void{
-    this._onChange = fn;
-  };
-  registerOnTouched(fn: any): void{
-    this._unTouched = fn;
-  };
-  setDisabledState?(isDisabled: boolean): void{};
-
-  onInputChange(event: any): void {
-    this.inputValue = event.target.value;
-    this._onChange(this.inputValue);
-  }
-
-  onInputBlur(): void {
-    this._unTouched();
-  }
-}

package/src/lib/error-snackbar/error-snackbar.component.css

@@ -1,36 +0,0 @@
-* {
-  font-family: "mulish" !important;
-}
-.error-snackbar-card{
-  max-height: 58px;
-  max-width: 400px;
-  border-radius: 8px;
-  background: var(--Colours-Error-100, #FDE5E5);
-  border: 1px solid var(--Colours-Error-200, #FCCCCC);
-  box-shadow: 0px 2px 15px 2px #E3E6EC99;
-  padding: 10px 16px 10px 16px;
-}
-.cross{
-  width: 9.86px;
-  height: 9.86px;
-  cursor: pointer;
-}
-.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
-    background-color: #444 !important;
-    color: #f5f5f5 !important;
-}
-.toaster-label{
-  font-size: 14px;
-  font-weight: 700;
-  color: #444;
-}
-.toaster-img{
-  height: 24px;
-  width: 24px;
-}
-.toaster-msg{
-  font-weight: 400;
-  font-size: 12px;
-  color: #444;
-  line-height: 0px;
-}

package/src/lib/error-snackbar/error-snackbar.component.html

@@ -1,21 +0,0 @@
-<div [ngClass]="errorObj.toasterCSS">
-  <div class="d-flex justify-content-between">
-    <div class="d-flex gap-3">
-      <span>
-        <img
-          [src]="errorObj.imageURL"
-          alt=""
-          class="mt-1"
-          [ngClass]="errorObj.imageCSS"
-        />
-      </span>
-      <span class="mb-2">
-        <p class="mb-2" [ngClass]="errorObj.labelCSS">{{errorObj.labelText}}</p>
-        <p class="m-0" [ngClass]="errorObj.messageCSS">{{errorObj.messageText}}</p>
-      </span>
-    </div>
-    <div >
-        <img class="cross" [ngClass]="errorObj.closeIconCSS" [src]="errorObj.closeIconImageURL" alt="">
-    </div>
-  </div>
-</div>

package/src/lib/error-snackbar/error-snackbar.component.ts

@@ -1,19 +0,0 @@
-import { Component, input } from '@angular/core';
-import { MasterControlService } from '../master-control.service';
-import { CommonModule } from '@angular/common';
-
-@Component({
-  selector: 'lib-error-snackbar',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './error-snackbar.component.html',
-  styleUrl: './error-snackbar.component.css'
-})
-export class ErrorSnackbarComponent {
-field : any = input.required<any>();
-errorObj:any;
-
-constructor(public masterService : MasterControlService) {
-  this.errorObj = this.masterService.snackbars.find((item: any) => item.type === 'Error');
-}
-}

package/src/lib/grey-label/grey-label.component.css

@@ -1,13 +0,0 @@
-* {
-  font-family: "mulish" !important;
-}
-.bold-label{
-  color: var(--master-bold-label-font-color, #000000) !important;
-  font-size: var(--master-bold-label-font-size, 12px) !important;
-  font-weight: var(--master-bold-label-font-weight, 600) !important;
-}
-.bold-label{
-  color:  #000000;
-  font-size: 12px;
-  font-weight: 600;
-}

package/src/lib/grey-label/grey-label.component.html

@@ -1,7 +0,0 @@
-<div>
-    <span class="bold-label" [ngStyle]="{
-'--master-bold-label-font-color': field()?.controlStyle?.color,
-'--master-bold-label-font-size': field()?.controlStyle?.fontSize,
-'--master-bold-label-font-weight': field()?.controlStyle?.fontWeight
-}">{{field()?.label}}</span>
-</div>

package/src/lib/grey-label/grey-label.component.ts

@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-
-@Component({
-  selector: 'lib-grey-label',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './grey-label.component.html',
-  styleUrl: './grey-label.component.css'
-})
-export class GreyLabelComponent {
-  field : any = input.required<any>();
-}

package/src/lib/header/header.component.css

@@ -1,13 +0,0 @@
-* {
-  font-family: "mulish" !important;
-}
-.heading{
-  font-weight: 800;
-  font-size: 24px;
-  color: #000000;
-}
-.heading{
-  color: var(--heading-font-color, #000000) !important;
-  font-size: var(--heading-font-size, 24px) !important;
-  font-weight: var(--heading-font-weight, 800) !important;
-}

package/src/lib/header/header.component.html

@@ -1,9 +0,0 @@
-<div>
-    <span class="heading" [ngStyle]="{
-'--heading-font-color': field()?.controlStyle?.color,
-'--heading-font-size': field()?.controlStyle?.fontSize,
-'--heading-font-weight': field()?.controlStyle?.fontWeight
-}">
-        {{field()?.label}}
-    </span>
-</div>

package/src/lib/header/header.component.ts

@@ -1,14 +0,0 @@
-import { Component, input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-
-@Component({
-  selector: 'lib-header',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './header.component.html',
-  styleUrl: './header.component.css'
-})
-export class HeaderComponent {
-field : any = input.required<any>();
-}

package/src/lib/hr-line/hr-line.component.css

@@ -1,13 +0,0 @@
-* {
-  font-family: "mulish" !important;
-}
-.master-hr-line{
-  border: 1px dashed #DADADA;
-  opacity: initial;
-  border-image: repeating-linear-gradient(to right, #DADADA 0 6px, transparent 0px 12px) 1 stretch;
-}
-.master-hr-line{
-  border-width: var(--hr-line-border-width , 1px) !important;
-  border-style: var(--hr-line-border-style , dashed) !important;
-  border-color: var(--hr-line-border-color , #DADADA) !important;
-}

package/src/lib/hr-line/hr-line.component.html

@@ -1,7 +0,0 @@
-<div class="col-lg-12">
-  <hr class="master-hr-line"  [ngStyle]="{
-'--hr-line-border-width': field()?.controlStyle?.borderWidth,
-'--hr-line-border-color': field()?.controlStyle?.borderColor,
-'--hr-line-border-style': field()?.controlStyle?.borderStyle
-}"/>
-</div>

package/src/lib/hr-line/hr-line.component.ts

@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-
-@Component({
-  selector: 'lib-hr-line',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './hr-line.component.html',
-  styleUrl: './hr-line.component.css'
-})
-export class HrLineComponent {
-field: any = input.required<any>();
-}

package/src/lib/hyperlink/hyperlink.component.css

@@ -1,18 +0,0 @@
-* {
-  font-family: "mulish" !important;
-}
-.hyperlink{
-  font-weight: 700;
-  font-size: 12px;
-  color: #ffbb00;
-}
-.hyperlink{
-  font-size: var(--hyperlink-font-size, 12px) !important;
-  font-weight: var(--hyperlink-font-weight, 700) !important;
-}
-.hyperlink a{
-  color: #ffbb00 !important;
-}
-.hyperlink a{
-   color: var(--hyperlink-font-color, #ffbb00) !important;
-}

package/src/lib/hyperlink/hyperlink.component.html

@@ -1,8 +0,0 @@
-<u *ngIf="field() && field()?.isVisible" class="hyperlink" [ngStyle]="{
-'--hyperlink-font-color': field()?.controlStyle?.color,
-'--hyperlink-font-size': field()?.controlStyle?.fontSize,
-'--hyperlink-font-weight': field()?.controlStyle?.fontWeight
-}">
-  <a href="Hyper_link" *ngIf="field()?.label && field()?.isShowLabel">{{field()?.label}}</a></u
->
-<img *ngIf="field()?.imageUrl" [src]="field()?.imageUrl" alt="">

package/src/lib/hyperlink/hyperlink.component.ts

@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-
-@Component({
-  selector: 'lib-hyperlink',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './hyperlink.component.html',
-  styleUrl: './hyperlink.component.css'
-})
-export class HyperlinkComponent {
- field: any = input.required<any>();
-}

package/src/lib/icon-button/icon-button.component.css

@@ -1,20 +0,0 @@
-* {
-  font-family: "mulish" !important;
-}
-.icon-button{
-  border-width: 1px;
-  border-color: #444;
-  border-style: solid;
-  background: #fff;
-  border-radius: 8px;
-  width: 48px;
-  height: 48px;
-}
-.icon-button{
-  border-width: var(--icon-button-border-width , 1px);
-  border-color: var(--icon-button-border-color , #444);
-  border-style: var(--icon-button-border-style , solid);
-  background: var(--icon-button-background ,#fff);
-  border-radius: var(--icon-button-border-radius , 8px);
-  width: var(--icon-button-width , 48px);
-}

package/src/lib/icon-button/icon-button.component.html

@@ -1,17 +0,0 @@
-<Button 
-class="icon-button"
-*ngIf="field() && field()?.isVisible" 
-[ngStyle]="
-{
-    '--icon-button-border-width': field()?.controlStyle?.borderWidth ,
-    '--icon-button-border-style': field()?.controlStyle?.borderStyle ,
-    '--icon-button-border-color': field()?.controlStyle?.borderColor ,
-    '--icon-button-width': field()?.controlStyle?.width ,
-    '--icon-button-background': field()?.controlStyle?.background ,
-    '--icon-button-border-radius': field()?.controlStyle?.borderRadius ,
-}"
->
-<span>
-<img src="https://cdn.godigit.com/retail-life/Download_Icon.svg">
-</span>
-</Button>

package/src/lib/icon-button/icon-button.component.ts

@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-
-@Component({
-  selector: 'lib-icon-button',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './icon-button.component.html',
-  styleUrl: './icon-button.component.css',
-})
-export class IconButtonComponent {
-  field: any = input.required<any>();
-}

package/src/lib/iframe/iframe.component.html

@@ -1,7 +0,0 @@
-<div *ngIf="field().imageUrl">
-  <iframe [id]="field().fieldName" width="100%" height="500px" style="border: none "></iframe>
-   <!-- <object [data]="field().imageUrl" width="600" height="400">
-    <embed [src]="field().imageUrl" width="600" height="400"/>
-    Error: Embedded data could not be displayed.
-    </object> -->
-</div>

package/src/lib/iframe/iframe.component.ts

@@ -1,32 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input, OnInit } from '@angular/core';
-import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
-
-@Component({
-  selector: 'lib-iframe',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './iframe.component.html',
-  styleUrl: './iframe.component.css'
-})
-export class IframeComponent implements OnInit {
-  field: any = input.required<any>();
-  safeUrl: SafeResourceUrl | null = null;
-
-  constructor(private sanitizer: DomSanitizer) {}
-
-    ngOnInit() {
-      if (this.field() && this.field().imageUrl) {
-        this.safeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.field().imageUrl);
-      }
-    }
-
-    getIframeUrl() {
-      let iframeUrl : any = null;
-      if (this.field() && this.field().imageUrl) {
-        iframeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.field().imageUrl);
-      }
-      return iframeUrl;
-    }
-
-}

package/src/lib/image/image.component.css

@@ -1,7 +0,0 @@
-* {
-  font-family: "mulish" !important;
-}
-.image-width{
-  width: var(--image-width , 100%);
-  height: 100%;
-}

package/src/lib/image/image.component.html

@@ -1,3 +0,0 @@
-<div>
-  <img [src]="field()['imageUrl']" class="image-width" [ngStyle]="{'--image-width' : field()?.controlStyle?.width}"/>
-</div>

package/src/lib/image/image.component.ts

@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-
-@Component({
-  selector: 'lib-image',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './image.component.html',
-  styleUrl: './image.component.css'
-})
-export class ImageComponent {
-  field: any = input.required<any>();
-}