Updated Heroicons icons

This commit is contained in:
Sercan Yemen 2023-05-30 11:58:30 +03:00
parent e23a21eedf
commit 3175a2faae
208 changed files with 3356 additions and 1925 deletions

View File

@ -48,7 +48,7 @@
<mat-icon <mat-icon
*ngIf="type === 'warning'" *ngIf="type === 'warning'"
[svgIcon]="'heroicons_solid:exclamation'"></mat-icon> [svgIcon]="'heroicons_solid:exclamation-triangle'"></mat-icon>
<mat-icon <mat-icon
*ngIf="type === 'error'" *ngIf="type === 'error'"
@ -76,7 +76,7 @@
class="fuse-alert-dismiss-button" class="fuse-alert-dismiss-button"
mat-icon-button mat-icon-button
(click)="dismiss()"> (click)="dismiss()">
<mat-icon [svgIcon]="'heroicons_solid:x'"></mat-icon> <mat-icon [svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -8,5 +8,5 @@
<!-- Default icon --> <!-- Default icon -->
<ng-template #defaultIconTpl> <ng-template #defaultIconTpl>
<mat-icon [svgIcon]="'heroicons_outline:arrows-expand'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrows-pointing-out'"></mat-icon>
</ng-template> </ng-template>

View File

@ -13,7 +13,7 @@ export class FuseConfirmationService
message : 'Are you sure you want to confirm this action?', message : 'Are you sure you want to confirm this action?',
icon : { icon : {
show : true, show : true,
name : 'heroicons_outline:exclamation', name : 'heroicons_outline:exclamation-triangle',
color: 'warn', color: 'warn',
}, },
actions : { actions : {

View File

@ -8,7 +8,7 @@
[matDialogClose]="undefined"> [matDialogClose]="undefined">
<mat-icon <mat-icon
class="text-secondary" class="text-secondary"
[svgIcon]="'heroicons_outline:x'"></mat-icon> [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</button> </button>
</div> </div>
</ng-container> </ng-container>

View File

@ -20,5 +20,6 @@ export class IconsService
matIconRegistry.addSvgIconSetInNamespace('feather', domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/feather.svg')); matIconRegistry.addSvgIconSetInNamespace('feather', domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/feather.svg'));
matIconRegistry.addSvgIconSetInNamespace('heroicons_outline', domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/heroicons-outline.svg')); matIconRegistry.addSvgIconSetInNamespace('heroicons_outline', domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/heroicons-outline.svg'));
matIconRegistry.addSvgIconSetInNamespace('heroicons_solid', domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/heroicons-solid.svg')); matIconRegistry.addSvgIconSetInNamespace('heroicons_solid', domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/heroicons-solid.svg'));
matIconRegistry.addSvgIconSetInNamespace('heroicons_mini', domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/heroicons-mini.svg'));
} }
} }

View File

