keevo-components 1.8.540 → 1.8.541

package/src/lib/components/kv-progress-bar/kv-progress-bar.component.ts

@@ -0,0 +1,75 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'kv-progress-bar',
+  templateUrl: './kv-progress-bar.component.html',
+  styleUrls: ['./kv-progress-bar.component.scss'],
+})
+export class ProgressBarComponent {
+  /**
+   * Current value of the progress.
+   * @group Props
+   */
+  @Input() value: number | undefined;
+
+  /**
+   * Max value of the progress.
+   * @group Props
+   */
+  @Input() maxValue: number | undefined;
+
+  /**
+   * Label value of the progress.
+   * @group Props
+   */
+  @Input() label: string | undefined;
+
+  /**
+   * Whether to display the progress bar value.
+   * @group Props
+   */
+  @Input() showValue: boolean = true;
+  /**
+   * Whether to display the progress bar value.
+   * @group Props
+   */
+  @Input() showLabel: boolean = true;
+  /**
+   * Class of the element.
+   * @group Props
+   */
+  @Input() styleClass: string | undefined;
+
+  /**
+   * Class of the element.
+   * @group Props
+   */
+  @Input() labelStyleClass: string | undefined;
+
+  /**
+   * Class of the element.
+   * @group Props
+   */
+  @Input() barStyleClass: string | undefined;
+
+  /**
+   * Inline style of the element.
+   * @group Props
+   */
+  @Input() style: { [klass: string]: any } | null | undefined;
+  /**
+   * Unit sign appended to the value.
+   * @group Props
+   */
+  @Input() unit: string = '%';
+  /**
+   * Defines the mode of the progress
+   * @group Props
+   */
+  @Input() mode: 'determinate' | 'indeterminate' = 'determinate';
+  /**
+   * Color for the background of the progress.
+   * @group Props
+   */
+  @Input() color: string | undefined;
+}

package/src/lib/components/kv-progress-bar/kv-progress-bar.module.ts

@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+
+import { ProgressBarComponent as KvProgressBarComponent } from './kv-progress-bar.component';
+import { PrimeNgModule } from '../../../public-api';
+
+@NgModule({
+  declarations: [
+    KvProgressBarComponent
+  ],
+  imports: [
+    CommonModule,
+    PrimeNgModule,
+  ],
+  exports: [
+    KvProgressBarComponent
+  ]
+})
+export class KvProgressBarModule { }

package/src/lib/components/kv-report/kv-report.component.html

@@ -0,0 +1,3 @@
+<div class='container'>
+  <div id='viewer'></div>
+</div>

package/src/lib/components/kv-report/kv-report.component.scss

@@ -0,0 +1,14 @@
+:host {
+    display: block;
+    height: 100%;
+  }
+  
+  .container {
+    height: 100%;
+    margin: 10px;
+  
+    .viewer {
+      height: 100%;
+    }
+  }
+  

package/src/lib/components/kv-report/kv-report.component.spec.ts

