,\n private analytics: EvaAnalytics) {}\n\n ngAfterViewInit() {\n this.downloadControls =\n this.urlService.getDownloadItemsDate(this.iconType, this.selectedIcon);\n\n this.changeDetectorRef.detectChanges();\n }\n\n closeDialog() {\n this.dialogRef.close();\n }\n\n clickOnDownloadIcon(icon: { format: string; title: string }) {\n this.analytics.trackEvent('downloadIcon', `${this.selectedIcon}.${icon.format}`);\n }\n}\n"
},
{
"path": "src/app/@theme/components/page-container/page-container.component.html",
"content": "\n v{{currentVersion}} \n
\n Eva icons\n v{{currentVersion}} \n \n\n\n Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.Eva Design System .\n
\n\n\n
\n\n\n \n \n
\n\n\n
\n \n\n
\n {{ message }}\n
\n\n
\n
\n
\n \n \n {{ item.title }} \n \n \n"
},
{
"path": "src/app/@theme/components/type-switcher/type-switcher.component.scss",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\n@import '../../../@theme/styles/themes';\n@import '~@nebular/theme/styles/global/breakpoints';\n\n@include nb-install-component() {\n $primary: nb-theme(color-primary);\n $item-color: #a7b4cc;\n\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n li {\n display: flex;\n align-items: baseline;\n position: relative;\n text-decoration: none;\n font-size: nb-theme(font-size-sm);\n color: $item-color;\n cursor: pointer;\n\n &:not(:first-child) {\n margin-left: 1.75rem;\n }\n\n &:hover, &.active, &:focus {\n color: $primary;\n text-shadow: 0.5px 0 0 currentColor;\n font-weight: normal;\n outline: none!important;\n\n .nav-menu-icon {\n fill: $primary;\n }\n }\n\n .nav-menu-icon {\n margin-right: 0.5rem;\n fill: $item-color;\n }\n\n span {\n font-size: nb-theme(font-size-sm);\n }\n }\n\n @include media-breakpoint-down(lg) {\n\n }\n\n @include media-breakpoint-down(sm) {\n a {\n span {\n display: none;\n }\n }\n }\n}\n"
},
{
"path": "src/app/@theme/components/type-switcher/type-switcher.component.ts",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'eva-type-switcher',\n templateUrl: './type-switcher.component.html',\n styleUrls: ['./type-switcher.component.scss'],\n})\n\nexport class TypeSwitcherComponent {\n\n @Output() changeIconsType: EventEmitter = new EventEmitter();\n\n @Input() iconsType: string;\n @Input() isMobileView: string;\n\n navItems = [\n {\n title: 'Outline',\n type: 'outline',\n iconName: 'star-outline',\n },\n {\n title: 'Fill',\n type: 'fill',\n iconName: 'star',\n },\n ];\n\n changeType(value) {\n this.changeIconsType.emit(value);\n this.iconsType = value;\n }\n}\n"
},
{
"path": "src/app/@theme/pipes/eva-icons.pipe.ts",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { Pipe, PipeTransform } from '@angular/core';\n\nimport { icons } from '../../../../package-build/eva';\n\n@Pipe({ name: 'eva' })\nexport class EvaIconsPipe implements PipeTransform {\n\n private defaultOptions = {\n height: 24,\n width: 24,\n fill: 'inherit',\n animationHover: true,\n animationInfinity: false,\n };\n\n constructor(private sanitizer: DomSanitizer) {}\n\n transform(icon: string,\n options: {\n height: number;\n width: number;\n fill: string;\n animationType?: string;\n animationHover?: boolean;\n animationInfinity?: boolean;\n },\n ) {\n const mergedOptions = {\n ...this.defaultOptions,\n ...options,\n };\n const { width, height, fill, animationType, animationHover, animationInfinity } = mergedOptions;\n const animation = animationType ?\n { type: animationType, hover: animationHover, infinite: animationInfinity } :\n null;\n\n return this.sanitizer.bypassSecurityTrustHtml(icons[icon].toSvg({\n width,\n height,\n fill,\n animation,\n }));\n }\n}\n"
},
{
"path": "src/app/@theme/services/analytics.service.ts",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\nimport { Injectable, Inject } from '@angular/core';\nimport { NB_WINDOW } from '@nebular/theme';\n\n@Injectable()\nexport class EvaAnalytics {\n private enabled: boolean;\n\n constructor(@Inject(NB_WINDOW) private window) {\n this.enabled = this.window.location.href.indexOf('akveo.github.io') >= 0;\n }\n\n trackEvent(eventName: string, eventVal: string = '') {\n if (this.enabled) {\n this.gtmPushToDataLayer({ event: eventName, eventValue: eventVal });\n }\n }\n\n // Push to 'dataLayer' Google Tag Manager array\n private gtmPushToDataLayer(params) {\n this.window.dataLayer.push(params);\n }\n}\n"
},
{
"path": "src/app/@theme/services/dialog-state.service.ts",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\nimport { Injectable } from '@angular/core';\nimport { Observable, ReplaySubject } from 'rxjs';\nimport { share } from 'rxjs/operators';\n\n@Injectable()\nexport class DialogStateService {\n\n protected dialogState$ = new ReplaySubject();\n\n changeDialogState(state: string) {\n this.dialogState$.next({state});\n }\n\n onChangeDialogState(): Observable {\n return this.dialogState$.pipe(share());\n }\n}\n"
},
{
"path": "src/app/@theme/services/index.ts",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\nimport { EvaVersionService } from './version.service';\nimport { DialogStateService } from './dialog-state.service';\nimport { EvaAnalytics } from './analytics.service';\n\n\nexport const evaServices = [\n EvaVersionService,\n DialogStateService,\n EvaAnalytics,\n];\n"
},
{
"path": "src/app/@theme/services/version.service.ts",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\nimport { Injectable } from '@angular/core';\n\n@Injectable()\nexport class EvaVersionService {\n\n getEvoVersion() {\n return require('../../../../package.json').version;\n }\n}\n"
},
{
"path": "src/app/@theme/styles/_raleway.scss",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\n$raleway-font-path: 'assets/fonts/raleway' !default;\n\n@font-face {\n font-family: 'Raleway Bold';\n src: url('#{$raleway-font-path}/Raleway-Bold.eot');\n src: local('Raleway Bold'), local('Raleway-Bold'),\n url('#{$raleway-font-path}/Raleway-Bold.eot?#iefix') format('embedded-opentype'),\n url('#{$raleway-font-path}/Raleway-Bold.woff') format('woff'),\n url('#{$raleway-font-path}/Raleway-Bold.ttf') format('truetype');\n font-weight: bold;\n font-style: normal;\n}\n"
},
{
"path": "src/app/@theme/styles/styles.scss",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\n@import 'raleway';\n@import 'themes';\n\n@import '~@nebular/theme/styles/globals';\n@import '~@nebular/bootstrap/styles/globals';\n\n@include nb-install() {\n @include nb-theme-global();\n @include nb-bootstrap-global();\n};\n"
},
{
"path": "src/app/@theme/styles/themes.scss",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\n@import '~@nebular/theme/styles/theming';\n@import '~@nebular/theme/styles/themes/corporate';\n\n$nb-enabled-themes: (eva);\n\n/* stylelint-disable */\n$nb-themes: nb-register-theme((\n content-width: 1120px,\n\n color-primary: #3366ff,\n\n separator: transparent,\n color-bg: transparent,\n color-fg: #0d1c2e,\n color-fg-heading: #546d8d,\n color-fg-text: #919fb1,\n color-fg-icon: #c4c8d1,\n color-gray-bg: #edf0f5,\n\n shadow: none,\n\n layout-bg: transparent,\n layout-padding: 0,\n layout-medium-padding: 0,\n layout-small-padding: 0,\n\n header-bg: color-bg,\n header-padding: 0 0,\n header-height: 4.25rem,\n header-fg: color-fg,\n header-section-border-color: #f5f5f5,\n\n header-button-border: #dce4f2,\n\n menu-bg: transparent,\n menu-item-padding: 0.675rem 1rem,\n menu-item-fg: #8992a3,\n menu-active-fg: color-primary,\n menu-font-size: 0.95rem,\n menu-font-weight: font-weight-normal,\n\n menu-active-bg: transparent,\n\n footer-height: 18.75rem,\n footer-padding: 1.25rem 0,\n footer-fg: #8992a3,\n footer-fg-highlight: footer-fg,\n footer-separator: transparent,\n\n\n list-icon-item-bg: #ebf1fa,\n list-icon-item-fg: #0d1c2e,\n\n switcher-view-bg: #d8e1f0,\n\n checkbox-checked-bg: #00db92,\n checkbox-checked-border-color: checkbox-checked-bg,\n checkbox-checked-checkmark: color-white,\n\n format-name-fg: #6a7385,\n\n popover-bg: #0d1c2e,\n popover-fg: #ffffff,\n popover-border: #0d1c2e,\n popover-border-radius: 0.75rem,\n popover-arrow-size: 6px,\n\n info-bg: #fff2f2,\n info-fg: #ff3d71,\n\n custiom-radius: 0.625rem,\n), eva, corporate);\n"
},
{
"path": "src/app/@theme/theme.module.ts",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\nimport { RouterModule } from '@angular/router';\nimport { ModuleWithProviders, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// components\nimport { FooterComponent } from './components/footer/footer.component';\nimport { HeaderComponent } from './components/header/header.component';\nimport { DownloadIconComponent } from './components/modals/download-icon/download-icon.component';\nimport { PageContainerComponent } from './components/page-container/page-container.component';\nimport { IconListComponent } from './components/icon-list/icon-list.component';\nimport { TypeSwitcherComponent } from './components/type-switcher/type-switcher.component';\nimport { AnimationSwitcherComponent } from './components/animation-switcher/animation-switcher.component';\n// components\n\n// services\nimport { evaServices } from './services';\n// services\n\n// pipes\nimport { EvaIconsPipe } from './pipes/eva-icons.pipe';\n// pipes\n\nimport {\n NbMenuModule,\n NbLayoutModule,\n NbCardModule,\n NbThemeModule,\n NbOverlayModule,\n NbDialogModule,\n NbCheckboxModule,\n NbSpinnerModule,\n NbPopoverModule, NbSelectModule,\n} from '@nebular/theme';\n\nconst COMPONENTS = [\n FooterComponent,\n HeaderComponent,\n DownloadIconComponent,\n PageContainerComponent,\n IconListComponent,\n TypeSwitcherComponent,\n AnimationSwitcherComponent,\n];\n\nconst PIPES = [\n EvaIconsPipe,\n];\n\n@NgModule({\n imports: [\n RouterModule,\n CommonModule,\n NbMenuModule,\n NbLayoutModule,\n NbCardModule,\n NbOverlayModule,\n NbDialogModule,\n NbCheckboxModule,\n NbSpinnerModule,\n NbPopoverModule,\n NbSelectModule,\n ],\n declarations: [\n ...COMPONENTS,\n\n ...PIPES,\n ],\n exports: [\n RouterModule,\n CommonModule,\n NbMenuModule,\n NbLayoutModule,\n NbCardModule,\n NbDialogModule,\n NbOverlayModule,\n NbCheckboxModule,\n NbSpinnerModule,\n NbSelectModule,\n\n FooterComponent,\n HeaderComponent,\n PageContainerComponent,\n IconListComponent,\n\n ...PIPES,\n ],\n entryComponents: [\n DownloadIconComponent,\n ],\n})\nexport class EvaThemeModule {\n static forRoot(): ModuleWithProviders {\n return {\n ngModule: EvaThemeModule,\n providers: [\n ...NbThemeModule.forRoot({ name: 'eva' }).providers,\n ...evaServices,\n ...NbMenuModule.forRoot().providers,\n ...NbOverlayModule.forRoot().providers,\n ...NbDialogModule.forRoot().providers,\n ],\n };\n }\n}\n"
},
{
"path": "src/app/app.component.html",
"content": "\n \n \n\n \n \n\n \n \n \n"
},
{
"path": "src/app/app.component.scss",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\n@import '@theme/styles/themes';\n@import '~@nebular/theme/styles/global/breakpoints';\n\n@include nb-install-component() {\n $blur-background: #e9eaec;\n $content-width: nb-theme(content-width);\n $popover-border-width: calc(#{nb-theme(popover-arrow-size)} - 2px);\n\n .content-center {\n max-width: $content-width;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n display: flex;\n flex-wrap: wrap;\n }\n\n .contact-us {\n padding: 5rem 1rem;\n\n h2 {\n color: black;\n }\n }\n\n /deep/ nb-popover {\n font-family: nb-theme(font-main), sans-serif;\n\n nb-overlay-container {\n .primitive-overlay {\n box-shadow: 0 6px 10px 0 rgba(51, 102, 255, 0.16);\n padding: 0.4rem 1rem 0.5rem;\n font-size: nb-theme(font-size-sm);\n }\n }\n\n .arrow {\n &::after {\n border-left-width: $popover-border-width;\n border-right-width: $popover-border-width;\n border-bottom-width: $popover-border-width;\n }\n }\n }\n\n /deep/ nb-layout {\n &.blur {\n .layout {\n filter: blur(5px);\n background-color: $blur-background;\n }\n }\n }\n\n /deep/ nb-layout .main-container {\n padding-top: 3rem;\n\n .scrollable {\n padding-top: 0;\n }\n }\n\n /deep/ nb-layout .layout-container .columns {\n max-width: $content-width;\n margin: 0 auto;\n }\n\n /deep/ nb-layout-header {\n nav {\n max-width: $content-width;\n margin: 0 auto;\n }\n }\n\n /deep/ .content nb-layout-footer {\n width: 100%;\n background-color: #f7f8fa;\n\n nav {\n max-width: $content-width;\n width: 100%;\n margin: 0 auto;\n }\n }\n\n\n @include media-breakpoint-down(xl) {\n nb-layout-header /deep/ nav {\n height: 8.25rem;\n display: block;\n }\n }\n}\n"
},
{
"path": "src/app/app.component.ts",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\nimport { Component } from '@angular/core';\nimport { DialogStateService } from './@theme/services/dialog-state.service';\n\n@Component({\n selector: 'eva-app',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.scss'],\n})\nexport class AppComponent {\n\n isOpenDialog = false;\n\n constructor(private dialogStateService: DialogStateService) {\n this.dialogStateService.onChangeDialogState()\n .subscribe(({state}) => {\n this.isOpenDialog = state === 'open';\n });\n }\n}\n"
},
{
"path": "src/app/app.module.ts",
"content": "/**\n * @license\n * Copyright Akveo. All Rights Reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n */\n\nimport { APP_BASE_HREF } from '@angular/common';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { NgModule } from '@angular/core';\nimport { HttpClientModule } from '@angular/common/http';\n\nimport { EvaThemeModule } from './@theme/theme.module';\nimport { CoreModule } from './@core/core.module';\nimport { AppComponent } from './app.component';\nimport { RouterModule } from '@angular/router';\n\n@NgModule({\n declarations: [\n AppComponent,\n ],\n imports: [\n BrowserModule,\n BrowserAnimationsModule,\n HttpClientModule,\n RouterModule.forRoot(\n [\n { path: '', component: AppComponent },\n { path: '**', redirectTo: '' },\n ],\n {\n useHash: true,\n },\n ),\n\n EvaThemeModule.forRoot(),\n CoreModule.forRoot(),\n ],\n bootstrap: [AppComponent],\n providers: [\n { provide: APP_BASE_HREF, useValue: '/' },\n ],\n})\nexport class AppModule { }\n"
},
{
"path": "src/assets/.gitkeep",
"content": ""
},
{
"path": "src/browserslist",
"content": "# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers\n# For additional information regarding the format and rule options, please see:\n# https://github.com/browserslist/browserslist#queries\n# For IE 9-11 support, please uncomment the last line of the file and adjust as needed\n> 0.5%\nlast 2 versions\nFirefox ESR\nnot dead\n# IE 9-11"
},
{
"path": "src/environments/environment.prod.ts",
"content": "export const environment = {\n production: true,\n};\n"
},
{
"path": "src/environments/environment.ts",
"content": "// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build ---prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false,\n};\n"
},
{
"path": "src/index.html",
"content": "\n\n\n \n Eva Icons - beautifully crafted Open Source UI icons for common actions and items. \n\n ![](\"https://i.imgur.com/cXYo5bi.png\")
Eva Icons![](\"https://i.imgur.com/oDmqDkE.jpg\")
\n\n**Eva Icons** is a pack of more than 480 beautifully crafted Open Source icons for common actions and items. Additionally, Eva Icons supports 4 animation types: `zoom`, `pulse`, `shake` and `flip`. Download on desktop to use them in your digital products for Web, iOS and Android. Icons are provided in two visual types: `Fill` and `Outline` and in several formats, including `PNG`, `SVG`, `font`, `Sketch`, etc.\n\n## Download\n- [Complete Eva Icons Package](https://akveo.github.io/eva-icons/eva-icons.zip)\n- [NPM Package](https://www.npmjs.com/package/eva-icons)\n- you also can download icons one by one in `PNG` and `SVG` formats from [Eva Icons Website](https://akveo.github.io/eva-icons/?utm_campaign=eva_icons%20-%20home%20-%20eva_icons%20github%20readme&utm_source=eva_icons&utm_medium=referral&utm_content=github_readme_download_eva_icons).\n\n### CDN\n\nLoad from CDN in your project:\n```html\n\n```\nAfter including the script, `eva` will be available as a global variable.\n\n### NPM\n\n- Install the package:\n```\nnpm i eva-icons\n``` \n\n- Include it to your page:\n```html\n\n```\n\n- Or require the package (may vary depending on your build system):\n\n```js\nconst eva = require('eva-icons');\n```\n\n```js\nimport * as eva from 'eva-icons';\n```\n\n## How to use\n\n### JavaScript\n\n- Add the `data-eva` attribute with the icon name to an element:\n\n```html\n\n```\n\n- Call `eva.replace();` to replace all elements with the `data-eva` data attribute with SVG elements. You can also pass some additional parameters to the `replace` method to modify the `replace` function behavior. \n\n```html\n\n\n ![](\"assets/img/akveo-logo.png\"){kind=logo}
\n \n