keevo-components 2.0.107 → 2.0.109

package/src/lib/components/kv-inputs/kv-input-text-addon/kv-input-text-addon.component.ts

@@ -1,38 +0,0 @@
-import {
-  Component,
-  Input,
-  OnInit
-} from '@angular/core';
-
-import { BaseComponentInput } from '../../../api/base-components/base-component-input';
-import { ComponentProviders } from '../../../api/helpers/component-providers';
-import { ComponentService } from '../../../api/services/component.service';
-import { CapitalizePipe } from '../../../api/pipes/capitalize.pipe';
-
-@Component({
-  selector: 'kv-input-text-addon',
-  templateUrl: './kv-input-text-addon.component.html',
-  styleUrls: [
-    './kv-input-text-addon.component.scss',
-    '../../keevo-components-styles.scss'
-  ],
-  providers: ComponentProviders(KvInputTextAddonComponent),
-})
-export class KvInputTextAddonComponent extends BaseComponentInput<string> implements OnInit {
-  @Input() textCaptalized: boolean = false;
-  @Input() addonPosition: 'left' | 'right' = 'left';
-  @Input() addonText: string = '';
-
-  constructor(componentService: ComponentService) {
-    super(componentService);
-  }
-
-  override ngOnInit(): void {  
-    this.formControl = this.componentService.getFormControl();
-    if (this.formControl?.errors) this.showAsterisk = true;
-    if (this.textCaptalized) {
-      if (this.formControl?.disabled) 
-        this.formControl?.setValue((new CapitalizePipe).transform(this.formControl?.value));    
-    }    
-  }
-}

package/src/lib/components/kv-inputs/kv-input-text-checkbox/kv-input-text-checkbox.component.html

@@ -1,53 +0,0 @@
-<kv-label
-  [componentId]="componentId"
-  [label]="label && label + (showAsterisk ? '*' : '')"
-/>
-<div class="p-inputgroup">
-  <span
-    class="p-inputgroup-addon flex align-items-center justify-content-center"
-    ><p-checkbox
-      [(ngModel)]="checkBoxValue"
-      [binary]="true"
-      [pTooltip]="tooltipCheckbox"
-      [disabled]="disabledCheckbox"
-    ></p-checkbox>
-  </span>
-@if(mask){
-  <p-inputMask
-  [class]="baseInputClass"
-  styleClass="inputs w-full"
-  class="w-full mask"
-  [inputId]="componentId"
-  [disabled]="disabled"
-  [placeholder]="placeholder"
-  [(ngModel)]="value"
-  [mask]="mask"
-  (onBlur)="onInputBlur($event)"
-  (onInput)="onInputInput($event)"
-  [autocomplete]="autocomplete"
-  [unmask]="true"
-  >
-  </p-inputMask>
-}
-@else {
-  <span class="p-float-label">
-    <input
-      [type]="type"
-      pInputText
-      [class]="baseInputClass"
-      [disabled]="disabled"
-      [placeholder]="placeholder"
-      [id]="componentId"
-      [(ngModel)]="value"
-      (blur)="onInputBlur($event)"
-      class="w-full"
-      style="height: 1.875rem"
-      [maxlength]="maxLength"
-    />
-  </span>
-}
-</div>
-
-
-
-<kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>

package/src/lib/components/kv-inputs/kv-input-text-checkbox/kv-input-text-checkbox.component.scss

@@ -1,41 +0,0 @@
-.p-inputgroup-addon {
-  height: 1.875rem;
-  width: 1.875rem;
-  min-width: 1.875rem;
-}
-
-::ng-deep .p-checkbox {
-  width: 1.125rem;
-  height: 1.125rem;
-}
-
-::ng-deep .p-checkbox .p-checkbox-box {
-  width: 1.125rem;
-  height: 1.125rem;
-}
-
-
-::ng-deep .p-checkbox .p-checkbox-box.p-highlight {
-  border-color: #004172;
-  background: #004172;
-
-  &:hover {
-    background-color: #002542;
-  }
-
-  &:active {
-    background-color: #002542;
-  }
-
-  &:disabled {
-    background-color: #002542;
-    opacity: 0.4;
-    cursor: auto;
-  }
-}
-
-::ng-deep .mask .p-inputmask{
-  //remover raio das bordas esquerdas
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-}

package/src/lib/components/kv-inputs/kv-input-text-checkbox/kv-input-text-checkbox.component.spec.ts

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