@@ -0,0 +1,28 @@
+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+
+import { KvReportComponent } from './kv-report.component';
+
+describe('KvReportComponent', () => {
+  let component: KvReportComponent;
+  let fixture: ComponentFixture<KvReportComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ KvReportComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(KvReportComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/kv-report/kv-report.component.ts

@@ -0,0 +1,44 @@
+import { AfterViewInit, EventEmitter, Output } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
+
+declare var Stimulsoft: any;
+
+@Component({
+  selector: 'kv-report',
+  templateUrl: './kv-report.component.html',
+  styleUrls: ['./kv-report.component.scss']
+})
+export class KvReportComponent implements OnInit, AfterViewInit {
+
+  stiViewer = new Stimulsoft.Viewer.StiViewer(undefined, 'StiViewer', false);
+  stiReport = new Stimulsoft.Report.StiReport();
+
+  @Input() dataReport: any;
+  @Input() dataReportAlias: string = 'root';
+  @Input() dataReportName: string = 'root';
+  @Input() report: any;
+  @Input() stimulSoftLocalizationFile!: string;
+  @Input() stimulSoftLicenseKey!: string;
+
+  constructor() { }
+
+  ngAfterViewInit(): void {
+    this.stiReport.load(this.report);
+    this.stiReport.dictionary.databases.clear();
+    this.stiReport.regData(this.dataReportAlias, this.dataReportName, this.dataReport);
+
+    this.stiViewer.report = this.stiReport;
+    this.stiViewer.renderHtml('viewer');
+  }
+
+  ngOnInit() {
+
+    if (this.stimulSoftLocalizationFile) {
+      const locName = 'Português (PT-BR)';
+      Stimulsoft.Base.Localization.StiLocalization.addLocalizationFile(this.stimulSoftLocalizationFile, false, locName);
+      Stimulsoft.Base.Localization.StiLocalization.cultureName = locName;
+    }
+
+    Stimulsoft.Base.StiLicense.key = this.stimulSoftLicenseKey;
+  }
+}

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

@@ -0,0 +1,18 @@
+import { NgModule } from "@angular/core";
+
+import { PrimeNgModule } from "../../api/modules/primeng.module";
+import { KvReportComponent } from "./kv-report.component";
+
+@NgModule({
+    declarations: [
+      KvReportComponent
+    ],
+    imports: [
+      PrimeNgModule
+      
+    ],
+    exports:[
+      KvReportComponent
+    ]
+  })
+  export class KvReportModule { }

package/src/lib/components/kv-stepper/kv-stepper.component.html

@@ -0,0 +1,63 @@
+<p-stepper
+  [activeStep]="activeStep"
+  [orientation]="orientation()"
+  [linear]="linear()"
+  (activeStepChange)="onActiveStepChange($event)"
+>
+  <ng-container *ngFor="let panel of panels; let i = index">
+    <p-stepperPanel [header]="panel.header">
+      <ng-template
+        pTemplate="content"
+        let-nextCallback="nextCallback"
+        let-prevCallback="prevCallback"
+      >
+        <div class="flex flex-column p-2">
+          <div
+            class="content-panel"
+            [dynamicComponent]="{
+              component: panel.contentTemplate,
+              inputs: panel.inputs || {}
+            }"
+          ></div>
+        </div>
+
+        <div
+          class="flex flex-column align-items-center lg:flex-row justify-content-{{
+            buttonsAlign()
+          }} col-12 gap-2 grid grid-nogutter p-fluid"
+        >
+          <kv-button-secondary
+            *ngIf="showBtnCancel()"
+            [label]="txtBtnCancel()"
+            [icon]="iconBtnCancel()"
+            (click)="cancel($event)"
+            class="w-full lg:w-auto"
+          >
+          </kv-button-secondary>
+
+          <kv-button-personalize
+            class="w-full lg:w-auto"
+            [label]="'Voltar'"
+            color="#002542"
+            [disabled]="panel.id == 0"
+            [icon]="'pi pi-arrow-left'"
+            (onClick)="prevCallback.emit(); back($event)"
+          >
+          </kv-button-personalize>
+
+          <kv-button-success
+            (click)="
+              panel.id != panels.length - 1 ? nextCallback.emit() : save($event)
+              ;
+              next($event)
+            "
+            class="w-full lg:w-auto"
+            [icon]="'pi pi-arrow-right'"
+            [label]="panel.id != panels.length - 1 ? 'Avançar ' : txtBtnSave()"
+            iconPos="right"
+          ></kv-button-success>
+        </div>
+      </ng-template>
+    </p-stepperPanel>
+  </ng-container>
+</p-stepper>

package/src/lib/components/kv-stepper/kv-stepper.component.scss

