\r\n
\r\n","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'vk-nav-logo',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './vk-nav-logo.component.html',\r\n styleUrl: './vk-nav-logo.component.css',\r\n})\r\nexport class VkNavLogoComponent {\r\n @Input() shape: string = 'default';\r\n @Input({ required: true }) src!: string;\r\n @Input({ required: true }) alt!: string;\r\n}\r\n","\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'vk-details-card-title',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './vk-details-card-title.component.html',\r\n styleUrl: './vk-details-card-title.component.css'\r\n})\r\nexport class VkDetailsCardTitleComponent {\r\n\r\n}\r\n","\r\n
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'vk-details-card-hidden-actions',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './vk-details-card-hidden-actions.component.html',\r\n styleUrl: './vk-details-card-hidden-actions.component.css',\r\n})\r\nexport class VkDetailsCardHiddenActionsComponent {\r\n menu: boolean = false;\r\n\r\n btnState: boolean = true;\r\n\r\n openMenu() {\r\n this.menu = true;\r\n }\r\n\r\n closeMenu() {\r\n this.menu = false;\r\n }\r\n\r\n btnClick() {\r\n if (this.btnState) {\r\n this.openMenu();\r\n this.btnState = false;\r\n } else {\r\n this.closeMenu();\r\n this.btnState = true;\r\n }\r\n }\r\n}\r\n","\r\n \r\n ...\r\n \r\n @if(menu){\r\n \r\n }\r\n
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'vk-details-card-hidden-action',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './vk-details-card-hidden-action.component.html',\r\n styleUrl: './vk-details-card-hidden-action.component.css'\r\n})\r\nexport class VkDetailsCardHiddenActionComponent {\r\n\r\n}\r\n","\r\n","import { Component, Input } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'vk-details-card-hidden-link',\r\n standalone: true,\r\n imports: [RouterLink],\r\n templateUrl: './vk-details-card-hidden-link.component.html',\r\n styleUrl: './vk-details-card-hidden-link.component.css',\r\n})\r\nexport class VkDetailsCardHiddenLinkComponent {\r\n @Input({ required: true }) href: string = '#';\r\n}\r\n","\r\n \r\n
\r\n }\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'vk-header-links-right',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './vk-header-links-right.component.html',\r\n styleUrl: './vk-header-links-right.component.css'\r\n})\r\nexport class VkHeaderLinksRightComponent {\r\n\r\n}\r\n","\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport {\r\n FaIconLibrary,\r\n FontAwesomeModule,\r\n} from '@fortawesome/angular-fontawesome';\r\nimport { fas } from '@fortawesome/free-solid-svg-icons';\r\n\r\n@Component({\r\n selector: 'vk-header-user',\r\n standalone: true,\r\n imports: [FontAwesomeModule],\r\n templateUrl: './vk-header-user.component.html',\r\n styleUrl: './vk-header-user.component.css',\r\n})\r\nexport class VkHeaderUserComponent {\r\n constructor(icons: FaIconLibrary) {\r\n icons.addIconPacks(fas);\r\n }\r\n\r\n @Input() src: string | null = null;\r\n @Input() alt: string | null = null;\r\n @Input() icon: string | null = null;\r\n}\r\n","\r\n \r\n
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'vk-header-menu',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './vk-header-menu.component.html',\r\n styleUrl: './vk-header-menu.component.css'\r\n})\r\nexport class VkHeaderMenuComponent {\r\n\r\n}\r\n","\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'vk-header-menu-link',\r\n standalone: true,\r\n imports: [RouterLink],\r\n templateUrl: './vk-header-menu-link.component.html',\r\n styleUrl: './vk-header-menu-link.component.css',\r\n})\r\nexport class VkHeaderMenuLinkComponent {\r\n @Input({ required: true }) href!: string;\r\n @Input() color: string = 'default';\r\n}\r\n","\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n","import { Component, Input } from '@angular/core';\r\nimport {\r\n FaIconLibrary,\r\n FontAwesomeModule,\r\n} from '@fortawesome/angular-fontawesome';\r\nimport { fas, faTriangleCircleSquare } from '@fortawesome/free-solid-svg-icons';\r\n\r\n@Component({\r\n selector: 'vk-accordion',\r\n standalone: true,\r\n imports: [FontAwesomeModule],\r\n templateUrl: './vk-accordion.component.html',\r\n styleUrl: './vk-accordion.component.css',\r\n})\r\nexport class VkAccordionComponent {\r\n @Input() title: string = 'Accordion';\r\n @Input() color: string = 'default';\r\n\r\n constructor(icons: FaIconLibrary) {\r\n icons.addIconPacks(fas);\r\n }\r\n\r\n icon: boolean = false;\r\n\r\n rotateIcon() {\r\n this.icon = !this.icon;\r\n }\r\n}\r\n","\r\n \r\n {{ title }}\r\n @if(!icon){\r\n \r\n
\r\n
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'vk-breadcrumb',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './vk-breadcrumb.component.html',\r\n styleUrl: './vk-breadcrumb.component.css'\r\n})\r\nexport class VkBreadcrumbComponent {\r\n\r\n}\r\n","\r\n","import { Component, Input } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'vk-breadcrumb-item',\r\n standalone: true,\r\n imports: [RouterLink],\r\n templateUrl: './vk-breadcrumb-item.component.html',\r\n styleUrl: './vk-breadcrumb-item.component.css',\r\n})\r\nexport class VkBreadcrumbItemComponent {\r\n @Input() href!: string;\r\n}\r\n","\r\n {{ title }}\r\n @if(!icon){\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'vk-modal-body',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './vk-modal-body.component.html',\r\n styleUrl: './vk-modal-body.component.css'\r\n})\r\nexport class VkModalBodyComponent {\r\n\r\n}\r\n","\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { VkButtonComponent } from '../vk-button/vk-button.component';\r\nimport {\r\n FaIconLibrary,\r\n FontAwesomeModule,\r\n} from '@fortawesome/angular-fontawesome';\r\nimport { fas } from '@fortawesome/free-solid-svg-icons';\r\n\r\n@Component({\r\n selector: 'vk-dropdown',\r\n standalone: true,\r\n imports: [VkButtonComponent, FontAwesomeModule],\r\n templateUrl: './vk-dropdown.component.html',\r\n styleUrl: './vk-dropdown.component.css',\r\n})\r\nexport class VkDropdownComponent {\r\n constructor(icons: FaIconLibrary) {\r\n icons.addIconPacks(fas);\r\n }\r\n\r\n @Input() label: string = 'Dropdown';\r\n\r\n @Input() color: string = 'blue';\r\n @Input() position: string = 'default';\r\n\r\n dropdown: boolean = false;\r\n\r\n toggleDropdown() {\r\n this.dropdown = !this.dropdown;\r\n }\r\n}\r\n","\r\n","import { Component, Input } from '@angular/core';\r\nimport {\r\n FaIconLibrary,\r\n FontAwesomeModule,\r\n} from '@fortawesome/angular-fontawesome';\r\nimport { fas } from '@fortawesome/free-solid-svg-icons';\r\nimport { VkButtonComponent } from '../vk-button/vk-button.component';\r\n\r\n@Component({\r\n selector: 'vk-offcanvas',\r\n standalone: true,\r\n imports: [FontAwesomeModule, VkButtonComponent],\r\n templateUrl: './vk-offcanvas.component.html',\r\n styleUrl: './vk-offcanvas.component.css',\r\n})\r\nexport class VkOffcanvasComponent {\r\n constructor(icons: FaIconLibrary) {\r\n icons.addIconPacks(fas);\r\n }\r\n\r\n @Input() btnLabel: string = 'Open Canvas';\r\n @Input() btnColor: string = 'blue';\r\n @Input() position: string = 'left';\r\n\r\n canvas: boolean = false;\r\n\r\n openCanvas() {\r\n this.canvas = true;\r\n }\r\n\r\n closeCanvas() {\r\n this.canvas = false;\r\n }\r\n}\r\n","
\r\n
\r\n
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'vk-offcanvas-body',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './vk-offcanvas-body.component.html',\r\n styleUrl: './vk-offcanvas-body.component.css'\r\n})\r\nexport class VkOffcanvasBodyComponent {\r\n\r\n}\r\n","\r\n
\r\n","import {\r\n AfterContentInit,\r\n AfterViewInit,\r\n Component,\r\n ContentChildren,\r\n Input,\r\n QueryList,\r\n} from '@angular/core';\r\nimport { VkTabsContentComponent } from '../vk-tabs-content/vk-tabs-content.component';\r\n\r\n@Component({\r\n selector: 'vk-tabs',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './vk-tabs.component.html',\r\n styleUrl: './vk-tabs.component.css',\r\n})\r\nexport class VkTabsComponent implements AfterContentInit {\r\n @Input() defaultValue: string = '';\r\n @ContentChildren(VkTabsContentComponent)\r\n tabContents!: QueryList\r\n
\r\n","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'vk-tabs-list',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './vk-tabs-list.component.html',\r\n styleUrl: '../vk-tabs/vk-tabs.component.css',\r\n})\r\nexport class VkTabsListComponent {}\r\n","\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { VkTabsComponent } from '../vk-tabs/vk-tabs.component';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'vk-tabs-trigger',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './vk-tabs-trigger.component.html',\r\n styleUrl: '../vk-tabs/vk-tabs.component.css',\r\n})\r\nexport class VkTabsTriggerComponent {\r\n @Input() value!: string;\r\n\r\n constructor(public tabs: VkTabsComponent) {}\r\n\r\n @Input() color: string = 'default';\r\n\r\n selectTab() {\r\n this.tabs.selectTab(this.value);\r\n }\r\n}\r\n","