package/src/lib/components/kv-inputs/kv-input-text-checkbox/kv-input-text-checkbox.component.ts

@@ -1,48 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output
-} from '@angular/core';
-
-import { BaseComponentInput } from '../../../api/base-components/base-component-input';
-import { ComponentProviders } from '../../../api/helpers/component-providers';
-import { ComponentService } from '../../../api/services/component.service';
-
-@Component({
-  selector: 'kv-input-text-checkbox',
-  templateUrl: './kv-input-text-checkbox.component.html',
-  styleUrls: ['./kv-input-text-checkbox.component.scss', '../../keevo-components-styles.scss'],
-  providers: ComponentProviders(KvInputTextCheckboxComponent),
-})
-export class KvInputTextCheckboxComponent extends BaseComponentInput<string> implements OnInit {
-  constructor(componentService: ComponentService) {
-    super(componentService);
-  }
-
-  @Output() readonly checkBoxEmit: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-  @Input() tooltipCheckbox!: string;
-  @Input() disabledCheckbox: boolean = false;
-
-  @Input() mask!: string;
-
-  @Input() type: string = 'text';
-
-  private _checkBoxValue: boolean = false;
-
-  @Input() set checkBoxValueInput(value: boolean) {
-    this._checkBoxValue = value;
-  }
-
-  set checkBoxValue(value: boolean) {
-    this._checkBoxValue = value;
-    this.checkBoxEmit.emit(this._checkBoxValue);
-  }
-
-  get checkBoxValue(): boolean {
-    return this._checkBoxValue;
-  }
-
-}

package/src/lib/components/kv-inputs/kv-input-textarea/kv-input-textarea.component.html

@@ -1,23 +0,0 @@
-<span>
-
-  <kv-label
-    [componentId]="componentId"
-    [label]="label"
-    [label]="label && (label + (showAsterisk ? '*' : ''))"
-  />
-  <textarea
-    pInputTextarea
-    [autoResize]="autoResize"
-    [class]="baseInputClass"
-    [cols]="cols"
-    [disabled]="disabled"
-    [id]="componentId"
-    [rows]="rows"
-    [(ngModel)]="value"
-    (blur)="onInputBlur($event)"
-  >
-  </textarea>
-
-  <kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
-</span>
-<ng-content></ng-content>

package/src/lib/components/kv-inputs/kv-input-textarea/kv-input-textarea.component.ts

@@ -1,40 +0,0 @@
-import {
-  Component,
-  Input,
-  OnInit
-} from '@angular/core';
-
-import { BaseComponentInput } from '../../../api/base-components/base-component-input';
-import { ComponentProviders } from '../../../api/helpers/component-providers';
-import { ComponentService } from '../../../api/services/component.service';
-
-@Component({
-  selector: 'kv-input-textarea',
-  templateUrl: './kv-input-textarea.component.html',
-  styleUrls: [
-    './kv-input-textarea.component.scss',
-    '../../keevo-components-styles.scss'
-  ],
-  providers: ComponentProviders(KvInputTextareaComponent),
-})
-export class KvInputTextareaComponent extends BaseComponentInput<string> implements OnInit {
-  @Input() multiline: boolean = false;
-  @Input() rows: number = 2;
-  @Input() cols: number = 20;
-  @Input() autoResize: boolean = false;
-  @Input() maxValueLength: number = 0;
-
-  counterValueLength: number = 0;
-
-  constructor(componentService: ComponentService) {
-    super(componentService);
-  }
-
-  override ngOnInit(): void {
-    super.ngOnInit();
-
-    this.formControl?.valueChanges.subscribe((value: any) => {
-      this.counterValueLength = value?.length;
-    });
-  }
-}

package/src/lib/components/kv-inputs/kv-input-time/kv-input-time.component.html

@@ -1,24 +0,0 @@
-<span>
-
-  <kv-label
-    [componentId]="componentId"
-    [label]="label && (label + (showAsterisk ? '*' : ''))"
-  />
-  <p-calendar
-    appendTo="body"
-    [class]="baseInputClass"
-    [id]="componentId"
-    [(ngModel)]="value"
-    [disabled]="disabled"
-    [showIcon]="showIcon"
-    [icon]="'pi pi-clock'"
-    styleClass="inputs"
-    [showTime]="true"
-    [timeOnly]="true"
-    (onBlur)="onInputBlur($event)"
-  >
-  </p-calendar>
-
-  <kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
-</span>
-<ng-content></ng-content>

