ngx-wapp-components 3.2.11-alpha.9 → 3.2.11

package/src/lib/theme/theme.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ThemeComponent } from './theme.component';
-
-describe('ThemeComponent', () => {
-  let component: ThemeComponent;
-  let fixture: ComponentFixture<ThemeComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ ThemeComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(ThemeComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/theme/theme.component.ts

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'lib-theme',
-    templateUrl: './theme.component.html',
-    styleUrls: ['./theme.component.css'],
-    standalone: false
-})
-export class ThemeComponent {
-
-}

package/src/lib/tree/w-tree/w-tree.component.html

@@ -1,57 +0,0 @@
-@if (activeToggleButton) {
-  <div class="w-tree-buttontoggle flex justify-content-end flex-wrap card-container green-container">
-    @if (collapsedNodes) {
-      <div>
-        <w-button
-          size="small"
-          type="secondary"
-          icon="pi pi-plus"
-          [label]="expandButtonLabel"
-          (onClick)="expandAll()">
-        </w-button>
-      </div>
-    } @else {
-      <w-button
-        size="small"
-        type="secondary"
-        icon="pi pi-minus"
-        [label]="collapseButtonLabel"
-        (onClick)="collapseAll()">
-      </w-button>
-    }
-  </div>
-}
-
-<p-tree class="w-full w-tree" #wTree
-  [value]="nodes"
-  [(selection)]="selection"
-  (selectionChange)="onSelectionChange($event)"
-  [selectionMode]="selectionMode"
-  [loading]="loading"
-  [filter]="activeFilter"
-  [filterPlaceholder]="filterPlaceholder"
-  [propagateSelectionDown]="propagateSelectionDown"
-  [propagateSelectionUp]="propagateSelectionUp"
-  [emptyMessage]="emptyMessage"
-  [draggableNodes]="draggableNodes"
-  [draggableScope]="draggableScope"
-  [droppableNodes]="droppableNodes"
-  [droppableScope]="droppableScope"
-  (onNodeDrop)="onNodeDrope($event)"
-  [virtualScroll]="activeVirtualScroll"
-  [virtualScrollItemSize]="virtualScrollItemSize"
-  [scrollHeight]="scrollHeight"
-  (onFilter)="onFilter($event)"
-  styleClass="w-tree">
-  <ng-template let-node [pTemplate]="nodeItemTemplateName">
-    <div class="flex p-elemnt">
-      @if (node.icon && isPrimeIcon(node.icon)) {
-        <span class="w-tree-icon flex align-items-center justify-content-center" [class]="getIcon(node.icon)"></span>
-      }
-      @if (node.icon && isPrimeIcon(node.icon) == false) {
-        <w-icons class="w-tree-icon flex align-items-center" [name]="node.icon" [height]="16" [width]="18" [color]="'#2e3134'"></w-icons>
-      }
-      <div class="flex align-items-center">{{node.label}}</div>
-    </div>
-  </ng-template>
-</p-tree>

package/src/lib/tree/w-tree/w-tree.component.scss

@@ -1,113 +0,0 @@
-@import "../../../styles/_variables.scss";
-@import "../../search/w-input-search/w-input-search.component.scss";
-
-.w-tree-buttontoggle{
-    margin-bottom: $spacingXS;
-}
-
-:host ::ng-deep .w-tree.p-tree { 
-    padding: 0px;
-    border: none !important;
-    .p-tree-filter-container{
-        margin-bottom: $spacingXS;
-        padding-left: 70%;
-        width: 100%;
-    }
-
-    .p-tree-container{
-        padding: 0px, 20px, 16px 20px;
-    }
-}
-
-::ng-deep .w-tree .p-inputtext:enabled {
-    height: 32px;
-    border-radius: $defaultBorderRadius;
-    border: $defaultBorderWidth solid $black200;
-    @extend .w-input-small-placeholder-text;
-    gap: 16px;
-
-    &:hover{
-        @extend .hoveredInput;
-    }
-
-    &:focus{
-        @extend .focusedInput; 
-    }
-}
-
-:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content {
-    border-radius: 8px;
-    padding: $spacingXS $spacingM;
-    @extend .w-input-medium-select-options-text; 
-    color: $textMainColor;
-}
-
-:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{
-    background-color: $highlightBg;
-}
-
-:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
-    color: $textMainColor;
-}
-
-:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
-    color: $textMainColor;
-}
-
-.w-tree-icon{
-    margin-right: $spacingS;
-}
-
-::ng-deep .w-tree{
-    .p-checkbox{
-        width: 24px;
-        height: 24px;
-        margin-right: calc($spacingS - $defaultBorderWidth) !important;
-        border-width: $defaultBorderWidth;
-        
-        .p-checkbox-box {
-            border: $defaultBorderWidth solid $black300;
-            border-radius: $checkboxBorderRadius;
-            align-self: center;
-            
-            .p-checkbox-icon {
-                font-size: 12px;
-                font-weight: bold;
-            }
-            
-            &.p-highlight {
-                border-color: $secondary400;
-                background: $secondary400;
-            }
-        }
-
-        &:not(.p-checkbox-disabled) {
-            .p-checkbox-box {
-                &:hover {
-                    background-color: $black300;
-                    border: $defaultBorderWidth solid $black300;
-                }
-
-                &.p-focus {
-                    background-color: $secondary400;
-                    @extend .focusedInput;
-                    border: $defaultBorderWidth solid $secondary50;
-                }
-
-                &:not(.p-highlight).p-focus {
-                    background-color: $black300;
-                    border: $defaultBorderWidth solid $black300;
-                }
-    
-                &.p-highlight:hover {    
-                    border-color: $secondary400;
-                    background: $secondary400;
-                }
-            }
-        }
-    }
-}
-
-::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{
-    display: none;
-}