@ -26,7 +26,7 @@
(click)="closePanel()"> (click)="closePanel()">
<mat-icon <mat-icon
class="icon-size-5 text-current" class="icon-size-5 text-current"
[svgIcon]="'heroicons_solid:x'"></mat-icon> [svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
</button> </button>
</div> </div>
<div class="text-lg font-medium leading-10">Messages</div> <div class="text-lg font-medium leading-10">Messages</div>
@ -38,7 +38,7 @@
(click)="markAllAsRead()"> (click)="markAllAsRead()">
<mat-icon <mat-icon
class="icon-size-5 text-current" class="icon-size-5 text-current"
[svgIcon]="'heroicons_solid:mail-open'"></mat-icon> [svgIcon]="'heroicons_solid:envelope-open'"></mat-icon>
</button> </button>
</div> </div>
</div> </div>
@ -99,7 +99,7 @@
[matTooltip]="'Remove'"> [matTooltip]="'Remove'">
<mat-icon <mat-icon
class="icon-size-4" class="icon-size-4"
[svgIcon]="'heroicons_solid:x'"></mat-icon> [svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
</button> </button>
</div> </div>
</div> </div>

View File

@ -26,7 +26,7 @@
(click)="closePanel()"> (click)="closePanel()">
<mat-icon <mat-icon
class="icon-size-5 text-current" class="icon-size-5 text-current"
[svgIcon]="'heroicons_solid:x'"></mat-icon> [svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
</button> </button>
</div> </div>
<div class="text-lg font-medium leading-10">Notifications</div> <div class="text-lg font-medium leading-10">Notifications</div>
@ -38,7 +38,7 @@
(click)="markAllAsRead()"> (click)="markAllAsRead()">
<mat-icon <mat-icon
class="icon-size-5 text-current" class="icon-size-5 text-current"
[svgIcon]="'heroicons_solid:mail-open'"></mat-icon> [svgIcon]="'heroicons_solid:envelope-open'"></mat-icon>
</button> </button>
</div> </div>
</div> </div>
@ -99,7 +99,7 @@
[matTooltip]="'Remove'"> [matTooltip]="'Remove'">
<mat-icon <mat-icon
class="icon-size-4" class="icon-size-4"
[svgIcon]="'heroicons_solid:x'"></mat-icon> [svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -14,13 +14,13 @@
<div class="flex flex-0 items-center justify-center w-16"> <div class="flex flex-0 items-center justify-center w-16">
<mat-icon <mat-icon
class="icon-size-6" class="icon-size-6"
[svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon> [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
</div> </div>
<div class="text-lg font-medium text-secondary">Team Chat</div> <div class="text-lg font-medium text-secondary">Team Chat</div>
<button <button
class="ml-auto mr-4" class="ml-auto mr-4"
mat-icon-button> mat-icon-button>
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</button> </button>
</div> </div>
</ng-container> </ng-container>
@ -45,7 +45,7 @@
<button <button
class="ml-auto mr-4" class="ml-auto mr-4"
mat-icon-button> mat-icon-button>
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</button> </button>
</div> </div>
</ng-container> </ng-container>
@ -179,7 +179,7 @@
<div class="flex flex-col flex-auto items-center justify-center w-full h-full p-4"> <div class="flex flex-col flex-auto items-center justify-center w-full h-full p-4">
<mat-icon <mat-icon
class="icon-size-24" class="icon-size-24"
[svgIcon]="'heroicons_outline:chat'"></mat-icon> [svgIcon]="'heroicons_outline:chat-bubble-bottom-center-text'"></mat-icon>
<div class="mt-4 text-xl text-center font-medium tracking-tight text-secondary">Select a conversation</div> <div class="mt-4 text-xl text-center font-medium tracking-tight text-secondary">Select a conversation</div>
</div> </div>
</ng-template> </ng-template>

View File

@ -4,7 +4,7 @@
mat-icon-button mat-icon-button
*ngIf="!opened" *ngIf="!opened"
(click)="open()"> (click)="open()">
<mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:magnifying-glass'"></mat-icon>
</button> </button>
<div <div
class="absolute inset-0 flex items-center shrink-0 z-99 bg-card" class="absolute inset-0 flex items-center shrink-0 z-99 bg-card"
@ -13,7 +13,7 @@
@slideOutTop> @slideOutTop>
<mat-icon <mat-icon
class="absolute ml-6 sm:ml-8" class="absolute ml-6 sm:ml-8"
[svgIcon]="'heroicons_outline:search'"></mat-icon> [svgIcon]="'heroicons_outline:magnifying-glass'"></mat-icon>
<input <input
class="w-full h-full px-16 sm:px-18" class="w-full h-full px-16 sm:px-18"
[formControl]="searchControl" [formControl]="searchControl"
@ -60,7 +60,7 @@
class="absolute top-1/2 right-5 sm:right-7 shrink-0 w-10 h-10 -mt-5" class="absolute top-1/2 right-5 sm:right-7 shrink-0 w-10 h-10 -mt-5"
mat-icon-button mat-icon-button
(click)="close()"> (click)="close()">
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</button> </button>
</div> </div>
</ng-container> </ng-container>
@ -73,7 +73,7 @@
[subscriptSizing]="'dynamic'"> [subscriptSizing]="'dynamic'">
<mat-icon <mat-icon
matPrefix matPrefix
[svgIcon]="'heroicons_outline:search'"></mat-icon> [svgIcon]="'heroicons_outline:magnifying-glass'"></mat-icon>
<input <input
matInput matInput
[formControl]="searchControl" [formControl]="searchControl"

View File

@ -6,7 +6,7 @@
(click)="settingsDrawer.toggle()"> (click)="settingsDrawer.toggle()">
<mat-icon <mat-icon
class="icon-size-5 text-white animate-spin-slow" class="icon-size-5 text-white animate-spin-slow"
[svgIcon]="'heroicons_solid:cog'"></mat-icon> [svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
</div> </div>
<fuse-drawer <fuse-drawer
@ -21,7 +21,7 @@
<div class="flex flex-row items-center px-6 h-20 min-h-20 text-white bg-primary"> <div class="flex flex-row items-center px-6 h-20 min-h-20 text-white bg-primary">
<mat-icon <mat-icon
class="icon-size-7 text-current" class="icon-size-7 text-current"
[svgIcon]="'heroicons_solid:cog'"></mat-icon> [svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
<div class="ml-3 text-2xl font-semibold tracking-tight">Settings</div> <div class="ml-3 text-2xl font-semibold tracking-tight">Settings</div>
<button <button
class="ml-auto" class="ml-auto"
@ -29,7 +29,7 @@
(click)="settingsDrawer.close()"> (click)="settingsDrawer.close()">
<mat-icon <mat-icon
class="text-current" class="text-current"
[svgIcon]="'heroicons_outline:x'"></mat-icon> [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</button> </button>
</div> </div>
@ -70,7 +70,7 @@
<div class="flex items-center rounded-full overflow-hidden"> <div class="flex items-center rounded-full overflow-hidden">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:lightning-bolt'"></mat-icon> [svgIcon]="'heroicons_solid:bolt'"></mat-icon>
</div> </div>
<div <div
class="flex items-center ml-2 font-medium leading-5" class="flex items-center ml-2 font-medium leading-5"

View File

@ -3,7 +3,7 @@
mat-icon-button mat-icon-button
(click)="openPanel()" (click)="openPanel()"
#shortcutsOrigin> #shortcutsOrigin>
<mat-icon [svgIcon]="'heroicons_outline:bookmark'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:squares-plus'"></mat-icon>
</button> </button>
<!-- Shortcuts panel --> <!-- Shortcuts panel -->
@ -18,7 +18,7 @@
(click)="closePanel()"> (click)="closePanel()">
<mat-icon <mat-icon
class="icon-size-5 text-current" class="icon-size-5 text-current"
[svgIcon]="'heroicons_solid:x'"></mat-icon> [svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
</button> </button>
</div> </div>
<div class="flex items-center text-lg font-medium leading-10"> <div class="flex items-center text-lg font-medium leading-10">
@ -41,7 +41,7 @@
[matTooltip]="'Enter edit mode'"> [matTooltip]="'Enter edit mode'">
<mat-icon <mat-icon
class="icon-size-5 text-current" class="icon-size-5 text-current"
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon> [svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
</button> </button>
<!-- Enter 'add' mode --> <!-- Enter 'add' mode -->
<button <button

View File

@ -36,20 +36,20 @@
<span>Profile</span> <span>Profile</span>
</button> </button>
<button mat-menu-item> <button mat-menu-item>
<mat-icon [svgIcon]="'heroicons_outline:cog'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:cog-8-tooth'"></mat-icon>
<span>Settings</span> <span>Settings</span>
</button> </button>
<button <button
mat-menu-item mat-menu-item
[matMenuTriggerFor]="userStatus"> [matMenuTriggerFor]="userStatus">
<mat-icon [svgIcon]="'heroicons_outline:dots-circle-horizontal'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:ellipsis-horizontal-circle'"></mat-icon>
<span>Status</span> <span>Status</span>
</button> </button>
<mat-divider class="my-2"></mat-divider> <mat-divider class="my-2"></mat-divider>
<button <button
mat-menu-item mat-menu-item
(click)="signOut()"> (click)="signOut()">
<mat-icon [svgIcon]="'heroicons_outline:logout'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-right-on-rectangle'"></mat-icon>
<span>Sign out</span> <span>Sign out</span>
</button> </button>
</mat-menu> </mat-menu>

View File

@ -61,7 +61,7 @@
class="mr-2" class="mr-2"
mat-icon-button mat-icon-button
(click)="toggleNavigation('mainNavigation')"> (click)="toggleNavigation('mainNavigation')">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</ng-container> </ng-container>
<!-- Components --> <!-- Components -->

View File

@ -44,7 +44,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="toggleNavigation('mainNavigation')"> (click)="toggleNavigation('mainNavigation')">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</ng-container> </ng-container>
<!-- Components --> <!-- Components -->
@ -59,7 +59,7 @@
class="lg:hidden" class="lg:hidden"
mat-icon-button mat-icon-button
(click)="quickChat.toggle()"> (click)="quickChat.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
</button> </button>
<user></user> <user></user>
</div> </div>

View File

@ -50,7 +50,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="toggleNavigation('mainNavigation')"> (click)="toggleNavigation('mainNavigation')">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</ng-container> </ng-container>
<!-- Components --> <!-- Components -->

View File

@ -53,7 +53,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="toggleNavigation('mainNavigation')"> (click)="toggleNavigation('mainNavigation')">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</ng-container> </ng-container>
<!-- Components --> <!-- Components -->
@ -68,7 +68,7 @@
class="lg:hidden" class="lg:hidden"
mat-icon-button mat-icon-button
(click)="quickChat.toggle()"> (click)="quickChat.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
</button> </button>
<user></user> <user></user>
</div> </div>

View File

@ -35,7 +35,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="toggleNavigation('mainNavigation')"> (click)="toggleNavigation('mainNavigation')">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2">
@ -49,7 +49,7 @@
class="lg:hidden" class="lg:hidden"
mat-icon-button mat-icon-button
(click)="quickChat.toggle()"> (click)="quickChat.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
</button> </button>
<user></user> <user></user>
</div> </div>

View File

@ -65,7 +65,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="toggleNavigation('mainNavigation')"> (click)="toggleNavigation('mainNavigation')">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2">
@ -78,7 +78,7 @@
class="lg:hidden" class="lg:hidden"
mat-icon-button mat-icon-button
(click)="quickChat.toggle()"> (click)="quickChat.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
</button> </button>
</div> </div>
</div> </div>

View File

@ -30,7 +30,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="toggleNavigation('mainNavigation')"> (click)="toggleNavigation('mainNavigation')">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2">
@ -44,7 +44,7 @@
class="lg:hidden" class="lg:hidden"
mat-icon-button mat-icon-button
(click)="quickChat.toggle()"> (click)="quickChat.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
</button> </button>
<user></user> <user></user>
</div> </div>

View File

@ -31,14 +31,14 @@
<button <button
mat-icon-button mat-icon-button
(click)="toggleNavigation('mainNavigation')"> (click)="toggleNavigation('mainNavigation')">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
<!-- Navigation appearance toggle button --> <!-- Navigation appearance toggle button -->
<button <button
class="hidden md:inline-flex" class="hidden md:inline-flex"
mat-icon-button mat-icon-button
(click)="toggleNavigationAppearance()"> (click)="toggleNavigationAppearance()">
<mat-icon [svgIcon]="'heroicons_outline:switch-horizontal'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrows-right-left'"></mat-icon>
</button> </button>
</div> </div>
<!-- Components --> <!-- Components -->
@ -53,7 +53,7 @@
class="lg:hidden" class="lg:hidden"
mat-icon-button mat-icon-button
(click)="quickChat.toggle()"> (click)="quickChat.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
</button> </button>
<user></user> <user></user>
</div> </div>

View File

@ -44,7 +44,7 @@
class="mr-2" class="mr-2"
mat-icon-button mat-icon-button
(click)="toggleNavigation('mainNavigation')"> (click)="toggleNavigation('mainNavigation')">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2">
@ -58,7 +58,7 @@
class="lg:hidden" class="lg:hidden"
mat-icon-button mat-icon-button
(click)="quickChat.toggle()"> (click)="quickChat.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
</button> </button>
</div> </div>
</div> </div>

View File

@ -31,7 +31,7 @@
class="mr-2" class="mr-2"
mat-icon-button mat-icon-button
(click)="toggleNavigation('mainNavigation')"> (click)="toggleNavigation('mainNavigation')">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2">
@ -45,7 +45,7 @@
class="lg:hidden" class="lg:hidden"
mat-icon-button mat-icon-button
(click)="quickChat.toggle()"> (click)="quickChat.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
</button> </button>
<user></user> <user></user>
</div> </div>

View File

@ -27,7 +27,7 @@ export const folders = [
id : '0197c436-2ef3-424d-b546-8b7f49186e15', id : '0197c436-2ef3-424d-b546-8b7f49186e15',
title: 'Spam', title: 'Spam',
slug : 'spam', slug : 'spam',
icon : 'heroicons_outline:exclamation', icon : 'heroicons_outline:exclamation-triangle',
}, },
{ {
id : '2fa74637-d362-4fd2-9a88-f7195a88bdde', id : '2fa74637-d362-4fd2-9a88-f7195a88bdde',

View File

@ -9,7 +9,7 @@ export const boards = [
id : '2c82225f-2a6c-45d3-b18a-1132712a4234', id : '2c82225f-2a6c-45d3-b18a-1132712a4234',
title : 'Admin Dashboard', title : 'Admin Dashboard',
description : 'Roadmap for the new project', description : 'Roadmap for the new project',
icon : 'heroicons_outline:template', icon : 'heroicons_outline:rectangle-group',
lastActivity: now.startOf('day').minus({day: 1}).toISO(), lastActivity: now.startOf('day').minus({day: 1}).toISO(),
members : [ members : [
'9c510cf3-460d-4a8c-b3be-bcc3db578c08', '9c510cf3-460d-4a8c-b3be-bcc3db578c08',

View File

@ -13,7 +13,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'dashboards.project', id : 'dashboards.project',
title: 'Project', title: 'Project',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:clipboard-check', icon : 'heroicons_outline:clipboard-document-check',
link : '/dashboards/project', link : '/dashboards/project',
}, },
{ {
@ -27,7 +27,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'dashboards.finance', id : 'dashboards.finance',
title: 'Finance', title: 'Finance',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:cash', icon : 'heroicons_outline:banknotes',
link : '/dashboards/finance', link : '/dashboards/finance',
}, },
{ {
@ -57,7 +57,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'apps.chat', id : 'apps.chat',
title: 'Chat', title: 'Chat',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:chat-alt', icon : 'heroicons_outline:chat-bubble-bottom-center-text',
link : '/apps/chat', link : '/apps/chat',
}, },
{ {
@ -92,7 +92,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'apps.help-center', id : 'apps.help-center',
title : 'Help Center', title : 'Help Center',
type : 'collapsable', type : 'collapsable',
icon : 'heroicons_outline:support', icon : 'heroicons_outline:information-circle',
link : '/apps/help-center', link : '/apps/help-center',
children: [ children: [
{ {
@ -126,7 +126,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'apps.mailbox', id : 'apps.mailbox',
title: 'Mailbox', title: 'Mailbox',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:mail', icon : 'heroicons_outline:envelope',
link : '/apps/mailbox', link : '/apps/mailbox',
badge: { badge: {
title : '27', title : '27',
@ -137,14 +137,14 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'apps.notes', id : 'apps.notes',
title: 'Notes', title: 'Notes',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:pencil-alt', icon : 'heroicons_outline:pencil-square',
link : '/apps/notes', link : '/apps/notes',
}, },
{ {
id : 'apps.scrumboard', id : 'apps.scrumboard',
title: 'Scrumboard', title: 'Scrumboard',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:view-boards', icon : 'heroicons_outline:view-columns',
link : '/apps/scrumboard', link : '/apps/scrumboard',
}, },
{ {
@ -167,7 +167,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'pages.activities', id : 'pages.activities',
title: 'Activities', title: 'Activities',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:menu-alt-2', icon : 'heroicons_outline:bars-3-bottom-left',
link : '/pages/activities', link : '/pages/activities',
}, },
{ {
@ -629,14 +629,14 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'pages.maintenance', id : 'pages.maintenance',
title: 'Maintenance', title: 'Maintenance',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:exclamation', icon : 'heroicons_outline:exclamation-triangle',
link : '/pages/maintenance', link : '/pages/maintenance',
}, },
{ {
id : 'pages.pricing', id : 'pages.pricing',
title : 'Pricing', title : 'Pricing',
type : 'collapsable', type : 'collapsable',
icon : 'heroicons_outline:cash', icon : 'heroicons_outline:banknotes',
children: [ children: [
{ {
id : 'pages.pricing.modern', id : 'pages.pricing.modern',
@ -675,7 +675,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'pages.settings', id : 'pages.settings',
title: 'Settings', title: 'Settings',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:cog', icon : 'heroicons_outline:cog-8-tooth',
link : '/pages/settings', link : '/pages/settings',
}, },
], ],
@ -685,27 +685,27 @@ export const defaultNavigation: FuseNavigationItem[] = [
title : 'User Interface', title : 'User Interface',
subtitle: 'Building blocks of the UI & UX', subtitle: 'Building blocks of the UI & UX',
type : 'group', type : 'group',
icon : 'heroicons_outline:collection', icon : 'heroicons_outline:rectangle-stack',
children: [ children: [
{ {
id : 'user-interface.material-components', id : 'user-interface.material-components',
title: 'Material Components', title: 'Material Components',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:chip', icon : 'heroicons_outline:square-3-stack-3d',
link : '/ui/material-components', link : '/ui/material-components',
}, },
{ {
id : 'user-interface.fuse-components', id : 'user-interface.fuse-components',
title: 'Fuse Components', title: 'Fuse Components',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:chip', icon : 'heroicons_outline:square-3-stack-3d',
link : '/ui/fuse-components', link : '/ui/fuse-components',
}, },
{ {
id : 'user-interface.other-components', id : 'user-interface.other-components',
title: 'Other Components', title: 'Other Components',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:chip', icon : 'heroicons_outline:square-3-stack-3d',
link : '/ui/other-components', link : '/ui/other-components',
}, },
{ {
@ -719,7 +719,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'user-interface.advanced-search', id : 'user-interface.advanced-search',
title: 'Advanced Search', title: 'Advanced Search',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:search-circle', icon : 'heroicons_outline:magnifying-glass-circle',
link : '/ui/advanced-search', link : '/ui/advanced-search',
}, },
{ {
@ -733,14 +733,14 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'user-interface.cards', id : 'user-interface.cards',
title: 'Cards', title: 'Cards',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:duplicate', icon : 'heroicons_outline:square-2-stack',
link : '/ui/cards', link : '/ui/cards',
}, },
{ {
id : 'user-interface.colors', id : 'user-interface.colors',
title: 'Colors', title: 'Colors',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:color-swatch', icon : 'heroicons_outline:swatch',
link : '/ui/colors', link : '/ui/colors',
}, },
{ {
@ -754,14 +754,14 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'user-interface.datatable', id : 'user-interface.datatable',
title: 'Datatable', title: 'Datatable',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:view-list', icon : 'heroicons_outline:table-cells',
link : '/ui/datatable', link : '/ui/datatable',
}, },
{ {
id : 'user-interface.forms', id : 'user-interface.forms',
title : 'Forms', title : 'Forms',
type : 'collapsable', type : 'collapsable',
icon : 'heroicons_outline:pencil-alt', icon : 'heroicons_outline:pencil-square',
children: [ children: [
{ {
id : 'user-interface.forms.fields', id : 'user-interface.forms.fields',
@ -787,7 +787,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'user-interface.icons', id : 'user-interface.icons',
title : 'Icons', title : 'Icons',
type : 'collapsable', type : 'collapsable',
icon : 'heroicons_outline:lightning-bolt', icon : 'heroicons_outline:bolt',
children: [ children: [
{ {
id : 'user-interface.icons.heroicons-outline', id : 'user-interface.icons.heroicons-outline',
@ -801,6 +801,12 @@ export const defaultNavigation: FuseNavigationItem[] = [
type : 'basic', type : 'basic',
link : '/ui/icons/heroicons-solid', link : '/ui/icons/heroicons-solid',
}, },
{
id : 'user-interface.icons.heroicons-mini',
title: 'Heroicons Mini',
type : 'basic',
link : '/ui/icons/heroicons-mini',
},
{ {
id : 'user-interface.icons.material-twotone', id : 'user-interface.icons.material-twotone',
title: 'Material Twotone', title: 'Material Twotone',
@ -831,7 +837,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'user-interface.page-layouts', id : 'user-interface.page-layouts',
title : 'Page Layouts', title : 'Page Layouts',
type : 'collapsable', type : 'collapsable',
icon : 'heroicons_outline:template', icon : 'heroicons_outline:rectangle-group',
children: [ children: [
{ {
id : 'user-interface.page-layouts.overview', id : 'user-interface.page-layouts.overview',
@ -958,13 +964,13 @@ export const defaultNavigation: FuseNavigationItem[] = [
title : 'Documentation', title : 'Documentation',
subtitle: 'Everything you need to know about Fuse', subtitle: 'Everything you need to know about Fuse',
type : 'group', type : 'group',
icon : 'heroicons_outline:support', icon : 'heroicons_outline:information-circle',
children: [ children: [
{ {
id : 'documentation.changelog', id : 'documentation.changelog',
title: 'Changelog', title: 'Changelog',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:speakerphone', icon : 'heroicons_outline:megaphone',
link : '/docs/changelog', link : '/docs/changelog',
badge: { badge: {
title : '18.0.0', title : '18.0.0',
@ -982,21 +988,21 @@ export const defaultNavigation: FuseNavigationItem[] = [
id : 'user-interface.material-components', id : 'user-interface.material-components',
title: 'Material Components', title: 'Material Components',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:chip', icon : 'heroicons_outline:square-3-stack-3d',
link : '/ui/material-components', link : '/ui/material-components',
}, },
{ {
id : 'user-interface.fuse-components', id : 'user-interface.fuse-components',
title: 'Fuse Components', title: 'Fuse Components',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:chip', icon : 'heroicons_outline:square-3-stack-3d',
link : '/ui/fuse-components', link : '/ui/fuse-components',
}, },
{ {
id : 'user-interface.other-components', id : 'user-interface.other-components',
title: 'Other Components', title: 'Other Components',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:chip', icon : 'heroicons_outline:square-3-stack-3d',
link : '/ui/other-components', link : '/ui/other-components',
}, },
], ],
@ -1010,7 +1016,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
title : 'Navigation features', title : 'Navigation features',
subtitle: 'Collapsable levels & badge styles', subtitle: 'Collapsable levels & badge styles',
type : 'group', type : 'group',
icon : 'heroicons_outline:menu', icon : 'heroicons_outline:bars-3',
children: [ children: [
{ {
id : 'navigation-features.level.0', id : 'navigation-features.level.0',
@ -1189,7 +1195,7 @@ export const compactNavigation: FuseNavigationItem[] = [
title : 'UI', title : 'UI',
tooltip : 'UI', tooltip : 'UI',
type : 'aside', type : 'aside',
icon : 'heroicons_outline:collection', icon : 'heroicons_outline:rectangle-stack',
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
}, },
{ {
@ -1197,7 +1203,7 @@ export const compactNavigation: FuseNavigationItem[] = [
title : 'Navigation', title : 'Navigation',
tooltip : 'Navigation', tooltip : 'Navigation',
type : 'aside', type : 'aside',
icon : 'heroicons_outline:menu', icon : 'heroicons_outline:bars-3',
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
}, },
]; ];
@ -1230,14 +1236,14 @@ export const futuristicNavigation: FuseNavigationItem[] = [
id : 'user-interface', id : 'user-interface',
title : 'User Interface', title : 'User Interface',
type : 'aside', type : 'aside',
icon : 'heroicons_outline:collection', icon : 'heroicons_outline:rectangle-stack',
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
}, },
{ {
id : 'navigation-features', id : 'navigation-features',
title : 'Navigation Features', title : 'Navigation Features',
type : 'aside', type : 'aside',
icon : 'heroicons_outline:menu', icon : 'heroicons_outline:bars-3',
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
}, },
]; ];
@ -1267,14 +1273,14 @@ export const horizontalNavigation: FuseNavigationItem[] = [
id : 'user-interface', id : 'user-interface',
title : 'UI', title : 'UI',
type : 'group', type : 'group',
icon : 'heroicons_outline:collection', icon : 'heroicons_outline:rectangle-stack',
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
}, },
{ {
id : 'navigation-features', id : 'navigation-features',
title : 'Misc', title : 'Misc',
type : 'group', type : 'group',
icon : 'heroicons_outline:menu', icon : 'heroicons_outline:bars-3',
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
}, },
]; ];

View File

@ -7,7 +7,7 @@ const now = DateTime.now();
export const notifications = [ export const notifications = [
{ {
id : '493190c9-5b61-4912-afe5-78c21f1044d7', id : '493190c9-5b61-4912-afe5-78c21f1044d7',
icon : 'heroicons_solid:star', icon : 'heroicons_mini:star',
title : 'Daily challenges', title : 'Daily challenges',
description: 'Your submission has been accepted', description: 'Your submission has been accepted',
time : now.minus({minute: 25}).toISO(), // 25 minutes ago time : now.minus({minute: 25}).toISO(), // 25 minutes ago
@ -24,7 +24,7 @@ export const notifications = [
}, },
{ {
id : 'b91ccb58-b06c-413b-b389-87010e03a120', id : 'b91ccb58-b06c-413b-b389-87010e03a120',
icon : 'heroicons_solid:mail', icon : 'heroicons_mini:envelope',
title : 'Mailbox', title : 'Mailbox',
description: 'You have 15 unread mails across 3 mailboxes', description: 'You have 15 unread mails across 3 mailboxes',
time : now.minus({hour: 3}).toISO(), // 3 hours ago time : now.minus({hour: 3}).toISO(), // 3 hours ago
@ -34,7 +34,7 @@ export const notifications = [
}, },
{ {
id : '541416c9-84a7-408a-8d74-27a43c38d797', id : '541416c9-84a7-408a-8d74-27a43c38d797',
icon : 'heroicons_solid:refresh', icon : 'heroicons_mini:arrow-path',
title : 'Cron jobs', title : 'Cron jobs',
description: 'Your <em>Docker container</em> is ready to publish', description: 'Your <em>Docker container</em> is ready to publish',
time : now.minus({hour: 5}).toISO(), // 5 hours ago time : now.minus({hour: 5}).toISO(), // 5 hours ago
@ -62,7 +62,7 @@ export const notifications = [
}, },
{ {
id : 'b85c2338-cc98-4140-bbf8-c226ce4e395e', id : 'b85c2338-cc98-4140-bbf8-c226ce4e395e',
icon : 'heroicons_solid:mail', icon : 'heroicons_mini:envelope',
title : 'Mailbox', title : 'Mailbox',
description: 'You have 3 new mails', description: 'You have 3 new mails',
time : now.minus({day: 1}).toISO(), // 1 day ago time : now.minus({day: 1}).toISO(), // 1 day ago
@ -72,7 +72,7 @@ export const notifications = [
}, },
{ {
id : '8f8e1bf9-4661-4939-9e43-390957b60f42', id : '8f8e1bf9-4661-4939-9e43-390957b60f42',
icon : 'heroicons_solid:star', icon : 'heroicons_mini:star',
title : 'Daily challenges', title : 'Daily challenges',
description: 'Your submission has been accepted and you are ready to sign-up for the final assigment which will be ready in 2 days', description: 'Your submission has been accepted and you are ready to sign-up for the final assigment which will be ready in 2 days',
time : now.minus({day: 3}).toISO(), // 3 days ago time : now.minus({day: 3}).toISO(), // 3 days ago
@ -82,7 +82,7 @@ export const notifications = [
}, },
{ {
id : '30af917b-7a6a-45d1-822f-9e7ad7f8bf69', id : '30af917b-7a6a-45d1-822f-9e7ad7f8bf69',
icon : 'heroicons_solid:refresh', icon : 'heroicons_mini:arrow-path',
title : 'Cron jobs', title : 'Cron jobs',
description: 'Your Vagrant container is ready to download', description: 'Your Vagrant container is ready to download',
time : now.minus({day: 4}).toISO(), // 4 days ago time : now.minus({day: 4}).toISO(), // 4 days ago

View File

@ -4,7 +4,7 @@ export const shortcuts = [
id : 'a1ae91d3-e2cb-459b-9be9-a184694f548b', id : 'a1ae91d3-e2cb-459b-9be9-a184694f548b',
label : 'Changelog', label : 'Changelog',
description: 'List of changes', description: 'List of changes',
icon : 'heroicons_outline:clipboard-list', icon : 'heroicons_outline:clipboard-document-list',
link : '/docs/changelog', link : '/docs/changelog',
useRouter : true, useRouter : true,
}, },
@ -20,7 +20,7 @@ export const shortcuts = [
id : '2496f42e-2f25-4e34-83d5-3ff9568fd984', id : '2496f42e-2f25-4e34-83d5-3ff9568fd984',
label : 'Help center', label : 'Help center',
description: 'FAQs and guides', description: 'FAQs and guides',
icon : 'heroicons_outline:support', icon : 'heroicons_outline:information-circle',
link : '/apps/help-center', link : '/apps/help-center',
useRouter : true, useRouter : true,
}, },
@ -36,7 +36,7 @@ export const shortcuts = [
id : '2daac375-a2f7-4393-b4d7-ce6061628b66', id : '2daac375-a2f7-4393-b4d7-ce6061628b66',
label : 'Mailbox', label : 'Mailbox',
description: '5 new e-mails', description: '5 new e-mails',
icon : 'heroicons_outline:mail', icon : 'heroicons_outline:envelope',
link : 'apps/mailbox', link : 'apps/mailbox',
useRouter : true, useRouter : true,
}, },
@ -60,7 +60,7 @@ export const shortcuts = [
id : '0a240ab8-e19d-4503-bf68-20013030d526', id : '0a240ab8-e19d-4503-bf68-20013030d526',
label : 'Reload', label : 'Reload',
description: 'Reload the app', description: 'Reload the app',
icon : 'heroicons_outline:refresh', icon : 'heroicons_outline:arrow-path',
link : '/dashboards/project', link : '/dashboards/project',
useRouter : false, useRouter : false,
}, },

View File

@ -24,7 +24,7 @@ export const activities = [
}, },
{ {
id : 'b91ccb58-b06c-413b-b389-87010e03a120', id : 'b91ccb58-b06c-413b-b389-87010e03a120',
icon : 'heroicons_solid:mail', icon : 'heroicons_solid:envelope',
description : 'You have 15 unread mails across 3 mailboxes', description : 'You have 15 unread mails across 3 mailboxes',
date : now.minus({hours: 3}).toISO(), // 3 hours ago date : now.minus({hours: 3}).toISO(), // 3 hours ago
linkedContent: 'Mailbox', linkedContent: 'Mailbox',
@ -33,7 +33,7 @@ export const activities = [
}, },
{ {
id : '541416c9-84a7-408a-8d74-27a43c38d797', id : '541416c9-84a7-408a-8d74-27a43c38d797',
icon : 'heroicons_solid:refresh', icon : 'heroicons_solid:arrow-path',
description : 'Your <strong>Docker container</strong> is ready to publish', description : 'Your <strong>Docker container</strong> is ready to publish',
date : now.minus({hours: 5}).toISO(), // 5 hours ago date : now.minus({hours: 5}).toISO(), // 5 hours ago
linkedContent: 'Download the container', linkedContent: 'Download the container',
@ -55,7 +55,7 @@ export const activities = [
}, },
{ {
id : 'b85c2338-cc98-4140-bbf8-c226ce4e395e', id : 'b85c2338-cc98-4140-bbf8-c226ce4e395e',
icon : 'heroicons_solid:mail', icon : 'heroicons_solid:envelope',
description : 'You have 3 new mails', description : 'You have 3 new mails',
date : now.minus({day: 1}).toISO(), // 1 day ago date : now.minus({day: 1}).toISO(), // 1 day ago
extraContent : `<ol class="list-decimal list-inside space-y-2"> extraContent : `<ol class="list-decimal list-inside space-y-2">
@ -84,7 +84,7 @@ export const activities = [
}, },
{ {
id : '30af917b-7a6a-45d1-822f-9e7ad7f8bf69', id : '30af917b-7a6a-45d1-822f-9e7ad7f8bf69',
icon : 'heroicons_solid:refresh', icon : 'heroicons_solid:arrow-path',
description: 'Your Vagrant container is ready to download', description: 'Your Vagrant container is ready to download',
date : now.minus({day: 4}).toISO(), // 4 days ago date : now.minus({day: 4}).toISO(), // 4 days ago
}, },

View File

@ -68,6 +68,21 @@ export class IconsMockApi
{ {
namespace: 'heroicons_solid', namespace: 'heroicons_solid',
name : 'Heroicons Solid', name : 'Heroicons Solid',
grid : 'icon-size-6',
list : cloneDeep(this._heroicons),
},
]);
// -----------------------------------------------------------------------------------------------------
// @ Heroicons mini icons - GET
// -----------------------------------------------------------------------------------------------------
this._fuseMockApiService
.onGet('api/ui/icons/heroicons-mini')
.reply(() => [
200,
{
namespace: 'heroicons_mini',
name : 'Heroicons Mini',
grid : 'icon-size-5', grid : 'icon-size-5',
list : cloneDeep(this._heroicons), list : cloneDeep(this._heroicons),
}, },

View File

@ -2079,236 +2079,298 @@ export const feather = [
'zoom-in', 'zoom-in',
'zoom-out', 'zoom-out',
]; ];
// heroicons v1.0.1 - 230 icons // heroicons v2.0.18 - 292 icons
export const heroicons = [ export const heroicons = [
'academic-cap', 'academic-cap',
'annotation', 'archive-box-arrow-down',
'adjustments', 'adjustments-vertical',
'archive', 'archive-box',
'arrow-circle-down', 'arrow-down-circle',
'arrow-circle-left', 'archive-box-x-mark',
'arrow-circle-right', 'adjustments-horizontal',
'arrow-circle-up', 'arrow-down-left',
'arrow-down-on-square',
'arrow-down-on-square-stack',
'arrow-down', 'arrow-down',
'arrow-down-right',
'arrow-left', 'arrow-left',
'arrow-narrow-down', 'arrow-left-circle',
'arrow-narrow-left', 'arrow-down-tray',
'arrow-narrow-right', 'arrow-long-right',
'arrow-narrow-up', 'arrow-long-down',
'arrow-left-on-rectangle',
'arrow-path',
'arrow-long-up',
'arrow-right-circle',
'arrow-right-on-rectangle',
'arrow-right', 'arrow-right',
'arrow-sm-left', 'arrow-small-down',
'arrow-sm-down', 'arrow-path-rounded-square',
'arrow-sm-right', 'arrow-long-left',
'arrow-sm-up', 'arrow-small-left',
'arrow-trending-down',
'arrow-small-up',
'arrow-up-left',
'arrow-trending-up',
'arrow-up-circle',
'arrow-up-on-square-stack',
'arrow-up-on-square',
'arrow-up-right',
'arrow-up-tray',
'arrow-up', 'arrow-up',
'arrows-expand', 'arrow-uturn-right',
'arrow-uturn-up',
'arrow-top-right-on-square',
'arrow-uturn-down',
'arrows-pointing-out',
'arrow-uturn-left',
'arrows-pointing-in',
'arrows-up-down',
'at-symbol', 'at-symbol',
'badge-check',
'backspace', 'backspace',
'ban', 'backward',
'banknotes',
'arrows-right-left',
'bars-2',
'bars-3-bottom-left',
'bars-3-center-left',
'bars-3',
'bars-arrow-down',
'bars-4',
'bars-arrow-up',
'battery-0',
'bars-3-bottom-right',
'battery-100',
'bell-alert',
'bell-slash',
'battery-50',
'arrow-small-right',
'beaker', 'beaker',
'bell', 'bell',
'bolt',
'bookmark-slash',
'book-open', 'book-open',
'bookmark-alt', 'bookmark-square',
'bolt-slash',
'bookmark', 'bookmark',
'briefcase', 'briefcase',
'cake', 'building-library',
'bell-snooze',
'building-office-2',
'building-storefront',
'building-office',
'calculator', 'calculator',
'calendar', 'cake',
'camera', 'calendar-days',
'cash', 'chart-bar-square',
'chart-bar', 'chart-bar',
'camera',
'bug-ant',
'calendar',
'chat-bubble-bottom-center',
'chart-pie', 'chart-pie',
'chart-square-bar', 'chat-bubble-left-right',
'chat-alt-2', 'chat-bubble-left-ellipsis',
'chat-alt', 'chat-bubble-bottom-center-text',
'chat',
'check-circle', 'check-circle',
'check-badge',
'chat-bubble-oval-left',
'chat-bubble-left',
'check', 'check',
'chevron-double-down', 'chat-bubble-oval-left-ellipsis',
'chevron-double-left',
'chevron-double-up',
'chevron-double-right', 'chevron-double-right',
'chevron-down', 'chevron-down',
'chevron-left', 'chevron-double-down',
'chevron-right', 'chevron-double-up',
'circle-stack',
'chevron-up-down',
'chevron-up', 'chevron-up',
'chip', 'clipboard-document-list',
'clipboard-check', 'chevron-double-left',
'clipboard-copy', 'chevron-right',
'clipboard-list', 'chevron-left',
'clipboard', 'cloud-arrow-down',
'clock', 'cloud-arrow-up',
'cloud-download',
'cloud-upload',
'cloud', 'cloud',
'code', 'code-bracket-square',
'code-bracket',
'cog-6-tooth',
'clipboard-document',
'clock',
'clipboard-document-check',
'cog-8-tooth',
'cog', 'cog',
'collection', 'command-line',
'credit-card', 'computer-desktop',
'color-swatch',
'cube-transparent', 'cube-transparent',
'cpu-chip',
'credit-card',
'cube', 'cube',
'currency-bangladeshi',
'currency-dollar', 'currency-dollar',
'currency-bangladeshi',
'currency-euro', 'currency-euro',
'currency-pound', 'currency-pound',
'currency-rupee',
'currency-yen', 'currency-yen',
'cursor-click', 'currency-rupee',
'database', 'cursor-arrow-ripple',
'desktop-computer', 'device-phone-mobile',
'device-mobile',
'device-tablet', 'device-tablet',
'document-add', 'document-arrow-down',
'document-download', 'cursor-arrow-rays',
'document-check',
'document-chart-bar',
'document-duplicate', 'document-duplicate',
'document-remove', 'document-minus',
'document-report', 'clipboard',
'document-search', 'document-magnifying-glass',
'document-text', 'document-plus',
'document', 'document',
'dots-circle-horizontal', 'document-text',
'dots-horizontal', 'ellipsis-horizontal-circle',
'dots-vertical', 'document-arrow-up',
'download', 'ellipsis-horizontal',
'duplicate', 'ellipsis-vertical',
'emoji-happy', 'eye-dropper',
'emoji-sad', 'exclamation-triangle',
'exclamation-circle', 'eye-slash',
'exclamation',
'external-link',
'eye-off',
'eye', 'eye',
'fast-forward', 'exclamation-circle',
'envelope-open',
'face-smile',
'film', 'film',
'filter',
'finger-print',
'fire',
'flag', 'flag',
'folder-add', 'folder-arrow-down',
'folder-download', 'envelope',
'fire',
'folder-minus',
'folder-open', 'folder-open',
'folder-remove', 'face-frown',
'folder-plus',
'forward',
'funnel',
'gift-top',
'folder', 'folder',
'gift', 'gif',
'globe-alt', 'globe-alt',
'globe', 'finger-print',
'hand', 'globe-asia-australia',
'hashtag', 'globe-europe-africa',
'heart', 'hand-raised',
'gift',
'home', 'home',
'identification', 'identification',
'inbox-in', 'globe-americas',
'inbox', 'hashtag',
'inbox-arrow-down',
'inbox-stack',
'information-circle', 'information-circle',
'inbox',
'key', 'key',
'library', 'lifebuoy',
'hand-thumb-down',
'language',
'hand-thumb-up',
'heart',
'home-modern',
'light-bulb', 'light-bulb',
'lightning-bolt',
'link',
'location-marker',
'lock-closed', 'lock-closed',
'magnifying-glass-plus',
'magnifying-glass',
'lock-open', 'lock-open',
'login', 'magnifying-glass-circle',
'logout', 'link',
'mail-open', 'list-bullet',
'mail',
'map', 'map',
'menu-alt-1', 'map-pin',
'menu-alt-2', 'megaphone',
'menu-alt-3', 'magnifying-glass-minus',
'menu-alt-4',
'menu',
'microphone',
'minus-circle', 'minus-circle',
'minus-sm', 'musical-note',
'minus', 'paint-brush',
'moon',
'music-note',
'newspaper', 'newspaper',
'office-building', 'no-symbol',
'minus-small',
'paper-airplane', 'paper-airplane',
'minus',
'microphone',
'moon',
'paper-clip', 'paper-clip',
'pause', 'pause',
'pencil-alt', 'phone-arrow-up-right',
'pencil', 'phone-arrow-down-left',
'phone-incoming', 'phone-x-mark',
'phone-missed-call',
'phone-outgoing',
'photograph',
'phone', 'phone',
'pencil',
'play-pause',
'photo',
'pencil-square',
'play', 'play',
'plus-circle', 'plus-small',
'plus-sm',
'plus', 'plus',
'presentation-chart-bar', 'power',
'play-circle',
'presentation-chart-line', 'presentation-chart-line',
'pause-circle',
'presentation-chart-bar',
'printer', 'printer',
'qrcode',
'puzzle',
'question-mark-circle', 'question-mark-circle',
'qr-code',
'queue-list',
'receipt-percent',
'radio',
'receipt-refund', 'receipt-refund',
'receipt-tax', 'plus-circle',
'refresh', 'rectangle-group',
'reply', 'puzzle-piece',
'rewind', 'rocket-launch',
'rss', 'rectangle-stack',
'save-as',
'save',
'scale',
'scissors',
'search-circle',
'search',
'selector',
'server', 'server',
'rss',
'scale',
'server-stack',
'share', 'share',
'shield-check',
'shield-exclamation', 'shield-exclamation',
'shopping-bag',
'shopping-cart', 'shopping-cart',
'sort-ascending', 'shopping-bag',
'sort-descending', 'signal-slash',
'speakerphone', 'signal',
'sparkles', 'scissors',
'shield-check',
'speaker-wave',
'speaker-x-mark',
'squares-plus',
'star', 'star',
'status-online', 'stop-circle',
'status-offline',
'stop',
'sun', 'sun',
'support', 'sparkles',
'switch-vertical', 'squares-2x2',
'switch-horizontal', 'square-2-stack',
'table', 'square-3-stack-3d',
'tag', 'table-cells',
'template',
'terminal',
'thumb-up',
'thumb-down',
'ticket', 'ticket',
'translate', 'swatch',
'trash', 'tag',
'trending-down', 'tv',
'trending-up', 'user-plus',
'truck', 'user-minus',
'upload', 'stop',
'user-add',
'user-group',
'user-circle',
'user-remove',
'user', 'user',
'truck',
'users', 'users',
'variable', 'video-camera-slash',
'user-circle',
'video-camera', 'video-camera',
'view-boards', 'user-group',
'view-grid-add', 'trophy',
'view-grid', 'viewfinder-circle',
'view-list', 'variable',
'volume-up', 'trash',
'volume-off', 'view-columns',
'x-circle',
'zoom-in',
'wifi', 'wifi',
'zoom-out', 'window',
'x', 'wrench-screwdriver',
'wrench',
'x-mark',
'wallet',
'x-circle',
]; ];

View File

@ -17,7 +17,7 @@
<span class="inline-flex items-center"> <span class="inline-flex items-center">
<mat-icon <mat-icon
class="icon-size-5 text-current" class="icon-size-5 text-current"
[svgIcon]="'heroicons_solid:arrow-sm-left'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-small-left'"></mat-icon>
<span class="ml-1.5 font-medium leading-5">Back to courses</span> <span class="ml-1.5 font-medium leading-5">Back to courses</span>
</span> </span>
</a> </a>
@ -101,7 +101,7 @@
<a <a
mat-icon-button mat-icon-button
[routerLink]="['..']"> [routerLink]="['..']">
<mat-icon [svgIcon]="'heroicons_outline:arrow-sm-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-small-left'"></mat-icon>
</a> </a>
<h2 class="ml-2.5 text-md sm:text-xl font-medium tracking-tight truncate"> <h2 class="ml-2.5 text-md sm:text-xl font-medium tracking-tight truncate">
{{course.title}} {{course.title}}
@ -143,7 +143,7 @@
<span class="inline-flex items-center"> <span class="inline-flex items-center">
<mat-icon <mat-icon
class="mr-2" class="mr-2"
[svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
<span class="mr-1">Prev</span> <span class="mr-1">Prev</span>
</span> </span>
</button> </button>
@ -161,7 +161,7 @@
<span class="ml-1">Next</span> <span class="ml-1">Next</span>
<mat-icon <mat-icon
class="ml-2" class="ml-2"
[svgIcon]="'heroicons_outline:arrow-narrow-right'"></mat-icon> [svgIcon]="'heroicons_outline:arrow-long-right'"></mat-icon>
</span> </span>
</button> </button>
</div> </div>
@ -174,7 +174,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="matDrawer.toggle()"> (click)="matDrawer.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:view-list'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-4'"></mat-icon>
</button> </button>
<div class="flex items-center justify-center ml-1 lg:ml-2 font-medium leading-5"> <div class="flex items-center justify-center ml-1 lg:ml-2 font-medium leading-5">
<span>{{currentStep + 1}}</span> <span>{{currentStep + 1}}</span>
@ -188,13 +188,13 @@
class="ml-4" class="ml-4"
mat-icon-button mat-icon-button
(click)="goToPreviousStep()"> (click)="goToPreviousStep()">
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
</button> </button>
<button <button
class="ml-0.5" class="ml-0.5"
mat-icon-button mat-icon-button
(click)="goToNextStep()"> (click)="goToNextStep()">
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-right'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-long-right'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -49,7 +49,7 @@
<mat-icon <mat-icon
matPrefix matPrefix
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:search'"></mat-icon> [svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
<input <input
(input)="filterByQuery(query.value)" (input)="filterByQuery(query.value)"
placeholder="Search by title or description" placeholder="Search by title or description"
@ -87,7 +87,7 @@
<ng-container *ngIf="course.progress.completed > 0"> <ng-container *ngIf="course.progress.completed > 0">
<mat-icon <mat-icon
class="icon-size-5 text-green-600" class="icon-size-5 text-green-600"
[svgIcon]="'heroicons_solid:badge-check'" [svgIcon]="'heroicons_solid:check-badge'"
[matTooltip]="'You completed this course at least once'"></mat-icon> [matTooltip]="'You completed this course at least once'"></mat-icon>
</ng-container> </ng-container>
</div> </div>
@ -172,7 +172,7 @@
<mat-icon <mat-icon
class="ml-1.5 icon-size-5" class="ml-1.5 icon-size-5"
[svgIcon]="'heroicons_solid:arrow-sm-right'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-small-right'"></mat-icon>
</span> </span>
</a> </a>
</div> </div>

View File

@ -61,14 +61,14 @@
class="ml-1 -mr-4" class="ml-1 -mr-4"
mat-icon-button mat-icon-button
[matMenuTriggerFor]="chatsHeaderMenu"> [matMenuTriggerFor]="chatsHeaderMenu">
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
<mat-menu #chatsHeaderMenu> <mat-menu #chatsHeaderMenu>
<button mat-menu-item> <button mat-menu-item>
<mat-icon [svgIcon]="'heroicons_outline:user-group'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:user-group'"></mat-icon>
New group New group
</button> </button>
<button mat-menu-item> <button mat-menu-item>
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
Create a room Create a room
</button> </button>
<button <button
@ -78,7 +78,7 @@
Profile Profile
</button> </button>
<button mat-menu-item> <button mat-menu-item>
<mat-icon [svgIcon]="'heroicons_outline:archive'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:archive-box'"></mat-icon>
Archived Archived
</button> </button>
<button mat-menu-item> <button mat-menu-item>
@ -86,7 +86,7 @@
Starred Starred
</button> </button>
<button mat-menu-item> <button mat-menu-item>
<mat-icon [svgIcon]="'heroicons_outline:cog'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:cog-8-tooth'"></mat-icon>
Settings Settings
</button> </button>
</mat-menu> </mat-menu>
@ -100,7 +100,7 @@
<mat-icon <mat-icon
matPrefix matPrefix
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:search'"></mat-icon> [svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
<input <input
matInput matInput
[autocomplete]="'off'" [autocomplete]="'off'"
@ -152,7 +152,7 @@
<ng-container *ngIf="chat.muted"> <ng-container *ngIf="chat.muted">
<mat-icon <mat-icon
class="icon-size-5 text-hint" class="icon-size-5 text-hint"
[svgIcon]="'heroicons_solid:volume-off'"></mat-icon> [svgIcon]="'heroicons_solid:speaker-x-mark'"></mat-icon>
</ng-container> </ng-container>
</div> </div>
</a> </a>
@ -169,7 +169,7 @@
<div class="flex flex-auto flex-col items-center justify-center h-full"> <div class="flex flex-auto flex-col items-center justify-center h-full">
<mat-icon <mat-icon
class="icon-size-24" class="icon-size-24"
[svgIcon]="'heroicons_outline:chat'"></mat-icon> [svgIcon]="'heroicons_outline:chat-bubble-oval-left-ellipsis'"></mat-icon>
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">No chats</div> <div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">No chats</div>
</div> </div>
</ng-template> </ng-template>

View File

@ -5,7 +5,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="drawer.close()"> (click)="drawer.close()">
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</button> </button>
<div class="ml-2 text-lg font-medium">Contact info</div> <div class="ml-2 text-lg font-medium">Contact info</div>
</div> </div>

View File

@ -33,7 +33,7 @@
mat-icon-button mat-icon-button
[routerLink]="['./']" [routerLink]="['./']"
(click)="resetChat()"> (click)="resetChat()">
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
</a> </a>
<!-- Contact info --> <!-- Contact info -->
@ -60,7 +60,7 @@
class="ml-auto" class="ml-auto"
mat-icon-button mat-icon-button
[matMenuTriggerFor]="conversationHeaderMenu"> [matMenuTriggerFor]="conversationHeaderMenu">
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
<mat-menu #conversationHeaderMenu> <mat-menu #conversationHeaderMenu>
<button <button
mat-menu-item mat-menu-item
@ -76,7 +76,7 @@
mat-menu-item mat-menu-item
(click)="toggleMuteNotifications()"> (click)="toggleMuteNotifications()">
<ng-container *ngIf="!chat.muted"> <ng-container *ngIf="!chat.muted">
<mat-icon [svgIcon]="'heroicons_outline:volume-off'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:speaker-x-mark'"></mat-icon>
Mute notifications Mute notifications
</ng-container> </ng-container>
<ng-container *ngIf="chat.muted"> <ng-container *ngIf="chat.muted">
@ -159,7 +159,7 @@
<div class="flex items-end p-4 border-t bg-gray-50 dark:bg-transparent"> <div class="flex items-end p-4 border-t bg-gray-50 dark:bg-transparent">
<div class="flex items-center h-11 my-px"> <div class="flex items-center h-11 my-px">
<button mat-icon-button> <button mat-icon-button>
<mat-icon [svgIcon]="'heroicons_outline:emoji-happy'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:face-smile'"></mat-icon>
</button> </button>
<button <button
class="ml-0.5" class="ml-0.5"
@ -196,7 +196,7 @@
<div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent"> <div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent">
<mat-icon <mat-icon
class="icon-size-24" class="icon-size-24"
[svgIcon]="'heroicons_outline:chat'"></mat-icon> [svgIcon]="'heroicons_outline:chat-bubble-oval-left-ellipsis'"></mat-icon>
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a conversation or start a new chat</div> <div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a conversation or start a new chat</div>
</div> </div>
</ng-template> </ng-template>

View File

@ -4,7 +4,7 @@
<div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent"> <div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent">
<mat-icon <mat-icon
class="icon-size-24" class="icon-size-24"
[svgIcon]="'heroicons_outline:chat'"></mat-icon> [svgIcon]="'heroicons_outline:chat-bubble-oval-left-ellipsis'"></mat-icon>
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a conversation or start a new chat</div> <div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a conversation or start a new chat</div>
</div> </div>

View File

@ -5,7 +5,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="drawer.close()"> (click)="drawer.close()">
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
</button> </button>
<div class="ml-2 text-2xl font-semibold">New chat</div> <div class="ml-2 text-2xl font-semibold">New chat</div>
</div> </div>

View File

@ -5,7 +5,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="drawer.close()"> (click)="drawer.close()">
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
</button> </button>
<div class="ml-2 text-2xl font-semibold">Profile</div> <div class="ml-2 text-2xl font-semibold">Profile</div>
</div> </div>
@ -49,7 +49,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
matPrefix matPrefix
[svgIcon]="'heroicons_solid:mail'"></mat-icon> [svgIcon]="'heroicons_solid:envelope'"></mat-icon>
<input <input
matInput matInput
[ngModel]="profile.email"> [ngModel]="profile.email">

View File

@ -19,7 +19,7 @@
[routerLink]="['../']"> [routerLink]="['../']">
<mat-icon <mat-icon
class="text-white" class="text-white"
[svgIcon]="'heroicons_outline:x'"></mat-icon> [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</a> </a>
</div> </div>
</div> </div>
@ -49,7 +49,7 @@
(click)="toggleEditMode(true)"> (click)="toggleEditMode(true)">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon> [svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
<span class="ml-2">Edit</span> <span class="ml-2">Edit</span>
</button> </button>
</div> </div>
@ -82,7 +82,7 @@
<!-- Company --> <!-- Company -->
<ng-container *ngIf="contact.company"> <ng-container *ngIf="contact.company">
<div class="flex sm:items-center"> <div class="flex sm:items-center">
<mat-icon [svgIcon]="'heroicons_outline:office-building'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:building-office-2'"></mat-icon>
<div class="ml-6 leading-6">{{contact.company}}</div> <div class="ml-6 leading-6">{{contact.company}}</div>
</div> </div>
</ng-container> </ng-container>
@ -90,7 +90,7 @@
<!-- Emails --> <!-- Emails -->
<ng-container *ngIf="contact.emails.length"> <ng-container *ngIf="contact.emails.length">
<div class="flex"> <div class="flex">
<mat-icon [svgIcon]="'heroicons_outline:mail'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:envelope'"></mat-icon>
<div class="min-w-0 ml-6 space-y-1"> <div class="min-w-0 ml-6 space-y-1">
<ng-container *ngFor="let email of contact.emails; trackBy: trackByFn"> <ng-container *ngFor="let email of contact.emails; trackBy: trackByFn">
<div class="flex items-center leading-6"> <div class="flex items-center leading-6">
@ -142,7 +142,7 @@
<!-- Address --> <!-- Address -->
<ng-container *ngIf="contact.address"> <ng-container *ngIf="contact.address">
<div class="flex sm:items-center"> <div class="flex sm:items-center">
<mat-icon [svgIcon]="'heroicons_outline:location-marker'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:map-pin'"></mat-icon>
<div class="ml-6 leading-6">{{contact.address}}</div> <div class="ml-6 leading-6">{{contact.address}}</div>
</div> </div>
</ng-container> </ng-container>
@ -158,7 +158,7 @@
<!-- Notes --> <!-- Notes -->
<ng-container *ngIf="contact.notes"> <ng-container *ngIf="contact.notes">
<div class="flex"> <div class="flex">
<mat-icon [svgIcon]="'heroicons_outline:menu-alt-2'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3-bottom-left'"></mat-icon>
<div <div
class="max-w-none ml-6 prose prose-sm" class="max-w-none ml-6 prose prose-sm"
[innerHTML]="contact.notes"></div> [innerHTML]="contact.notes"></div>
@ -189,7 +189,7 @@
[routerLink]="['../']"> [routerLink]="['../']">
<mat-icon <mat-icon
class="text-white" class="text-white"
[svgIcon]="'heroicons_outline:x'"></mat-icon> [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</a> </a>
</div> </div>
</div> </div>
@ -283,7 +283,7 @@
<ng-container *ngIf="contact.tags.length"> <ng-container *ngIf="contact.tags.length">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon> [svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
<span class="ml-1.5 text-md font-medium whitespace-nowrap">Edit</span> <span class="ml-1.5 text-md font-medium whitespace-nowrap">Edit</span>
</ng-container> </ng-container>
@ -302,7 +302,7 @@
<div class="flex items-center"> <div class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:search'"></mat-icon> [svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
<div class="ml-2"> <div class="ml-2">
<input <input
class="w-full min-w-0 py-1 border-0" class="w-full min-w-0 py-1 border-0"
@ -321,7 +321,7 @@
<mat-icon <mat-icon
*ngIf="!tagsEditMode" *ngIf="!tagsEditMode"
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon> [svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
<mat-icon <mat-icon
*ngIf="tagsEditMode" *ngIf="tagsEditMode"
class="icon-size-5" class="icon-size-5"
@ -415,7 +415,7 @@
<mat-icon <mat-icon
matPrefix matPrefix
class="hidden sm:flex icon-size-5" class="hidden sm:flex icon-size-5"
[svgIcon]="'heroicons_solid:office-building'"></mat-icon> [svgIcon]="'heroicons_solid:building-office-2'"></mat-icon>
<input <input
matInput matInput
[formControlName]="'company'" [formControlName]="'company'"
@ -435,7 +435,7 @@
<mat-icon <mat-icon
matPrefix matPrefix
class="hidden sm:flex icon-size-5" class="hidden sm:flex icon-size-5"
[svgIcon]="'heroicons_solid:mail'"></mat-icon> [svgIcon]="'heroicons_solid:envelope'"></mat-icon>
<input <input
matInput matInput
[formControl]="email.get('email')" [formControl]="email.get('email')"
@ -577,7 +577,7 @@
<mat-icon <mat-icon
matPrefix matPrefix
class="hidden sm:flex icon-size-5" class="hidden sm:flex icon-size-5"
[svgIcon]="'heroicons_solid:location-marker'"></mat-icon> [svgIcon]="'heroicons_solid:map-pin'"></mat-icon>
<input <input
matInput matInput
[formControlName]="'address'" [formControlName]="'address'"
@ -617,7 +617,7 @@
<mat-icon <mat-icon
matPrefix matPrefix
class="hidden sm:flex icon-size-5" class="hidden sm:flex icon-size-5"
[svgIcon]="'heroicons_solid:menu-alt-2'"></mat-icon> [svgIcon]="'heroicons_solid:bars-3-bottom-left'"></mat-icon>
<textarea <textarea
matInput matInput
[formControlName]="'notes'" [formControlName]="'notes'"

View File

@ -48,7 +48,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
matPrefix matPrefix
[svgIcon]="'heroicons_solid:search'"></mat-icon> [svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
<input <input
matInput matInput
[formControl]="searchInputControl" [formControl]="searchInputControl"

View File

@ -19,7 +19,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
matPrefix matPrefix
[svgIcon]="'heroicons_solid:search'"></mat-icon> [svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
<input <input
matInput matInput
[formControl]="searchInputControl" [formControl]="searchInputControl"
@ -144,7 +144,7 @@
<ng-container *ngIf="!product.active"> <ng-container *ngIf="!product.active">
<mat-icon <mat-icon
class="text-gray-400 icon-size-5" class="text-gray-400 icon-size-5"
[svgIcon]="'heroicons_solid:x'"></mat-icon> [svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
</ng-container> </ng-container>
</div> </div>
@ -214,7 +214,7 @@
(click)="cycleImages(false)"> (click)="cycleImages(false)">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:arrow-narrow-left'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-left'"></mat-icon>
</button> </button>
<span class="font-sm mx-2"> <span class="font-sm mx-2">
{{selectedProductForm.get('currentImageIndex').value + 1}} of {{selectedProductForm.get('images').value.length}} {{selectedProductForm.get('currentImageIndex').value + 1}} of {{selectedProductForm.get('images').value.length}}
@ -224,7 +224,7 @@
(click)="cycleImages(true)"> (click)="cycleImages(true)">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:arrow-narrow-right'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-right'"></mat-icon>
</button> </button>
</div> </div>
</div> </div>
@ -370,7 +370,7 @@
<div class="flex items-center flex-auto min-w-0"> <div class="flex items-center flex-auto min-w-0">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:search'"></mat-icon> [svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
<input <input
class="min-w-0 ml-2 py-1 border-0" class="min-w-0 ml-2 py-1 border-0"
type="text" type="text"
@ -387,7 +387,7 @@
<mat-icon <mat-icon
*ngIf="!tagsEditMode" *ngIf="!tagsEditMode"
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon> [svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
<mat-icon <mat-icon
*ngIf="tagsEditMode" *ngIf="tagsEditMode"
class="icon-size-5" class="icon-size-5"
@ -471,7 +471,7 @@
<ng-container *ngIf="flashMessage === 'error'"> <ng-container *ngIf="flashMessage === 'error'">
<mat-icon <mat-icon
class="text-red-500" class="text-red-500"
[svgIcon]="'heroicons_outline:x'"></mat-icon> [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
<span class="ml-2">An error occurred, try again!</span> <span class="ml-2">An error occurred, try again!</span>
</ng-container> </ng-container>
</div> </div>

View File

@ -5,7 +5,7 @@
<a <a
mat-icon-button mat-icon-button
[routerLink]="['../../']"> [routerLink]="['../../']">
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</a> </a>
</div> </div>

View File

@ -8,7 +8,7 @@
mat-button mat-button
[routerLink]="['../']" [routerLink]="['../']"
[color]="'primary'"> [color]="'primary'">
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
<span class="ml-2">Back to Help Center</span> <span class="ml-2">Back to Help Center</span>
</a> </a>
</div> </div>

View File

@ -8,7 +8,7 @@
mat-button mat-button
[routerLink]="['../']" [routerLink]="['../']"
[color]="'primary'"> [color]="'primary'">
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
<span class="ml-2">Back to Guides & Resources</span> <span class="ml-2">Back to Guides & Resources</span>
</a> </a>
</div> </div>

View File

@ -8,7 +8,7 @@
mat-button mat-button
[routerLink]="['../']" [routerLink]="['../']"
[color]="'primary'"> [color]="'primary'">
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
<span class="ml-2">Back to {{guideCategory.title}}</span> <span class="ml-2">Back to {{guideCategory.title}}</span>
</a> </a>
</div> </div>

View File

@ -8,7 +8,7 @@
mat-button mat-button
[routerLink]="['../']" [routerLink]="['../']"
[color]="'primary'"> [color]="'primary'">
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
<span class="ml-2">Back to Help Center</span> <span class="ml-2">Back to Help Center</span>
</a> </a>
</div> </div>
@ -38,7 +38,7 @@
<span class="text-sm font-medium text-secondary">View All</span> <span class="text-sm font-medium text-secondary">View All</span>
<mat-icon <mat-icon
class="ml-2 icon-size-5" class="ml-2 icon-size-5"
[svgIcon]="'heroicons_solid:arrow-narrow-right'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-right'"></mat-icon>
</a> </a>
</div> </div>
</ng-container> </ng-container>

View File

@ -28,7 +28,7 @@
[placeholder]="'Enter a question, topic or keyword'"> [placeholder]="'Enter a question, topic or keyword'">
<mat-icon <mat-icon
matPrefix matPrefix
[svgIcon]="'heroicons_outline:search'"></mat-icon> [svgIcon]="'heroicons_outline:magnifying-glass'"></mat-icon>
</mat-form-field> </mat-form-field>
</div> </div>
</div> </div>
@ -50,7 +50,7 @@
<span class="font-medium">Go to FAQs</span> <span class="font-medium">Go to FAQs</span>
<mat-icon <mat-icon
class="ml-2 icon-size-5 text-current" class="ml-2 icon-size-5 text-current"
[svgIcon]="'heroicons_solid:arrow-narrow-right'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-right'"></mat-icon>
</a> </a>
</div> </div>
</div> </div>
@ -68,7 +68,7 @@
<span class="font-medium">Check guides</span> <span class="font-medium">Check guides</span>
<mat-icon <mat-icon
class="ml-2 icon-size-5 text-current" class="ml-2 icon-size-5 text-current"
[svgIcon]="'heroicons_solid:arrow-narrow-right'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-right'"></mat-icon>
</a> </a>
</div> </div>
</div> </div>
@ -86,7 +86,7 @@
<span class="font-medium">Contact us</span> <span class="font-medium">Contact us</span>
<mat-icon <mat-icon
class="ml-2 icon-size-5 text-current" class="ml-2 icon-size-5 text-current"
[svgIcon]="'heroicons_solid:arrow-narrow-right'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-right'"></mat-icon>
</a> </a>
</div> </div>
</div> </div>

View File

@ -8,7 +8,7 @@
mat-button mat-button
[routerLink]="['../']" [routerLink]="['../']"
[color]="'primary'"> [color]="'primary'">
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
<span class="ml-2">Back to Help Center</span> <span class="ml-2">Back to Help Center</span>
</a> </a>
</div> </div>

View File

@ -9,7 +9,7 @@
[tabIndex]="-1"> [tabIndex]="-1">
<mat-icon <mat-icon
class="text-current" class="text-current"
[svgIcon]="'heroicons_outline:x'"></mat-icon> [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</button> </button>
</div> </div>
@ -94,13 +94,13 @@
<button mat-icon-button> <button mat-icon-button>
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:emoji-happy'"></mat-icon> [svgIcon]="'heroicons_solid:face-smile'"></mat-icon>
</button> </button>
<!-- Insert image --> <!-- Insert image -->
<button mat-icon-button> <button mat-icon-button>
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:photograph'"></mat-icon> [svgIcon]="'heroicons_solid:photo'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -13,7 +13,7 @@
class="lg:hidden md:-ml-2" class="lg:hidden md:-ml-2"
mat-icon-button mat-icon-button
[routerLink]="['./../']"> [routerLink]="['./../']">
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
</a> </a>
<!-- Toggle labels button & menu --> <!-- Toggle labels button & menu -->
@ -65,7 +65,7 @@
class="ml-2" class="ml-2"
mat-icon-button mat-icon-button
[matMenuTriggerFor]="mailMenu"> [matMenuTriggerFor]="mailMenu">
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #mailMenu="matMenu"> <mat-menu #mailMenu="matMenu">
<!-- Mark as read / unread --> <!-- Mark as read / unread -->
@ -73,14 +73,14 @@
mat-menu-item mat-menu-item
*ngIf="mail.unread" *ngIf="mail.unread"
(click)="toggleUnread(false)"> (click)="toggleUnread(false)">
<mat-icon [svgIcon]="'heroicons_outline:mail-open'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:envelope-open'"></mat-icon>
<span>Mark as read</span> <span>Mark as read</span>
</button> </button>
<button <button
mat-menu-item mat-menu-item
*ngIf="!mail.unread" *ngIf="!mail.unread"
(click)="toggleUnread(true)"> (click)="toggleUnread(true)">
<mat-icon [svgIcon]="'heroicons_outline:mail'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:envelope'"></mat-icon>
<span>Mark as unread</span> <span>Mark as unread</span>
</button> </button>
<!-- Marks as spam / not span--> <!-- Marks as spam / not span-->
@ -88,14 +88,14 @@
mat-menu-item mat-menu-item
*ngIf="getCurrentFolder() !== 'spam' && getCurrentFolder() !== 'drafts'" *ngIf="getCurrentFolder() !== 'spam' && getCurrentFolder() !== 'drafts'"
(click)="moveToFolder('spam')"> (click)="moveToFolder('spam')">
<mat-icon [svgIcon]="'heroicons_outline:exclamation'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:exclamation-triangle'"></mat-icon>
<span>Spam</span> <span>Spam</span>
</button> </button>
<button <button
mat-menu-item mat-menu-item
*ngIf="getCurrentFolder() === 'spam'" *ngIf="getCurrentFolder() === 'spam'"
(click)="moveToFolder('inbox')"> (click)="moveToFolder('inbox')">
<mat-icon [svgIcon]="'heroicons_outline:exclamation'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:exclamation-triangle'"></mat-icon>
<span>Not spam</span> <span>Not spam</span>
</button> </button>
<!-- Delete --> <!-- Delete -->
@ -297,7 +297,7 @@
(click)="reply()"> (click)="reply()">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:reply'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-uturn-left'"></mat-icon>
<span class="ml-2">Reply</span> <span class="ml-2">Reply</span>
</button> </button>
<!-- Reply all --> <!-- Reply all -->
@ -308,7 +308,7 @@
(click)="replyAll()"> (click)="replyAll()">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:reply'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-uturn-left'"></mat-icon>
<span class="ml-2">Reply All</span> <span class="ml-2">Reply All</span>
</button> </button>
<!-- Forward --> <!-- Forward -->
@ -358,13 +358,13 @@
<button mat-icon-button> <button mat-icon-button>
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:emoji-happy'"></mat-icon> [svgIcon]="'heroicons_solid:face-smile'"></mat-icon>
</button> </button>
<!-- Insert image --> <!-- Insert image -->
<button mat-icon-button> <button mat-icon-button>
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:photograph'"></mat-icon> [svgIcon]="'heroicons_solid:photo'"></mat-icon>
</button> </button>
</div> </div>
@ -403,7 +403,7 @@
<div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent"> <div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent">
<mat-icon <mat-icon
class="icon-size-24" class="icon-size-24"
[svgIcon]="'heroicons_outline:mail'"></mat-icon> [svgIcon]="'heroicons_outline:envelope'"></mat-icon>
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a mail to read</div> <div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a mail to read</div>
</div> </div>

View File

@ -4,7 +4,7 @@
<div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent"> <div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent">
<mat-icon <mat-icon
class="icon-size-24" class="icon-size-24"
[svgIcon]="'heroicons_outline:mail'"></mat-icon> [svgIcon]="'heroicons_outline:envelope'"></mat-icon>
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a mail to read</div> <div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a mail to read</div>
</div> </div>

View File

@ -12,7 +12,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="mailboxComponent.drawer.toggle()"> (click)="mailboxComponent.drawer.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
<!-- Category name --> <!-- Category name -->
<div class="ml-2 font-semibold uppercase">{{category.name}}</div> <div class="ml-2 font-semibold uppercase">{{category.name}}</div>
@ -136,7 +136,7 @@
<div class="z-100 absolute inset-0 flex flex-auto flex-col items-center justify-center bg-gray-100 dark:bg-transparent"> <div class="z-100 absolute inset-0 flex flex-auto flex-col items-center justify-center bg-gray-100 dark:bg-transparent">
<mat-icon <mat-icon
class="icon-size-24" class="icon-size-24"
[svgIcon]="'heroicons_outline:mail'"></mat-icon> [svgIcon]="'heroicons_outline:envelope'"></mat-icon>
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">There are no e-mails</div> <div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">There are no e-mails</div>
</div> </div>
</ng-template> </ng-template>

View File

@ -241,7 +241,7 @@ export default [
pathMatch : 'full', pathMatch : 'full',
}, },
{ {
path : 'filter/:filter', path : 'filter/:funnel',
redirectTo: 'filter/:filter/1', redirectTo: 'filter/:filter/1',
pathMatch : 'full', pathMatch : 'full',
}, },

View File

@ -6,7 +6,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="mailboxComponent.drawer.toggle()"> (click)="mailboxComponent.drawer.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>
<!-- Title --> <!-- Title -->

View File

@ -229,7 +229,7 @@ export class MailboxSidebarComponent implements OnInit, OnDestroy
this._otherMenuData.push({ this._otherMenuData.push({
title: 'Settings', title: 'Settings',
type : 'basic', type : 'basic',
icon : 'heroicons_outline:cog', icon : 'heroicons_outline:cog-8-tooth',
link : '/apps/mailbox/settings', link : '/apps/mailbox/settings',
}); });

View File

@ -53,7 +53,7 @@
(input)="updateTaskOnNote(note, task)"> (input)="updateTaskOnNote(note, task)">
<mat-icon <mat-icon
class="hidden group-hover:flex ml-auto icon-size-5 cursor-pointer" class="hidden group-hover:flex ml-auto icon-size-5 cursor-pointer"
[svgIcon]="'heroicons_solid:x'" [svgIcon]="'heroicons_solid:x-mark'"
(click)="removeTaskFromNote(note, task)"></mat-icon> (click)="removeTaskFromNote(note, task)"></mat-icon>
</div> </div>
</ng-container> </ng-container>
@ -116,14 +116,14 @@
class="flex items-center justify-center w-10 h-10 rounded-full cursor-pointer hover:bg-gray-400 hover:bg-opacity-20 dark:hover:bg-black dark:hover:bg-opacity-5" class="flex items-center justify-center w-10 h-10 rounded-full cursor-pointer hover:bg-gray-400 hover:bg-opacity-20 dark:hover:bg-black dark:hover:bg-opacity-5"
for="image-file-input" for="image-file-input"
matRipple> matRipple>
<mat-icon [svgIcon]="'heroicons_outline:photograph'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:photo'"></mat-icon>
</label> </label>
</div> </div>
<!-- Checklist --> <!-- Checklist -->
<button <button
mat-icon-button mat-icon-button
(click)="addTasksToNote(note)"> (click)="addTasksToNote(note)">
<mat-icon [svgIcon]="'heroicons_outline:clipboard-list'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:clipboard-document-list'"></mat-icon>
</button> </button>
<!-- Labels --> <!-- Labels -->
<button <button
@ -153,7 +153,7 @@
<button <button
mat-icon-button mat-icon-button
(click)="toggleArchiveOnNote(note)"> (click)="toggleArchiveOnNote(note)">
<mat-icon [svgIcon]="'heroicons_outline:archive'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:archive-box'"></mat-icon>
</button> </button>
<!-- Delete --> <!-- Delete -->
<button <button

View File

@ -5,7 +5,7 @@
<button <button
matDialogClose matDialogClose
mat-icon-button> mat-icon-button>
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</button> </button>
</div> </div>
<!-- New label --> <!-- New label -->

View File

@ -21,7 +21,7 @@
[matRippleDisabled]="filterStatus === 'notes'"> [matRippleDisabled]="filterStatus === 'notes'">
<mat-icon <mat-icon
class="text-current" class="text-current"
[svgIcon]="'heroicons_outline:pencil-alt'"></mat-icon> [svgIcon]="'heroicons_outline:pencil-square'"></mat-icon>
<div class="ml-3 leading-5 select-none text-default">Notes</div> <div class="ml-3 leading-5 select-none text-default">Notes</div>
</div> </div>
<!-- Archive --> <!-- Archive -->
@ -34,7 +34,7 @@
[matRippleDisabled]="filterStatus === 'archived'"> [matRippleDisabled]="filterStatus === 'archived'">
<mat-icon <mat-icon
class="text-current" class="text-current"
[svgIcon]="'heroicons_outline:archive'"></mat-icon> [svgIcon]="'heroicons_outline:archive-box'"></mat-icon>
<div class="ml-3 leading-5 select-none text-default">Archive</div> <div class="ml-3 leading-5 select-none text-default">Archive</div>
</div> </div>
<!-- Labels --> <!-- Labels -->
@ -80,14 +80,14 @@
class="flex lg:hidden -ml-2" class="flex lg:hidden -ml-2"
mat-icon-button mat-icon-button
(click)="drawer.toggle()"> (click)="drawer.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
<mat-form-field <mat-form-field
class="fuse-mat-rounded fuse-mat-dense flex-auto ml-4 lg:ml-0" class="fuse-mat-rounded fuse-mat-dense flex-auto ml-4 lg:ml-0"
[subscriptSizing]="'dynamic'"> [subscriptSizing]="'dynamic'">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:search'" [svgIcon]="'heroicons_solid:magnifying-glass'"
matPrefix></mat-icon> matPrefix></mat-icon>
<input <input
matInput matInput

View File

@ -45,7 +45,7 @@
(click)="toggleFormVisibility()"> (click)="toggleFormVisibility()">
<mat-icon <mat-icon
class="icon-size-4" class="icon-size-4"
[svgIcon]="'heroicons_solid:x'"></mat-icon> [svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
</button> </button>
</div> </div>
</form> </form>

View File

@ -40,7 +40,7 @@
(click)="toggleFormVisibility()"> (click)="toggleFormVisibility()">
<mat-icon <mat-icon
class="icon-size-4" class="icon-size-4"
[svgIcon]="'heroicons_solid:x'"></mat-icon> [svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
</button> </button>
</div> </div>
</form> </form>

View File

@ -15,7 +15,7 @@
[routerLink]="['..']"> [routerLink]="['..']">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:view-boards'"></mat-icon> [svgIcon]="'heroicons_solid:view-columns'"></mat-icon>
<span class="ml-2">Boards</span> <span class="ml-2">Boards</span>
</a> </a>
<button <button
@ -23,7 +23,7 @@
mat-stroked-button> mat-stroked-button>
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:cog'"></mat-icon> [svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
<span class="ml-2">Settings</span> <span class="ml-2">Settings</span>
</button> </button>
</div> </div>
@ -76,7 +76,7 @@
[matMenuTriggerFor]="listMenu"> [matMenuTriggerFor]="listMenu">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon> [svgIcon]="'heroicons_solid:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #listMenu="matMenu"> <mat-menu #listMenu="matMenu">
<button <button
@ -84,7 +84,7 @@
(click)="renameList(listTitleInput)"> (click)="renameList(listTitleInput)">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon> [svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
Rename list Rename list
</button> </button>
<button <button

View File

@ -9,7 +9,7 @@
[tabIndex]="-1"> [tabIndex]="-1">
<mat-icon <mat-icon
class="text-current" class="text-current"
[svgIcon]="'heroicons_outline:x'"></mat-icon> [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</button> </button>
</div> </div>
@ -98,7 +98,7 @@
<div class="flex items-center flex-auto min-w-0"> <div class="flex items-center flex-auto min-w-0">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:search'"></mat-icon> [svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
<input <input
class="min-w-0 ml-2 py-1 border-0" class="min-w-0 ml-2 py-1 border-0"
type="text" type="text"

View File

@ -37,7 +37,7 @@
<button <button
mat-icon-button mat-icon-button
[matMenuTriggerFor]="moreMenu"> [matMenuTriggerFor]="moreMenu">
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #moreMenu="matMenu"> <mat-menu #moreMenu="matMenu">
<button <button
@ -52,7 +52,7 @@
<a <a
mat-icon-button mat-icon-button
[routerLink]="['../']"> [routerLink]="['../']">
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
</a> </a>
</div> </div>
@ -95,7 +95,7 @@
<ng-container *ngIf="task.tags.length"> <ng-container *ngIf="task.tags.length">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon> [svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
<span class="ml-1.5 text-md font-medium whitespace-nowrap">Edit</span> <span class="ml-1.5 text-md font-medium whitespace-nowrap">Edit</span>
</ng-container> </ng-container>
@ -114,7 +114,7 @@
<div class="flex items-center"> <div class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:search'"></mat-icon> [svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
<div class="ml-2"> <div class="ml-2">
<input <input
class="w-full min-w-0 py-1 border-0" class="w-full min-w-0 py-1 border-0"
@ -133,7 +133,7 @@
<mat-icon <mat-icon
*ngIf="!tagsEditMode" *ngIf="!tagsEditMode"
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon> [svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
<mat-icon <mat-icon
*ngIf="tagsEditMode" *ngIf="tagsEditMode"
class="icon-size-5" class="icon-size-5"
@ -218,8 +218,8 @@
<!-- Low --> <!-- Low -->
<ng-container *ngIf="task.priority === 0"> <ng-container *ngIf="task.priority === 0">
<mat-icon <mat-icon
class="icon-size-5 text-current" class="icon-size-4 text-current"
[svgIcon]="'heroicons_solid:arrow-narrow-down'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-down'"></mat-icon>
<span class="ml-2 mr-1 text-md font-medium">Low</span> <span class="ml-2 mr-1 text-md font-medium">Low</span>
</ng-container> </ng-container>
@ -235,7 +235,7 @@
<ng-container *ngIf="task.priority === 2"> <ng-container *ngIf="task.priority === 2">
<mat-icon <mat-icon
class="icon-size-4 text-current" class="icon-size-4 text-current"
[svgIcon]="'heroicons_solid:arrow-narrow-up'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-up'"></mat-icon>
<span class="ml-2 mr-1 text-md font-medium">High</span> <span class="ml-2 mr-1 text-md font-medium">High</span>
</ng-container> </ng-container>
</div> </div>
@ -249,7 +249,7 @@
<span class="font-medium">Low</span> <span class="font-medium">Low</span>
<mat-icon <mat-icon
class="mr-0 icon-size-4 text-green-600 dark:text-green-500" class="mr-0 icon-size-4 text-green-600 dark:text-green-500"
[svgIcon]="'heroicons_solid:arrow-narrow-down'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-down'"></mat-icon>
</span> </span>
</button> </button>
@ -275,7 +275,7 @@
<span class="font-medium">High</span> <span class="font-medium">High</span>
<mat-icon <mat-icon
class="mr-0 icon-size-4 text-red-600 dark:text-red-500" class="mr-0 icon-size-4 text-red-600 dark:text-red-500"
[svgIcon]="'heroicons_solid:arrow-narrow-up'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-up'"></mat-icon>
</span> </span>
</button> </button>
</mat-menu> </mat-menu>

View File

@ -93,7 +93,7 @@
cdkDragHandle> cdkDragHandle>
<mat-icon <mat-icon
class="icon-size-5 text-hint" class="icon-size-5 text-hint"
[svgIcon]="'heroicons_solid:menu'"></mat-icon> [svgIcon]="'heroicons_solid:bars-3'"></mat-icon>
</div> </div>
<!-- Complete task button --> <!-- Complete task button -->
@ -134,13 +134,13 @@
<mat-icon <mat-icon
class="icon-size-4 text-green-600 dark:text-green-400" class="icon-size-4 text-green-600 dark:text-green-400"
*ngIf="task.priority === 0" *ngIf="task.priority === 0"
[svgIcon]="'heroicons_solid:arrow-narrow-down'" [svgIcon]="'heroicons_mini:arrow-long-down'"
[title]="'Low'"></mat-icon> [title]="'Low'"></mat-icon>
<!-- High --> <!-- High -->
<mat-icon <mat-icon
class="icon-size-4 text-red-600 dark:text-red-400" class="icon-size-4 text-red-600 dark:text-red-400"
*ngIf="task.priority === 2" *ngIf="task.priority === 2"
[svgIcon]="'heroicons_solid:arrow-narrow-up'" [svgIcon]="'heroicons_mini:arrow-long-up'"
[title]="'High'"></mat-icon> [title]="'High'"></mat-icon>
</div> </div>
</ng-container> </ng-container>
@ -162,7 +162,7 @@
<div class="flex flex-auto flex-col items-center justify-center bg-gray-100 dark:bg-transparent"> <div class="flex flex-auto flex-col items-center justify-center bg-gray-100 dark:bg-transparent">
<mat-icon <mat-icon
class="icon-size-24" class="icon-size-24"
[svgIcon]="'heroicons_outline:clipboard-list'"></mat-icon> [svgIcon]="'heroicons_outline:clipboard-document-list'"></mat-icon>
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Add a task to start planning!</div> <div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Add a task to start planning!</div>
</div> </div>
</ng-template> </ng-template>

View File

@ -14,7 +14,7 @@
mat-stroked-button> mat-stroked-button>
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:cog'"></mat-icon> [svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
<span class="ml-2">Settings</span> <span class="ml-2">Settings</span>
</button> </button>
<button <button
@ -23,7 +23,7 @@
[color]="'primary'"> [color]="'primary'">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:save'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-up-tray'"></mat-icon>
<span class="ml-2">Export</span> <span class="ml-2">Export</span>
</button> </button>
@ -32,7 +32,7 @@
<button <button
[matMenuTriggerFor]="actionsMenu" [matMenuTriggerFor]="actionsMenu"
mat-icon-button> mat-icon-button>
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #actionsMenu="matMenu"> <mat-menu #actionsMenu="matMenu">
<button mat-menu-item>Export</button> <button mat-menu-item>Export</button>
@ -68,7 +68,7 @@
<button <button
mat-icon-button mat-icon-button
[matMenuTriggerFor]="visitorsMenu"> [matMenuTriggerFor]="visitorsMenu">
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #visitorsMenu="matMenu"> <mat-menu #visitorsMenu="matMenu">
<button mat-menu-item>This Year</button> <button mat-menu-item>This Year</button>
@ -115,7 +115,7 @@
<div class="flex lg:flex-col lg:ml-3"> <div class="flex lg:flex-col lg:ml-3">
<mat-icon <mat-icon
class="icon-size-5 text-red-500" class="icon-size-5 text-red-500"
[svgIcon]="'heroicons_solid:trending-down'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-trending-down'"></mat-icon>
<div class="flex items-center ml-1 lg:ml-0 lg:mt-0.5 text-md leading-none whitespace-nowrap text-secondary"> <div class="flex items-center ml-1 lg:ml-0 lg:mt-0.5 text-md leading-none whitespace-nowrap text-secondary">
<span class="font-medium text-red-500">2%</span> <span class="font-medium text-red-500">2%</span>
<span class="ml-1">below target</span> <span class="ml-1">below target</span>
@ -157,7 +157,7 @@
<div class="flex lg:flex-col lg:ml-3"> <div class="flex lg:flex-col lg:ml-3">
<mat-icon <mat-icon
class="icon-size-5 text-red-500" class="icon-size-5 text-red-500"
[svgIcon]="'heroicons_solid:trending-down'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-trending-down'"></mat-icon>
<div class="flex items-center ml-1 lg:ml-0 lg:mt-0.5 text-md leading-none whitespace-nowrap text-secondary"> <div class="flex items-center ml-1 lg:ml-0 lg:mt-0.5 text-md leading-none whitespace-nowrap text-secondary">
<span class="font-medium text-red-500">4%</span> <span class="font-medium text-red-500">4%</span>
<span class="ml-1">below target</span> <span class="ml-1">below target</span>
@ -199,7 +199,7 @@
<div class="flex lg:flex-col lg:ml-3"> <div class="flex lg:flex-col lg:ml-3">
<mat-icon <mat-icon
class="icon-size-5 text-red-500" class="icon-size-5 text-red-500"
[svgIcon]="'heroicons_solid:trending-down'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-trending-down'"></mat-icon>
<div class="flex items-center ml-1 lg:ml-0 lg:mt-0.5 text-md leading-none whitespace-nowrap text-secondary"> <div class="flex items-center ml-1 lg:ml-0 lg:mt-0.5 text-md leading-none whitespace-nowrap text-secondary">
<span class="font-medium text-red-500">4%</span> <span class="font-medium text-red-500">4%</span>
<span class="ml-1">below target</span> <span class="ml-1">below target</span>
@ -245,7 +245,7 @@
<div class="font-medium text-secondary leading-5">Overall Score</div> <div class="font-medium text-secondary leading-5">Overall Score</div>
<mat-icon <mat-icon
class="ml-1.5 icon-size-4 text-hint" class="ml-1.5 icon-size-4 text-hint"
[svgIcon]="'heroicons_solid:information-circle'" [svgIcon]="'heroicons_mini:information-circle'"
[matTooltip]="'Score is calculated by using the historical ratio between Page Views and Visitors. Best score is 1000, worst score is 0.'"></mat-icon> [matTooltip]="'Score is calculated by using the historical ratio between Page Views and Visitors. Best score is 1000, worst score is 0.'"></mat-icon>
</div> </div>
<div class="flex items-start mt-2"> <div class="flex items-start mt-2">
@ -253,7 +253,7 @@
<div class="flex items-center ml-2"> <div class="flex items-center ml-2">
<mat-icon <mat-icon
class="icon-size-5 text-green-500" class="icon-size-5 text-green-500"
[svgIcon]="'heroicons_solid:arrow-circle-up'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-up-circle'"></mat-icon>
<div class="ml-1 text-md font-medium text-green-500">42.9%</div> <div class="ml-1 text-md font-medium text-green-500">42.9%</div>
</div> </div>
</div> </div>
@ -263,7 +263,7 @@
<div class="font-medium text-secondary leading-5">Average Ratio</div> <div class="font-medium text-secondary leading-5">Average Ratio</div>
<mat-icon <mat-icon
class="ml-1.5 icon-size-4 text-hint" class="ml-1.5 icon-size-4 text-hint"
[svgIcon]="'heroicons_solid:information-circle'" [svgIcon]="'heroicons_mini:information-circle'"
[matTooltip]="'Average Ratio is the average ratio between Page Views and Visitors'"></mat-icon> [matTooltip]="'Average Ratio is the average ratio between Page Views and Visitors'"></mat-icon>
</div> </div>
<div class="flex items-start mt-2"> <div class="flex items-start mt-2">
@ -271,7 +271,7 @@
<div class="flex items-center ml-2"> <div class="flex items-center ml-2">
<mat-icon <mat-icon
class="icon-size-5 text-red-500" class="icon-size-5 text-red-500"
[svgIcon]="'heroicons_solid:arrow-circle-down'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-down-circle'"></mat-icon>
<div class="ml-1 text-md font-medium text-red-500">13.1%</div> <div class="ml-1 text-md font-medium text-red-500">13.1%</div>
</div> </div>
</div> </div>
@ -281,7 +281,7 @@
<div class="font-medium text-secondary leading-5">Predicted Ratio</div> <div class="font-medium text-secondary leading-5">Predicted Ratio</div>
<mat-icon <mat-icon
class="ml-1.5 icon-size-4 text-hint" class="ml-1.5 icon-size-4 text-hint"
[svgIcon]="'heroicons_solid:information-circle'" [svgIcon]="'heroicons_mini:information-circle'"
[matTooltip]="'Predicted Ratio is calculated by using historical ratio, current trends and your goal targets.'"></mat-icon> [matTooltip]="'Predicted Ratio is calculated by using historical ratio, current trends and your goal targets.'"></mat-icon>
</div> </div>
<div class="flex items-start mt-2"> <div class="flex items-start mt-2">
@ -289,7 +289,7 @@
<div class="flex items-center ml-2"> <div class="flex items-center ml-2">
<mat-icon <mat-icon
class="icon-size-5 text-green-500" class="icon-size-5 text-green-500"
[svgIcon]="'heroicons_solid:arrow-circle-up'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-up-circle'"></mat-icon>
<div class="ml-1 text-md font-medium text-green-500">22.2%</div> <div class="ml-1 text-md font-medium text-green-500">22.2%</div>
</div> </div>
</div> </div>

View File

@ -29,7 +29,7 @@
<mat-icon <mat-icon
class="text-green-500 icon-size-3.5 mx-0.5 mb-px" class="text-green-500 icon-size-3.5 mx-0.5 mb-px"
[ngClass]="{'text-green-500': item.trend.dir === 'up', 'text-red-500': item.trend.dir === 'down'}" [ngClass]="{'text-green-500': item.trend.dir === 'up', 'text-red-500': item.trend.dir === 'down'}"
[svgIcon]="item.trend.dir === 'up' ? 'heroicons_solid:arrow-narrow-up' : 'heroicons_solid:arrow-narrow-down'"></mat-icon> [svgIcon]="item.trend.dir === 'up' ? 'heroicons_mini:arrow-long-up' : 'heroicons_mini:arrow-long-down'"></mat-icon>
<div <div
class="font-mono font-medium text-sm leading-none mb-px" class="font-mono font-medium text-sm leading-none mb-px"
[ngClass]="{'text-green-500': item.trend.dir === 'up', 'text-red-500': item.trend.dir === 'down'}"> [ngClass]="{'text-green-500': item.trend.dir === 'up', 'text-red-500': item.trend.dir === 'down'}">
@ -57,7 +57,7 @@
<mat-label>Action</mat-label> <mat-label>Action</mat-label>
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="buySellSelect.value === 'buy' ? 'heroicons_solid:download' : 'heroicons_solid:upload'" [svgIcon]="buySellSelect.value === 'buy' ? 'heroicons_solid:arrow-down-tray' : 'heroicons_solid:arrow-up-tray'"
matPrefix></mat-icon> matPrefix></mat-icon>
<mat-select <mat-select
[value]="'buy'" [value]="'buy'"
@ -204,7 +204,7 @@
class="mr-6 lg:hidden" class="mr-6 lg:hidden"
mat-icon-button mat-icon-button
(click)="matDrawer.toggle()"> (click)="matDrawer.toggle()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
<div class="flex flex-col flex-auto my-3 mr-6"> <div class="flex flex-col flex-auto my-3 mr-6">
<div class="flex items-center"> <div class="flex items-center">
@ -216,7 +216,7 @@
<mat-icon <mat-icon
class="text-green-500 icon-size-5 mr-0.5 mb-px" class="text-green-500 icon-size-5 mr-0.5 mb-px"
[ngClass]="{'text-green-500': data.btc.trend.dir === 'up', 'text-red-500': data.btc.trend.dir === 'down'}" [ngClass]="{'text-green-500': data.btc.trend.dir === 'up', 'text-red-500': data.btc.trend.dir === 'down'}"
[svgIcon]="data.btc.trend.dir === 'up' ? 'heroicons_solid:arrow-narrow-up' : 'heroicons_solid:arrow-narrow-down'"></mat-icon> [svgIcon]="data.btc.trend.dir === 'up' ? 'heroicons_mini:arrow-long-up' : 'heroicons_mini:arrow-long-down'"></mat-icon>
<div <div
class="font-mono font-medium text-lg leading-none mb-px" class="font-mono font-medium text-lg leading-none mb-px"
[ngClass]="{'text-green-500': data.btc.trend.dir === 'up', 'text-red-500': data.btc.trend.dir === 'down'}"> [ngClass]="{'text-green-500': data.btc.trend.dir === 'up', 'text-red-500': data.btc.trend.dir === 'down'}">

View File

@ -14,7 +14,7 @@
mat-stroked-button> mat-stroked-button>
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:document-report'"></mat-icon> [svgIcon]="'heroicons_solid:document-chart-bar'"></mat-icon>
<span class="ml-2">Reports</span> <span class="ml-2">Reports</span>
</button> </button>
<button <button
@ -22,7 +22,7 @@
mat-stroked-button> mat-stroked-button>
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:cog'"></mat-icon> [svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
<span class="ml-2">Settings</span> <span class="ml-2">Settings</span>
</button> </button>
<button <button
@ -31,7 +31,7 @@
[color]="'primary'"> [color]="'primary'">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:save'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-up-tray'"></mat-icon>
<span class="ml-2">Export</span> <span class="ml-2">Export</span>
</button> </button>
@ -40,7 +40,7 @@
<button <button
[matMenuTriggerFor]="actionsMenu" [matMenuTriggerFor]="actionsMenu"
mat-icon-button> mat-icon-button>
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon> <mat-icon [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #actionsMenu="matMenu"> <mat-menu #actionsMenu="matMenu">
<button mat-menu-item>Export</button> <button mat-menu-item>Export</button>
@ -73,7 +73,7 @@
[matMenuTriggerFor]="previousStatementMenu"> [matMenuTriggerFor]="previousStatementMenu">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon> [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #previousStatementMenu="matMenu"> <mat-menu #previousStatementMenu="matMenu">
<button mat-menu-item> <button mat-menu-item>
@ -88,7 +88,7 @@
<span class="flex items-center"> <span class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5 mr-3" class="icon-size-5 mr-3"
[svgIcon]="'heroicons_solid:cash'"></mat-icon> [svgIcon]="'heroicons_solid:banknotes'"></mat-icon>
<span>Spending breakdown</span> <span>Spending breakdown</span>
</span> </span>
</button> </button>
@ -96,7 +96,7 @@
<span class="flex items-center"> <span class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5 mr-3" class="icon-size-5 mr-3"
[svgIcon]="'heroicons_solid:receipt-tax'"></mat-icon> [svgIcon]="'heroicons_solid:receipt-percent'"></mat-icon>
<span>Tax breakdown</span> <span>Tax breakdown</span>
</span> </span>
</button> </button>
@ -113,7 +113,7 @@
<span class="flex items-center"> <span class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5 mr-3" class="icon-size-5 mr-3"
[svgIcon]="'heroicons_solid:mail'"></mat-icon> [svgIcon]="'heroicons_solid:envelope'"></mat-icon>
<span>Email statement</span> <span>Email statement</span>
</span> </span>
</button> </button>
@ -155,7 +155,7 @@
[matMenuTriggerFor]="currentStatementMenu"> [matMenuTriggerFor]="currentStatementMenu">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon> [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #currentStatementMenu="matMenu"> <mat-menu #currentStatementMenu="matMenu">
<button mat-menu-item> <button mat-menu-item>
@ -170,7 +170,7 @@
<span class="flex items-center"> <span class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5 mr-3" class="icon-size-5 mr-3"
[svgIcon]="'heroicons_solid:cash'"></mat-icon> [svgIcon]="'heroicons_solid:banknotes'"></mat-icon>
<span>Spending breakdown</span> <span>Spending breakdown</span>
</span> </span>
</button> </button>
@ -178,7 +178,7 @@
<span class="flex items-center"> <span class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5 mr-3" class="icon-size-5 mr-3"
[svgIcon]="'heroicons_solid:receipt-tax'"></mat-icon> [svgIcon]="'heroicons_solid:receipt-percent'"></mat-icon>
<span>Tax breakdown</span> <span>Tax breakdown</span>
</span> </span>
</button> </button>
@ -195,7 +195,7 @@
<span class="flex items-center"> <span class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5 mr-3" class="icon-size-5 mr-3"
[svgIcon]="'heroicons_solid:mail'"></mat-icon> [svgIcon]="'heroicons_solid:envelope'"></mat-icon>
<span>Email statement</span> <span>Email statement</span>
</span> </span>
</button> </button>
@ -409,7 +409,7 @@
[matMenuTriggerFor]="budgetMenu"> [matMenuTriggerFor]="budgetMenu">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon> [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #budgetMenu="matMenu"> <mat-menu #budgetMenu="matMenu">
<button mat-menu-item>Expenses breakdown</button> <button mat-menu-item>Expenses breakdown</button>
@ -428,7 +428,7 @@
<span class="flex items-center"> <span class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5 mr-3" class="icon-size-5 mr-3"
[svgIcon]="'heroicons_solid:mail'"></mat-icon> [svgIcon]="'heroicons_solid:envelope'"></mat-icon>
<span>Email budget summary</span> <span>Email budget summary</span>
</span> </span>
</button> </button>
@ -459,7 +459,7 @@
<div class="text-lg leading-none">2.6%</div> <div class="text-lg leading-none">2.6%</div>
<mat-icon <mat-icon
class="text-green-600 icon-size-4 ml-1" class="text-green-600 icon-size-4 ml-1"
[svgIcon]="'heroicons_solid:arrow-narrow-down'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-down'"></mat-icon>
</div> </div>
</div> </div>
</div> </div>
@ -468,7 +468,7 @@
<div class="flex items-center justify-center w-14 h-14 rounded bg-indigo-100 text-indigo-800 dark:bg-indigo-600 dark:text-indigo-50"> <div class="flex items-center justify-center w-14 h-14 rounded bg-indigo-100 text-indigo-800 dark:bg-indigo-600 dark:text-indigo-50">
<mat-icon <mat-icon
class="text-current" class="text-current"
[svgIcon]="'heroicons_outline:cash'"></mat-icon> [svgIcon]="'heroicons_outline:banknotes'"></mat-icon>
</div> </div>
<div class="flex-auto ml-4 leading-none"> <div class="flex-auto ml-4 leading-none">
<div class="text-sm font-medium text-secondary">Savings</div> <div class="text-sm font-medium text-secondary">Savings</div>
@ -482,7 +482,7 @@
<div class="text-lg leading-none">12.7%</div> <div class="text-lg leading-none">12.7%</div>
<mat-icon <mat-icon
class="text-red-600 icon-size-4 ml-1" class="text-red-600 icon-size-4 ml-1"
[svgIcon]="'heroicons_solid:arrow-narrow-up'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-up'"></mat-icon>
</div> </div>
</div> </div>
</div> </div>
@ -505,7 +505,7 @@
<div class="text-lg leading-none">105.7%</div> <div class="text-lg leading-none">105.7%</div>
<mat-icon <mat-icon
class="text-red-600 icon-size-4 ml-1" class="text-red-600 icon-size-4 ml-1"
[svgIcon]="'heroicons_solid:arrow-narrow-up'"></mat-icon> [svgIcon]="'heroicons_mini:arrow-long-up'"></mat-icon>
</div> </div>
</div> </div>
<div class="mt-3 text-md text-secondary">Exceeded your personal limit! Be careful next month.</div> <div class="mt-3 text-md text-secondary">Exceeded your personal limit! Be careful next month.</div>

View File

@ -31,7 +31,7 @@
[color]="'accent'"> [color]="'accent'">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:mail'"></mat-icon> [svgIcon]="'heroicons_solid:envelope'"></mat-icon>
<span class="ml-2">Messages</span> <span class="ml-2">Messages</span>
</button> </button>
<button <button
@ -39,7 +39,7 @@
[color]="'primary'"> [color]="'primary'">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:cog'"></mat-icon> [svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
<span class="ml-2">Settings</span> <span class="ml-2">Settings</span>
</button> </button>
</div> </div>
@ -56,7 +56,7 @@
<div class="flex items-center justify-center pl-2"> <div class="flex items-center justify-center pl-2">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:chevron-down'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-down'"></mat-icon>
</div> </div>
</div> </div>
<mat-menu <mat-menu
@ -106,7 +106,7 @@
[matMenuTriggerFor]="summaryMenu"> [matMenuTriggerFor]="summaryMenu">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon> [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #summaryMenu="matMenu"> <mat-menu #summaryMenu="matMenu">
<button mat-menu-item>Yesterday</button> <button mat-menu-item>Yesterday</button>
@ -134,7 +134,7 @@
[matMenuTriggerFor]="overdueMenu"> [matMenuTriggerFor]="overdueMenu">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon> [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #overdueMenu="matMenu"> <mat-menu #overdueMenu="matMenu">
<button mat-menu-item>Yesterday</button> <button mat-menu-item>Yesterday</button>
@ -162,7 +162,7 @@
[matMenuTriggerFor]="issuesMenu"> [matMenuTriggerFor]="issuesMenu">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon> [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #issuesMenu="matMenu"> <mat-menu #issuesMenu="matMenu">
<button mat-menu-item>Yesterday</button> <button mat-menu-item>Yesterday</button>
@ -190,7 +190,7 @@
[matMenuTriggerFor]="featuresMenu"> [matMenuTriggerFor]="featuresMenu">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon> [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #featuresMenu="matMenu"> <mat-menu #featuresMenu="matMenu">
<button mat-menu-item>Yesterday</button> <button mat-menu-item>Yesterday</button>
@ -366,14 +366,14 @@
<div class="flex items-center"> <div class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5 text-hint" class="icon-size-5 text-hint"
[svgIcon]="'heroicons_solid:location-marker'"></mat-icon> [svgIcon]="'heroicons_solid:map-pin'"></mat-icon>
<div class="ml-1.5 text-md text-secondary">{{scheduleItem.location}}</div> <div class="ml-1.5 text-md text-secondary">{{scheduleItem.location}}</div>
</div> </div>
</ng-container> </ng-container>
</div> </div>
</div> </div>
<button mat-icon-button> <button mat-icon-button>
<mat-icon [svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> <mat-icon [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
</button> </button>
</div> </div>
</ng-container> </ng-container>
@ -417,7 +417,7 @@
[matMenuTriggerFor]="weeklyExpensesMenu"> [matMenuTriggerFor]="weeklyExpensesMenu">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon> [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #weeklyExpensesMenu="matMenu"> <mat-menu #weeklyExpensesMenu="matMenu">
<button mat-menu-item>This week</button> <button mat-menu-item>This week</button>
@ -434,7 +434,7 @@
<div class="flex items-center"> <div class="flex items-center">
<mat-icon <mat-icon
class="mr-1 icon-size-5 text-green-500" class="mr-1 icon-size-5 text-green-500"
[svgIcon]="'heroicons_solid:trending-down'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-trending-down'"></mat-icon>
<div class="font-medium text-sm text-secondary leading-none whitespace-nowrap"> <div class="font-medium text-sm text-secondary leading-none whitespace-nowrap">
<span class="text-green-500">2%</span> <span class="text-green-500">2%</span>
below projected below projected
@ -464,7 +464,7 @@
[matMenuTriggerFor]="monthlyExpensesMenu"> [matMenuTriggerFor]="monthlyExpensesMenu">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon> [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #monthlyExpensesMenu="matMenu"> <mat-menu #monthlyExpensesMenu="matMenu">
<button mat-menu-item>This week</button> <button mat-menu-item>This week</button>
@ -481,7 +481,7 @@
<div class="flex items-center"> <div class="flex items-center">
<mat-icon <mat-icon
class="mr-1 icon-size-5 text-red-500" class="mr-1 icon-size-5 text-red-500"
[svgIcon]="'heroicons_solid:trending-up'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-trending-up'"></mat-icon>
<div class="font-medium text-sm text-secondary leading-none whitespace-nowrap"> <div class="font-medium text-sm text-secondary leading-none whitespace-nowrap">
<span class="text-red-500">4%</span> <span class="text-red-500">4%</span>
above projected above projected
@ -511,7 +511,7 @@
[matMenuTriggerFor]="yearlyExpensesMenu"> [matMenuTriggerFor]="yearlyExpensesMenu">
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon> [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
</button> </button>
<mat-menu #yearlyExpensesMenu="matMenu"> <mat-menu #yearlyExpensesMenu="matMenu">
<button mat-menu-item>This week</button> <button mat-menu-item>This week</button>
@ -528,7 +528,7 @@
<div class="flex items-center"> <div class="flex items-center">
<mat-icon <mat-icon
class="mr-1 icon-size-5 text-red-500" class="mr-1 icon-size-5 text-red-500"
[svgIcon]="'heroicons_solid:trending-up'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-trending-up'"></mat-icon>
<div class="font-medium text-sm text-secondary leading-none whitespace-nowrap"> <div class="font-medium text-sm text-secondary leading-none whitespace-nowrap">
<span class="text-red-500">3%</span> <span class="text-red-500">3%</span>
above projected above projected
@ -719,7 +719,7 @@
[href]="'mailto:' + member.email"> [href]="'mailto:' + member.email">
<mat-icon <mat-icon
class="icon-size-5 text-hint" class="icon-size-5 text-hint"
[svgIcon]="'heroicons_solid:mail'"></mat-icon> [svgIcon]="'heroicons_solid:envelope'"></mat-icon>
<span class="ml-2">Email</span> <span class="ml-2">Email</span>
</a> </a>
<a <a

View File

@ -31,6 +31,7 @@ export class ChangelogComponent
list: [ list: [
'(Dependencies) Updated Angular & Angular Material to v16', '(Dependencies) Updated Angular & Angular Material to v16',
'(Dependencies) Updated various other packages', '(Dependencies) Updated various other packages',
'(Icons) Updated Heroicons'
], ],
}, },
], ],

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Authentication</span> <span class="ml-1 text-secondary">Authentication</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Customization</span> <span class="ml-1 text-secondary">Customization</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Customization</span> <span class="ml-1 text-secondary">Customization</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Customization</span> <span class="ml-1 text-secondary">Customization</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Customization</span> <span class="ml-1 text-secondary">Customization</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Customization</span> <span class="ml-1 text-secondary">Customization</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Customization</span> <span class="ml-1 text-secondary">Customization</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Customization</span> <span class="ml-1 text-secondary">Customization</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Development</span> <span class="ml-1 text-secondary">Development</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Development</span> <span class="ml-1 text-secondary">Development</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Development</span> <span class="ml-1 text-secondary">Development</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Development</span> <span class="ml-1 text-secondary">Development</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Development</span> <span class="ml-1 text-secondary">Development</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Getting Started</span> <span class="ml-1 text-secondary">Getting Started</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Getting Started</span> <span class="ml-1 text-secondary">Getting Started</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Getting Started</span> <span class="ml-1 text-secondary">Getting Started</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<a class="ml-1 text-primary-500">Guides</a> <a class="ml-1 text-primary-500">Guides</a>
</div> </div>
<div class="flex items-center ml-1 whitespace-nowrap"> <div class="flex items-center ml-1 whitespace-nowrap">
<mat-icon <mat-icon
class="icon-size-5 text-secondary" class="icon-size-5 text-secondary"
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon> [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
<span class="ml-1 text-secondary">Getting Started</span> <span class="ml-1 text-secondary">Getting Started</span>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last" class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
mat-icon-button mat-icon-button
(click)="toggleDrawer()"> (click)="toggleDrawer()">
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
</button> </button>
</div> </div>

View File

@ -48,7 +48,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required
@ -76,7 +76,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordConfirmField.type === 'text'" *ngIf="passwordConfirmField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')"> <mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
Password confirmation is required Password confirmation is required

View File

@ -98,7 +98,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required
@ -126,7 +126,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordConfirmField.type === 'text'" *ngIf="passwordConfirmField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')"> <mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
Password confirmation is required Password confirmation is required

View File

@ -48,7 +48,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required
@ -76,7 +76,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordConfirmField.type === 'text'" *ngIf="passwordConfirmField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')"> <mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
Password confirmation is required Password confirmation is required

View File

@ -99,7 +99,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required
@ -127,7 +127,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordConfirmField.type === 'text'" *ngIf="passwordConfirmField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')"> <mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
Password confirmation is required Password confirmation is required

View File

@ -49,7 +49,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required
@ -77,7 +77,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordConfirmField.type === 'text'" *ngIf="passwordConfirmField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')"> <mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
Password confirmation is required Password confirmation is required

View File

@ -98,7 +98,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required
@ -126,7 +126,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordConfirmField.type === 'text'" *ngIf="passwordConfirmField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')"> <mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
Password confirmation is required Password confirmation is required

View File

@ -48,7 +48,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required
@ -76,7 +76,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordConfirmField.type === 'text'" *ngIf="passwordConfirmField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')"> <mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
Password confirmation is required Password confirmation is required

View File

@ -69,7 +69,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required

View File

@ -119,7 +119,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required

View File

@ -69,7 +69,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required

View File

@ -120,7 +120,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required

View File

@ -70,7 +70,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required

View File

@ -119,7 +119,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required

View File

@ -69,7 +69,7 @@
<mat-icon <mat-icon
class="icon-size-5" class="icon-size-5"
*ngIf="passwordField.type === 'text'" *ngIf="passwordField.type === 'text'"
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon> [svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
</button> </button>
<mat-error> <mat-error>
Password is required Password is required

Some files were not shown because too many files have changed in this diff Show More