{"ast":null,"code":"import * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"@angular/material/button\";\nimport * as i3 from \"@angular/material/icon\";\nimport * as i4 from \"@angular/material/card\";\nimport * as i5 from \"@angular/material/input\";\nimport * as i6 from \"@angular/material/form-field\";\nimport * as i7 from \"@angular/forms\";\nimport * as i8 from \"@angular/material/list\";\nfunction MainPageComponent_mat_list_item_14_Template(rf, ctx) {\n if (rf & 1) {\n const _r3 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"mat-list-item\", 14);\n i0.ɵɵlistener(\"click\", function MainPageComponent_mat_list_item_14_Template_mat_list_item_click_0_listener() {\n const restoredCtx = i0.ɵɵrestoreView(_r3);\n const song_r1 = restoredCtx.$implicit;\n const ctx_r2 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r2.displaySongInformation(song_r1));\n });\n i0.ɵɵtext(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const song_r1 = ctx.$implicit;\n i0.ɵɵadvance(1);\n i0.ɵɵtextInterpolate1(\" \", song_r1, \" \");\n }\n}\nclass MainPageComponent {\n constructor() {\n this.songs = ['Song 1', 'Song 2', 'Song 3'\n // Add more songs here\n ];\n\n this.searchQuery = '';\n this.information = '';\n this.selectedSongInformation = '';\n }\n get filteredSongs() {\n if (this.searchQuery.trim() === '') {\n return this.songs;\n } else {\n return this.songs.filter(song => song.toLowerCase().includes(this.searchQuery.toLowerCase()));\n }\n }\n // Other component methods and lifecycle hooks\n displaySongInformation(song) {\n // Logic to fetch and set the song information based on the selected song\n // Replace the code below with your own implementation\n }\n download() {\n // Implement your download logic here\n }\n upload() {\n // Implement your upload logic here\n }\n generatePdf() {\n // Implement your PDF generation logic here\n }\n}\nMainPageComponent.ɵfac = function MainPageComponent_Factory(t) {\n return new (t || MainPageComponent)();\n};\nMainPageComponent.ɵcmp = /*@__PURE__*/i0.ɵɵdefineComponent({\n type: MainPageComponent,\n selectors: [[\"app-main-page\"]],\n decls: 36,\n vars: 3,\n consts: [[1, \"container\"], [1, \"margin-column\"], [1, \"col-left\"], [1, \"song-list-card\"], [\"appearance\", \"fill\"], [\"matInput\", \"\", \"type\", \"text\", \"placeholder\", \"Search songs\", 3, \"ngModel\", \"ngModelChange\"], [1, \"song-list\"], [3, \"click\", 4, \"ngFor\", \"ngForOf\"], [1, \"col-right\"], [1, \"buttons-container\"], [1, \"button-row\"], [\"mat-raised-button\", \"\", \"color\", \"primary\", 3, \"click\"], [1, \"text-block-row\"], [1, \"text-block\"], [3, \"click\"]],\n template: function MainPageComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵelement(1, \"div\", 1);\n i0.ɵɵelementStart(2, \"div\", 2)(3, \"mat-card\", 3)(4, \"mat-card-header\")(5, \"mat-card-title\");\n i0.ɵɵtext(6, \"Song List\");\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(7, \"mat-card-content\")(8, \"mat-form-field\", 4)(9, \"mat-label\");\n i0.ɵɵtext(10, \"Search songs\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(11, \"input\", 5);\n i0.ɵɵlistener(\"ngModelChange\", function MainPageComponent_Template_input_ngModelChange_11_listener($event) {\n return ctx.searchQuery = $event;\n });\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(12, \"div\", 6)(13, \"mat-list\");\n i0.ɵɵtemplate(14, MainPageComponent_mat_list_item_14_Template, 2, 1, \"mat-list-item\", 7);\n i0.ɵɵelementEnd()()()()();\n i0.ɵɵelementStart(15, \"div\", 8)(16, \"div\", 9)(17, \"div\", 10)(18, \"button\", 11);\n i0.ɵɵlistener(\"click\", function MainPageComponent_Template_button_click_18_listener() {\n return ctx.download();\n });\n i0.ɵɵelementStart(19, \"mat-icon\");\n i0.ɵɵtext(20, \"cloud_download\");\n i0.ɵɵelementEnd();\n i0.ɵɵtext(21, \" Download \");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(22, \"button\", 11);\n i0.ɵɵlistener(\"click\", function MainPageComponent_Template_button_click_22_listener() {\n return ctx.upload();\n });\n i0.ɵɵelementStart(23, \"mat-icon\");\n i0.ɵɵtext(24, \"cloud_upload\");\n i0.ɵɵelementEnd();\n i0.ɵɵtext(25, \" Upload \");\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(26, \"div\", 10)(27, \"button\", 11);\n i0.ɵɵlistener(\"click\", function MainPageComponent_Template_button_click_27_listener() {\n return ctx.generatePdf();\n });\n i0.ɵɵelementStart(28, \"mat-icon\");\n i0.ɵɵtext(29, \"picture_as_pdf\");\n i0.ɵɵelementEnd();\n i0.ɵɵtext(30, \" Generate PDF \");\n i0.ɵɵelementEnd()();\n i0.ɵɵelementStart(31, \"div\", 12)(32, \"div\", 13)(33, \"p\");\n i0.ɵɵtext(34);\n i0.ɵɵelementEnd()()()()();\n i0.ɵɵelement(35, \"div\", 1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵadvance(11);\n i0.ɵɵproperty(\"ngModel\", ctx.searchQuery);\n i0.ɵɵadvance(3);\n i0.ɵɵproperty(\"ngForOf\", ctx.filteredSongs);\n i0.ɵɵadvance(20);\n i0.ɵɵtextInterpolate(ctx.selectedSongInformation);\n }\n },\n dependencies: [i1.NgForOf, i2.MatButton, i3.MatIcon, i4.MatCard, i4.MatCardContent, i4.MatCardHeader, i4.MatCardTitle, i5.MatInput, i6.MatFormField, i6.MatLabel, i7.DefaultValueAccessor, i7.NgControlStatus, i7.NgModel, i8.MatList, i8.MatListItem],\n styles: [\".container[_ngcontent-%COMP%] {\\r\\n display: flex;\\r\\n justify-content: stretch;\\r\\n}\\r\\n\\r\\n.col-left[_ngcontent-%COMP%], .col-right[_ngcontent-%COMP%] {\\r\\n flex-basis: 50%;\\r\\n}\\r\\n\\r\\n.col-left[_ngcontent-%COMP%] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n}\\r\\n\\r\\n.col-right[_ngcontent-%COMP%] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-end;\\r\\n}\\r\\n\\r\\n.buttons-container[_ngcontent-%COMP%] {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-end;\\r\\n}\\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9hcHAvbWFpbi1wYWdlL21haW4tcGFnZS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsYUFBYTtFQUNiLHdCQUF3QjtBQUMxQjs7QUFFQTs7RUFFRSxlQUFlO0FBQ2pCOztBQUVBO0VBQ0UsYUFBYTtFQUNiLHNCQUFzQjtFQUN0Qix1QkFBdUI7QUFDekI7O0FBRUE7RUFDRSxhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLHFCQUFxQjtBQUN2Qjs7QUFFQTtFQUNFLGFBQWE7RUFDYixzQkFBc0I7RUFDdEIscUJBQXFCO0FBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiLmNvbnRhaW5lciB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IHN0cmV0Y2g7XHJcbn1cclxuXHJcbi5jb2wtbGVmdCxcclxuLmNvbC1yaWdodCB7XHJcbiAgZmxleC1iYXNpczogNTAlO1xyXG59XHJcblxyXG4uY29sLWxlZnQge1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcclxufVxyXG5cclxuLmNvbC1yaWdodCB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcclxufVxyXG5cclxuLmJ1dHRvbnMtY29udGFpbmVyIHtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xyXG59XHJcbiJdLCJzb3VyY2VSb290IjoiIn0= */\"]\n});\nexport { MainPageComponent };","map":{"version":3,"names":["i0","ɵɵelementStart","ɵɵlistener","MainPageComponent_mat_list_item_14_Template_mat_list_item_click_0_listener","restoredCtx","ɵɵrestoreView","_r3","song_r1","$implicit","ctx_r2","ɵɵnextContext","ɵɵresetView","displaySongInformation","ɵɵtext","ɵɵelementEnd","ɵɵadvance","ɵɵtextInterpolate1","MainPageComponent","constructor","songs","searchQuery","information","selectedSongInformation","filteredSongs","trim","filter","song","toLowerCase","includes","download","upload","generatePdf","selectors","decls","vars","consts","template","MainPageComponent_Template","rf","ctx","ɵɵelement","MainPageComponent_Template_input_ngModelChange_11_listener","$event","ɵɵtemplate","MainPageComponent_mat_list_item_14_Template","MainPageComponent_Template_button_click_18_listener","MainPageComponent_Template_button_click_22_listener","MainPageComponent_Template_button_click_27_listener","ɵɵproperty","ɵɵtextInterpolate"],"sources":["C:\\Users\\Quba\\Desktop\\studia\\WPFt\\RiffMaster project\\Frontend\\RiffMasterFront\\src\\app\\main-page\\main-page.component.ts","C:\\Users\\Quba\\Desktop\\studia\\WPFt\\RiffMaster project\\Frontend\\RiffMasterFront\\src\\app\\main-page\\main-page.component.html"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-main-page',\n templateUrl: './main-page.component.html',\n styleUrls: ['./main-page.component.css']\n})\nexport class MainPageComponent {\n songs: string[] = [\n 'Song 1',\n 'Song 2',\n 'Song 3',\n // Add more songs here\n ];\n searchQuery: string = '';\n information: string = '';\n\n get filteredSongs(): string[] {\n if (this.searchQuery.trim() === '') {\n return this.songs;\n } else {\n return this.songs.filter(song =>\n song.toLowerCase().includes(this.searchQuery.toLowerCase())\n );\n }\n }\n\n selectedSongInformation: string = '';\n\n // Other component methods and lifecycle hooks\n\n displaySongInformation(song: string): void {\n // Logic to fetch and set the song information based on the selected song\n // Replace the code below with your own implementation\n\n }\n download() {\n // Implement your download logic here\n }\n\n upload() {\n // Implement your upload logic here\n }\n\n generatePdf() {\n // Implement your PDF generation logic here\n }\n}\n","\n\n