\r\n
\r\n \r\n
\r\n\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, forwardRef, HostListener, Injector, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\r\nimport { ControlValueAccessor, FormControl, FormsModule, NG_VALUE_ACCESSOR, NgControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { EluxIcon } from '../icon';\r\n\r\nexport interface DropdownOption {\r\n value: any;\r\n text: string;\r\n}\r\n\r\n@Component({\r\n selector: 'lib-elux-dropdown',\r\n standalone: true,\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, EluxIcon],\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => EluxDropdown),\r\n multi: true,\r\n },\r\n ],\r\n templateUrl: './dropdown.component.html',\r\n styleUrl: './dropdown.component.scss',\r\n})\r\nexport class EluxDropdown implements OnInit, OnChanges, ControlValueAccessor {\r\n\r\n @Input() placeholder: string = 'Selecione';\r\n @Input() options: DropdownOption[] = [];\r\n @Input() selectedOption: any = '';\r\n @Input() disabled: boolean = false;\r\n @Input() idInput: string = '';\r\n @Input() showSearch: boolean = false;\r\n\r\n @Output() optionSelected: EventEmitter\r\n \r\n
\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\r\nimport { EluxIcon } from '../icon';\r\n\r\nexport interface Page {\r\n length: number;\r\n current: number;\r\n}\r\n\r\nexport interface PaginationEvent {\r\n type: 'goTo';\r\n page: number;\r\n}\r\n\r\n@Component({\r\n selector: 'lib-elux-paginator',\r\n standalone: true,\r\n imports: [CommonModule, EluxIcon],\r\n templateUrl: './paginator.component.html',\r\n styleUrl: './paginator.component.scss',\r\n})\r\nexport class EluxPaginator implements OnInit, OnChanges {\r\n @Input() length: number = 0;\r\n @Input() current: number = 0;\r\n @Input() anchor: boolean = true;\r\n @Input() scrollTo?: string = undefined;\r\n\r\n @Output() paginationEvents = new EventEmitter- \r\n
- \r\n {{ option.text }}\r\n \r\n
\r\n \r\n
\r\n","// toaster.service.ts\r\n\r\nimport { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class ToasterService {\r\n toasts: any[] = [];\r\n\r\n private toastIdCounter = 0;\r\n\r\n success(message: string) {\r\n this.showToast('success', 'Check_Tick.svg', '#0C5F29', message);\r\n }\r\n\r\n error(message: string) {\r\n this.showToast('error', 'Warning.svg', '#9C231C', message);\r\n }\r\n\r\n warning(message: string) {\r\n this.showToast('warning', 'Warning.svg', '#b19459', message);\r\n }\r\n\r\n info(message: string) {\r\n this.showToast('info', 'Info.svg', '#557cb3', message);\r\n }\r\n\r\n public showToast(type: string, iconName: string, iconColor: string, message: string) {\r\n this.toastIdCounter++;\r\n const id = `${Date.now()}-${this.toastIdCounter}`;\r\n this.toasts.push({ id, type, iconName, iconColor, message, paused: false });\r\n if (type === 'success' || type === 'info' || type === 'warning') {\r\n this.removeToastAfter5Seconds(id);\r\n }\r\n }\r\n\r\n public removeToast(id: string) {\r\n this.toasts = this.toasts.filter((toast) => toast.id !== id);\r\n }\r\n\r\n public removeToastAfter5Seconds(id: string) {\r\n setTimeout(() => {\r\n const toast = this.toasts.find((toast) => toast.id === id);\r\n const removableTypes = ['success', 'info', 'warning'];\r\n\r\n if (toast && removableTypes.includes(toast.type) && !toast.paused) {\r\n this.toasts = this.toasts.filter((toast) => toast.id !== id);\r\n } else if (toast) {\r\n this.removeToastAfter5Seconds(id); // Recheck later if it was paused\r\n }\r\n }, 5000);\r\n }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component } from '@angular/core';\r\nimport { ToasterService } from '../../services/toaster.service';\r\nimport { EluxIcon } from '../icon/icon.component';\r\n\r\n@Component({\r\n selector: 'lib-elux-toaster',\r\n standalone: true,\r\n imports: [CommonModule, EluxIcon],\r\n templateUrl: './toast.component.html',\r\n styleUrl: './toast.component.scss',\r\n\r\n})\r\nexport class EluxToast {\r\n constructor(public toasterService: ToasterService) { }\r\n\r\n pauseToast(toast: any) {\r\n toast.paused = true;\r\n }\r\n\r\n resumeToast(toast: any) {\r\n toast.paused = false;\r\n this.toasterService.removeToastAfter5Seconds(toast.id);\r\n }\r\n\r\n closeToast(toast: any) {\r\n this.toasterService.removeToast(toast.id)\r\n }\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n {{ pickerView === 'week' ? headerDate() : currentDate.getFullYear() }}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {{ day }}\r\n
\r\n \r\n {{ day.day }}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {{ year.value }}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {{ month.text }}\r\n
\r\n \r\n
\r\n","import { RouterModule } from '@angular/router';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, booleanAttribute } from '@angular/core';\r\nimport {\r\n DataTableRow,\r\n DataTableCell,\r\n DataTableCheckEvent,\r\n DataTableClickEvent,\r\n DataTableHeader,\r\n DatatableInputEvent,\r\n} from './datatable.component.types';\r\nimport { EluxLoading } from '../loading';\r\nimport { EluxPaginator, PaginationEvent } from '../paginator';\r\n\r\n@Component({\r\n selector: 'lib-elux-datatable',\r\n standalone: true,\r\n imports: [CommonModule, RouterModule, EluxPaginator, EluxLoading],\r\n templateUrl: './datatable.component.html',\r\n styleUrl: './datatable.component.scss',\r\n})\r\nexport class EluxDataTable implements OnInit, OnChanges {\r\n @Input() columns: DataTableHeader[] = [];\r\n @Input() rows: DataTableRow[] = [];\r\n @Input() totalRows: number = 1;\r\n @Input() itemsPerPage: number = 15;\r\n @Input() backendPagination: Boolean = false;\r\n @Input() emptyMessage: string = 'Nenhum item localizado com base nos critérios de busca.';\r\n @Input() loading: Boolean = false;\r\n @Input({ transform: booleanAttribute }) isRowClickable!: boolean;\r\n @Input({ transform: booleanAttribute }) isCellClickable!: boolean;\r\n @Input({ transform: booleanAttribute }) hasPaginator!: boolean;\r\n\r\n @Output() currentPageChange = new EventEmitter\r\n
\r\n\r\n {{ toast.message }}\r\n
\r\n \r\n
","import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { EluxIcon } from '../icon';\r\n\r\n@Component({\r\n selector: 'lib-elux-accordion',\r\n standalone: true,\r\n imports: [CommonModule, ReactiveFormsModule, EluxIcon],\r\n templateUrl: './accordion.component.html',\r\n styleUrl: './accordion.component.scss', \r\n})\r\nexport class EluxAccordion {\r\n @Input() leftArrow: boolean = false;\r\n\r\n @Output() toggleEventEmitter = new EventEmitter\r\n @for (column of columns; track $index) {\r\n
\r\n\r\n @if(loading){\r\n \r\n {{column.text}}\r\n
\r\n }\r\n \r\n
\r\n }\r\n\r\n @if (displayRows.length == 0) {\r\n \r\n {{emptyMessage}}\r\n
\r\n }\r\n\r\n @for (row of displayRows; track $index) {\r\n \r\n @for (cell of row; track $index) {\r\n @switch (cell.type) {\r\n @case (\"redirect-internal\") {\r\n
\r\n }\r\n\r\n @if (hasPaginator && totalRows > itemsPerPage) {\r\n \r\n }\r\n\r\n\r\n {{cell.name}}\r\n
\r\n }\r\n @case (\"redirect-external\") {\r\n \r\n {{cell.name}}\r\n
\r\n }\r\n @case (\"checkbox\") {\r\n \r\n \r\n
\r\n }\r\n @case (\"input\") {\r\n \r\n \r\n
\r\n }\r\n @case (\"input-number\") {\r\n \r\n \r\n
\r\n }\r\n @default {\r\n \r\n {{cell.value}}\r\n
\r\n }\r\n }\r\n }\r\n \r\n
\r\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { EluxIcon } from '../icon';\r\n\r\n@Component({\r\n selector: 'lib-elux-modal',\r\n templateUrl: './modal.component.html',\r\n styleUrls: ['./modal.component.scss'],\r\n imports: [\r\n EluxIcon,\r\n CommonModule\r\n ],\r\n standalone: true,\r\n})\r\nexport class EluxModal {\r\n @Input() open = false;\r\n @Input() buttonClose = true;\r\n @Output() onClose = new EventEmitter\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n","import { CommonModule } from '@angular/common';\r\n\r\nimport { Component, ElementRef, EventEmitter, HostListener, input, Input, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { EluxIcon } from '../icon';\r\nimport { debounceTime, Subject } from 'rxjs';\r\nimport { EluxLoading } from \"../loading/loading.component\";\r\n\r\ninterface Options {\r\n value: string;\r\n text: string;\r\n}\r\n\r\n@Component({\r\n selector: 'lib-elux-input-search',\r\n standalone: true,\r\n imports: [EluxIcon, CommonModule, FormsModule, EluxLoading, EluxLoading],\r\n templateUrl: './input-search.component.html',\r\n styleUrl: './input-search.component.scss',\r\n})\r\nexport class EluxInputSearchComponent implements OnInit {\r\n @Input() options: Options[] = [];\r\n @Input() placeholder: string = '';\r\n @Input() value: string = '';\r\n @Input() loading: boolean = false;\r\n @Input() disabled: boolean = false;\r\n @ViewChild('inputsearch') inputsearch!: ElementRef;\r\n\r\n @Output() valueSelected = new EventEmitter\r\n \r\n
\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\r\nimport { EluxButton } from '../button';\r\n\r\n@Component({\r\n selector: 'lib-elux-input-search-modal',\r\n standalone: true,\r\n imports: [CommonModule, EluxButton],\r\n templateUrl: './input-search-modal.component.html',\r\n styleUrl: './input-search-modal.component.scss',\r\n})\r\nexport class EluxInputSearchModalComponent implements OnInit, OnChanges {\r\n @Input() value: string = '';\r\n @Input() placeholder: string = '';\r\n @Output() searchClickEvent = new EventEmitter\r\n
\r\n\r\n
\r\n \r\n {{ item.text }}\r\n
\r\n \r\n
\r\n","import { Component, EventEmitter, Input, Output, OnInit, OnChanges, SimpleChanges, HostListener } from '@angular/core';\r\nimport { EluxIcon } from '../icon';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n@Component({\r\n selector: 'lib-elux-dropdown-multiple',\r\n templateUrl: './dropdown-multiple.component.html',\r\n styleUrls: ['./dropdown-multiple.component.scss'],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, EluxIcon],\r\n standalone: true,\r\n})\r\nexport class EluxDropdownMultiple implements OnInit, OnChanges {\r\n @Input() disabled: boolean = false;\r\n @Input() idInput: string = '';\r\n @Input() placeholder: string = 'Selecione';\r\n @Input() options: { value: any; text: string }[] = [];\r\n @Input() selectedOptions: any[] = [];\r\n @Output() optionSelected: EventEmitter\r\n \r\n
\r\n","import { CommonModule } from '@angular/common';\r\nimport { AfterContentInit, Component, ContentChildren, ElementRef, EventEmitter, Input, OnChanges, Output, QueryList, Renderer2, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { EluxIcon } from '../icon';\r\n\r\nexport type ProductItem = {\r\n name: string;\r\n image: string;\r\n};\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'lib-elux-carousel',\r\n templateUrl: './carousel.component.html',\r\n styleUrls: ['./carousel.component.scss'],\r\n imports: [CommonModule, EluxIcon],\r\n})\r\nexport class EluxCarouselComponent implements AfterContentInit {\r\n @ContentChildren('carouselItem', { read: ElementRef }) items!: QueryList- \r\n
- \r\n \r\n \r\n {{ option.text }}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-elux-switch',\r\n standalone: true,\r\n template: `\r\n \r\n {{ value }}\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { EluxIcon } from '../icon';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'lib-elux-card-1',\r\n templateUrl: './card1.component.html',\r\n styleUrls: ['./card1.component.scss'],\r\n standalone: true,\r\n imports: [EluxIcon, CommonModule],\r\n})\r\nexport class EluxCard1 {\r\n @Input() text!: string;\r\n @Input() iconLeft!: string;\r\n @Input() iconRight!: string;\r\n}\r\n","\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { EluxIcon } from '../icon';\r\n\r\n@Component({\r\n selector: 'lib-elux-card-2',\r\n templateUrl: './card2.component.html',\r\n styleUrls: ['./card2.component.scss'],\r\n standalone: true,\r\n imports: [EluxIcon],\r\n})\r\nexport class EluxCard2 {\r\n @Input() text!: string;\r\n @Input() icon!: string;\r\n}\r\n","\r\n {{ text }}\r\n
\r\n\r\n {{ text }}\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { EluxIcon } from '../icon';\r\n\r\n@Component({\r\n selector: 'lib-elux-card-3',\r\n templateUrl: './card3.component.html',\r\n styleUrls: ['./card3.component.scss'],\r\n standalone: true,\r\n imports: [EluxIcon],\r\n})\r\nexport class EluxCard3 {\r\n @Input() title!: string;\r\n @Input() text!: string;\r\n @Input() icon!: string;\r\n}\r\n","\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { EluxIcon } from '../icon';\r\n\r\n@Component({\r\n selector: 'lib-elux-card-4',\r\n templateUrl: './card4.component.html',\r\n styleUrls: ['./card4.component.scss'],\r\n standalone: true,\r\n imports: [EluxIcon],\r\n})\r\nexport class EluxCard4 {\r\n @Input() title!: string;\r\n @Input() text!: string;\r\n}\r\n","\r\n
\r\n \r\n {{ title }}\r\n {{ text }}\r\n
\r\n\r\n
\r\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-elux-loading-2',\r\n templateUrl: './loading-2.component.html',\r\n styleUrls: ['./loading-2.component.scss'],\r\n imports: [],\r\n standalone: true,\r\n})\r\nexport class EluxLoading2 {\r\n @Input() open = false;\r\n}\r\n","\r\n {{ title }}\r\n
\r\n \r\n {{ text }}\r\n
\r\n\r\n
\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\nimport { EluxIcon } from '../icon';\r\n\r\n@Component({\r\n selector: 'lib-elux-arrow-link',\r\n templateUrl: './arrow-link.component.html',\r\n styleUrls: ['./arrow-link.component.scss'],\r\n imports: [CommonModule, RouterModule, EluxIcon],\r\n standalone: true,\r\n})\r\nexport class EluxArrowLink {\r\n @Input() title: string = '';\r\n @Input() reverse: boolean = false;\r\n @Input() icon_name: string = '';\r\n @Input() icon_size: string = '26';\r\n}\r\n","\r\n ![](\"/assets/icons/Loading.webp\")
\r\n Carregando...\r\n Por favor, aguarde enquanto buscamos a melhor solução.\r\n
\r\n \r\n\r\n Carregando...\r\n Por favor, aguarde enquanto buscamos a melhor solução.\r\n \r\n
\r\n","import { Type } from '@angular/core';\r\nimport { EluxBreadcrumb } from './breadcrumb';\r\nimport { EluxButton } from './button';\r\nimport { EluxDropdown } from './dropdown';\r\nimport { EluxIcon } from './icon';\r\nimport { EluxPaginator } from './paginator';\r\nimport { EluxStepBar } from './stepbar';\r\nimport { EluxDatepicker } from './datepicker';\r\nimport { EluxToast } from './toast';\r\nimport { EluxDataTable } from './datatable';\r\nimport { EluxAccordion } from './accordion';\r\nimport { EluxModal } from './modal';\r\nimport { EluxInputSearchComponent } from './input-search';\r\nimport { EluxLoading } from './loading';\r\nimport { EluxInputSearchModalComponent } from './input-search-modal/input-search-modal.component';\r\nimport { EluxDropdownMultiple } from './dropdown-multiple';\r\nimport { EluxCarouselComponent } from './carousel';\r\nimport { EluxSwitch } from './switch';\r\nimport { EluxChip } from './chip';\r\n\r\nexport const ElectroluxComponents: Type\r\n \r\n \r\n
\r\n\r\n \r\n {{ title }} \r\n
\r\n