keevo-components 2.0.107 → 2.0.108

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

@@ -1,64 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';
-import { KvSeverity, mapaSeverityColors } from '../kv-filter-cards/kv-filter-cards.component';
-
-@Component({
-  selector: 'kv-tags',
-  standalone: false,
-  templateUrl: './kv-tags.component.html',
-  styleUrl: './kv-tags.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class KvTagsComponent {
-
-  tags = input<KvTagConfig[]>()
-
-  hover = input<boolean>(false)
-
-
-  color = computed(() => (tag:{
-    label: string;
-    severity?: KvSeverity;
-    icon?: string;
-  }) => {
-    return mapaSeverityColors[tag.severity || 'info']
-  })
-
-  background = computed(() => (tag: {
-    label: string;
-    severity?: KvSeverity;
-    icon?: string;
-  }) => {
-    return this.getTransparentMix(this.color()(tag), 0.15);
-  });
-
-  borderColor = computed(() => (tag: {
-    label: string;
-    severity?: KvSeverity;
-    icon?: string;
-  }) => {
-    return this.getTransparentMix(this.color()(tag), 0.2);
-  });
-
-
-
-  onClickTag = output<KvTagConfig>();
-
-  clickTag(event: KvTagConfig ){
-    this.onClickTag.emit(event);
-  }
-
-  private getTransparentMix(baseHex: string, opacity: number = 0.3): string {
-    const r = parseInt(baseHex.slice(1, 3), 16);
-    const g = parseInt(baseHex.slice(3, 5), 16);
-    const b = parseInt(baseHex.slice(5, 7), 16);
-    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-  }
-
-}
-
-
-export type KvTagConfig = {
-    label: string;
-    severity?: KvSeverity;
-    icon?: string;
-}

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

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { KvTagsComponent } from './kv-tags.component';
-
-// Importação do componente que será declarado neste módulo
-
-@NgModule({
-  declarations: [
-    KvTagsComponent
-  ],
-  imports: [
-    CommonModule // Importa funcionalidades comuns do Angular
-  ],
-  exports: [
-    KvTagsComponent
-  ]
-})
-export class KvTagsModule { } // Definição do módulo KvFilterCards

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

@@ -1,28 +0,0 @@
-<div class="card">
-    <p-timeline [value]="parsedEvents" [align]="align" [layout]="layout" >
-
-       <ng-template pTemplate="marker" let-event>
-        <span class="material-symbols-outlined" [ngStyle]="{
-            color: event.timelineColor,
-            fontSize: '1.6rem',
-            'font-variation-settings': '\'FILL\' 1, \'wght\' 400, \'GRAD\' 0, \'opsz\' 24'
-        }">
-            {{ event.timelineIcon }}
-        </span>
-        </ng-template>
-
-        <!-- TIMELINE OPPOSITE CONTENT -->
-        <ng-template pTemplate="opposite" let-event>
-            <ng-container
-              *ngTemplateOutlet="oppositeTemplate; context: { $implicit: event }">
-            </ng-container>
-        </ng-template>
-
-        <!-- TIMELINE CONTENT -->
-        <ng-template pTemplate="content" let-event>
-            <ng-container
-              *ngTemplateOutlet="contentTemplate; context: { $implicit: event }">
-            </ng-container>
-        </ng-template>
-    </p-timeline>
-</div>

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

@@ -1,6 +0,0 @@
-
-
-
-// :host ::ng-deep .p-timeline-event-opposite:empty {
-//   display: none;
-// }

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

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

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

@@ -1,77 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
-import { TimelineModule } from 'primeng/timeline';
-import { input } from '@angular/core';
-
-type TimelineSeverity = 'in_progress' | 'success' | 'cancelled' | 'error' | 'paused' | 'waiting';
-
-const TIMELINE_SEVERITY_MAP: Record<TimelineSeverity, { timelineIcon: string; timelineColor: string }> = {
-  in_progress: { timelineIcon: 'motion_play', timelineColor: '#0091C2' },
-  success: { timelineIcon: 'check_circle', timelineColor: '#0A8765' },
-  cancelled: { timelineIcon: 'do_not_disturb_on', timelineColor: '#CBD5E1' },
-  error: { timelineIcon: 'motion_photos_paused', timelineColor: '#B91C1C' },
-  paused: { timelineIcon: 'pause_circle', timelineColor: '#E1963D' },
-  waiting: { timelineIcon: 'clock_loader_10', timelineColor: '#0A3A78' }
-};
-
-@Component({
-  selector: 'kv-timeline',
-  standalone: true,
-  imports: [CommonModule, TimelineModule],
-  templateUrl: './kv-timeline.component.html',
-  styleUrl: './kv-timeline.component.scss'
-})
-export class KvTimelineComponent {
-    dataSource = input<any[]>();
-    
-    @Input() getSeverityFn!: (item: any) => TimelineSeverity;
-    @Input() getLastActiveCount?: (dataSource: any[]) => number;
-
-    @Input() lastOnly = false;
-    @Input() align!: string;
-    @Input() layout: 'horizontal' | 'vertical' = 'vertical';
-    @Input() oppositeTemplate!: TemplateRef<any>;
-    @Input() contentTemplate!: TemplateRef<any>;
-    
-    get parsedEvents() {
-      const original = this.dataSource() ?? [];
-
-      // Dinamicamente calcula quantos eventos terão severity real
-      const dynamicLastCount =
-      this.lastOnly && this.getLastActiveCount
-        ? this.getLastActiveCount(original)
-        : 1;
-
-      return original.map((item, index, array) => {
-        const realSeverity = this.getSeverityFn(item);
-
-        if (this.lastOnly) {
-          const dynamicLastCount =
-            this.getLastActiveCount?.(original) ?? 1;
-
-          const reversed = [...array].reverse();
-          const indices = reversed
-            .map((e, i) => ({
-              index: array.length - 1 - i,
-              severity: this.getSeverityFn(e)
-            }))
-            .filter(e => e.severity !== 'success')
-            .slice(0, dynamicLastCount)
-            .map(e => e.index);
-
-          const severity = indices.includes(index) ? realSeverity : 'success';
-          const { timelineIcon, timelineColor } = TIMELINE_SEVERITY_MAP[severity];
-
-          return { ...item, severity, timelineIcon, timelineColor };
-        }
-
-        const { timelineIcon, timelineColor } = TIMELINE_SEVERITY_MAP[realSeverity];
-        return { ...item, severity: realSeverity, timelineIcon, timelineColor };
-      });
-    }
-    
-    constructor() {
-      
-    }
-
-}