package/src/lib/components/kv-inputs/kv-input-time/kv-input-time.component.ts

@@ -1,27 +0,0 @@
-import {
-  Component,
-  Input,
-  OnInit
-} from '@angular/core';
-
-import { BaseComponentInput } from '../../../api/base-components/base-component-input';
-import { ComponentProviders } from '../../../api/helpers/component-providers';
-import { ComponentService } from '../../../api/services/component.service';
-
-@Component({
-  selector: 'kv-input-time',
-  templateUrl: './kv-input-time.component.html',
-  styleUrls: [
-    './kv-input-time.component.scss',
-    '../../keevo-components-styles.scss'
-  ],
-  providers: ComponentProviders(KvInputTimeComponent),
-})
-export class KvInputTimeComponent extends BaseComponentInput<string> implements OnInit {
-
-  @Input() showIcon: boolean = true;
-
-  constructor(componentService: ComponentService) {
-    super(componentService);
-  }
-}

package/src/lib/components/kv-inputs/kv-inputs.module.ts

@@ -1,100 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-
-import {
-  FormsModule,
-  ReactiveFormsModule
-} from '@angular/forms';
-
-import { PrimeNgModule } from '../../api/modules/primeng.module';
-
-import { KvCheckComponent } from './kv-check/kv-check.component';
-import { KvDropdownComponent } from './kv-dropdown/kv-dropdown.component';
-import { KvEditorComponent } from './kv-editor/kv-editor.component';
-import { kvErrorModule } from '../kv-error/kv-error.module';
-import { KvInputCalendarComponent } from './kv-input-calendar/kv-input-calendar.component';
-import { KvInputMaskComponent } from './kv-input-mask/kv-input-mask.component';
-import { KvInputNumberComponent } from './kv-input-number/kv-input-number.component';
-import { KvInputPasswordComponent } from './kv-input-password/kv-input-password.component';
-import { KvInputTextareaComponent } from './kv-input-textarea/kv-input-textarea.component';
-import { KvInputTextCheckboxComponent } from './kv-input-text-checkbox/kv-input-text-checkbox.component';
-import { KvInputTextComponent } from './kv-input-text/kv-input-text.component';
-import { KvInputTimeComponent } from './kv-input-time/kv-input-time.component';
-import { KvLabelModule } from '../kv-label/kv-label.module';
-import { KvMultiSelectComponent } from './kv-multi-select/kv-multi-select.component';
-import { KvRadioGroupComponent } from './kv-radio-group/kv-radio-group.component';
-import { KvSwitchComponent } from './kv-switch/kv-switch.component';
-import { KvSelectButtonComponent } from './kv-select-button/kv-select-button.component';
-import { SelectButtonModule } from 'primeng/selectbutton';
-import { KvSelectButtonsComponent } from './kv-select-buttons/kv-select-buttons.component';
-import { KvTreeMultiSelectComponent } from './kv-tree-multi-select/kv-tree-multi-select.component';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-import { KvInputTextAddonComponent } from './kv-input-text-addon/kv-input-text-addon.component';
-import { KvInputNumberAddonComponent } from './kv-input-number-addon/kv-input-number-addon.component';
-import { KvButtonModule } from '../kv-button/kv-button.module';
-import { KvTagsModule } from '../kv-tags/kv-tags.module';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-import { NgxLoadingModule } from 'ngx-loading';
-import { ProgressBarModule } from 'primeng/progressbar';
-import { ToastModule } from 'primeng/toast';
-@NgModule({
-  declarations: [
-    KvCheckComponent,
-    KvDropdownComponent,
-    KvEditorComponent,
-    KvInputCalendarComponent,
-    KvInputMaskComponent,
-    KvInputNumberComponent,
-    KvInputPasswordComponent,
-    KvInputTextareaComponent,
-    KvInputTextCheckboxComponent,
-    KvInputTextComponent,
-    KvInputTimeComponent,
-    KvMultiSelectComponent,
-    KvRadioGroupComponent,
-    KvSwitchComponent,
-    KvSelectButtonComponent,
-    KvSelectButtonsComponent,
-    KvTreeMultiSelectComponent,
-    KvInputTextAddonComponent,
-    KvInputNumberAddonComponent
-  ],
-  imports: [
-    CommonModule,
-    FormsModule,
-    kvErrorModule,
-    KvLabelModule,
-    PrimeNgModule,
-    ReactiveFormsModule,
-    SelectButtonModule,
-    TimesCircleIcon,
-    KvButtonModule,
-    KvTagsModule,
-    ProgressSpinnerModule,
-    NgxLoadingModule,
-    ToastModule,
-    ProgressBarModule
-  ],
-  exports: [
-    KvCheckComponent,
-    KvDropdownComponent,
-    KvEditorComponent,
-    KvInputCalendarComponent,
-    KvInputMaskComponent,
-    KvInputNumberComponent,
-    KvInputPasswordComponent,
-    KvInputTextareaComponent,
-    KvInputTextCheckboxComponent,
-    KvInputTextComponent,
-    KvInputTimeComponent,
-    KvMultiSelectComponent,
-    KvRadioGroupComponent,
-    KvSwitchComponent,
-    KvSelectButtonComponent,
-    KvSelectButtonsComponent,
-    KvTreeMultiSelectComponent,
-    KvInputTextAddonComponent,
-    KvInputNumberAddonComponent
-  ]
-})
-export class KvInputsModule { }