package/src/lib/tree/w-tree/w-tree.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { WTreeComponent } from './w-tree.component';
-
-describe('WTreeComponent', () => {
-  let component: WTreeComponent;
-  let fixture: ComponentFixture<WTreeComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ WTreeComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(WTreeComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/tree/w-tree/w-tree.component.ts

@@ -1,85 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { TreeDragDropService, TreeNode } from 'primeng/api';
-
-@Component({
-    selector: 'w-tree',
-    templateUrl: './w-tree.component.html',
-    styleUrls: ['./w-tree.component.scss'],
-    providers: [TreeDragDropService],
-    standalone: false
-})
-export class WTreeComponent implements OnInit{
-  @Input('nodes') nodes!: any;
-  @Input('selection') selection!: any;
-  @Input('selectionMode') selectionMode: 'single' | 'multiple' | 'checkbox' = "checkbox";
-  @Input('activeToggleButton') activeToggleButton: boolean = false;
-  @Input('collapsedNodes') collapsedNodes: boolean = true;
-  @Input('collapseButtonLabel') collapseButtonLabel : string = "Collapse";
-  @Input('expandButtonLabel') expandButtonLabel : string = "Expand";
-  @Input('propagateSelectionDown') propagateSelectionDown: boolean = true;
-  @Input('propagateSelectionUp') propagateSelectionUp: boolean = true;
-  @Input('activeFilter') activeFilter: boolean = false;
-  @Input('filterPlaceholder') filterPlaceholder!: string;
-  @Input('filterBy') filterBy!: string; 
-  @Input('emptyMessage') emptyMessage: string = "Empty records";
-  @Input('loading') loading: boolean = false; 
-  @Input('draggableNodes') draggableNodes: boolean = false;
-  @Input('draggableScope') draggableScope!: string;
-  @Input('droppableNodes') droppableNodes: boolean = false;
-  @Input('droppableScope') droppableScope!: string ;
-  @Input('scrollHeight') scrollHeight!: string;
-  @Input('activeVirtualScroll') activeVirtualScroll: boolean = false;
-  @Input('virtualScrollItemSize') virtualScrollItemSize!: number;
-  @Input('nodeItemTemplateName') nodeItemTemplateName: string = "nodeItemTemplateName";
-  
-  @Output() selectionChange = new EventEmitter<any>();
-  @Output('onFilter') onFilterEmit: EventEmitter<any> = new EventEmitter();
-  @Output('onNodeDrope') onNodeDropeEmit: EventEmitter<any> = new EventEmitter();
-
-  ngOnInit(): void {
-  }
-  
-  onSelectionChange(event: any){
-    this.selectionChange.emit(event)
-  }
-
-  onFilter(event: any){
-    this.onFilterEmit.emit(event);
-  }
-
-  onNodeDrope(event: any){
-    this.onNodeDropeEmit.emit(event);
-  }
-
-  expandAll(){
-    this.nodes.forEach((node: any) => {
-        this.expandRecursive(node, true);
-    } );
-    this.collapsedNodes = false;
-  }
-
-  collapseAll(){
-    this.nodes.forEach((node: any) => {
-        this.expandRecursive(node, false);
-    } );
-    this.collapsedNodes = true;
-  }
-
-  private expandRecursive(node:TreeNode, isExpand:boolean){
-    node.expanded = isExpand;
-    if (node.children){
-      node.children.forEach( childNode => {
-          this.expandRecursive(childNode, isExpand);
-      } );
-    }
-  }
-
-  isPrimeIcon(icon: string){
-    if(icon.includes('pi')) return true;
-    return false;
-  }
-
-  getIcon(icon: string){
-    return 'pi pi-fw ' + icon;
-  }
-}

package/src/lib/view/w-input-label/w-input-label.component.html

@@ -1,27 +0,0 @@
-@if (label != undefined && label.length > 0) {
-  <div class="w-input-label flex">
-    <div class="flex flex-column">
-      <div [ngClass]="getLabelClasses()">
-        {{label}}
-        @if (required && !disabled ) {
-          <span class="required-symbol" [ngClass]="{'not-validated': validated == false}">*</span>
-        }
-      </div>
-      @if (message) {
-        <div class="w-input-label-message">
-          {{message}}
-        </div>
-      }
-    </div>
-    @if (tooltip) {
-      <div [pTooltip]="tooltip" [tooltipPosition]="tooltipPosition || 'right'" class="w-input-label-icon-help-container">
-        <svg class="w-input-label-icon-help" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path id="Vector" d="M6 0C2.7 0 0 2.7 0 6C0 9.3 2.7 12 6 12C9.3 12 12 9.3 12 6C12 2.7 9.3 0 6 0ZM6 9.75C5.586 9.75 5.25 9.414 5.25 9C5.25 8.586 5.586 8.25 6 8.25C6.414 8.25 6.75 8.586 6.75 9C6.75 9.414 6.414 9.75 6 9.75ZM7.21725 6.069C6.8445 6.38925 6.75 6.49725 6.75 6.75C6.75 7.16475 6.414 7.5 6 7.5C5.586 7.5 5.25 7.16475 5.25 6.75C5.25 5.7795 5.84625 5.268 6.2415 4.92975C6.61425 4.611 6.70875 4.50225 6.70875 4.25025C6.70875 4.113 6.70875 3.75 6.00075 3.75C5.67375 3.768 5.325 3.918 5.05725 4.17075C4.7565 4.45425 4.281 4.44 3.99675 4.14C3.7125 3.8385 3.726 3.36375 4.0275 3.0795C4.554 2.58375 5.24025 2.289 5.96175 2.2515H5.964C7.323 2.2515 8.20875 3.05475 8.20875 4.251C8.20875 5.22075 7.6125 5.73225 7.218 6.06975L7.21725 6.069Z" fill="#9AA0A6"/>
-        </svg>
-      </div>
-    }
-  </div>
-}
-@if (label != undefined && label == '') {
-  <div class="w-input-no-label-height"></div>
-}

package/src/lib/view/w-input-label/w-input-label.component.scss

@@ -1,48 +0,0 @@
-@import './../../../styles/variables'; 
-
-.w-input-label{
-    gap: $spacingXSM; 
-}
-
-.w-input-label-icon-help-container{
-    height: 14px;
-    display: flex;
-    align-items: center;
-    transform: translateY(1px);
-}
-
-.w-input-label-icon-help-container:hover .w-input-label-icon-help path{
-    fill: $secondaryColor; 
-}
-
-.w-input-label-small-label{
-    @extend .w-input-small-label-text-typography; 
-    color: $textMainColor; 
-}
-
-.w-input-label-small-label-disabled{
-    @extend .w-input-small-label-disabled;
-}
-
-.w-input-label-medium-label{
-    @extend .w-input-medium-label-text-typography; 
-    color: $textMainColor; 
-}
-
-.w-input-label-medium-label-disabled{
-    @extend .w-input-medium-label-disabled;
-}
-
-.required-symbol{
-    font-weight: 300; 
-    
-    &.not-validated{
-        color: $errorMainColor;
-        font-weight: 600;
-    }
-}
-
-.w-input-label-message{
-    font-size: 10px; 
-    color: $textSoftColor;
-}

package/src/lib/view/w-input-label/w-input-label.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { WInputLabelComponent } from './w-input-label.component';
-
-describe('WInputLabelComponent', () => {
-  let component: WInputLabelComponent;
-  let fixture: ComponentFixture<WInputLabelComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ WInputLabelComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(WInputLabelComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/view/w-input-label/w-input-label.component.ts

@@ -1,42 +0,0 @@
-import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { SizeType } from '../../shared/enums/enum';
-
-@Component({
-    selector: 'w-input-label',
-    templateUrl: './w-input-label.component.html',
-    styleUrls: ['./w-input-label.component.scss'],
-    standalone: false
-})
-export class WInputLabelComponent {
-  @Input() label!: string; 
-  @Input() disabled: boolean = false;
-  @Input() required: boolean = false;
-  @Input() validated: boolean = false; 
-  @Input() tooltip!: string; 
-  @Input() tooltipPosition?: string;
-  @Input() size: string = "small"; 
-  @Input() labelStyleClass!: string;
-  @Input() message!: string;
-
-  getSizeName(value: number): string {
-    return SizeType[value];
-  }
-
-  get sizeType(): typeof SizeType {
-    return SizeType;
-  }
-
-  getLabelClasses() {
-    return {
-      'w-input-label-small-label': this.getSizeName(this.sizeType.small) === this.size && !this.disabled,
-      'w-input-label-small-label-disabled': this.getSizeName(this.sizeType.small) === this.size && this.disabled,
-      'w-input-label-medium-label': this.getSizeName(this.sizeType.medium) === this.size && !this.disabled,
-      'w-input-label-medium-label-disabled': this.getSizeName(this.sizeType.medium) === this.size && this.disabled,
-      [this.labelStyleClass]: this.hasLabelStyleClass
-    };
-  }
-
-  hasLabelStyleClass(){
-    return this.labelStyleClass != undefined && this.labelStyleClass != ""; 
-  }
-}

package/src/lib/view/w-view-badge/w-view-badge.component.html

@@ -1,9 +0,0 @@
-<div class="flex flex-column">
-  <w-input-label class="flex" [label]="label" [tooltip]="tooltip" [tooltipPosition]="tooltipPosition"></w-input-label>
-  @if ((label != undefined) || (label != '')) {
-    <div class="flex w-view-badge-space"></div>
-  }
-  <div class="flex w-view-badge-badge align-items-center">
-    <w-badge [label]="badgeLabel" [color]="badgeColor" [tooltip]="badgeTooltip" [maxWidthOverflow]="badgeMaxWidthOverflow"></w-badge>
-  </div>
-</div>

package/src/lib/view/w-view-badge/w-view-badge.component.scss

@@ -1,9 +0,0 @@
-@import '../../../styles/_variables.scss'; 
-
-.w-view-badge-space{
-    padding-bottom: $inputLabelGap;
-}
-
-.w-view-badge-badge{
-    height: $simpleInputHeight;
-}

package/src/lib/view/w-view-badge/w-view-badge.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { WViewBadgeComponent } from './w-view-badge.component';
-
-describe('WViewBadgeComponent', () => {
-  let component: WViewBadgeComponent;
-  let fixture: ComponentFixture<WViewBadgeComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ WViewBadgeComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(WViewBadgeComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/view/w-view-badge/w-view-badge.component.ts

@@ -1,17 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-@Component({
-    selector: 'w-view-badge',
-    templateUrl: './w-view-badge.component.html',
-    styleUrls: ['./w-view-badge.component.scss'],
-    standalone: false
-})
-export class WViewBadgeComponent {
-  @Input('label') label!: string; 
-  @Input('tooltip') tooltip!: string;  
-  @Input() tooltipPosition?: string;
-  @Input('badgeLabel') badgeLabel!: string; 
-  @Input('badgeColor') badgeColor: string = "default";
-  @Input('badgeTooltip') badgeTooltip!: string;
-  @Input('badgeMaxWidthOverflow') badgeMaxWidthOverflow!: string;
-}

package/src/lib/view/w-view-boolean/w-view-boolean.component.html

@@ -1,40 +0,0 @@
-@if (layout == 'horizontal') {
-  <div class="w-view-text-content grid flex align-content-center">
-    <div class="col-4 w-view-text-label">
-      <w-input-label class="flex" [label]="label" [tooltip]="tooltip" [tooltipPosition]="tooltipPosition"></w-input-label>
-    </div>
-    <div class="col-8 w-view-text-value">
-      <ng-container *ngTemplateOutlet="icons"></ng-container>
-    </div>
-  </div>
-} @else {
-  <div class="flex flex-column">
-    <w-input-label class="flex" [label]="label" [tooltip]="tooltip" [tooltipPosition]="tooltipPosition"></w-input-label>
-    <div class="flex input-label-gap-divider"></div>
-    <div class="flex w-view-text-value-vertical">
-      <ng-container *ngTemplateOutlet="icons"></ng-container>
-    </div>
-    <div class="flex spacingXSMDivider"></div>
-  </div>
-}
-
-<ng-template #icons>
-  @if (value == true && getIconType(trueIcon) == iconType.pIcon) {
-    <span [class]="trueIcon" [style.color]="trueIconColor"></span>
-  }
-  @if (value == false && getIconType(falseIcon) == iconType.pIcon) {
-    <span [class]="falseIcon" [style.color]="falseIconColor"></span>
-  }
-  @if (value == null && getIconType(nullIcon) == iconType.pIcon) {
-    <span [class]="nullIcon" [style.color]="nullIconColor"></span>
-  }
-  @if (value == true && getIconType(trueIcon) == iconType.wIcon) {
-    <w-icons class="w-sidebar-icon" [name]="trueIcon" [color]="trueIconColor" [width]="12" [height]="12"></w-icons>
-  }
-  @if (value == false && getIconType(falseIcon) == iconType.wIcon) {
-    <w-icons class="w-sidebar-icon" [name]="falseIcon" [color]="falseIconColor" [width]="12" [height]="12"></w-icons>
-  }
-  @if (value == null && getIconType(nullIcon) == iconType.wIcon) {
-    <w-icons class="w-sidebar-icon" [name]="nullIcon" [color]="nullIconColor" [width]="12" [height]="12"></w-icons>
-  }
-</ng-template>

package/src/lib/view/w-view-boolean/w-view-boolean.component.scss

@@ -1,47 +0,0 @@
-@import '../../../styles/_variables.scss';
-@import 'primeflex/primeflex.scss';
-
-.w-view-text-label{
-    align-self: center; 
-}
-
-.w-view-text-label {
-    @extend .w-view-small-label-text; 
-    @include styleclass('flex align-items-center');
-    height: 32px;
-    padding: $spacingXXS $spacingZero;
-}
-
-.w-view-text-value {
-    @extend .w-view-small-value-text;
-    @include styleclass('flex align-items-center');
-    height: 32px;
-    padding: $spacingXXS $spacingZero;
-}
-
-.w-view-text-value-vertical {
-    @extend .w-view-small-value-text;
-    @include styleclass('flex align-items-center');
-    height: 14px;
-}
-
-:host ::ng-deep .w-view-text-content .col-4 {
-    padding: $spacingXXS $spacingL !important;
-}
-
-:host ::ng-deep .w-view-text-content .col-8 {
-    padding: $spacingXXS $spacingL !important;
-}
-
-:host ::ng-deep .w-view-text-content.grid {
-    display: flex;
-    flex-wrap: wrap;
-    margin-right: -$spacingL !important;
-    margin-left: -$spacingL !important;
-    margin-top: -$spacingXXS !important;
-    margin-bottom: -$spacingXXS !important;
-}
-
-::ng-deep .w-view-text-value-vertical .pi.pi-circle-fill {
-  display: inline-flex;
-}

package/src/lib/view/w-view-boolean/w-view-boolean.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { WViewBooleanComponent } from './w-view-boolean.component';
-
-describe('WViewBooleanComponent', () => {
-  let component: WViewBooleanComponent;
-  let fixture: ComponentFixture<WViewBooleanComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ WViewBooleanComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(WViewBooleanComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/view/w-view-boolean/w-view-boolean.component.ts

@@ -1,34 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { IconType } from '../../shared/enums/enum';
-
-@Component({
-    selector: 'w-view-boolean',
-    templateUrl: './w-view-boolean.component.html',
-    styleUrls: ['./w-view-boolean.component.scss'],
-    standalone: false
-})
-export class WViewBooleanComponent implements OnInit {
-  @Input('label') label!: string;
-  @Input('value') value!: boolean | null;
-  @Input('tooltip') tooltip!: string;
-  @Input() tooltipPosition?: string;
-  @Input('trueIcon') trueIcon: string = "pi pi-circle-fill";
-  @Input('trueIconColor') trueIconColor: string = "var(--w-success-main-color)";
-  @Input('falseIcon') falseIcon: string = "pi pi-circle-fill"; 
-  @Input('falseIconColor') falseIconColor: string = "var(--w-error-main-color)"; 
-  @Input('nullIcon') nullIcon: string = "pi pi-minus-circle"; 
-  @Input('nullIconColor') nullIconColor: string = "var(--w-text-500)"; 
-  @Input('layout') layout: string = 'horizontal';
-
-  iconType: typeof IconType = IconType;
-
-  ngOnInit(): void {}
-
-  getIconType(icon: string){
-    if(icon.includes("pi pi-")){
-      return IconType.pIcon;
-    }else {
-      return IconType.wIcon;
-    }
-  }
-}

package/src/lib/view/w-view-card-title-text/w-view-card-title-text.component.html

@@ -1 +0,0 @@
-<span class="w-view-card-title-text-style">{{cardTitle}}</span>