@@ -0,0 +1,41 @@
+.kv-stepper {
+    display: flex;
+    flex-direction: column;
+}
+
+:host ::ng-deep .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+  background-color: #002542;
+  color: #fff;
+}
+
+:host ::ng-deep .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+  background-color: #002542;
+}
+
+.btn-success {
+  background-color: #29b92d !important;
+  color: #fff !important;
+  height:35px;
+
+  &:hover {
+    background-color: #229925 !important;
+  }
+
+  &:disabled {
+    pointer-events: none;
+  }
+}
+
+.btn-secondary {
+  background-color: #f2f3f5 !important;
+  color: rgba(0, 0, 0, .87) !important;
+  height:35px;
+
+  &:hover {
+    background-color: #d8d9db !important;
+  }
+
+  &:disabled {
+    pointer-events: none;
+  }
+}

package/src/lib/components/kv-stepper/kv-stepper.component.spec.ts

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

package/src/lib/components/kv-stepper/kv-stepper.component.ts

@@ -0,0 +1,73 @@
+import { Component, EventEmitter, Input, Output, ContentChildren, QueryList, TemplateRef, Type, input } from '@angular/core';
+import { KvStepperPanel } from '../../api/components/stepper/kv-stepperpanel';
+import { FormGroup } from '@angular/forms';
+
+@Component({
+  selector: 'kv-stepper',
+  templateUrl: './kv-stepper.component.html',
+  styleUrls: ['./kv-stepper.component.scss']
+})
+
+
+export class KvStepperComponent {
+
+  @Input() panels: KvStepperPanel[] = [];
+  @Input() activeStep: number = 0;
+
+  orientation = input<'vertical' | 'horizontal'>('horizontal') ;
+  buttonsAlign = input<'start'|'center'|'end'>('end')
+  linear = input<boolean>(false);
+
+  @Output() activeStepChange = new EventEmitter<number>();
+  @Output() concluirCallback = new EventEmitter<void>();
+
+
+
+  @Output() onSave: EventEmitter<any> = new EventEmitter();
+  @Output() onNext: EventEmitter<any> = new EventEmitter();
+  @Output() onBack: EventEmitter<any> = new EventEmitter();
+
+  @Output() onCancel: EventEmitter<any> = new EventEmitter();
+
+
+  iconBtnCancel = input<string>('pi pi-fw pi-times')
+  showBtnCancel = input<boolean>(true);
+  txtBtnCancel = input<string>("Cancelar")
+
+  iconBtnSave = input<string>('pi pi-save')
+  showBtnSave = input<boolean>(true);
+  txtBtnSave = input<string>("Salvar")
+  disableBtnSave = input<boolean>( false)
+
+
+
+  onActiveStepChange(step: number) {
+    this.activeStep = step;
+    this.activeStepChange.emit(step);
+  }
+
+  assignIdsToPanels() {
+    this.panels.forEach((panel, index) => {
+      panel.id = index;
+    });
+  }
+
+  constructor() {
+    this.assignIdsToPanels();
+  }
+
+  cancel(event: Event) {
+    this.onCancel.emit(event);
+  }
+
+  save(event: Event) {
+    this.onSave.emit(event);
+  }
+  next(event: Event) {
+    this.onNext.emit(event);
+  }
+  back(event: Event) {
+    this.onBack.emit(event);
+  }
+
+}

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

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PrimeNgModule } from '../../api/modules/primeng.module';
+import { KvStepperComponent } from './kv-stepper.component';
+import { StepperModule } from 'primeng/stepper';
+import { KvButtonsModule } from '../kv-buttons/kv-button.module';
+import { DirectiveModule } from '../../api/directives/directives.module';
+
+@NgModule({
+  declarations: [
+    KvStepperComponent
+  ],
+  imports: [
+    CommonModule,
+    PrimeNgModule,
+    StepperModule,
+    KvButtonsModule,
+    DirectiveModule
+  ],
+  exports: [
+    KvStepperComponent
+  ]
+})
+export class KvStepperModule { }