package/src/lib/components/kv-inputs/kv-multi-select/kv-multi-select.component.html

@@ -1,87 +0,0 @@
-<span [ngClass]="{'disable':  optionInactive === true}">
-  <kv-label
-    [componentId]="componentId"
-    [label]="label && (label + (showAsterisk ? '*' : ''))"
-  />
-
-  <p-multiSelect
-    #multiSelect
-    display="chip"
-    inputId="multiselect"
-    styleClass="inputs"
-    [class]="baseInputClass"
-    [group]="group"
-    [disabled]="disabled || loading"
-    [options]="options"
-    [optionDisabled]=" inactiveOptions"
-    [optionLabel]="optionLabel"
-    [optionValue]="optionValue"
-    [filter]="filter"
-    [showClear]="showClear"
-    [(ngModel)]="value"
-    (onChange)="selectionChange($event)"
-    (onPanelHide)="panelHide($event)"
-    [maxSelectedLabels]="maxSelectedLabels"
-    [appendTo]="appendTo"
-    [placeholder]="placeholder"
-    [loading]="loading"
-  >
-    
-    @if (itemTemplate) {
-      <ng-template let-item pTemplate="item">
-        <ng-container
-          [ngTemplateOutlet]="itemTemplate"
-          [ngTemplateOutletContext]="{ $implicit: item }"
-        ></ng-container>
-      </ng-template>
-    } 
-
-    @if (multiSelect && toolTipSelectedItems) {
-      <ng-template let-value pTemplate="selectedItems">
-        @for (item of multiSelect.chipSelectedItems(); track $index) {
-          <div #token class="p-multiselect-token">
-            <span
-              class="p-multiselect-token-label"
-              [pTooltip]="multiSelect.getLabelByValue(item) "
-              tooltipPosition="top"
-            >
-              {{ multiSelect.getLabelByValue(item) }}
-            </span>
-    
-            @if (!disabled) {
-              <ng-container>
-                @if (!multiSelect.removeTokenIconTemplate) {
-                  <TimesCircleIcon
-                    [ngClass]="{ 'p-disabled': multiSelect.isOptionDisabled(item) }"
-                    [styleClass]="'p-multiselect-token-icon'"
-                    (click)="multiSelect.removeOption(item, $event)"
-                    [attr.tabindex]="0"
-                    [attr.data-pc-section]="'clearicon'"
-                    [attr.aria-hidden]="true"
-                  />
-                }
-                @if (multiSelect.removeTokenIconTemplate) {
-                  <span
-                    class="p-multiselect-token-icon"
-                    (click)="multiSelect.removeOption(item, $event)"
-                    [attr.tabindex]="0"
-                    [attr.data-pc-section]="'clearicon'"
-                    [attr.aria-hidden]="true"
-                  >
-                    <ng-container
-                      *ngTemplateOutlet="multiSelect.removeTokenIconTemplate"
-                    ></ng-container>
-                  </span>
-                }
-              </ng-container>
-            }
-          </div>
-        }
-      </ng-template>
-    }
-
-  </p-multiSelect>
-
-  <kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
-</span>
-<ng-content></ng-content>

package/src/lib/components/kv-inputs/kv-multi-select/kv-multi-select.component.scss

