\r\n v2-iosense-lib works!\r\n
\r\n `,\r\n styles: [\r\n ]\r\n})\r\nexport class V2IosenseLibComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { V2IosenseLibComponent } from './v2-iosense-lib.component';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n V2IosenseLibComponent\r\n ],\r\n imports: [\r\n ],\r\n exports: [\r\n V2IosenseLibComponent\r\n ]\r\n})\r\nexport class V2IosenseLibModule { }\r\n","import { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { MatStepperModule } from '@angular/material/stepper';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatExpansionModule } from '@angular/material/expansion';\r\nimport { MatGridListModule } from '@angular/material/grid-list';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { MatPaginatorModule } from '@angular/material/paginator';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatRadioModule } from '@angular/material/radio';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatSidenavModule } from '@angular/material/sidenav';\r\nimport { MatSliderModule } from '@angular/material/slider';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\r\nimport { MatSortModule } from '@angular/material/sort';\r\nimport { MatTableModule } from '@angular/material/table';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { NgModule } from '@angular/core';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\n\r\n@NgModule({\r\n exports: [\r\n MatAutocompleteModule,\r\n MatButtonModule,\r\n MatButtonToggleModule,\r\n MatCardModule,\r\n MatCheckboxModule,\r\n MatChipsModule,\r\n MatStepperModule,\r\n MatDatepickerModule,\r\n MatDialogModule,\r\n MatBottomSheetModule,\r\n MatExpansionModule,\r\n MatGridListModule,\r\n MatIconModule,\r\n MatInputModule,\r\n MatListModule,\r\n MatMenuModule,\r\n MatPaginatorModule,\r\n MatProgressBarModule,\r\n MatProgressSpinnerModule,\r\n MatRadioModule,\r\n MatSelectModule,\r\n MatSidenavModule,\r\n MatSliderModule,\r\n MatSlideToggleModule,\r\n MatSnackBarModule,\r\n MatSortModule,\r\n MatTableModule,\r\n MatTabsModule,\r\n MatToolbarModule,\r\n MatTooltipModule,\r\n MatAutocompleteModule,\r\n MatFormFieldModule,\r\n ],\r\n declarations: [],\r\n})\r\nexport class MaterialModule {}\r\n","import { MaterialModule } from '../material.module';\r\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\n\r\n@Component({\r\n selector: 'search',\r\n standalone: true,\r\n imports: [CommonModule, MaterialModule, FormsModule],\r\n templateUrl: './search.component.html',\r\n styleUrls: ['./search.component.css'],\r\n})\r\nexport class SearchComponent {\r\n // Input and Output Decorators\r\n @Input('placeholder') placeholder: string = '';\r\n @Input('multiple') multiple: boolean = true;\r\n @Input('hint') hintText: string = '';\r\n @Input('terms') term: string = '';\r\n @Input('categories') categories: any = [];\r\n @Output('onSearchChange') onSearchChange = new EventEmitter();\r\n\r\n //Required Variables\r\n selectedCategory: any = 0;\r\n searchTerms: any = [];\r\n searchValue: string = '';\r\n\r\n /**\r\n * Chip Config\r\n */\r\n visible = true;\r\n selectable = true;\r\n removable = true;\r\n addOnBlur = true;\r\n\r\n separatorKeysCodes = [ENTER, COMMA];\r\n\r\n constructor() {}\r\n\r\n // On Adding the Search Key\r\n add(event: any): void {\r\n const input = event.input;\r\n const value = event.value;\r\n\r\n if (!value) return;\r\n\r\n // Add our term\r\n if ((value || '').trim()) {\r\n this.searchTerms.push(value.trim());\r\n }\r\n\r\n // Reset the input value\r\n if (input) {\r\n input.value = '';\r\n }\r\n console.log('event', {\r\n search: {\r\n message: [...this.searchTerms],\r\n category: [...this.categories],\r\n },\r\n });\r\n this.emitValue();\r\n }\r\n\r\n // On Chip Remove\r\n remove(term: any): void {\r\n console.log('term', term);\r\n const index = this.searchTerms.indexOf(term);\r\n\r\n if (index >= 0) {\r\n this.searchTerms.splice(index, 1);\r\n }\r\n this.emitValue();\r\n }\r\n\r\n // FOr Single Search Text Changed\r\n searchTextChanged(event: any) {\r\n if (event && event.target && event.target.value !== this.searchValue) {\r\n this.searchValue = event.target.value;\r\n this.onSearchChange.emit(event.target.value);\r\n }\r\n }\r\n\r\n // On Category Change Resetting Values\r\n categoryChanged() {\r\n this.searchTerms = [];\r\n this.emitValue();\r\n }\r\n\r\n // Emitting Value\r\n emitValue() {\r\n const searchOb: any = {\r\n searchTerms: [...this.searchTerms],\r\n };\r\n if (this.categories && this.categories.length) {\r\n searchOb.categories = [this.categories[this.selectedCategory].value];\r\n }\r\n this.onSearchChange.emit(searchOb);\r\n }\r\n}\r\n","","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'filesize',\r\n standalone: true,\r\n})\r\nexport class FilesizePipe implements PipeTransform {\r\n transform(value: number, ...args: unknown[]): string {\r\n if (!value) return '';\r\n const k = 1024;\r\n const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\r\n const i = Math.floor(Math.log(value) / Math.log(k));\r\n\r\n return `${parseFloat((value / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;\r\n }\r\n}\r\n","import {\r\n Directive,\r\n EventEmitter,\r\n HostBinding,\r\n HostListener,\r\n Output,\r\n} from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[dragNDrop]',\r\n standalone: true,\r\n})\r\nexport class DragNDropDirective {\r\n @Output() private filesChangeEmiter: EventEmitter