@@ -1,62 +0,0 @@
-:host ::ng-deep .disable .p-multiselect.p-multiselect-chip .p-multiselect-token .p-icon-wrapper {
-  display: none !important;
-}
-
-::ng-deep .p-multiselect-filter-icon{
-  top: 1.2rem;
-}
-
-::ng-deep .p-multiselect-clear-icon{
-  top: 1.2em
-}
-
-::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0.1rem 0.4rem;
-}
-
-::ng-deep .p-multiselect-label{
-  padding: 0.3rem 0.3rem;
-  display: flex;
-}
-
-::ng-deep .p-multiselect-item {
-  font-size: 0.875rem;
-  padding: .25rem;
-  margin: 0;
-  text-overflow: ellipsis;
-  width: 100%;
-  border-radius: .5rem;
-
-  .p-checkbox{
-    margin: 0;
-    padding: 0;
-    justify-content: center;
-  }
-}
-
-
-::ng-deep .p-multiselect {
-  width: 100%;
-}
-
-::ng-deep p-multiselect p-overlay .p-overlay {
-  max-width: 100%;
-}
-
-::ng-deep .p-multiselect-items-wrapper .p-multiselect-items {
-  padding: .5rem;
-}
-
-::ng-deep .p-multiselect-filter {
-  height: 1.875rem;
-}
-
-::ng-deep .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.75rem 0.75rem;
-  font-size:  0.875rem;
-}
-
-::ng-deep .p-multiselect-panel .p-multiselect-header {
-  margin: 0 !important;
-  padding: 0.5rem 0.5rem !important;
-}

package/src/lib/components/kv-inputs/kv-multi-select/kv-multi-select.component.ts

@@ -1,54 +0,0 @@
-import {
-  Component,
-  Input,
-  TemplateRef,
-  ViewChild
-} from '@angular/core';
-
-import { BaseComponentMultiSelect } from '../../../api/base-components/base-component-multi-select';
-import { ComponentProviders } from '../../../api/helpers/component-providers';
-import { ComponentService } from '../../../api/services/component.service';
-import { MultiSelect } from 'primeng/multiselect';
-
-@Component({
-  selector: 'kv-multi-select',
-  templateUrl: './kv-multi-select.component.html',
-  styleUrls: [
-    './kv-multi-select.component.scss',
-    '../../keevo-components-styles.scss'
-  ],
-  providers: ComponentProviders(KvMultiSelectComponent),
-})
-export class KvMultiSelectComponent extends BaseComponentMultiSelect {
-
-  @Input() group: boolean = false;
-  @Input() itemTemplate!: TemplateRef<any>;
-  @Input() maxSelectedLabels: number = 3;
-  @Input() optionInactive!: boolean;
-  @Input() appendTo: string = 'body';
-  @Input() toolTipSelectedItems: boolean = false;
-  @Input() loading: boolean = false;
-
-  @ViewChild(MultiSelect) multiSelect!: MultiSelect;
-
-  inactiveOptions!: string;
-
-  override ngOnInit(): void {
-    super.ngOnInit();
-    this.capitalizeOptions(this.options);
-    
-    if (this.optionInactive == true) {
-      this.inactiveOptions = 'inactive';
-      this.options.map((element: Object, index: number) => {
-        Object.defineProperty(element, 'inactive', {
-          value: true,
-        });
-      });
-    }
-    
-  }  
-
-  constructor(componentService: ComponentService) {
-    super(componentService);
-  }
-}

package/src/lib/components/kv-inputs/kv-radio-group/kv-radio-group.component.html

@@ -1,19 +0,0 @@
-<kv-label [label]="label && label + (showAsterisk ? '*' : '')" />
-<div [class.vertical-radio-group]="vertical">
-  <div class="option" *ngFor="let option of options; let isFirst = first">
-    <p-radioButton
-      [inputId]="option[optionValue]"
-      name="option"
-      [value]="option"
-      [(ngModel)]="selectedOpt"
-      (onClick)="selectedOption($event)"
-      [disabled]="disabled"
-      [class.ml-3]="!isFirst && !vertical"
-    >
-    </p-radioButton>
-    <label [for]="option[optionValue]" class="radio-option-label">
-      {{ option[optionLabel] }}</label
-    >
-  </div>
-  <kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
-</div>

package/src/lib/components/kv-inputs/kv-radio-group/kv-radio-group.component.scss

@@ -1,22 +0,0 @@
-.option {
-  display: inline-block;
-  margin: 0;
-}
-
-.vertical-radio-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.radio-option-label {
-  font-size: 0.750rem;
-}
-
-::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight {
-  border-color: #004172;
-  background: #004172;
-}
-
-::ng-deep .p-radiobutton  {
-  scale: 0.75 !important;
-}