Merge remote-tracking branch 'origin/demo' into starter
# Conflicts: # src/app/app.routing.ts # src/app/mock-api/common/navigation/data.ts # src/app/modules/admin/apps/contacts/details/details.component.html # src/app/modules/admin/apps/file-manager/list/list.component.html # src/app/modules/admin/apps/file-manager/list/list.component.ts # src/app/modules/landing/home/home.component.html
| @ -56,7 +56,7 @@ const utilities = plugin(({ | ||||
|             } | ||||
|         }, | ||||
|         { | ||||
|             variants: ['dark', 'responsive'] | ||||
|             variants: ['dark', 'responsive', 'group-hover', 'hover'] | ||||
|         } | ||||
|     ); | ||||
| 
 | ||||
|  | ||||
| @ -38,6 +38,7 @@ export class CoreModule | ||||
|         // Register icon sets
 | ||||
|         this._matIconRegistry.addSvgIconSet(this._domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/material-twotone.svg')); | ||||
|         this._matIconRegistry.addSvgIconSetInNamespace('mat_outline', this._domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/material-outline.svg')); | ||||
|         this._matIconRegistry.addSvgIconSetInNamespace('mat_solid', this._domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/material-solid.svg')); | ||||
|         this._matIconRegistry.addSvgIconSetInNamespace('iconsmind', this._domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/iconsmind.svg')); | ||||
|         this._matIconRegistry.addSvgIconSetInNamespace('feather', this._domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/feather.svg')); | ||||
|         this._matIconRegistry.addSvgIconSetInNamespace('heroicons_outline', this._domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/heroicons-outline.svg')); | ||||
|  | ||||
| @ -80,8 +80,8 @@ | ||||
|     </div> | ||||
| 
 | ||||
|     <!-- Footer --> | ||||
|     <div class="relative flex flex-0 items-center justify-start w-full h-14 px-4 md:px-6 z-49 border-t bg-card dark:bg-transparent print:hidden"> | ||||
|     <!--<div class="relative flex flex-0 items-center justify-start w-full h-14 px-4 md:px-6 z-49 border-t bg-card dark:bg-transparent print:hidden"> | ||||
|         <span class="font-medium text-secondary">Fuse © {{currentYear}}</span> | ||||
|     </div> | ||||
|     </div>--> | ||||
| 
 | ||||
| </div> | ||||
|  | ||||
							
								
								
									
										86
									
								
								src/app/mock-api/apps/academy/api.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,86 @@ | ||||
| import { Injectable } from '@angular/core'; | ||||
| import { cloneDeep } from 'lodash-es'; | ||||
| import { FuseMockApiService } from '@fuse/lib/mock-api/mock-api.service'; | ||||
| import { categories as categoriesData, courses as coursesData, demoCourseSteps as demoCourseStepsData } from 'app/mock-api/apps/academy/data'; | ||||
| 
 | ||||
| @Injectable({ | ||||
|     providedIn: 'root' | ||||
| }) | ||||
| export class AcademyMockApi | ||||
| { | ||||
|     private _categories: any[] = categoriesData; | ||||
|     private _courses: any[] = coursesData; | ||||
|     private _demoCourseSteps: any[] = demoCourseStepsData; | ||||
| 
 | ||||
|     /** | ||||
|      * Constructor | ||||
|      */ | ||||
|     constructor(private _fuseMockApiService: FuseMockApiService) | ||||
|     { | ||||
|         // Register Mock API handlers
 | ||||
|         this.registerHandlers(); | ||||
|     } | ||||
| 
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
|     // @ Public methods
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
| 
 | ||||
|     /** | ||||
|      * Register Mock API handlers | ||||
|      */ | ||||
|     registerHandlers(): void | ||||
|     { | ||||
|         // -----------------------------------------------------------------------------------------------------
 | ||||
|         // @ Categories - GET
 | ||||
|         // -----------------------------------------------------------------------------------------------------
 | ||||
|         this._fuseMockApiService | ||||
|             .onGet('api/apps/academy/categories') | ||||
|             .reply(() => { | ||||
| 
 | ||||
|                 // Clone the categories
 | ||||
|                 const categories = cloneDeep(this._categories); | ||||
| 
 | ||||
|                 // Sort the categories alphabetically by title
 | ||||
|                 categories.sort((a, b) => a.title.localeCompare(b.title)); | ||||
| 
 | ||||
|                 return [200, categories]; | ||||
|             }); | ||||
| 
 | ||||
|         // -----------------------------------------------------------------------------------------------------
 | ||||
|         // @ Courses - GET
 | ||||
|         // -----------------------------------------------------------------------------------------------------
 | ||||
|         this._fuseMockApiService | ||||
|             .onGet('api/apps/academy/courses') | ||||
|             .reply(() => { | ||||
| 
 | ||||
|                 // Clone the courses
 | ||||
|                 const courses = cloneDeep(this._courses); | ||||
| 
 | ||||
|                 return [200, courses]; | ||||
|             }); | ||||
| 
 | ||||
|         // -----------------------------------------------------------------------------------------------------
 | ||||
|         // @ Course - GET
 | ||||
|         // -----------------------------------------------------------------------------------------------------
 | ||||
|         this._fuseMockApiService | ||||
|             .onGet('api/apps/academy/courses/course') | ||||
|             .reply(({request}) => { | ||||
| 
 | ||||
|                 // Get the id from the params
 | ||||
|                 const id = request.params.get('id'); | ||||
| 
 | ||||
|                 // Clone the courses and steps
 | ||||
|                 const courses = cloneDeep(this._courses); | ||||
|                 const steps = cloneDeep(this._demoCourseSteps); | ||||
| 
 | ||||
|                 // Find the course and attach steps to it
 | ||||
|                 const course = courses.find((item) => item.id === id); | ||||
|                 course.steps = steps; | ||||
| 
 | ||||
|                 return [ | ||||
|                     200, | ||||
|                     course | ||||
|                 ]; | ||||
|             }); | ||||
|     } | ||||
| } | ||||
							
								
								
									
										719
									
								
								src/app/mock-api/apps/academy/data.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,719 @@ | ||||
| /* tslint:disable:max-line-length */ | ||||
| export const categories = [ | ||||
|     { | ||||
|         id   : '9a67dff7-3c38-4052-a335-0cef93438ff6', | ||||
|         title: 'Web', | ||||
|         slug : 'web' | ||||
|     }, | ||||
|     { | ||||
|         id   : 'a89672f5-e00d-4be4-9194-cb9d29f82165', | ||||
|         title: 'Firebase', | ||||
|         slug : 'firebase' | ||||
|     }, | ||||
|     { | ||||
|         id   : '02f42092-bb23-4552-9ddb-cfdcc235d48f', | ||||
|         title: 'Cloud', | ||||
|         slug : 'cloud' | ||||
|     }, | ||||
|     { | ||||
|         id   : '5648a630-979f-4403-8c41-fc9790dea8cd', | ||||
|         title: 'Android', | ||||
|         slug : 'android' | ||||
|     } | ||||
| ]; | ||||
| export const courses = [ | ||||
|     { | ||||
|         id         : '694e4e5f-f25f-470b-bd0e-26b1d4f64028', | ||||
|         title      : 'Basics of Angular', | ||||
|         slug       : 'basics-of-angular', | ||||
|         description: 'Introductory course for Angular and framework basics', | ||||
|         category   : 'web', | ||||
|         duration   : 30, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Jun 28, 2021', | ||||
|         featured   : true, | ||||
|         progress   : { | ||||
|             currentStep: 3, | ||||
|             completed  : 2 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : 'f924007a-2ee9-470b-a316-8d21ed78277f', | ||||
|         title      : 'Basics of TypeScript', | ||||
|         slug       : 'basics-of-typeScript', | ||||
|         description: 'Beginner course for Typescript and its basics', | ||||
|         category   : 'web', | ||||
|         duration   : 60, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Nov 01, 2021', | ||||
|         featured   : true, | ||||
|         progress   : { | ||||
|             currentStep: 5, | ||||
|             completed  : 3 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : '0c06e980-abb5-4ba7-ab65-99a228cab36b', | ||||
|         title      : 'Android N: Quick Settings', | ||||
|         slug       : 'android-n-quick-settings', | ||||
|         description: 'Step by step guide for Android N: Quick Settings', | ||||
|         category   : 'android', | ||||
|         duration   : 120, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'May 08, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 10, | ||||
|             completed  : 1 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : '1b9a9acc-9a36-403e-a1e7-b11780179e38', | ||||
|         title      : 'Build an App for the Google Assistant with Firebase', | ||||
|         slug       : 'build-an-app-for-the-google-assistant-with-firebase', | ||||
|         description: 'Dive deep into Google Assistant apps using Firebase', | ||||
|         category   : 'firebase', | ||||
|         duration   : 30, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Jan 09, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 4, | ||||
|             completed  : 3 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : '55eb415f-3f4e-4853-a22b-f0ae91331169', | ||||
|         title      : 'Keep Sensitive Data Safe and Private', | ||||
|         slug       : 'keep-sensitive-data-safe-and-private', | ||||
|         description: 'Learn how to keep your important data safe and private', | ||||
|         category   : 'android', | ||||
|         duration   : 45, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Jan 14, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 6, | ||||
|             completed  : 0 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : 'fad2ab23-1011-4028-9a54-e52179ac4a50', | ||||
|         title      : 'Manage Your Pivotal Cloud Foundry App\'s Using Apigee Edge', | ||||
|         slug       : 'manage-your-pivotal-cloud-foundry-apps-using-apigee-Edge', | ||||
|         description: 'Introductory course for Pivotal Cloud Foundry App', | ||||
|         category   : 'cloud', | ||||
|         duration   : 90, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Jun 24, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 6, | ||||
|             completed  : 0 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : 'c4bc107b-edc4-47a7-a7a8-4fb09732e794', | ||||
|         title      : 'Build a PWA Using Workbox', | ||||
|         slug       : 'build-a-pwa-using-workbox', | ||||
|         description: 'Step by step guide for building a PWA using Workbox', | ||||
|         category   : 'web', | ||||
|         duration   : 120, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Nov 19, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 0, | ||||
|             completed  : 0 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : '1449f945-d032-460d-98e3-406565a22293', | ||||
|         title      : 'Cloud Functions for Firebase', | ||||
|         slug       : 'cloud-functions-for-firebase', | ||||
|         description: 'Beginners guide of Firebase Cloud Functions', | ||||
|         category   : 'firebase', | ||||
|         duration   : 45, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Jul 11, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 3, | ||||
|             completed  : 1 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : 'f05e08ab-f3e3-4597-a032-6a4b69816f24', | ||||
|         title      : 'Building a gRPC Service with Java', | ||||
|         slug       : 'building-a-grpc-service-with-java', | ||||
|         description: 'Learn more about building a gRPC Service with Java', | ||||
|         category   : 'cloud', | ||||
|         duration   : 30, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Mar 13, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 0, | ||||
|             completed  : 1 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : '181728f4-87c8-45c5-b9cc-92265bcd2f4d', | ||||
|         title      : 'Looking at Campaign Finance with BigQuery', | ||||
|         slug       : 'looking-at-campaign-finance-with-bigquery', | ||||
|         description: 'Dive deep into BigQuery: Campaign Finance', | ||||
|         category   : 'cloud', | ||||
|         duration   : 60, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Nov 01, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 0, | ||||
|             completed  : 0 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : 'fcbfedbf-6187-4b3b-89d3-1a7cb4e11616', | ||||
|         title      : 'Personalize Your iOS App with Firebase User Management', | ||||
|         slug       : 'personalize-your-ios-app-with-firebase-user-management', | ||||
|         description: 'Dive deep into User Management on iOS apps using Firebase', | ||||
|         category   : 'firebase', | ||||
|         duration   : 90, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Aug 08, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 0, | ||||
|             completed  : 0 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : '5213f6a1-1dd7-4b1d-b6e9-ffb7af534f28', | ||||
|         title      : 'Customize Network Topology with Subnetworks', | ||||
|         slug       : 'customize-network-topology-with-subnetworks', | ||||
|         description: 'Dive deep into Network Topology with Subnetworks', | ||||
|         category   : 'web', | ||||
|         duration   : 45, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'May 12, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 0, | ||||
|             completed  : 0 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : '02992ac9-d1a3-4167-b70e-8a1d5b5ba253', | ||||
|         title      : 'Building Beautiful UIs with Flutter', | ||||
|         slug       : 'building-beautiful-uis-with-flutter', | ||||
|         description: 'Dive deep into Flutter\'s hidden secrets for creating beautiful UIs', | ||||
|         category   : 'web', | ||||
|         duration   : 90, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Sep 18, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 8, | ||||
|             completed  : 2 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : '2139512f-41fb-4a4a-841a-0b4ac034f9b4', | ||||
|         title      : 'Firebase Android', | ||||
|         slug       : 'firebase-android', | ||||
|         description: 'Beginners guide of Firebase for Android', | ||||
|         category   : 'android', | ||||
|         duration   : 45, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Apr 24, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 0, | ||||
|             completed  : 0 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : '65e0a0e0-d8c0-4117-a3cb-eb74f8e28809', | ||||
|         title      : 'Simulating a Thread Network Using OpenThread', | ||||
|         slug       : 'simulating-a-thread-network-using-openthread', | ||||
|         description: 'Introductory course for OpenThread and Simulating a Thread Network', | ||||
|         category   : 'web', | ||||
|         duration   : 45, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Jun 05, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 0, | ||||
|             completed  : 0 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : 'c202ebc9-9be3-433a-9d38-7003b3ed7b7a', | ||||
|         title      : 'Your First Progressive Web App', | ||||
|         slug       : 'your-first-progressive-web-app', | ||||
|         description: 'Step by step guide for creating a PWA from scratch', | ||||
|         category   : 'web', | ||||
|         duration   : 30, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Oct 14, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 0, | ||||
|             completed  : 0 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : '980ae7da-9f77-4e30-aa98-1b1ea594e775', | ||||
|         title      : 'Launch Cloud Datalab', | ||||
|         slug       : 'launch-cloud-datalab', | ||||
|         description: 'From start to finish: Launch Cloud Datalab', | ||||
|         category   : 'cloud', | ||||
|         duration   : 60, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Dec 16, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 0, | ||||
|             completed  : 0 | ||||
|         } | ||||
|     }, | ||||
|     { | ||||
|         id         : 'c9748ea9-4117-492c-bdb2-55085b515978', | ||||
|         title      : 'Cloud Firestore', | ||||
|         slug       : 'cloud-firestore', | ||||
|         description: 'Step by step guide for setting up Cloud Firestore', | ||||
|         category   : 'firebase', | ||||
|         duration   : 90, | ||||
|         totalSteps : 11, | ||||
|         updatedAt  : 'Apr 04, 2021', | ||||
|         featured   : false, | ||||
|         progress   : { | ||||
|             currentStep: 2, | ||||
|             completed  : 0 | ||||
|         } | ||||
|     } | ||||
| ]; | ||||
| export const demoCourseContent = ` | ||||
| <p class="lead"> | ||||
|     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aperiam lab et fugiat id magnam minus nemo quam | ||||
|     voluptatem. Culpa deleniti explica nisi quod soluta. | ||||
| </p> | ||||
| <p> | ||||
|     Alias animi labque, deserunt distinctio eum excepturi fuga iure labore magni molestias mollitia natus, officia pofro | ||||
|     quis sunt temporibus veritatis voluptatem, voluptatum. Aut blanditiis esse et illum maxim, obcaecati possimus | ||||
|     voluptate! Accusamus <em>adipisci</em> amet aperiam, assumenda consequuntur fugiat inventore iusto magnam molestias | ||||
|     natus necessitatibus, nulla pariatur. | ||||
| </p> | ||||
| <p> | ||||
|     Amet distinctio enim itaque minima minus nesciunt recusandae soluta voluptatibus: | ||||
| </p> | ||||
| <blockquote> | ||||
|     <p> | ||||
|         Ad aliquid amet asperiores lab distinctio doloremque <code>eaque</code>, exercitationem explicabo, minus mollitia | ||||
|         natus necessitatibus odio omnis pofro rem. | ||||
|     </p> | ||||
| </blockquote> | ||||
| <p> | ||||
|     Alias architecto asperiores, dignissimos illum ipsam ipsum itaque, natus necessitatibus officiis, perferendis quae | ||||
|     sed ullam veniam vitae voluptas! Magni, nisi, quis! A <code>accusamus</code> animi commodi, consectetur distinctio | ||||
|     eaque, eos excepturi illum laboriosam maiores nam natus nulla officiis perspiciatis rem <em>reprehenderit</em> sed | ||||
|     tenetur veritatis. | ||||
| </p> | ||||
| <p> | ||||
|     Consectetur <code>dicta enim</code> error eveniet expedita, facere in itaque labore <em>natus</em> quasi? Ad consectetur | ||||
|     eligendi facilis magni quae quis, quo temporibus voluptas voluptate voluptatem! | ||||
| </p> | ||||
| <p> | ||||
|     Adipisci alias animi <code>debitis</code> eos et impedit maiores, modi nam nobis officia optio perspiciatis, rerum. | ||||
|     Accusantium esse nostrum odit quis quo: | ||||
| </p> | ||||
| <pre><code>h1 a {{'{'}} | ||||
|     display: block; | ||||
|     width: 300px; | ||||
|     height: 80px; | ||||
| {{'}'}}</code></pre> | ||||
| <p> | ||||
|     Accusantium aut autem, lab deleniti eaque fugiat fugit id ipsa iste molestiae, | ||||
|     <a>necessitatibus nemo quasi</a> | ||||
|     . | ||||
| </p> | ||||
| <hr> | ||||
| <h2> | ||||
|     Accusantium aspernatur autem enim | ||||
| </h2> | ||||
| <p> | ||||
|     Blanditiis, fugit voluptate! Assumenda blanditiis consectetur, labque cupiditate ducimus eaque earum, fugiat illum | ||||
|     ipsa, necessitatibus omnis quaerat reiciendis totam. Architecto, <strong>facere</strong> illum molestiae nihil nulla | ||||
|     quibusdam quidem vel! Atque <em>blanditiis deserunt</em>. | ||||
| </p> | ||||
| <p> | ||||
|     Debitis deserunt doloremque labore laboriosam magni minus odit: | ||||
| </p> | ||||
| <ol> | ||||
|     <li>Asperiores dicta esse maiores nobis officiis.</li> | ||||
|     <li>Accusamus aliquid debitis dolore illo ipsam molettiae possimus.</li> | ||||
|     <li>Magnam mollitia pariatur perspiciatis quasi quidem tenetur voluptatem! Adipisci aspernatur assumenda dicta.</li> | ||||
| </ol> | ||||
| <p> | ||||
|     Animi fugit incidunt iure magni maiores molestias. | ||||
| </p> | ||||
| <h3> | ||||
|     Consequatur iusto soluta | ||||
| </h3> | ||||
| <p> | ||||
|     Aliquid asperiores corporis — deserunt dolorum ducimus eius eligendi explicabo quaerat suscipit voluptas. | ||||
| </p> | ||||
| <p> | ||||
|     Deserunt dolor eos et illum laborum magni molestiae mollitia: | ||||
| </p> | ||||
| <blockquote> | ||||
|     <p>Autem beatae consectetur consequatur, facere, facilis fugiat id illo, impedit numquam optio quis sunt ducimus illo.</p> | ||||
| </blockquote> | ||||
| <p> | ||||
|     Adipisci consequuntur doloribus facere in ipsam maxime molestias pofro quam: | ||||
| </p> | ||||
| <figure> | ||||
|     <img | ||||
|         src="assets/images/pages/help-center/image-1.jpg" | ||||
|         alt=""> | ||||
|     <figcaption> | ||||
|         Accusamus blanditiis labque delectus esse et eum excepturi, impedit ipsam iste maiores minima mollitia, nihil obcaecati | ||||
|         placeat quaerat qui quidem sint unde! | ||||
|     </figcaption> | ||||
| </figure> | ||||
| <p> | ||||
|     A beatae lab deleniti explicabo id inventore magni nisi omnis placeat praesentium quibusdam: | ||||
| </p> | ||||
| <ul> | ||||
|     <li>Dolorem eaque laboriosam omnis praesentium.</li> | ||||
|     <li>Atque debitis delectus distinctio doloremque.</li> | ||||
|     <li>Fuga illo impedit minima mollitia neque obcaecati.</li> | ||||
| </ul> | ||||
| <p> | ||||
|     Consequ eius eum excepturi explicabo. | ||||
| </p> | ||||
| <h2> | ||||
|     Adipisicing elit atque impedit? | ||||
| </h2> | ||||
| <h3> | ||||
|     Atque distinctio doloremque ea qui quo, repellendus. | ||||
| </h3> | ||||
| <p> | ||||
|     Delectus deserunt explicabo facilis numquam quasi! Laboriosam, magni, quisquam. Aut, blanditiis commodi distinctio, facere fuga | ||||
|     hic itaque iure labore laborum maxime nemo neque provident quos recusandae sequi veritatis illum inventore iure qui rerum sapiente. | ||||
| </p> | ||||
| <h3> | ||||
|     Accusamus iusto sint aperiam consectetur … | ||||
| </h3> | ||||
| <p> | ||||
|     Aliquid assumenda ipsa nam odit pofro quaerat, quasi recusandae sint! Aut, esse explicabo facilis fugit illum iure magni | ||||
|     necessitatibus odio quas. | ||||
| </p> | ||||
| <ul> | ||||
|     <li> | ||||
|         <p><strong>Dolore natus placeat rem atque dignissimos laboriosam.</strong></p> | ||||
|         <p> | ||||
|             Amet repudiandae voluptates architecto dignissimos repellendus voluptas dignissimos eveniet itaque maiores natus. | ||||
|         </p> | ||||
|         <p> | ||||
|             Accusamus aliquam debitis delectus dolorem ducimus enim eos, exercitationem fugiat id iusto nostrum quae quos | ||||
|             recusandae reiciendis rerum sequi temporibus veniam vero? Accusantium culpa, cupiditate ducimus eveniet id maiores modi | ||||
|             mollitia nisi aliquid dolorum ducimus et illo in. | ||||
|         </p> | ||||
|     </li> | ||||
|     <li> | ||||
|         <p><strong>Ab amet deleniti dolor, et hic optio placeat.</strong></p> | ||||
|         <p> | ||||
|             Accusantium ad alias beatae, consequatur consequuntur eos error eveniet expedita fuga laborum libero maxime nulla pofro | ||||
|             praesentium rem rerum saepe soluta ullam vero, voluptas? Architecto at debitis, doloribus harum iure libero natus odio | ||||
|             optio soluta veritatis voluptate. | ||||
|         </p> | ||||
|     </li> | ||||
|     <li> | ||||
|         <p><strong>At aut consectetur nam necessitatibus neque nesciunt.</strong></p> | ||||
|         <p> | ||||
|             Aut dignissimos labore nobis nostrum optio! Dolor id minima velit voluptatibus. Aut consequuntur eum exercitationem | ||||
|             fuga, harum id impedit molestiae natus neque numquam perspiciatis quam rem voluptatum. | ||||
|         </p> | ||||
|     </li> | ||||
| </ul> | ||||
| <p> | ||||
|     Animi aperiam autem labque dolore enim ex expedita harum hic id impedit ipsa laborum modi mollitia non perspiciatis quae ratione. | ||||
| </p> | ||||
| <h2> | ||||
|     Alias eos excepturi facilis fugit. | ||||
| </h2> | ||||
| <p> | ||||
|     Alias asperiores, aspernatur corporis | ||||
|     <a>delectus</a> | ||||
|     est | ||||
|     <a>facilis</a> | ||||
|     inventore dolore | ||||
|     ipsa nobis nostrum officia quia, veritatis vero! At dolore est nesciunt numquam quam. Ab animi <em>architecto</em> aut, dignissimos | ||||
|     eos est eum explicabo. | ||||
| </p> | ||||
| <p> | ||||
|     Adipisci autem consequuntur <code>labque cupiditate</code> dolor ducimus fuga neque nesciunt: | ||||
| </p> | ||||
| <pre><code>module.exports = {{'{'}} | ||||
|     purge: [], | ||||
|     theme: {{'{'}} | ||||
|         extend: {{'{}'}}, | ||||
|     }, | ||||
|     variants: {{'{}'}}, | ||||
|     plugins: [], | ||||
| {{'}'}}</code></pre> | ||||
| <p> | ||||
|     Aliquid aspernatur eius fugit hic iusto. | ||||
| </p> | ||||
| <h3> | ||||
|     Dolorum ducimus expedita? | ||||
| </h3> | ||||
| <p> | ||||
|     Culpa debitis explicabo maxime minus quaerat reprehenderit temporibus! Asperiores, cupiditate ducimus esse est expedita fuga hic | ||||
|     ipsam necessitatibus placeat possimus? Amet animi aut consequuntur earum eveniet. | ||||
| </p> | ||||
| <ol> | ||||
|     <li> | ||||
|         <strong>Aspernatur at beatae corporis debitis.</strong> | ||||
|         <ul> | ||||
|             <li> | ||||
|                 Aperiam assumenda commodi lab dicta eius, “fugit ipsam“ itaque iure molestiae nihil numquam, officia omnis quia | ||||
|                 repellendus sapiente sed. | ||||
|             </li> | ||||
|             <li> | ||||
|                 Nulla odio quod saepe accusantium, adipisci autem blanditiis lab doloribus. | ||||
|             </li> | ||||
|             <li> | ||||
|                 Explicabo facilis iusto molestiae nisi nostrum obcaecati officia. | ||||
|             </li> | ||||
|         </ul> | ||||
|     </li> | ||||
|     <li> | ||||
|         <strong>Nobis odio officiis optio quae quis quisquam quos rem.</strong> | ||||
|         <ul> | ||||
|             <li>Modi pariatur quod totam. Deserunt doloribus eveniet, expedita.</li> | ||||
|             <li>Ad beatae dicta et fugit libero optio quaerat rem repellendus./</li> | ||||
|             <li>Architecto atque consequuntur corporis id iste magni.</li> | ||||
|         </ul> | ||||
|     </li> | ||||
|     <li> | ||||
|         <strong>Deserunt non placeat unde veniam veritatis? Odio quod.</strong> | ||||
|         <ul> | ||||
|             <li>Inventore iure magni quod repellendus tempora. Magnam neque, quia. Adipisci amet.</li> | ||||
|             <li>Consectetur adipisicing elit.</li> | ||||
|             <li>labque eum expedita illo inventore iusto laboriosam nesciunt non, odio provident.</li> | ||||
|         </ul> | ||||
|     </li> | ||||
| </ol> | ||||
| <p> | ||||
|     A aliquam architecto consequatur labque dicta doloremque <code><li></code> doloribus, ducimus earum, est <code><p></code> | ||||
|     eveniet explicabo fuga fugit ipsum minima minus molestias nihil nisi non qui sunt vel voluptatibus? A dolorum illum nihil quidem. | ||||
| </p> | ||||
| <ul> | ||||
|     <li> | ||||
|         <p> | ||||
|             <strong>Laboriosam nesciunt obcaecati optio qui.</strong> | ||||
|         </p> | ||||
|         <p> | ||||
|             Doloremque magni molestias reprehenderit. | ||||
|         </p> | ||||
|         <ul> | ||||
|             <li>Accusamus aperiam blanditiis <code><p></code> commodi</li> | ||||
|             <li>Dolorum ea explicabo fugiat in ipsum</li> | ||||
|         </ul> | ||||
|     </li> | ||||
|     <li> | ||||
|         <p> | ||||
|             <strong>Commodi dolor dolorem dolores eum expedita libero.</strong> | ||||
|         </p> | ||||
|         <p> | ||||
|             Accusamus alias consectetur dolores et, excepturi fuga iusto possimus. | ||||
|         </p> | ||||
|         <ul> | ||||
|             <li> | ||||
|                 <p> | ||||
|                     Accusantium ad alias atque aut autem consequuntur deserunt dignissimos eaque iure <code><p></code> maxime. | ||||
|                 </p> | ||||
|                 <p> | ||||
|                     Dolorum in nisi numquam omnis quam sapiente sit vero. | ||||
|                 </p> | ||||
|             </li> | ||||
|             <li> | ||||
|                 <p> | ||||
|                     Adipisci lab in nisi odit soluta sunt vitae commodi excepturi. | ||||
|                 </p> | ||||
|             </li> | ||||
|         </ul> | ||||
|     </li> | ||||
|     <li> | ||||
|         <p> | ||||
|             Assumenda deserunt distinctio dolor iste mollitia nihil non? | ||||
|         </p> | ||||
|     </li> | ||||
| </ul> | ||||
| <p> | ||||
|     Consectetur adipisicing elit dicta dolor iste. | ||||
| </p> | ||||
| <h2> | ||||
|     Consectetur ea natus officia omnis reprehenderit. | ||||
| </h2> | ||||
| <p> | ||||
|     Distinctio impedit quaerat sed! Accusamus | ||||
|     <a>aliquam aspernatur enim expedita explicabo</a> | ||||
|     . Libero molestiae | ||||
|     odio quasi unde ut? Ab exercitationem id numquam odio quisquam! | ||||
| </p> | ||||
| <p> | ||||
|     Explicabo facilis nemo quidem natus tempore: | ||||
| </p> | ||||
| <table class="table table-striped table-bordered"> | ||||
|     <thead> | ||||
|         <tr> | ||||
|             <th>Wrestler</th> | ||||
|             <th>Origin</th> | ||||
|             <th>Finisher</th> | ||||
|         </tr> | ||||
|     </thead> | ||||
|     <tbody> | ||||
|         <tr> | ||||
|             <td>Bret “The Hitman” Hart</td> | ||||
|             <td>Calgary, AB</td> | ||||
|             <td>Sharpshooter</td> | ||||
|         </tr> | ||||
|         <tr> | ||||
|             <td>Stone Cold Steve Austin</td> | ||||
|             <td>Austin, TX</td> | ||||
|             <td>Stone Cold Stunner</td> | ||||
|         </tr> | ||||
|         <tr> | ||||
|             <td>Randy Savage</td> | ||||
|             <td>Sarasota, FL</td> | ||||
|             <td>Elbow Drop</td> | ||||
|         </tr> | ||||
|         <tr> | ||||
|             <td>Vader</td> | ||||
|             <td>Boulder, CO</td> | ||||
|             <td>Vader Bomb</td> | ||||
|         </tr> | ||||
|         <tr> | ||||
|             <td>Razor Ramon</td> | ||||
|             <td>Chuluota, FL</td> | ||||
|             <td>Razor’s Edge</td> | ||||
|         </tr> | ||||
|     </tbody> | ||||
| </table> | ||||
| <p> | ||||
|     A aliquid autem lab doloremque, ea earum eum fuga fugit illo ipsa minus natus nisi <code><span></code> obcaecati pariatur | ||||
|     perferendis pofro <code>suscipit tempore</code>. | ||||
| </p> | ||||
| <h3> | ||||
|     Ad alias atque culpa <code>illum</code> earum optio | ||||
| </h3> | ||||
| <p> | ||||
|     Architecto consequatur eveniet illo in iure laborum minus omnis quibusdam sequi temporibus? Ab aliquid <em>“atque dolores molestiae | ||||
|     nemo perferendis”</em> reprehenderit saepe. | ||||
| </p> | ||||
| <p> | ||||
|     Accusantium aliquid eligendi est fuga natus, <code>quos</code> vel? Adipisci aperiam asperiores aspernatur consectetur cupiditate | ||||
|     <a><code>@distinctio/doloribus</code></a> | ||||
|     et exercitationem expedita, facere facilis illum, impedit inventore | ||||
|     ipsa iure iusto magnam, magni minus nesciunt non officia possimus quod reiciendis. | ||||
| </p> | ||||
| <h4> | ||||
|     Cupiditate explicabo <code>hic</code> maiores | ||||
| </h4> | ||||
| <p> | ||||
|     Aliquam amet consequuntur distinctio <code>ea</code> est <code>excepturi</code> facere illum maiores nisi nobis non odit officiis | ||||
|     quisquam, similique tempora temporibus, tenetur ullam <code>voluptates</code> adipisci aperiam deleniti <code>doloremque</code> | ||||
|     ducimus <code>eos</code>. | ||||
| </p> | ||||
| <p> | ||||
|     Ducimus qui quo tempora. lab enim explicabo <code>hic</code> inventore qui soluta voluptates voluptatum? Asperiores consectetur | ||||
|     delectus dolorem fugiat ipsa pariatur, quas <code>quos</code> repellendus <em>repudiandae</em> sunt aut blanditiis. | ||||
| </p> | ||||
| <h3> | ||||
|     Asperiores aspernatur autem error praesentium quidem. | ||||
| </h3> | ||||
| <h4> | ||||
|     Ad blanditiis commodi, doloribus id iste <code>repudiandae</code> vero vitae. | ||||
| </h4> | ||||
| <p> | ||||
|     Atque consectetur lab debitis enim est et, facere fugit impedit, possimus quaerat quibusdam. | ||||
| </p> | ||||
| <p> | ||||
|     Dolorem nihil placeat quibusdam veniam? Amet architecto at consequatur eligendi eveniet excepturi hic illo impedit in iste magni maxime | ||||
|     modi nisi nulla odio placeat quidem, quos rem repellat similique suscipit voluptate voluptates nobis omnis quo repellendus. | ||||
| </p> | ||||
| <p> | ||||
|     Assumenda, eum, minima! Autem consectetur fugiat iste sit! Nobis omnis quo repellendus. | ||||
| </p> | ||||
| `;
 | ||||
| export const demoCourseSteps = [ | ||||
|     { | ||||
|         order   : 0, | ||||
|         title   : 'Introduction', | ||||
|         subtitle: 'Introducing the library and how it works', | ||||
|         content : `<h2 class="text-2xl sm:text-3xl">Introduction</h1> ${demoCourseContent}` | ||||
|     }, | ||||
|     { | ||||
|         order   : 1, | ||||
|         title   : 'Get the sample code', | ||||
|         subtitle: 'Where to find the sample code and how to access it', | ||||
|         content : `<h2 class="text-2xl sm:text-3xl">Get the sample code</h1> ${demoCourseContent}` | ||||
|     }, | ||||
|     { | ||||
|         order   : 2, | ||||
|         title   : 'Create a Firebase project and Set up your app', | ||||
|         subtitle: 'How to create a basic Firebase project and how to run it locally', | ||||
|         content : `<h2 class="text-2xl sm:text-3xl">Create a Firebase project and Set up your app</h1> ${demoCourseContent}` | ||||
|     }, | ||||
|     { | ||||
|         order   : 3, | ||||
|         title   : 'Install the Firebase Command Line Interface', | ||||
|         subtitle: 'Setting up the Firebase CLI to access command line tools', | ||||
|         content : `<h2 class="text-2xl sm:text-3xl">Install the Firebase Command Line Interface</h1> ${demoCourseContent}` | ||||
|     }, | ||||
|     { | ||||
|         order   : 4, | ||||
|         title   : 'Deploy and run the web app', | ||||
|         subtitle: 'How to build, push and run the project remotely', | ||||
|         content : `<h2 class="text-2xl sm:text-3xl">Deploy and run the web app</h1> ${demoCourseContent}` | ||||
|     }, | ||||
|     { | ||||
|         order   : 5, | ||||
|         title   : 'The Functions Directory', | ||||
|         subtitle: 'Introducing the Functions and Functions Directory', | ||||
|         content : `<h2 class="text-2xl sm:text-3xl">The Functions Directory</h1> ${demoCourseContent}` | ||||
|     }, | ||||
|     { | ||||
|         order   : 6, | ||||
|         title   : 'Import the Cloud Functions and Firebase Admin modules', | ||||
|         subtitle: 'Create your first Function and run it to administer your app', | ||||
|         content : `<h2 class="text-2xl sm:text-3xl">Import the Cloud Functions and Firebase Admin modules</h1> ${demoCourseContent}` | ||||
|     }, | ||||
|     { | ||||
|         order   : 7, | ||||
|         title   : 'Welcome New Users', | ||||
|         subtitle: 'How to create a welcome message for the new users', | ||||
|         content : `<h2 class="text-2xl sm:text-3xl">Welcome New Users</h1> ${demoCourseContent}` | ||||
|     }, | ||||
|     { | ||||
|         order   : 8, | ||||
|         title   : 'Images moderation', | ||||
|         subtitle: 'How to moderate images; crop, resize, optimize', | ||||
|         content : `<h2 class="text-2xl sm:text-3xl">Images moderation</h1> ${demoCourseContent}` | ||||
|     }, | ||||
|     { | ||||
|         order   : 9, | ||||
|         title   : 'New Message Notifications', | ||||
|         subtitle: 'How to create and push a notification to a user', | ||||
|         content : `<h2 class="text-2xl sm:text-3xl">New Message Notifications</h1> ${demoCourseContent}` | ||||
|     }, | ||||
|     { | ||||
|         order   : 10, | ||||
|         title   : 'Congratulations!', | ||||
|         subtitle: 'Nice work, you have created your first application', | ||||
|         content : `<h2 class="text-2xl sm:text-3xl">Congratulations!</h1> ${demoCourseContent}` | ||||
|     } | ||||
| ]; | ||||
| @ -1,3 +1,4 @@ | ||||
| import { AcademyMockApi } from 'app/mock-api/apps/academy/api'; | ||||
| import { AnalyticsMockApi } from 'app/mock-api/dashboards/analytics/api'; | ||||
| import { AuthMockApi } from 'app/mock-api/common/auth/api'; | ||||
| import { CalendarMockApi } from 'app/mock-api/apps/calendar/api'; | ||||
| @ -17,6 +18,7 @@ import { TasksMockApi } from 'app/mock-api/apps/tasks/api'; | ||||
| import { UserMockApi } from 'app/mock-api/common/user/api'; | ||||
| 
 | ||||
| export const mockApiServices = [ | ||||
|     AcademyMockApi, | ||||
|     AnalyticsMockApi, | ||||
|     AuthMockApi, | ||||
|     CalendarMockApi, | ||||
|  | ||||
| @ -91,6 +91,21 @@ export class IconsMockApi | ||||
|                 } | ||||
|             ]); | ||||
| 
 | ||||
|         // -----------------------------------------------------------------------------------------------------
 | ||||
|         // @ Material solid icons - GET
 | ||||
|         // -----------------------------------------------------------------------------------------------------
 | ||||
|         this._fuseMockApiService | ||||
|             .onGet('api/ui/icons/material-solid') | ||||
|             .reply(() => [ | ||||
|                 200, | ||||
|                 { | ||||
|                     namespace: 'mat_solid', | ||||
|                     name     : 'Material Solid', | ||||
|                     grid     : 6, | ||||
|                     list     : cloneDeep(this._material) | ||||
|                 } | ||||
|             ]); | ||||
| 
 | ||||
|         // -----------------------------------------------------------------------------------------------------
 | ||||
|         // @ Material outline icons - GET
 | ||||
|         // -----------------------------------------------------------------------------------------------------
 | ||||
|  | ||||
| @ -1,6 +1,6 @@ | ||||
| /* tslint:disable:max-line-length */ | ||||
| 
 | ||||
| // 20210326 - 1777 icons
 | ||||
| // Updated at: 20210425 - 1792 icons
 | ||||
| export const material = [ | ||||
|     '10k', | ||||
|     '10mp', | ||||
| @ -100,6 +100,7 @@ export const material = [ | ||||
|     'addchart', | ||||
|     'adjust', | ||||
|     'admin_panel_settings', | ||||
|     'ads_click', | ||||
|     'agriculture', | ||||
|     'air', | ||||
|     'airline_seat_flat', | ||||
| @ -146,6 +147,7 @@ export const material = [ | ||||
|     'apps', | ||||
|     'architecture', | ||||
|     'archive', | ||||
|     'area_chart', | ||||
|     'arrow_back', | ||||
|     'arrow_back_ios', | ||||
|     'arrow_back_ios_new', | ||||
| @ -195,6 +197,7 @@ export const material = [ | ||||
|     'autorenew', | ||||
|     'av_timer', | ||||
|     'baby_changing_station', | ||||
|     'back_hand', | ||||
|     'backpack', | ||||
|     'backspace', | ||||
|     'backup', | ||||
| @ -386,6 +389,7 @@ export const material = [ | ||||
|     'compare', | ||||
|     'compare_arrows', | ||||
|     'compass_calibration', | ||||
|     'compost', | ||||
|     'compress', | ||||
|     'computer', | ||||
|     'confirmation_number', | ||||
| @ -429,10 +433,12 @@ export const material = [ | ||||
|     'crop_portrait', | ||||
|     'crop_rotate', | ||||
|     'crop_square', | ||||
|     'cruelty_free', | ||||
|     'dangerous', | ||||
|     'dark_mode', | ||||
|     'dashboard', | ||||
|     'dashboard_customize', | ||||
|     'data_exploration', | ||||
|     'data_saver_off', | ||||
|     'data_saver_on', | ||||
|     'data_usage', | ||||
| @ -482,6 +488,7 @@ export const material = [ | ||||
|     'directions_walk', | ||||
|     'dirty_lens', | ||||
|     'disabled_by_default', | ||||
|     'disabled_visible', | ||||
|     'disc_full', | ||||
|     'dns', | ||||
|     'do_disturb', | ||||
| @ -521,6 +528,7 @@ export const material = [ | ||||
|     'draw', | ||||
|     'drive_eta', | ||||
|     'drive_file_move', | ||||
|     'drive_file_move_rtl', | ||||
|     'drive_file_rename_outline', | ||||
|     'drive_folder_upload', | ||||
|     'dry', | ||||
| @ -533,7 +541,6 @@ export const material = [ | ||||
|     'earbuds', | ||||
|     'earbuds_battery', | ||||
|     'east', | ||||
|     'eco', | ||||
|     'edgesensor_high', | ||||
|     'edgesensor_low', | ||||
|     'edit', | ||||
| @ -715,6 +722,7 @@ export const material = [ | ||||
|     'foundation', | ||||
|     'free_breakfast', | ||||
|     'free_cancellation', | ||||
|     'front_hand', | ||||
|     'fullscreen', | ||||
|     'fullscreen_exit', | ||||
|     'functions', | ||||
| @ -829,6 +837,7 @@ export const material = [ | ||||
|     'import_export', | ||||
|     'important_devices', | ||||
|     'inbox', | ||||
|     'incomplete_circle', | ||||
|     'indeterminate_check_box', | ||||
|     'info', | ||||
|     'input', | ||||
| @ -1215,6 +1224,8 @@ export const material = [ | ||||
|     'pie_chart_outline', | ||||
|     'pin', | ||||
|     'pin_drop', | ||||
|     'pin_end', | ||||
|     'pin_invoke', | ||||
|     'pivot_table_chart', | ||||
|     'place', | ||||
|     'plagiarism', | ||||
| @ -1289,6 +1300,7 @@ export const material = [ | ||||
|     'recent_actors', | ||||
|     'recommend', | ||||
|     'record_voice_over', | ||||
|     'recycling', | ||||
|     'redeem', | ||||
|     'redo', | ||||
|     'reduce_capacity', | ||||
| @ -1631,6 +1643,7 @@ export const material = [ | ||||
|     'timer_3', | ||||
|     'timer_3_select', | ||||
|     'timer_off', | ||||
|     'tips_and_updates', | ||||
|     'title', | ||||
|     'toc', | ||||
|     'today', | ||||
| @ -1737,8 +1750,10 @@ export const material = [ | ||||
|     'watch_later', | ||||
|     'water', | ||||
|     'water_damage', | ||||
|     'water_drop', | ||||
|     'waterfall_chart', | ||||
|     'waves', | ||||
|     'waving_hand', | ||||
|     'wb_auto', | ||||
|     'wb_cloudy', | ||||
|     'wb_incandescent', | ||||
| @ -4152,87 +4167,91 @@ export const feather = [ | ||||
|     'zoom-in', | ||||
|     'zoom-out' | ||||
| ]; | ||||
| // heroicons v0.4.2
 | ||||
| // heroicons v1.0.1 - 230 icons
 | ||||
| export const heroicons = [ | ||||
|     'academic-cap', | ||||
|     'annotation', | ||||
|     'arrow-circle-down', | ||||
|     'adjustments', | ||||
|     'archive', | ||||
|     'arrow-circle-down', | ||||
|     'arrow-circle-left', | ||||
|     'arrow-circle-right', | ||||
|     'archive', | ||||
|     'arrow-circle-up', | ||||
|     'arrow-down', | ||||
|     'arrow-narrow-down', | ||||
|     'arrow-left', | ||||
|     'arrow-narrow-down', | ||||
|     'arrow-narrow-left', | ||||
|     'arrow-narrow-right', | ||||
|     'arrow-right', | ||||
|     'arrow-narrow-up', | ||||
|     'arrow-right', | ||||
|     'arrow-sm-left', | ||||
|     'arrow-sm-down', | ||||
|     'arrow-sm-right', | ||||
|     'arrow-sm-up', | ||||
|     'arrow-up', | ||||
|     'at-symbol', | ||||
|     'arrows-expand', | ||||
|     'backspace', | ||||
|     'at-symbol', | ||||
|     'badge-check', | ||||
|     'backspace', | ||||
|     'ban', | ||||
|     'beaker', | ||||
|     'bell', | ||||
|     'book-open', | ||||
|     'bookmark-alt', | ||||
|     'bookmark', | ||||
|     'calendar', | ||||
|     'briefcase', | ||||
|     'calculator', | ||||
|     'cake', | ||||
|     'calculator', | ||||
|     'calendar', | ||||
|     'camera', | ||||
|     'cash', | ||||
|     'chart-bar', | ||||
|     'chart-pie', | ||||
|     'chart-square-bar', | ||||
|     'chat-alt-2', | ||||
|     'chat-alt', | ||||
|     'chat', | ||||
|     'check-circle', | ||||
|     'chat-alt', | ||||
|     'check', | ||||
|     'chevron-double-down', | ||||
|     'chevron-double-left', | ||||
|     'chevron-down', | ||||
|     'chevron-double-up', | ||||
|     'chevron-left', | ||||
|     'chevron-double-right', | ||||
|     'chevron-down', | ||||
|     'chevron-left', | ||||
|     'chevron-right', | ||||
|     'chevron-up', | ||||
|     'chip', | ||||
|     'clipboard-check', | ||||
|     'clipboard-copy', | ||||
|     'clipboard-list', | ||||
|     'clock', | ||||
|     'cloud-upload', | ||||
|     'clipboard', | ||||
|     'clock', | ||||
|     'cloud-download', | ||||
|     'code', | ||||
|     'cloud-upload', | ||||
|     'cloud', | ||||
|     'code', | ||||
|     'cog', | ||||
|     'collection', | ||||
|     'color-swatch', | ||||
|     'credit-card', | ||||
|     'color-swatch', | ||||
|     'cube-transparent', | ||||
|     'cube', | ||||
|     'currency-bangladeshi', | ||||
|     'currency-dollar', | ||||
|     'currency-pound', | ||||
|     'currency-euro', | ||||
|     'currency-pound', | ||||
|     'currency-rupee', | ||||
|     'cursor-click', | ||||
|     'currency-yen', | ||||
|     'cursor-click', | ||||
|     'database', | ||||
|     'desktop-computer', | ||||
|     'device-mobile', | ||||
|     'device-tablet', | ||||
|     'document-download', | ||||
|     'document-add', | ||||
|     'document-remove', | ||||
|     'document-download', | ||||
|     'document-duplicate', | ||||
|     'document-remove', | ||||
|     'document-report', | ||||
|     'document-search', | ||||
|     'document-text', | ||||
| @ -4241,81 +4260,81 @@ export const heroicons = [ | ||||
|     'dots-horizontal', | ||||
|     'dots-vertical', | ||||
|     'download', | ||||
|     'duplicate', | ||||
|     'emoji-happy', | ||||
|     'emoji-sad', | ||||
|     'duplicate', | ||||
|     'exclamation-circle', | ||||
|     'exclamation', | ||||
|     'external-link', | ||||
|     'eye-off', | ||||
|     'film', | ||||
|     'fast-forward', | ||||
|     'finger-print', | ||||
|     'eye', | ||||
|     'fast-forward', | ||||
|     'film', | ||||
|     'filter', | ||||
|     'finger-print', | ||||
|     'fire', | ||||
|     'flag', | ||||
|     'folder-add', | ||||
|     'folder-remove', | ||||
|     'folder-open', | ||||
|     'folder', | ||||
|     'folder-download', | ||||
|     'folder-open', | ||||
|     'folder-remove', | ||||
|     'folder', | ||||
|     'gift', | ||||
|     'globe-alt', | ||||
|     'hand', | ||||
|     'globe', | ||||
|     'hand', | ||||
|     'hashtag', | ||||
|     'identification', | ||||
|     'heart', | ||||
|     'home', | ||||
|     'identification', | ||||
|     'inbox-in', | ||||
|     'inbox', | ||||
|     'information-circle', | ||||
|     'key', | ||||
|     'library', | ||||
|     'light-bulb', | ||||
|     'lightning-bolt', | ||||
|     'library', | ||||
|     'link', | ||||
|     'location-marker', | ||||
|     'lock-closed', | ||||
|     'lock-open', | ||||
|     'logout', | ||||
|     'mail', | ||||
|     'login', | ||||
|     'map', | ||||
|     'logout', | ||||
|     'mail-open', | ||||
|     'mail', | ||||
|     'map', | ||||
|     'menu-alt-1', | ||||
|     'menu-alt-2', | ||||
|     'menu-alt-3', | ||||
|     'menu-alt-4', | ||||
|     'menu-alt-2', | ||||
|     'menu', | ||||
|     'microphone', | ||||
|     'minus-circle', | ||||
|     'minus-sm', | ||||
|     'minus', | ||||
|     'music-note', | ||||
|     'moon', | ||||
|     'music-note', | ||||
|     'newspaper', | ||||
|     'office-building', | ||||
|     'paper-clip', | ||||
|     'paper-airplane', | ||||
|     'paper-clip', | ||||
|     'pause', | ||||
|     'pencil-alt', | ||||
|     'pencil', | ||||
|     'phone-incoming', | ||||
|     'phone-missed-call', | ||||
|     'phone-outgoing', | ||||
|     'plus-circle', | ||||
|     'play', | ||||
|     'photograph', | ||||
|     'phone', | ||||
|     'play', | ||||
|     'plus-circle', | ||||
|     'plus-sm', | ||||
|     'plus', | ||||
|     'presentation-chart-bar', | ||||
|     'puzzle', | ||||
|     'presentation-chart-line', | ||||
|     'qrcode', | ||||
|     'printer', | ||||
|     'qrcode', | ||||
|     'puzzle', | ||||
|     'question-mark-circle', | ||||
|     'receipt-refund', | ||||
|     'receipt-tax', | ||||
| @ -4327,8 +4346,8 @@ export const heroicons = [ | ||||
|     'save', | ||||
|     'scale', | ||||
|     'scissors', | ||||
|     'search', | ||||
|     'search-circle', | ||||
|     'search', | ||||
|     'selector', | ||||
|     'server', | ||||
|     'share', | ||||
| @ -4338,22 +4357,22 @@ export const heroicons = [ | ||||
|     'shopping-cart', | ||||
|     'sort-ascending', | ||||
|     'sort-descending', | ||||
|     'sparkles', | ||||
|     'speakerphone', | ||||
|     'sparkles', | ||||
|     'star', | ||||
|     'status-offline', | ||||
|     'status-online', | ||||
|     'status-offline', | ||||
|     'stop', | ||||
|     'sun', | ||||
|     'support', | ||||
|     'switch-horizontal', | ||||
|     'switch-vertical', | ||||
|     'switch-horizontal', | ||||
|     'table', | ||||
|     'tag', | ||||
|     'template', | ||||
|     'thumb-down', | ||||
|     'terminal', | ||||
|     'thumb-up', | ||||
|     'thumb-down', | ||||
|     'ticket', | ||||
|     'translate', | ||||
|     'trash', | ||||
| @ -4362,22 +4381,22 @@ export const heroicons = [ | ||||
|     'truck', | ||||
|     'upload', | ||||
|     'user-add', | ||||
|     'user-circle', | ||||
|     'user-group', | ||||
|     'user', | ||||
|     'user-circle', | ||||
|     'user-remove', | ||||
|     'user', | ||||
|     'users', | ||||
|     'variable', | ||||
|     'video-camera', | ||||
|     'view-boards', | ||||
|     'variable', | ||||
|     'view-grid-add', | ||||
|     'view-grid', | ||||
|     'view-list', | ||||
|     'volume-off', | ||||
|     'volume-up', | ||||
|     'wifi', | ||||
|     'volume-off', | ||||
|     'x-circle', | ||||
|     'x', | ||||
|     'zoom-in', | ||||
|     'zoom-out' | ||||
|     'wifi', | ||||
|     'zoom-out', | ||||
|     'x' | ||||
| ]; | ||||
|  | ||||
| @ -0,0 +1 @@ | ||||
| <router-outlet></router-outlet> | ||||
							
								
								
									
										17
									
								
								src/app/modules/admin/apps/academy/academy.component.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,17 @@ | ||||
| import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core'; | ||||
| 
 | ||||
| @Component({ | ||||
|     selector       : 'academy', | ||||
|     templateUrl    : './academy.component.html', | ||||
|     encapsulation  : ViewEncapsulation.None, | ||||
|     changeDetection: ChangeDetectionStrategy.OnPush | ||||
| }) | ||||
| export class AcademyComponent | ||||
| { | ||||
|     /** | ||||
|      * Constructor | ||||
|      */ | ||||
|     constructor() | ||||
|     { | ||||
|     } | ||||
| } | ||||
							
								
								
									
										44
									
								
								src/app/modules/admin/apps/academy/academy.module.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,44 @@ | ||||
| import { NgModule } from '@angular/core'; | ||||
| import { RouterModule } from '@angular/router'; | ||||
| import { MatButtonModule } from '@angular/material/button'; | ||||
| import { MatFormFieldModule } from '@angular/material/form-field'; | ||||
| import { MatIconModule } from '@angular/material/icon'; | ||||
| import { MatInputModule } from '@angular/material/input'; | ||||
| import { MatProgressBarModule } from '@angular/material/progress-bar'; | ||||
| import { MatSelectModule } from '@angular/material/select'; | ||||
| import { MatSidenavModule } from '@angular/material/sidenav'; | ||||
| import { MatSlideToggleModule } from '@angular/material/slide-toggle'; | ||||
| import { MatTooltipModule } from '@angular/material/tooltip'; | ||||
| import { FuseFindByKeyPipeModule } from '@fuse/pipes/find-by-key'; | ||||
| import { SharedModule } from 'app/shared/shared.module'; | ||||
| import { academyRoutes } from 'app/modules/admin/apps/academy/academy.routing'; | ||||
| import { AcademyComponent } from 'app/modules/admin/apps/academy/academy.component'; | ||||
| import { AcademyDetailsComponent } from 'app/modules/admin/apps/academy/details/details.component'; | ||||
| import { AcademyListComponent } from 'app/modules/admin/apps/academy/list/list.component'; | ||||
| import { MatTabsModule } from '@angular/material/tabs'; | ||||
| 
 | ||||
| @NgModule({ | ||||
|     declarations: [ | ||||
|         AcademyComponent, | ||||
|         AcademyDetailsComponent, | ||||
|         AcademyListComponent | ||||
|     ], | ||||
|     imports: [ | ||||
|         RouterModule.forChild(academyRoutes), | ||||
|         MatButtonModule, | ||||
|         MatFormFieldModule, | ||||
|         MatIconModule, | ||||
|         MatInputModule, | ||||
|         MatProgressBarModule, | ||||
|         MatSelectModule, | ||||
|         MatSidenavModule, | ||||
|         MatSlideToggleModule, | ||||
|         MatTooltipModule, | ||||
|         FuseFindByKeyPipeModule, | ||||
|         SharedModule, | ||||
|         MatTabsModule | ||||
|     ] | ||||
| }) | ||||
| export class AcademyModule | ||||
| { | ||||
| } | ||||
							
								
								
									
										110
									
								
								src/app/modules/admin/apps/academy/academy.resolvers.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,110 @@ | ||||
| import { Injectable } from '@angular/core'; | ||||
| import { ActivatedRouteSnapshot, Resolve, Router, RouterStateSnapshot } from '@angular/router'; | ||||
| import { Observable, throwError } from 'rxjs'; | ||||
| import { catchError } from 'rxjs/operators'; | ||||
| import { Category, Course } from 'app/modules/admin/apps/academy/academy.types'; | ||||
| import { AcademyService } from 'app/modules/admin/apps/academy/academy.service'; | ||||
| 
 | ||||
| @Injectable({ | ||||
|     providedIn: 'root' | ||||
| }) | ||||
| export class AcademyCategoriesResolver implements Resolve<any> | ||||
| { | ||||
|     /** | ||||
|      * Constructor | ||||
|      */ | ||||
|     constructor(private _academyService: AcademyService) | ||||
|     { | ||||
|     } | ||||
| 
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
|     // @ Public methods
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
| 
 | ||||
|     /** | ||||
|      * Resolver | ||||
|      * | ||||
|      * @param route | ||||
|      * @param state | ||||
|      */ | ||||
|     resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Category[]> | ||||
|     { | ||||
|         return this._academyService.getCategories(); | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| @Injectable({ | ||||
|     providedIn: 'root' | ||||
| }) | ||||
| export class AcademyCoursesResolver implements Resolve<any> | ||||
| { | ||||
|     /** | ||||
|      * Constructor | ||||
|      */ | ||||
|     constructor(private _academyService: AcademyService) | ||||
|     { | ||||
|     } | ||||
| 
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
|     // @ Public methods
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
| 
 | ||||
|     /** | ||||
|      * Resolver | ||||
|      * | ||||
|      * @param route | ||||
|      * @param state | ||||
|      */ | ||||
|     resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Course[]> | ||||
|     { | ||||
|         return this._academyService.getCourses(); | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| @Injectable({ | ||||
|     providedIn: 'root' | ||||
| }) | ||||
| export class AcademyCourseResolver implements Resolve<any> | ||||
| { | ||||
|     /** | ||||
|      * Constructor | ||||
|      */ | ||||
|     constructor( | ||||
|         private _router: Router, | ||||
|         private _academyService: AcademyService | ||||
|     ) | ||||
|     { | ||||
|     } | ||||
| 
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
|     // @ Public methods
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
| 
 | ||||
|     /** | ||||
|      * Resolver | ||||
|      * | ||||
|      * @param route | ||||
|      * @param state | ||||
|      */ | ||||
|     resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Course> | ||||
|     { | ||||
|         return this._academyService.getCourseById(route.paramMap.get('id')) | ||||
|                    .pipe( | ||||
|                        // Error here means the requested task is not available
 | ||||
|                        catchError((error) => { | ||||
| 
 | ||||
|                            // Log the error
 | ||||
|                            console.error(error); | ||||
| 
 | ||||
|                            // Get the parent url
 | ||||
|                            const parentUrl = state.url.split('/').slice(0, -1).join('/'); | ||||
| 
 | ||||
|                            // Navigate to there
 | ||||
|                            this._router.navigateByUrl(parentUrl); | ||||
| 
 | ||||
|                            // Throw an error
 | ||||
|                            return throwError(error); | ||||
|                        }) | ||||
|                    ); | ||||
|     } | ||||
| } | ||||
							
								
								
									
										32
									
								
								src/app/modules/admin/apps/academy/academy.routing.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,32 @@ | ||||
| import { Route } from '@angular/router'; | ||||
| import { AcademyComponent } from 'app/modules/admin/apps/academy/academy.component'; | ||||
| import { AcademyListComponent } from 'app/modules/admin/apps/academy/list/list.component'; | ||||
| import { AcademyDetailsComponent } from 'app/modules/admin/apps/academy/details/details.component'; | ||||
| import { AcademyCategoriesResolver, AcademyCourseResolver, AcademyCoursesResolver } from 'app/modules/admin/apps/academy/academy.resolvers'; | ||||
| 
 | ||||
| export const academyRoutes: Route[] = [ | ||||
|     { | ||||
|         path     : '', | ||||
|         component: AcademyComponent, | ||||
|         resolve  : { | ||||
|             categories: AcademyCategoriesResolver | ||||
|         }, | ||||
|         children : [ | ||||
|             { | ||||
|                 path     : '', | ||||
|                 pathMatch: 'full', | ||||
|                 component: AcademyListComponent, | ||||
|                 resolve  : { | ||||
|                     courses: AcademyCoursesResolver | ||||
|                 } | ||||
|             }, | ||||
|             { | ||||
|                 path     : ':id', | ||||
|                 component: AcademyDetailsComponent, | ||||
|                 resolve  : { | ||||
|                     course: AcademyCourseResolver | ||||
|                 } | ||||
|             } | ||||
|         ] | ||||
|     } | ||||
| ]; | ||||
							
								
								
									
										91
									
								
								src/app/modules/admin/apps/academy/academy.service.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,91 @@ | ||||
| import { Injectable } from '@angular/core'; | ||||
| import { HttpClient } from '@angular/common/http'; | ||||
| import { BehaviorSubject, Observable } from 'rxjs'; | ||||
| import { tap } from 'rxjs/operators'; | ||||
| import { Category, Course } from 'app/modules/admin/apps/academy/academy.types'; | ||||
| 
 | ||||
| @Injectable({ | ||||
|     providedIn: 'root' | ||||
| }) | ||||
| export class AcademyService | ||||
| { | ||||
|     // Private
 | ||||
|     private _categories: BehaviorSubject<Category[] | null> = new BehaviorSubject(null); | ||||
|     private _course: BehaviorSubject<Course | null> = new BehaviorSubject(null); | ||||
|     private _courses: BehaviorSubject<Course[] | null> = new BehaviorSubject(null); | ||||
| 
 | ||||
|     /** | ||||
|      * Constructor | ||||
|      */ | ||||
|     constructor(private _httpClient: HttpClient) | ||||
|     { | ||||
|     } | ||||
| 
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
|     // @ Accessors
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
| 
 | ||||
|     /** | ||||
|      * Getter for categories | ||||
|      */ | ||||
|     get categories$(): Observable<Category[]> | ||||
|     { | ||||
|         return this._categories.asObservable(); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * Getter for courses | ||||
|      */ | ||||
|     get courses$(): Observable<Course[]> | ||||
|     { | ||||
|         return this._courses.asObservable(); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * Getter for course | ||||
|      */ | ||||
|     get course$(): Observable<Course> | ||||
|     { | ||||
|         return this._course.asObservable(); | ||||
|     } | ||||
| 
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
|     // @ Public methods
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
| 
 | ||||
|     /** | ||||
|      * Get categories | ||||
|      */ | ||||
|     getCategories(): Observable<Category[]> | ||||
|     { | ||||
|         return this._httpClient.get<Category[]>('api/apps/academy/categories').pipe( | ||||
|             tap((response: any) => { | ||||
|                 this._categories.next(response); | ||||
|             }) | ||||
|         ); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * Get courses | ||||
|      */ | ||||
|     getCourses(): Observable<Course[]> | ||||
|     { | ||||
|         return this._httpClient.get<Course[]>('api/apps/academy/courses').pipe( | ||||
|             tap((response: any) => { | ||||
|                 this._courses.next(response); | ||||
|             }) | ||||
|         ); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * Get course by id | ||||
|      */ | ||||
|     getCourseById(id: string): Observable<Course> | ||||
|     { | ||||
|         return this._httpClient.get<Course>('api/apps/academy/courses/course', {params: {id}}).pipe( | ||||
|             tap((response: any) => { | ||||
|                 this._course.next(response); | ||||
|             }) | ||||
|         ); | ||||
|     } | ||||
| } | ||||
							
								
								
									
										29
									
								
								src/app/modules/admin/apps/academy/academy.types.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,29 @@ | ||||
| export interface Category | ||||
| { | ||||
|     id?: string; | ||||
|     title?: string; | ||||
|     slug?: string; | ||||
| } | ||||
| 
 | ||||
| export interface Course | ||||
| { | ||||
|     id?: string; | ||||
|     title?: string; | ||||
|     slug?: string; | ||||
|     description?: string; | ||||
|     category?: string; | ||||
|     duration?: number; | ||||
|     steps?: { | ||||
|         order?: number; | ||||
|         title?: string; | ||||
|         subtitle?: string; | ||||
|         content?: string; | ||||
|     }[]; | ||||
|     totalSteps?: number; | ||||
|     updatedAt?: number; | ||||
|     featured?: boolean; | ||||
|     progress?: { | ||||
|         currentStep?: number; | ||||
|         completed?: number; | ||||
|     }; | ||||
| } | ||||
| @ -0,0 +1,200 @@ | ||||
| <div class="absolute inset-0 flex flex-col min-w-0 overflow-hidden"> | ||||
| 
 | ||||
|     <mat-drawer-container class="flex-auto h-full"> | ||||
| 
 | ||||
|         <!-- Drawer --> | ||||
|         <mat-drawer | ||||
|             class="w-90 dark:bg-gray-900" | ||||
|             [autoFocus]="false" | ||||
|             [mode]="drawerMode" | ||||
|             [opened]="drawerOpened" | ||||
|             #matDrawer> | ||||
|             <div class="flex flex-col items-start p-8 border-b"> | ||||
|                 <!-- Back to courses --> | ||||
|                 <a | ||||
|                     class="inline-flex items-center leading-6 text-primary hover:underline" | ||||
|                     [routerLink]="['..']"> | ||||
|                     <span class="inline-flex items-center"> | ||||
|                         <mat-icon | ||||
|                             class="icon-size-5 text-current" | ||||
|                             [svgIcon]="'heroicons_solid:arrow-sm-left'"></mat-icon> | ||||
|                         <span class="ml-1.5 font-medium leading-5">Back to courses</span> | ||||
|                     </span> | ||||
|                 </a> | ||||
|                 <!-- Course category --> | ||||
|                 <ng-container *ngIf="(course.category | fuseFindByKey:'slug':categories) as category"> | ||||
|                     <div | ||||
|                         class="mt-7 py-0.5 px-3 rounded-full text-sm font-semibold" | ||||
|                         [ngClass]="{'text-blue-800 bg-blue-100 dark:text-blue-50 dark:bg-blue-500': category.slug === 'web', | ||||
|                                     'text-green-800 bg-green-100 dark:text-green-50 dark:bg-green-500': category.slug === 'android', | ||||
|                                     'text-pink-800 bg-pink-100 dark:text-pink-50 dark:bg-pink-500': category.slug === 'cloud', | ||||
|                                     'text-amber-800 bg-amber-100 dark:text-amber-50 dark:bg-amber-500': category.slug === 'firebase'}"> | ||||
|                         {{category.title}} | ||||
|                     </div> | ||||
|                 </ng-container> | ||||
|                 <!-- Course title & description --> | ||||
|                 <div class="mt-3 text-2xl font-semibold">{{course.title}}</div> | ||||
|                 <div class="text-secondary">{{course.description}}</div> | ||||
|                 <!-- Course time --> | ||||
|                 <div class="mt-6 flex items-center leading-5 text-md text-secondary"> | ||||
|                     <mat-icon | ||||
|                         class="icon-size-5 text-hint" | ||||
|                         [svgIcon]="'heroicons_solid:clock'"></mat-icon> | ||||
|                     <div class="ml-1.5">{{course.duration}} minutes</div> | ||||
|                 </div> | ||||
|             </div> | ||||
| 
 | ||||
|             <!-- Steps --> | ||||
|             <div class="py-2 px-8"> | ||||
|                 <ol> | ||||
|                     <ng-container *ngFor="let step of course.steps; let last = last"> | ||||
|                         <li class="relative group py-6" | ||||
|                             [class.current-step]="step.order === currentStep"> | ||||
|                             <ng-container *ngIf="!last"> | ||||
|                                 <div | ||||
|                                     class="absolute top-6 left-4 w-0.5 h-full -ml-px" | ||||
|                                     [ngClass]="{'bg-primary': step.order < currentStep, | ||||
|                                                 'bg-gray-300 dark:bg-gray-600': step.order >= currentStep}"></div> | ||||
|                             </ng-container> | ||||
|                             <div | ||||
|                                 class="relative flex items-start cursor-pointer" | ||||
|                                 (click)="goToStep(step.order)"> | ||||
|                                 <div | ||||
|                                     class="flex flex-0 items-center justify-center w-8 h-8 rounded-full ring-2 ring-inset ring-transparent bg-card dark:bg-default" | ||||
|                                     [ngClass]="{'bg-primary dark:bg-primary text-on-primary group-hover:bg-primary-800': step.order < currentStep, | ||||
|                                                 'ring-primary': step.order === currentStep, | ||||
|                                                 'ring-gray-300 dark:ring-gray-600 group-hover:ring-gray-400': step.order > currentStep}"> | ||||
|                                     <!-- Check icon, show if the step is completed --> | ||||
|                                     <ng-container *ngIf="step.order < currentStep"> | ||||
|                                         <mat-icon | ||||
|                                             class="icon-size-5 text-current" | ||||
|                                             [svgIcon]="'heroicons_solid:check'"></mat-icon> | ||||
|                                     </ng-container> | ||||
|                                     <!-- Step order, show if the step is the current step --> | ||||
|                                     <ng-container *ngIf="step.order === currentStep"> | ||||
|                                         <div class="text-md font-semibold text-primary dark:text-primary-500">{{step.order + 1}}</div> | ||||
|                                     </ng-container> | ||||
|                                     <!-- Step order, show if the step is not completed --> | ||||
|                                     <ng-container *ngIf="step.order > currentStep"> | ||||
|                                         <div class="text-md font-semibold text-hint group-hover:text-secondary">{{step.order + 1}}</div> | ||||
|                                     </ng-container> | ||||
|                                 </div> | ||||
|                                 <div class="ml-4"> | ||||
|                                     <div class="font-medium leading-4">{{step.title}}</div> | ||||
|                                     <div class="mt-1.5 text-md leading-4 text-secondary">{{step.subtitle}}</div> | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                         </li> | ||||
|                     </ng-container> | ||||
|                 </ol> | ||||
|             </div> | ||||
| 
 | ||||
|         </mat-drawer> | ||||
| 
 | ||||
|         <!-- Drawer content --> | ||||
|         <mat-drawer-content class="flex flex-col overflow-hidden"> | ||||
| 
 | ||||
|             <!-- Header --> | ||||
|             <div class="lg:hidden flex flex-0 items-center py-2 pl-4 pr-6 sm:py-4 md:pl-6 md:pr-8 border-b lg:border-b-0 bg-card dark:bg-transparent"> | ||||
|                 <!-- Title & Actions --> | ||||
|                 <button | ||||
|                     mat-icon-button | ||||
|                     [routerLink]="['..']"> | ||||
|                     <mat-icon [svgIcon]="'heroicons_outline:arrow-sm-left'"></mat-icon> | ||||
|                 </button> | ||||
|                 <h2 class="ml-2.5 text-md sm:text-xl font-medium tracking-tight truncate"> | ||||
|                     {{course.title}} | ||||
|                 </h2> | ||||
|             </div> | ||||
|             <mat-progress-bar | ||||
|                 class="hidden lg:block flex-0 h-0.5 w-full" | ||||
|                 [value]="100 * (currentStep + 1) / course.totalSteps"></mat-progress-bar> | ||||
| 
 | ||||
|             <!-- Main --> | ||||
|             <div | ||||
|                 class="flex-auto overflow-y-auto" | ||||
|                 cdkScrollable> | ||||
| 
 | ||||
|                 <!-- Steps --> | ||||
|                 <mat-tab-group | ||||
|                     class="fuse-mat-no-header" | ||||
|                     [animationDuration]="'200'" | ||||
|                     #courseSteps> | ||||
|                     <ng-container *ngFor="let step of course.steps"> | ||||
|                         <mat-tab> | ||||
|                             <ng-template matTabContent> | ||||
|                                 <div | ||||
|                                     class="prose prose-sm max-w-3xl mx-auto sm:my-2 lg:mt-4 p-6 sm:p-10 sm:py-12 rounded-2xl shadow overflow-hidden bg-card" | ||||
|                                     [innerHTML]="step.content"></div> | ||||
|                             </ng-template> | ||||
|                         </mat-tab> | ||||
|                     </ng-container> | ||||
|                 </mat-tab-group> | ||||
| 
 | ||||
|                 <!-- Navigation - Desktop --> | ||||
|                 <div class="z-10 sticky hidden lg:flex bottom-4 p-4"> | ||||
|                     <div class="flex items-center justify-center mx-auto p-2 rounded-full shadow-lg bg-primary"> | ||||
|                         <button | ||||
|                             class="flex-0" | ||||
|                             mat-flat-button | ||||
|                             [color]="'primary'" | ||||
|                             (click)="goToPreviousStep()"> | ||||
|                             <mat-icon | ||||
|                                 class="mr-2" | ||||
|                                 [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> | ||||
|                             <span class="mr-1">Prev</span> | ||||
|                         </button> | ||||
|                         <div class="flex items-center justify-center mx-2.5 font-medium leading-5 text-on-primary"> | ||||
|                             <span>{{currentStep + 1}}</span> | ||||
|                             <span class="mx-0.5 text-hint">/</span> | ||||
|                             <span>{{course.totalSteps}}</span> | ||||
|                         </div> | ||||
|                         <button | ||||
|                             class="flex-0" | ||||
|                             mat-flat-button | ||||
|                             [color]="'primary'" | ||||
|                             (click)="goToNextStep()"> | ||||
|                             <span class="ml-1">Next</span> | ||||
|                             <mat-icon | ||||
|                                 class="ml-2" | ||||
|                                 [svgIcon]="'heroicons_outline:arrow-narrow-right'"></mat-icon> | ||||
|                         </button> | ||||
|                     </div> | ||||
|                 </div> | ||||
| 
 | ||||
|             </div> | ||||
| 
 | ||||
|             <!-- Progress & Navigation - Mobile --> | ||||
|             <div class="lg:hidden flex items-center p-4 border-t bg-card"> | ||||
|                 <button | ||||
|                     mat-icon-button | ||||
|                     (click)="matDrawer.toggle()"> | ||||
|                     <mat-icon [svgIcon]="'heroicons_outline:view-list'"></mat-icon> | ||||
|                 </button> | ||||
|                 <div class="flex items-center justify-center ml-1 lg:ml-2 font-medium leading-5"> | ||||
|                     <span>{{currentStep + 1}}</span> | ||||
|                     <span class="mx-0.5 text-hint">/</span> | ||||
|                     <span>{{course.totalSteps}}</span> | ||||
|                 </div> | ||||
|                 <mat-progress-bar | ||||
|                     class="flex-auto ml-6 rounded-full" | ||||
|                     [value]="100 * (currentStep + 1) / course.totalSteps"></mat-progress-bar> | ||||
|                 <button | ||||
|                     class="ml-4" | ||||
|                     mat-icon-button | ||||
|                     (click)="goToPreviousStep()"> | ||||
|                     <mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon> | ||||
|                 </button> | ||||
|                 <button | ||||
|                     class="ml-0.5" | ||||
|                     mat-icon-button | ||||
|                     (click)="goToNextStep()"> | ||||
|                     <mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-right'"></mat-icon> | ||||
|                 </button> | ||||
|             </div> | ||||
| 
 | ||||
|         </mat-drawer-content> | ||||
| 
 | ||||
|     </mat-drawer-container> | ||||
| 
 | ||||
| </div> | ||||
							
								
								
									
										204
									
								
								src/app/modules/admin/apps/academy/details/details.component.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,204 @@ | ||||
| import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Inject, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; | ||||
| import { DOCUMENT } from '@angular/common'; | ||||
| import { MatTabGroup } from '@angular/material/tabs'; | ||||
| import { Subject } from 'rxjs'; | ||||
| import { takeUntil } from 'rxjs/operators'; | ||||
| import { FuseMediaWatcherService } from '@fuse/services/media-watcher'; | ||||
| import { Category, Course } from 'app/modules/admin/apps/academy/academy.types'; | ||||
| import { AcademyService } from 'app/modules/admin/apps/academy/academy.service'; | ||||
| 
 | ||||
| @Component({ | ||||
|     selector       : 'academy-details', | ||||
|     templateUrl    : './details.component.html', | ||||
|     encapsulation  : ViewEncapsulation.None, | ||||
|     changeDetection: ChangeDetectionStrategy.OnPush | ||||
| }) | ||||
| export class AcademyDetailsComponent implements OnInit, OnDestroy | ||||
| { | ||||
|     @ViewChild('courseSteps', {static: true}) courseSteps: MatTabGroup; | ||||
|     categories: Category[]; | ||||
|     course: Course; | ||||
|     currentStep: number = 0; | ||||
|     drawerMode: 'over' | 'side' = 'side'; | ||||
|     drawerOpened: boolean = true; | ||||
|     private _unsubscribeAll: Subject<any> = new Subject<any>(); | ||||
| 
 | ||||
|     /** | ||||
|      * Constructor | ||||
|      */ | ||||
|     constructor( | ||||
|         @Inject(DOCUMENT) private _document: Document, | ||||
|         private _academyService: AcademyService, | ||||
|         private _changeDetectorRef: ChangeDetectorRef, | ||||
|         private _elementRef: ElementRef, | ||||
|         private _fuseMediaWatcherService: FuseMediaWatcherService | ||||
|     ) | ||||
|     { | ||||
|     } | ||||
| 
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
|     // @ Lifecycle hooks
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
| 
 | ||||
|     /** | ||||
|      * On init | ||||
|      */ | ||||
|     ngOnInit(): void | ||||
|     { | ||||
|         // Get the categories
 | ||||
|         this._academyService.categories$ | ||||
|             .pipe(takeUntil(this._unsubscribeAll)) | ||||
|             .subscribe((categories: Category[]) => { | ||||
| 
 | ||||
|                 // Get the categories
 | ||||
|                 this.categories = categories; | ||||
| 
 | ||||
|                 // Mark for check
 | ||||
|                 this._changeDetectorRef.markForCheck(); | ||||
|             }); | ||||
| 
 | ||||
|         // Get the course
 | ||||
|         this._academyService.course$ | ||||
|             .pipe(takeUntil(this._unsubscribeAll)) | ||||
|             .subscribe((course: Course) => { | ||||
| 
 | ||||
|                 // Get the course
 | ||||
|                 this.course = course; | ||||
| 
 | ||||
|                 // Go to step
 | ||||
|                 this.goToStep(course.progress.currentStep); | ||||
| 
 | ||||
|                 // Mark for check
 | ||||
|                 this._changeDetectorRef.markForCheck(); | ||||
|             }); | ||||
| 
 | ||||
|         // Subscribe to media changes
 | ||||
|         this._fuseMediaWatcherService.onMediaChange$ | ||||
|             .pipe(takeUntil(this._unsubscribeAll)) | ||||
|             .subscribe(({matchingAliases}) => { | ||||
| 
 | ||||
|                 // Set the drawerMode and drawerOpened
 | ||||
|                 if ( matchingAliases.includes('lg') ) | ||||
|                 { | ||||
|                     this.drawerMode = 'side'; | ||||
|                     this.drawerOpened = true; | ||||
|                 } | ||||
|                 else | ||||
|                 { | ||||
|                     this.drawerMode = 'over'; | ||||
|                     this.drawerOpened = false; | ||||
|                 } | ||||
| 
 | ||||
|                 // Mark for check
 | ||||
|                 this._changeDetectorRef.markForCheck(); | ||||
|             }); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * On destroy | ||||
|      */ | ||||
|     ngOnDestroy(): void | ||||
|     { | ||||
|         // Unsubscribe from all subscriptions
 | ||||
|         this._unsubscribeAll.next(); | ||||
|         this._unsubscribeAll.complete(); | ||||
|     } | ||||
| 
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
|     // @ Public methods
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
| 
 | ||||
|     /** | ||||
|      * Go to given step | ||||
|      * | ||||
|      * @param step | ||||
|      */ | ||||
|     goToStep(step: number): void | ||||
|     { | ||||
|         // Set the current step
 | ||||
|         this.currentStep = step; | ||||
| 
 | ||||
|         // Go to the step
 | ||||
|         this.courseSteps.selectedIndex = this.currentStep; | ||||
| 
 | ||||
|         // Mark for check
 | ||||
|         this._changeDetectorRef.markForCheck(); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * Go to previous step | ||||
|      */ | ||||
|     goToPreviousStep(): void | ||||
|     { | ||||
|         // Return if we already on the first step
 | ||||
|         if ( this.currentStep === 0 ) | ||||
|         { | ||||
|             return; | ||||
|         } | ||||
| 
 | ||||
|         // Go to step
 | ||||
|         this.goToStep(this.currentStep - 1); | ||||
| 
 | ||||
|         // Scroll the current step selector from sidenav into view
 | ||||
|         this._scrollCurrentStepElementIntoView(); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * Go to next step | ||||
|      */ | ||||
|     goToNextStep(): void | ||||
|     { | ||||
|         // Return if we already on the last step
 | ||||
|         if ( this.currentStep === this.course.totalSteps - 1 ) | ||||
|         { | ||||
|             return; | ||||
|         } | ||||
| 
 | ||||
|         // Go to step
 | ||||
|         this.goToStep(this.currentStep + 1); | ||||
| 
 | ||||
|         // Scroll the current step selector from sidenav into view
 | ||||
|         this._scrollCurrentStepElementIntoView(); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * Track by function for ngFor loops | ||||
|      * | ||||
|      * @param index | ||||
|      * @param item | ||||
|      */ | ||||
|     trackByFn(index: number, item: any): any | ||||
|     { | ||||
|         return item.id || index; | ||||
|     } | ||||
| 
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
|     // @ Private methods
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
| 
 | ||||
|     /** | ||||
|      * Scrolls the current step element from | ||||
|      * sidenav into the view. This only happens when | ||||
|      * previous/next buttons pressed as we don't want | ||||
|      * to change the scroll position of the sidebar | ||||
|      * when the user actually clicks around the sidebar. | ||||
|      * | ||||
|      * @private | ||||
|      */ | ||||
|     private _scrollCurrentStepElementIntoView(): void | ||||
|     { | ||||
|         // Wrap everything into setTimeout so we can make sure that the 'current-step' class points to correct element
 | ||||
|         setTimeout(() => { | ||||
| 
 | ||||
|             // Get the current step element and scroll it into view
 | ||||
|             const currentStepElement = this._document.getElementsByClassName('current-step')[0]; | ||||
|             if ( currentStepElement ) | ||||
|             { | ||||
|                 currentStepElement.scrollIntoView({ | ||||
|                     behavior: 'smooth', | ||||
|                     block   : 'start' | ||||
|                 }); | ||||
|             } | ||||
|         }); | ||||
|     } | ||||
| } | ||||
							
								
								
									
										196
									
								
								src/app/modules/admin/apps/academy/list/list.component.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,196 @@ | ||||
| <div | ||||
|     class="absolute inset-0 flex flex-col min-w-0 overflow-y-auto" | ||||
|     cdkScrollable> | ||||
| 
 | ||||
|     <!-- Header --> | ||||
|     <div class="relative flex-0 py-8 px-4 sm:p-16 overflow-hidden bg-gray-800 dark"> | ||||
|         <!-- Background - @formatter:off --> | ||||
|         <!-- Rings --> | ||||
|         <svg class="absolute inset-0 pointer-events-none" | ||||
|              viewBox="0 0 960 540" width="100%" height="100%" preserveAspectRatio="xMidYMax slice" xmlns="http://www.w3.org/2000/svg"> | ||||
|             <g class="text-gray-700 opacity-25" fill="none" stroke="currentColor" stroke-width="100"> | ||||
|                 <circle r="234" cx="196" cy="23"></circle> | ||||
|                 <circle r="234" cx="790" cy="491"></circle> | ||||
|             </g> | ||||
|         </svg> | ||||
|         <!-- @formatter:on --> | ||||
|         <div class="z-10 relative flex flex-col items-center"> | ||||
|             <h2 class="text-xl font-semibold">FUSE ACADEMY</h2> | ||||
|             <div class="mt-1 text-4xl sm:text-7xl font-extrabold tracking-tight leading-tight text-center"> | ||||
|                 What do you want to learn today? | ||||
|             </div> | ||||
|             <div class="max-w-2xl mt-6 sm:text-2xl text-center tracking-tight text-secondary"> | ||||
|                 Our courses will step you through the process of a building small applications, or adding new features to existing applications. | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
| 
 | ||||
|     <!-- Main --> | ||||
|     <div class="flex flex-auto p-6 sm:p-10"> | ||||
| 
 | ||||
|         <div class="flex flex-col flex-auto w-full max-w-xs sm:max-w-5xl mx-auto"> | ||||
|             <!-- Filters --> | ||||
|             <div class="flex flex-col sm:flex-row items-center justify-between w-full max-w-xs sm:max-w-none"> | ||||
|                 <mat-form-field class="fuse-mat-no-subscript w-full sm:w-36"> | ||||
|                     <mat-select | ||||
|                         [value]="'all'" | ||||
|                         (selectionChange)="filterByCategory($event)"> | ||||
|                         <mat-option [value]="'all'">All</mat-option> | ||||
|                         <ng-container *ngFor="let category of categories"> | ||||
|                             <mat-option [value]="category.slug">{{category.title}}</mat-option> | ||||
|                         </ng-container> | ||||
|                     </mat-select> | ||||
|                 </mat-form-field> | ||||
|                 <mat-form-field | ||||
|                     class="fuse-mat-no-subscript w-full sm:w-72 mt-4 sm:mt-0 sm:ml-4" | ||||
|                     [floatLabel]="'always'"> | ||||
|                     <mat-icon | ||||
|                         matPrefix | ||||
|                         class="icon-size-5" | ||||
|                         [svgIcon]="'heroicons_solid:search'"></mat-icon> | ||||
|                     <input | ||||
|                         (input)="filterByQuery(query.value)" | ||||
|                         placeholder="Search by title or description" | ||||
|                         matInput | ||||
|                         #query> | ||||
|                 </mat-form-field> | ||||
|                 <mat-slide-toggle | ||||
|                     class="mt-8 sm:mt-0 sm:ml-auto" | ||||
|                     [color]="'primary'" | ||||
|                     (change)="toggleCompleted($event)"> | ||||
|                     Hide completed | ||||
|                 </mat-slide-toggle> | ||||
|             </div> | ||||
|             <!-- Courses --> | ||||
|             <ng-container *ngIf="this.filteredCourses.length; else noCourses"> | ||||
|                 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 mt-8 sm:mt-10"> | ||||
|                     <ng-container *ngFor="let course of filteredCourses"> | ||||
|                         <!-- Course --> | ||||
|                         <div class="flex flex-col h-96 shadow rounded-2xl overflow-hidden bg-card"> | ||||
|                             <div class="flex flex-col p-6"> | ||||
|                                 <div class="flex items-center justify-between"> | ||||
|                                     <!-- Course category --> | ||||
|                                     <ng-container *ngIf="(course.category | fuseFindByKey:'slug':categories) as category"> | ||||
|                                         <div | ||||
|                                             class="py-0.5 px-3 rounded-full text-sm font-semibold" | ||||
|                                             [ngClass]="{'text-blue-800 bg-blue-100 dark:text-blue-50 dark:bg-blue-500': category.slug === 'web', | ||||
|                                                         'text-green-800 bg-green-100 dark:text-green-50 dark:bg-green-500': category.slug === 'android', | ||||
|                                                         'text-pink-800 bg-pink-100 dark:text-pink-50 dark:bg-pink-500': category.slug === 'cloud', | ||||
|                                                         'text-amber-800 bg-amber-100 dark:text-amber-50 dark:bg-amber-500': category.slug === 'firebase'}"> | ||||
|                                             {{category.title}} | ||||
|                                         </div> | ||||
|                                     </ng-container> | ||||
|                                     <!-- Completed at least once --> | ||||
|                                     <div class="flex items-center"> | ||||
|                                         <ng-container *ngIf="course.progress.completed > 0"> | ||||
|                                             <mat-icon | ||||
|                                                 class="icon-size-5 text-green-600" | ||||
|                                                 [svgIcon]="'heroicons_solid:badge-check'" | ||||
|                                                 [matTooltip]="'You completed this course at least once'"></mat-icon> | ||||
|                                         </ng-container> | ||||
|                                     </div> | ||||
|                                 </div> | ||||
|                                 <!-- Course title & description --> | ||||
|                                 <div class="mt-4 text-lg font-medium">{{course.title}}</div> | ||||
|                                 <div class="mt-0.5 line-clamp-2 text-secondary">{{course.description}}</div> | ||||
|                                 <div class="w-12 h-1 my-6 border-t-2"></div> | ||||
|                                 <!-- Course time --> | ||||
|                                 <div class="flex items-center leading-5 text-md text-secondary"> | ||||
|                                     <mat-icon | ||||
|                                         class="icon-size-5 text-hint" | ||||
|                                         [svgIcon]="'heroicons_solid:clock'"></mat-icon> | ||||
|                                     <div class="ml-1.5">{{course.duration}} minutes</div> | ||||
|                                 </div> | ||||
|                                 <!-- Course completion --> | ||||
|                                 <div class="flex items-center mt-2 leading-5 text-md text-secondary"> | ||||
|                                     <mat-icon | ||||
|                                         class="icon-size-5 text-hint" | ||||
|                                         [svgIcon]="'heroicons_solid:academic-cap'"></mat-icon> | ||||
|                                     <ng-container *ngIf="course.progress.completed === 0"> | ||||
|                                         <div class="ml-1.5">Never completed</div> | ||||
|                                     </ng-container> | ||||
|                                     <ng-container *ngIf="course.progress.completed > 0"> | ||||
|                                         <div class="ml-1.5"> | ||||
|                                             <span>Completed</span> | ||||
|                                             <span class="ml-1"> | ||||
|                                                 <!-- Once --> | ||||
|                                                 <ng-container *ngIf="course.progress.completed === 1">once</ng-container> | ||||
|                                                 <!-- Twice --> | ||||
|                                                 <ng-container *ngIf="course.progress.completed === 2">twice</ng-container> | ||||
|                                                 <!-- Others --> | ||||
|                                                 <ng-container *ngIf="course.progress.completed > 2">{{course.progress.completed}} | ||||
|                                                     {{course.progress.completed | i18nPlural: { | ||||
|                                                         '=0'   : 'time', | ||||
|                                                         '=1'   : 'time', | ||||
|                                                         'other': 'times' | ||||
|                                                     } }} | ||||
|                                                 </ng-container> | ||||
|                                             </span> | ||||
|                                         </div> | ||||
|                                     </ng-container> | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                             <!-- Footer --> | ||||
|                             <div class="flex flex-col w-full mt-auto"> | ||||
|                                 <!-- Course progress --> | ||||
|                                 <div class="relative h-0.5"> | ||||
|                                     <div | ||||
|                                         class="z-10 absolute inset-x-0 h-6 -mt-3" | ||||
|                                         [matTooltip]="course.progress.currentStep / course.totalSteps | percent" | ||||
|                                         [matTooltipPosition]="'above'" | ||||
|                                         [matTooltipClass]="'-mb-0.5'"></div> | ||||
|                                     <mat-progress-bar | ||||
|                                         class="h-0.5" | ||||
|                                         [value]="(100 * course.progress.currentStep) / course.totalSteps"></mat-progress-bar> | ||||
|                                 </div> | ||||
| 
 | ||||
|                                 <!-- Course launch button --> | ||||
|                                 <div class="px-6 py-4 text-right bg-gray-50 dark:bg-transparent"> | ||||
|                                     <button | ||||
|                                         mat-stroked-button | ||||
|                                         [routerLink]="[course.id]"> | ||||
|                                         <span class="inline-flex items-center"> | ||||
| 
 | ||||
|                                             <!-- Not started --> | ||||
|                                             <ng-container *ngIf="course.progress.currentStep === 0"> | ||||
|                                                 <!-- Never completed --> | ||||
|                                                 <ng-container *ngIf="course.progress.completed === 0"> | ||||
|                                                     <span>Start</span> | ||||
|                                                 </ng-container> | ||||
|                                                 <!-- Completed before --> | ||||
|                                                 <ng-container *ngIf="course.progress.completed > 0"> | ||||
|                                                     <span>Start again</span> | ||||
|                                                 </ng-container> | ||||
|                                             </ng-container> | ||||
| 
 | ||||
|                                             <!-- Started --> | ||||
|                                             <ng-container *ngIf="course.progress.currentStep > 0"> | ||||
|                                                 <span>Continue</span> | ||||
|                                             </ng-container> | ||||
| 
 | ||||
|                                             <mat-icon | ||||
|                                                 class="ml-1.5 icon-size-5" | ||||
|                                                 [svgIcon]="'heroicons_solid:arrow-sm-right'"></mat-icon> | ||||
|                                         </span> | ||||
|                                     </button> | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                         </div> | ||||
|                     </ng-container> | ||||
|                 </div> | ||||
|             </ng-container> | ||||
| 
 | ||||
|             <!-- No courses --> | ||||
|             <ng-template #noCourses> | ||||
|                 <div class="flex flex-auto flex-col items-center justify-center bg-gray-100 dark:bg-transparent"> | ||||
|                     <mat-icon | ||||
|                         class="icon-size-20" | ||||
|                         [svgIcon]="'iconsmind:file_search'"></mat-icon> | ||||
|                     <div class="mt-6 text-2xl font-semibold tracking-tight text-secondary">No courses found!</div> | ||||
|                 </div> | ||||
|             </ng-template> | ||||
|         </div> | ||||
| 
 | ||||
|     </div> | ||||
| 
 | ||||
| </div> | ||||
							
								
								
									
										159
									
								
								src/app/modules/admin/apps/academy/list/list.component.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @ -0,0 +1,159 @@ | ||||
| import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core'; | ||||
| import { ActivatedRoute, Router } from '@angular/router'; | ||||
| import { MatSelectChange } from '@angular/material/select'; | ||||
| import { MatSlideToggleChange } from '@angular/material/slide-toggle'; | ||||
| import { BehaviorSubject, combineLatest, Subject } from 'rxjs'; | ||||
| import { takeUntil } from 'rxjs/operators'; | ||||
| import { AcademyService } from 'app/modules/admin/apps/academy/academy.service'; | ||||
| import { Category, Course } from 'app/modules/admin/apps/academy/academy.types'; | ||||
| 
 | ||||
| @Component({ | ||||
|     selector       : 'academy-list', | ||||
|     templateUrl    : './list.component.html', | ||||
|     encapsulation  : ViewEncapsulation.None, | ||||
|     changeDetection: ChangeDetectionStrategy.OnPush | ||||
| }) | ||||
| export class AcademyListComponent implements OnInit, OnDestroy | ||||
| { | ||||
|     categories: Category[]; | ||||
|     courses: Course[]; | ||||
|     filteredCourses: Course[]; | ||||
|     filters: { | ||||
|         categorySlug$: BehaviorSubject<string>; | ||||
|         query$: BehaviorSubject<string>; | ||||
|         hideCompleted$: BehaviorSubject<boolean>; | ||||
|     } = { | ||||
|         categorySlug$ : new BehaviorSubject('all'), | ||||
|         query$        : new BehaviorSubject(''), | ||||
|         hideCompleted$: new BehaviorSubject(false) | ||||
|     }; | ||||
| 
 | ||||
|     private _unsubscribeAll: Subject<any> = new Subject<any>(); | ||||
| 
 | ||||
|     /** | ||||
|      * Constructor | ||||
|      */ | ||||
|     constructor( | ||||
|         private _activatedRoute: ActivatedRoute, | ||||
|         private _changeDetectorRef: ChangeDetectorRef, | ||||
|         private _router: Router, | ||||
|         private _academyService: AcademyService | ||||
|     ) | ||||
|     { | ||||
|     } | ||||
| 
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
|     // @ Lifecycle hooks
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
| 
 | ||||
|     /** | ||||
|      * On init | ||||
|      */ | ||||
|     ngOnInit(): void | ||||
|     { | ||||
|         // Get the categories
 | ||||
|         this._academyService.categories$ | ||||
|             .pipe(takeUntil(this._unsubscribeAll)) | ||||
|             .subscribe((categories: Category[]) => { | ||||
|                 this.categories = categories; | ||||
| 
 | ||||
|                 // Mark for check
 | ||||
|                 this._changeDetectorRef.markForCheck(); | ||||
|             }); | ||||
| 
 | ||||
|         // Get the courses
 | ||||
|         this._academyService.courses$ | ||||
|             .pipe(takeUntil(this._unsubscribeAll)) | ||||
|             .subscribe((courses: Course[]) => { | ||||
|                 this.courses = this.filteredCourses = courses; | ||||
| 
 | ||||
|                 // Mark for check
 | ||||
|                 this._changeDetectorRef.markForCheck(); | ||||
|             }); | ||||
| 
 | ||||
|         // Filter the courses
 | ||||
|         combineLatest([this.filters.categorySlug$, this.filters.query$, this.filters.hideCompleted$]) | ||||
|             .subscribe(([categorySlug, query, hideCompleted]) => { | ||||
| 
 | ||||
|                 // Reset the filtered courses
 | ||||
|                 this.filteredCourses = this.courses; | ||||
| 
 | ||||
|                 // Filter by category
 | ||||
|                 if ( categorySlug !== 'all' ) | ||||
|                 { | ||||
|                     this.filteredCourses = this.filteredCourses.filter((course) => course.category === categorySlug); | ||||
|                 } | ||||
| 
 | ||||
|                 // Filter by search query
 | ||||
|                 if ( query !== '' ) | ||||
|                 { | ||||
|                     this.filteredCourses = this.filteredCourses.filter((course) => { | ||||
|                         return course.title.toLowerCase().includes(query.toLowerCase()) | ||||
|                             || course.description.toLowerCase().includes(query.toLowerCase()) | ||||
|                             || course.category.toLowerCase().includes(query.toLowerCase()); | ||||
|                     }); | ||||
|                 } | ||||
| 
 | ||||
|                 // Filter by completed
 | ||||
|                 if ( hideCompleted ) | ||||
|                 { | ||||
|                     this.filteredCourses = this.filteredCourses.filter((course) => course.progress.completed === 0); | ||||
|                 } | ||||
|             }); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * On destroy | ||||
|      */ | ||||
|     ngOnDestroy(): void | ||||
|     { | ||||
|         // Unsubscribe from all subscriptions
 | ||||
|         this._unsubscribeAll.next(); | ||||
|         this._unsubscribeAll.complete(); | ||||
|     } | ||||
| 
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
|     // @ Public methods
 | ||||
|     // -----------------------------------------------------------------------------------------------------
 | ||||
| 
 | ||||
|     /** | ||||
|      * Filter by search query | ||||
|      * | ||||
|      * @param query | ||||
|      */ | ||||
|     filterByQuery(query: string): void | ||||
|     { | ||||
|         this.filters.query$.next(query); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * Filter by category | ||||
|      * | ||||
|      * @param change | ||||
|      */ | ||||
|     filterByCategory(change: MatSelectChange): void | ||||
|     { | ||||
|         this.filters.categorySlug$.next(change.value); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * Show/hide completed courses | ||||
|      * | ||||
|      * @param change | ||||
|      */ | ||||
|     toggleCompleted(change: MatSlideToggleChange): void | ||||
|     { | ||||
|         this.filters.hideCompleted$.next(change.checked); | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * Track by function for ngFor loops | ||||
|      * | ||||
|      * @param index | ||||
|      * @param item | ||||
|      */ | ||||
|     trackByFn(index: number, item: any): any | ||||
|     { | ||||
|         return item.id || index; | ||||
|     } | ||||
| } | ||||
| @ -20,7 +20,7 @@ | ||||
|                 class="mt-8" | ||||
|                 mat-flat-button | ||||
|                 [color]="'primary'" | ||||
|                 [routerLink]="'/example'"> | ||||
|                 [routerLink]="'/dashboards/project'"> | ||||
|                 <span>Launch the App</span> | ||||
|                 <mat-icon | ||||
|                     class="ml-2 icon-size-5" | ||||
|  | ||||
| @ -2,61 +2,73 @@ | ||||
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | ||||
|     <defs> | ||||
|         <svg id="academic-cap" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path fill="#fff" d="M12 14l9-5-9-5-9 5 9 5z"/> | ||||
|             <path fill="#fff" d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"/> | ||||
|             <path d="M12 14l9-5-9-5-9 5 9 5z"/> | ||||
|             <path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"/> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"/> | ||||
|         </svg> | ||||
|         <svg id="annotation" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-circle-down" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13l-3 3m0 0l-3-3m3 3V8m0 13a9 9 0 110-18 9 9 0 010 18z"/> | ||||
|         </svg> | ||||
|         <svg id="adjustments" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-circle-down" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13l-3 3m0 0l-3-3m3 3V8m0 13a9 9 0 110-18 9 9 0 010 18z"/> | ||||
|         </svg> | ||||
|         <svg id="annotation" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-circle-left" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-circle-right" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="archive" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-circle-right" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-circle-up" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 11l3-3m0 0l3 3m-3-3v8m0-13a9 9 0 110 18 9 9 0 010-18z"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-down" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-narrow-down" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 17l-4 4m0 0l-4-4m4 4V3"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-left" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-narrow-down" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 17l-4 4m0 0l-4-4m4 4V3"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-narrow-left" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16l-4-4m0 0l4-4m-4 4h18"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-narrow-right" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-narrow-up" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7l4-4m0 0l4 4m-4-4v18"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-right" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-narrow-up" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7l4-4m0 0l4 4m-4-4v18"/> | ||||
|         <svg id="arrow-sm-down" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 13l-5 5m0 0l-5-5m5 5V6"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-sm-right" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-sm-left" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 17l-5-5m0 0l5-5m-5 5h12"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-sm-up" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11l5-5m0 0l5 5m-5-5v12"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-up" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"/> | ||||
|         </svg> | ||||
|         <svg id="at-symbol" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207"/> | ||||
|         </svg> | ||||
|         <svg id="arrows-expand" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"/> | ||||
|         </svg> | ||||
|         <svg id="at-symbol" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207"/> | ||||
|         </svg> | ||||
|         <svg id="backspace" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2M3 12l6.414 6.414a2 2 0 001.414.586H19a2 2 0 002-2V7a2 2 0 00-2-2h-8.172a2 2 0 00-1.414.586L3 12z"/> | ||||
|         </svg> | ||||
| @ -81,17 +93,17 @@ | ||||
|         <svg id="bookmark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"/> | ||||
|         </svg> | ||||
|         <svg id="calendar" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/> | ||||
|         </svg> | ||||
|         <svg id="briefcase" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/> | ||||
|         </svg> | ||||
|         <svg id="cake" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 15.546c-.523 0-1.046.151-1.5.454a2.704 2.704 0 01-3 0 2.704 2.704 0 00-3 0 2.704 2.704 0 01-3 0 2.704 2.704 0 00-3 0 2.704 2.704 0 01-3 0 2.701 2.701 0 00-1.5-.454M9 6v2m3-2v2m3-2v2M9 3h.01M12 3h.01M15 3h.01M21 21v-7a2 2 0 00-2-2H5a2 2 0 00-2 2v7h18zm-3-9v-2a2 2 0 00-2-2H8a2 2 0 00-2 2v2h12z"/> | ||||
|         </svg> | ||||
|         <svg id="calculator" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"/> | ||||
|         </svg> | ||||
|         <svg id="cake" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 15.546c-.523 0-1.046.151-1.5.454a2.704 2.704 0 01-3 0 2.704 2.704 0 00-3 0 2.704 2.704 0 01-3 0 2.704 2.704 0 00-3 0 2.704 2.704 0 01-3 0 2.701 2.701 0 00-1.5-.454M9 6v2m3-2v2m3-2v2M9 3h.01M12 3h.01M15 3h.01M21 21v-7a2 2 0 00-2-2H5a2 2 0 00-2 2v7h18zm-3-9v-2a2 2 0 00-2-2H8a2 2 0 00-2 2v2h12z"/> | ||||
|         <svg id="calendar" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/> | ||||
|         </svg> | ||||
|         <svg id="camera" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"/> | ||||
| @ -113,23 +125,23 @@ | ||||
|         <svg id="chat-alt-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"/> | ||||
|         </svg> | ||||
|         <svg id="chat-alt" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"/> | ||||
|         </svg> | ||||
|         <svg id="chat" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> | ||||
|         </svg> | ||||
|         <svg id="check-circle" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="chat-alt" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"/> | ||||
|         </svg> | ||||
|         <svg id="check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-double-down" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 13l-7 7-7-7m14-8l-7 7-7-7"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-double-left" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 19l-7-7 7-7m8 14l-7-7 7-7"/> | ||||
|         <svg id="chevron-double-right" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-down" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> | ||||
| @ -140,18 +152,15 @@ | ||||
|         <svg id="chevron-left" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-double-right" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-right" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-up" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/> | ||||
|         </svg> | ||||
|         <svg id="chip" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-up" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/> | ||||
|         </svg> | ||||
|         <svg id="clipboard-check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"/> | ||||
|         </svg> | ||||
| @ -161,24 +170,27 @@ | ||||
|         <svg id="clipboard-list" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"/> | ||||
|         </svg> | ||||
|         <svg id="clipboard" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-double-left" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 19l-7-7 7-7m8 14l-7-7 7-7"/> | ||||
|         </svg> | ||||
|         <svg id="clock" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="cloud-upload" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"/> | ||||
|         </svg> | ||||
|         <svg id="clipboard" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/> | ||||
|         </svg> | ||||
|         <svg id="cloud-download" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"/> | ||||
|         </svg> | ||||
|         <svg id="code" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/> | ||||
|         </svg> | ||||
|         <svg id="cloud" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/> | ||||
|         </svg> | ||||
|         <svg id="code" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/> | ||||
|         </svg> | ||||
|         <svg id="cog" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> | ||||
| @ -204,21 +216,21 @@ | ||||
|         <svg id="currency-dollar" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="currency-pound" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 9a2 2 0 10-4 0v5a2 2 0 01-2 2h6m-6-4h4m8 0a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="currency-euro" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.121 15.536c-1.171 1.952-3.07 1.952-4.242 0-1.172-1.953-1.172-5.119 0-7.072 1.171-1.952 3.07-1.952 4.242 0M8 10.5h4m-4 3h4m9-1.5a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="currency-pound" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 9a2 2 0 10-4 0v5a2 2 0 01-2 2h6m-6-4h4m8 0a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="currency-rupee" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 8h6m-5 0a3 3 0 110 6H9l3 3m-3-6h6m6 1a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="cursor-click" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"/> | ||||
|         </svg> | ||||
|         <svg id="currency-yen" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 8l3 5m0 0l3-5m-3 5v4m-3-5h6m-6 3h6m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="cursor-click" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"/> | ||||
|         </svg> | ||||
|         <svg id="database" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"/> | ||||
|         </svg> | ||||
| @ -231,18 +243,18 @@ | ||||
|         <svg id="device-tablet" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"/> | ||||
|         </svg> | ||||
|         <svg id="document-download" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/> | ||||
|         </svg> | ||||
|         <svg id="document-add" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/> | ||||
|         </svg> | ||||
|         <svg id="document-remove" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 13h6m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/> | ||||
|         <svg id="document-download" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/> | ||||
|         </svg> | ||||
|         <svg id="document-duplicate" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2"/> | ||||
|         </svg> | ||||
|         <svg id="document-remove" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 13h6m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/> | ||||
|         </svg> | ||||
|         <svg id="document-report" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/> | ||||
|         </svg> | ||||
| @ -267,18 +279,18 @@ | ||||
|         <svg id="download" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/> | ||||
|         </svg> | ||||
|         <svg id="emoji-happy" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="emoji-sad" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="duplicate" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"/> | ||||
|         </svg> | ||||
|         <svg id="emoji-happy" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="exclamation-circle" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="emoji-sad" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="exclamation" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/> | ||||
|         </svg> | ||||
| @ -288,25 +300,21 @@ | ||||
|         <svg id="eye-off" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/> | ||||
|         </svg> | ||||
|         <svg id="film" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z"/> | ||||
|         </svg> | ||||
|         <svg id="fast-forward" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.933 12.8a1 1 0 000-1.6L6.6 7.2A1 1 0 005 8v8a1 1 0 001.6.8l5.333-4zM19.933 12.8a1 1 0 000-1.6l-5.333-4A1 1 0 0013 8v8a1 1 0 001.6.8l5.333-4z"/> | ||||
|         </svg> | ||||
|         <svg id="finger-print" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4"/> | ||||
|         </svg> | ||||
|         <svg id="eye" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> | ||||
|         </svg> | ||||
|         <svg id="film" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z"/> | ||||
|         </svg> | ||||
|         <svg id="filter" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"/> | ||||
|         </svg> | ||||
|         <svg id="fire" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z"/> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z"/> | ||||
|         <svg id="finger-print" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4"/> | ||||
|         </svg> | ||||
|         <svg id="flag" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/> | ||||
| @ -314,63 +322,64 @@ | ||||
|         <svg id="folder-add" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z"/> | ||||
|         </svg> | ||||
|         <svg id="folder-remove" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 13h6M3 17V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z"/> | ||||
|         <svg id="fire" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z"/> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z"/> | ||||
|         </svg> | ||||
|         <svg id="folder-download" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3M3 17V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z"/> | ||||
|         </svg> | ||||
|         <svg id="folder-open" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z"/> | ||||
|         </svg> | ||||
|         <svg id="folder-remove" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 13h6M3 17V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z"/> | ||||
|         </svg> | ||||
|         <svg id="folder" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/> | ||||
|         </svg> | ||||
|         <svg id="folder-download" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3M3 17V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z"/> | ||||
|         </svg> | ||||
|         <svg id="gift" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7"/> | ||||
|         </svg> | ||||
|         <svg id="globe-alt" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/> | ||||
|         </svg> | ||||
|         <svg id="hand" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11.5V14m0-2.5v-6a1.5 1.5 0 113 0m-3 6a1.5 1.5 0 00-3 0v2a7.5 7.5 0 0015 0v-5a1.5 1.5 0 00-3 0m-6-3V11m0-5.5v-1a1.5 1.5 0 013 0v1m0 0V11m0-5.5a1.5 1.5 0 013 0v3m0 0V11"/> | ||||
|         </svg> | ||||
|         <svg id="globe" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="hand" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11.5V14m0-2.5v-6a1.5 1.5 0 113 0m-3 6a1.5 1.5 0 00-3 0v2a7.5 7.5 0 0015 0v-5a1.5 1.5 0 00-3 0m-6-3V11m0-5.5v-1a1.5 1.5 0 013 0v1m0 0V11m0-5.5a1.5 1.5 0 013 0v3m0 0V11"/> | ||||
|         </svg> | ||||
|         <svg id="hashtag" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 20l4-16m2 16l4-16M6 9h14M4 15h14"/> | ||||
|         </svg> | ||||
|         <svg id="identification" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2"/> | ||||
|         </svg> | ||||
|         <svg id="heart" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/> | ||||
|         </svg> | ||||
|         <svg id="home" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/> | ||||
|         </svg> | ||||
|         <svg id="identification" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2"/> | ||||
|         </svg> | ||||
|         <svg id="inbox-in" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-2m-4-1v8m0 0l3-3m-3 3L9 8m-5 5h2.586a1 1 0 01.707.293l2.414 2.414a1 1 0 00.707.293h3.172a1 1 0 00.707-.293l2.414-2.414a1 1 0 01.707-.293H20"/> | ||||
|         </svg> | ||||
|         <svg id="inbox" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"/> | ||||
|         </svg> | ||||
|         <svg id="information-circle" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="key" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z"/> | ||||
|         </svg> | ||||
|         <svg id="light-bulb" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/> | ||||
|         </svg> | ||||
|         <svg id="lightning-bolt" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/> | ||||
|         <svg id="information-circle" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="library" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z"/> | ||||
|         </svg> | ||||
|         <svg id="light-bulb" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/> | ||||
|         </svg> | ||||
|         <svg id="link" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"/> | ||||
|         </svg> | ||||
| @ -378,9 +387,15 @@ | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/> | ||||
|         </svg> | ||||
|         <svg id="lightning-bolt" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/> | ||||
|         </svg> | ||||
|         <svg id="lock-closed" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/> | ||||
|         </svg> | ||||
|         <svg id="login" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"/> | ||||
|         </svg> | ||||
|         <svg id="lock-open" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"/> | ||||
|         </svg> | ||||
| @ -390,17 +405,17 @@ | ||||
|         <svg id="mail" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/> | ||||
|         </svg> | ||||
|         <svg id="login" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"/> | ||||
|         </svg> | ||||
|         <svg id="map" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"/> | ||||
|         </svg> | ||||
|         <svg id="menu-alt-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16"/> | ||||
|         </svg> | ||||
|         <svg id="mail-open" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19v-8.93a2 2 0 01.89-1.664l7-4.666a2 2 0 012.22 0l7 4.666A2 2 0 0121 10.07V19M3 19a2 2 0 002 2h14a2 2 0 002-2M3 19l6.75-4.5M21 19l-6.75-4.5M3 10l6.75 4.5M21 10l-6.75 4.5m0 0l-1.14.76a2 2 0 01-2.22 0l-1.14-.76"/> | ||||
|         </svg> | ||||
|         <svg id="menu-alt-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16"/> | ||||
|         <svg id="menu-alt-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"/> | ||||
|         </svg> | ||||
|         <svg id="menu-alt-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"/> | ||||
| @ -408,9 +423,6 @@ | ||||
|         <svg id="menu-alt-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h16M4 16h16"/> | ||||
|         </svg> | ||||
|         <svg id="menu-alt-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"/> | ||||
|         </svg> | ||||
|         <svg id="menu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> | ||||
|         </svg> | ||||
| @ -426,33 +438,30 @@ | ||||
|         <svg id="minus" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/> | ||||
|         </svg> | ||||
|         <svg id="music-note" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"/> | ||||
|         </svg> | ||||
|         <svg id="moon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"/> | ||||
|         </svg> | ||||
|         <svg id="music-note" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"/> | ||||
|         </svg> | ||||
|         <svg id="newspaper" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"/> | ||||
|         </svg> | ||||
|         <svg id="office-building" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/> | ||||
|         </svg> | ||||
|         <svg id="paper-clip" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"/> | ||||
|         </svg> | ||||
|         <svg id="paper-airplane" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"/> | ||||
|         </svg> | ||||
|         <svg id="paper-clip" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"/> | ||||
|         </svg> | ||||
|         <svg id="pause" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="pencil-alt" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/> | ||||
|         </svg> | ||||
|         <svg id="pencil" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/> | ||||
|         </svg> | ||||
|         <svg id="phone-incoming" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 3l-6 6m0 0V4m0 5h5M5 3a2 2 0 00-2 2v1c0 8.284 6.716 15 15 15h1a2 2 0 002-2v-3.28a1 1 0 00-.684-.948l-4.493-1.498a1 1 0 00-1.21.502l-1.13 2.257a11.042 11.042 0 01-5.516-5.517l2.257-1.128a1 1 0 00.502-1.21L9.228 3.683A1 1 0 008.279 3H5z"/> | ||||
|         </svg> | ||||
| @ -462,12 +471,8 @@ | ||||
|         <svg id="phone-outgoing" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 3h5m0 0v5m0-5l-6 6M5 3a2 2 0 00-2 2v1c0 8.284 6.716 15 15 15h1a2 2 0 002-2v-3.28a1 1 0 00-.684-.948l-4.493-1.498a1 1 0 00-1.21.502l-1.13 2.257a11.042 11.042 0 01-5.516-5.517l2.257-1.128a1 1 0 00.502-1.21L9.228 3.683A1 1 0 008.279 3H5z"/> | ||||
|         </svg> | ||||
|         <svg id="plus-circle" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="play" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"/> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         <svg id="pencil" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/> | ||||
|         </svg> | ||||
|         <svg id="photograph" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/> | ||||
| @ -475,6 +480,13 @@ | ||||
|         <svg id="phone" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/> | ||||
|         </svg> | ||||
|         <svg id="plus-circle" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="play" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"/> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="plus-sm" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> | ||||
|         </svg> | ||||
| @ -484,18 +496,18 @@ | ||||
|         <svg id="presentation-chart-bar" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 13v-1m4 1v-3m4 3V8M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"/> | ||||
|         </svg> | ||||
|         <svg id="puzzle" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z"/> | ||||
|         </svg> | ||||
|         <svg id="presentation-chart-line" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"/> | ||||
|         </svg> | ||||
|         <svg id="qrcode" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M16 20h4M4 12h4m12 0h.01M5 8h2a1 1 0 001-1V5a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1zm12 0h2a1 1 0 001-1V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 001 1zM5 20h2a1 1 0 001-1v-2a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1z"/> | ||||
|         </svg> | ||||
|         <svg id="printer" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"/> | ||||
|         </svg> | ||||
|         <svg id="puzzle" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z"/> | ||||
|         </svg> | ||||
|         <svg id="qrcode" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M16 20h4M4 12h4m12 0h.01M5 8h2a1 1 0 001-1V5a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1zm12 0h2a1 1 0 001-1V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 001 1zM5 20h2a1 1 0 001-1v-2a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1z"/> | ||||
|         </svg> | ||||
|         <svg id="question-mark-circle" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
| @ -517,24 +529,24 @@ | ||||
|         <svg id="rss" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z"/> | ||||
|         </svg> | ||||
|         <svg id="save-as" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16v2a2 2 0 01-2 2H5a2 2 0 01-2-2v-7a2 2 0 012-2h2m3-4H9a2 2 0 00-2 2v7a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-1m-1 4l-3 3m0 0l-3-3m3 3V3"/> | ||||
|         </svg> | ||||
|         <svg id="save" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"/> | ||||
|         </svg> | ||||
|         <svg id="save-as" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16v2a2 2 0 01-2 2H5a2 2 0 01-2-2v-7a2 2 0 012-2h2m3-4H9a2 2 0 00-2 2v7a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-1m-1 4l-3 3m0 0l-3-3m3 3V3"/> | ||||
|         </svg> | ||||
|         <svg id="scale" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> | ||||
|         </svg> | ||||
|         <svg id="scissors" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.121 14.121L19 19m-7-7l7-7m-7 7l-2.879 2.879M12 12L9.121 9.121m0 5.758a3 3 0 10-4.243 4.243 3 3 0 004.243-4.243zm0-5.758a3 3 0 10-4.243-4.243 3 3 0 004.243 4.243z"/> | ||||
|         </svg> | ||||
|         <svg id="search" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/> | ||||
|         </svg> | ||||
|         <svg id="search-circle" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16l2.879-2.879m0 0a3 3 0 104.243-4.242 3 3 0 00-4.243 4.242zM21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> | ||||
|         </svg> | ||||
|         <svg id="search" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/> | ||||
|         </svg> | ||||
|         <svg id="selector" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l4-4 4 4m0 6l-4 4-4-4"/> | ||||
|         </svg> | ||||
| @ -602,12 +614,12 @@ | ||||
|         <svg id="template" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"/> | ||||
|         </svg> | ||||
|         <svg id="thumb-down" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14H5.236a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.736 3h4.018a2 2 0 01.485.06l3.76.94m-7 10v5a2 2 0 002 2h.096c.5 0 .905-.405.905-.904 0-.715.211-1.413.608-2.008L17 13V4m-7 10h2m5-10h2a2 2 0 012 2v6a2 2 0 01-2 2h-2.5"/> | ||||
|         </svg> | ||||
|         <svg id="terminal" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/> | ||||
|         </svg> | ||||
|         <svg id="thumb-down" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14H5.236a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.736 3h4.018a2 2 0 01.485.06l3.76.94m-7 10v5a2 2 0 002 2h.096c.5 0 .905-.405.905-.904 0-.715.211-1.413.608-2.008L17 13V4m-7 10h2m5-10h2a2 2 0 012 2v6a2 2 0 01-2 2h-2.5"/> | ||||
|         </svg> | ||||
|         <svg id="thumb-up" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5"/> | ||||
|         </svg> | ||||
| @ -627,7 +639,7 @@ | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/> | ||||
|         </svg> | ||||
|         <svg id="truck" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path fill="#fff" d="M9 17a2 2 0 11-4 0 2 2 0 014 0zM19 17a2 2 0 11-4 0 2 2 0 014 0z"/> | ||||
|             <path d="M9 17a2 2 0 11-4 0 2 2 0 014 0zM19 17a2 2 0 11-4 0 2 2 0 014 0z"/> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/> | ||||
|         </svg> | ||||
|         <svg id="upload" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
| @ -642,24 +654,24 @@ | ||||
|         <svg id="user-group" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/> | ||||
|         </svg> | ||||
|         <svg id="user" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/> | ||||
|         </svg> | ||||
|         <svg id="user-remove" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7a4 4 0 11-8 0 4 4 0 018 0zM9 14a6 6 0 00-6 6v1h12v-1a6 6 0 00-6-6zM21 12h-6"/> | ||||
|         </svg> | ||||
|         <svg id="user" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/> | ||||
|         </svg> | ||||
|         <svg id="users" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"/> | ||||
|         </svg> | ||||
|         <svg id="variable" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.871 4A17.926 17.926 0 003 12c0 2.874.673 5.59 1.871 8m14.13 0a17.926 17.926 0 001.87-8c0-2.874-.673-5.59-1.87-8M9 9h1.246a1 1 0 01.961.725l1.586 5.55a1 1 0 00.961.725H15m1-7h-.08a2 2 0 00-1.519.698L9.6 15.302A2 2 0 018.08 16H8"/> | ||||
|         </svg> | ||||
|         <svg id="video-camera" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/> | ||||
|         </svg> | ||||
|         <svg id="view-boards" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2"/> | ||||
|         </svg> | ||||
|         <svg id="variable" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.871 4A17.926 17.926 0 003 12c0 2.874.673 5.59 1.871 8m14.13 0a17.926 17.926 0 001.87-8c0-2.874-.673-5.59-1.87-8M9 9h1.246a1 1 0 01.961.725l1.586 5.55a1 1 0 00.961.725H15m1-7h-.08a2 2 0 00-1.519.698L9.6 15.302A2 2 0 018.08 16H8"/> | ||||
|         </svg> | ||||
|         <svg id="view-grid-add" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | ||||
|             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14v6m-3-3h6M6 10h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2zm10 0h2a2 2 0 002-2V6a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zM6 20h2a2 2 0 002-2v-2a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2z"/> | ||||
|         </svg> | ||||
|  | ||||
| Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 77 KiB | 
| @ -7,21 +7,18 @@ | ||||
|         <svg id="annotation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 13V5a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2h3l3 3 3-3h3a2 2 0 002-2zM5 7a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1zm1 3a1 1 0 100 2h3a1 1 0 100-2H6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-circle-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.707-10.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L9.414 11H13a1 1 0 100-2H9.414l1.293-1.293z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="adjustments" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M5 4a1 1 0 00-2 0v7.268a2 2 0 000 3.464V16a1 1 0 102 0v-1.268a2 2 0 000-3.464V4zM11 4a1 1 0 10-2 0v1.268a2 2 0 000 3.464V16a1 1 0 102 0V8.732a2 2 0 000-3.464V4zM16 3a1 1 0 011 1v7.268a2 2 0 010 3.464V16a1 1 0 11-2 0v-1.268a2 2 0 010-3.464V4a1 1 0 011-1z"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-circle-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v3.586L7.707 9.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 10.586V7z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="archive" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M4 3a2 2 0 100 4h12a2 2 0 100-4H4z"/> | ||||
|             <path fill-rule="evenodd" d="M3 8h14v7a2 2 0 01-2 2H5a2 2 0 01-2-2V8zm5 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M16.707 10.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-6-6a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l4.293-4.293a1 1 0 011.414 0z" clip-rule="evenodd"/> | ||||
|         <svg id="arrow-circle-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v3.586L7.707 9.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 10.586V7z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-circle-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.707-10.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L9.414 11H13a1 1 0 100-2H9.414l1.293-1.293z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-circle-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd"/> | ||||
| @ -29,70 +26,85 @@ | ||||
|         <svg id="arrow-circle-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13a1 1 0 102 0V9.414l1.293 1.293a1 1 0 001.414-1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M16.707 10.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-6-6a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l4.293-4.293a1 1 0 011.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-narrow-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-narrow-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-narrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"/> | ||||
|         <svg id="arrow-narrow-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-narrow-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="at-symbol" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M14.243 5.757a6 6 0 10-.986 9.284 1 1 0 111.087 1.678A8 8 0 1118 10a3 3 0 01-4.8 2.401A4 4 0 1114 10a1 1 0 102 0c0-1.537-.586-3.07-1.757-4.243zM12 10a2 2 0 10-4 0 2 2 0 004 0z" clip-rule="evenodd"/> | ||||
|         <svg id="arrow-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="backspace" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6.707 4.879A3 3 0 018.828 4H15a3 3 0 013 3v6a3 3 0 01-3 3H8.828a3 3 0 01-2.12-.879l-4.415-4.414a1 1 0 010-1.414l4.414-4.414zm4 2.414a1 1 0 00-1.414 1.414L10.586 10l-1.293 1.293a1 1 0 101.414 1.414L12 11.414l1.293 1.293a1 1 0 001.414-1.414L13.414 10l1.293-1.293a1 1 0 00-1.414-1.414L12 8.586l-1.293-1.293z" clip-rule="evenodd"/> | ||||
|         <svg id="arrow-sm-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M9.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L7.414 9H15a1 1 0 110 2H7.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-sm-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-sm-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-sm-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrow-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="arrows-expand" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 20" fill="currentColor"> | ||||
|             <path stroke="#374151" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8V4m0 0h4M3 4l4 4m8 0V4m0 0h-4m4 0l-4 4m-8 4v4m0 0h4m-4 0l4-4m8 4l-4-4m4 4v-4m0 4h-4"/> | ||||
|         </svg> | ||||
|         <svg id="at-symbol" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M14.243 5.757a6 6 0 10-.986 9.284 1 1 0 111.087 1.678A8 8 0 1118 10a3 3 0 01-4.8 2.401A4 4 0 1114 10a1 1 0 102 0c0-1.537-.586-3.07-1.757-4.243zM12 10a2 2 0 10-4 0 2 2 0 004 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="badge-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="backspace" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6.707 4.879A3 3 0 018.828 4H15a3 3 0 013 3v6a3 3 0 01-3 3H8.828a3 3 0 01-2.12-.879l-4.415-4.414a1 1 0 010-1.414l4.414-4.414zm4 2.414a1 1 0 00-1.414 1.414L10.586 10l-1.293 1.293a1 1 0 101.414 1.414L12 11.414l1.293 1.293a1 1 0 001.414-1.414L13.414 10l1.293-1.293a1 1 0 00-1.414-1.414L12 8.586l-1.293-1.293z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="ban" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="beaker" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M7 2a1 1 0 00-.707 1.707L7 4.414v3.758a1 1 0 01-.293.707l-4 4C.817 14.769 2.156 18 4.828 18h10.343c2.673 0 4.012-3.231 2.122-5.121l-4-4A1 1 0 0113 8.172V4.414l.707-.707A1 1 0 0013 2H7zm2 6.172V4h2v4.172a3 3 0 00.879 2.12l1.027 1.028a4 4 0 00-2.171.102l-.47.156a4 4 0 01-2.53 0l-.563-.187a1.993 1.993 0 00-.114-.035l1.063-1.063A3 3 0 009 8.172z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="book-open" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M9 4.804A7.968 7.968 0 005.5 4c-1.255 0-2.443.29-3.5.804v10A7.969 7.969 0 015.5 14c1.669 0 3.218.51 4.5 1.385A7.962 7.962 0 0114.5 14c1.255 0 2.443.29 3.5.804v-10A7.968 7.968 0 0014.5 4c-1.255 0-2.443.29-3.5.804V12a1 1 0 11-2 0V4.804z"/> | ||||
|         </svg> | ||||
|         <svg id="bell" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"/> | ||||
|         </svg> | ||||
|         <svg id="book-open" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M9 4.804A7.968 7.968 0 005.5 4c-1.255 0-2.443.29-3.5.804v10A7.969 7.969 0 015.5 14c1.669 0 3.218.51 4.5 1.385A7.962 7.962 0 0114.5 14c1.255 0 2.443.29 3.5.804v-10A7.968 7.968 0 0014.5 4c-1.255 0-2.443.29-3.5.804V12a1 1 0 11-2 0V4.804z"/> | ||||
|         </svg> | ||||
|         <svg id="bookmark-alt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 5a2 2 0 012-2h10a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5zm11 1H6v8l4-2 4 2V6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="bookmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z"/> | ||||
|         </svg> | ||||
|         <svg id="cake" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6 3a1 1 0 011-1h.01a1 1 0 010 2H7a1 1 0 01-1-1zm2 3a1 1 0 00-2 0v1a2 2 0 00-2 2v1a2 2 0 00-2 2v.683a3.7 3.7 0 011.055.485 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0A3.7 3.7 0 0118 12.683V12a2 2 0 00-2-2V9a2 2 0 00-2-2V6a1 1 0 10-2 0v1h-1V6a1 1 0 10-2 0v1H8V6zm10 8.868a3.704 3.704 0 01-4.055-.036 1.704 1.704 0 00-1.89 0 3.704 3.704 0 01-4.11 0 1.704 1.704 0 00-1.89 0A3.704 3.704 0 012 14.868V17a1 1 0 001 1h14a1 1 0 001-1v-2.132zM9 3a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm3 0a1 1 0 011-1h.01a1 1 0 110 2H13a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="calendar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="briefcase" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6 6V5a3 3 0 013-3h2a3 3 0 013 3v1h2a2 2 0 012 2v3.57A22.952 22.952 0 0110 13a22.95 22.95 0 01-8-1.43V8a2 2 0 012-2h2zm2-1a1 1 0 011-1h2a1 1 0 011 1v1H8V5zm1 5a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|             <path d="M2 13.692V16a2 2 0 002 2h12a2 2 0 002-2v-2.308A24.974 24.974 0 0110 15c-2.796 0-5.487-.46-8-1.308z"/> | ||||
|         </svg> | ||||
|         <svg id="cake" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6 3a1 1 0 011-1h.01a1 1 0 010 2H7a1 1 0 01-1-1zm2 3a1 1 0 00-2 0v1a2 2 0 00-2 2v1a2 2 0 00-2 2v.683a3.7 3.7 0 011.055.485 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0A3.7 3.7 0 0118 12.683V12a2 2 0 00-2-2V9a2 2 0 00-2-2V6a1 1 0 10-2 0v1h-1V6a1 1 0 10-2 0v1H8V6zm10 8.868a3.704 3.704 0 01-4.055-.036 1.704 1.704 0 00-1.89 0 3.704 3.704 0 01-4.11 0 1.704 1.704 0 00-1.89 0A3.704 3.704 0 012 14.868V17a1 1 0 001 1h14a1 1 0 001-1v-2.132zM9 3a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm3 0a1 1 0 011-1h.01a1 1 0 110 2H13a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="calculator" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V4a2 2 0 00-2-2H6zm1 2a1 1 0 000 2h6a1 1 0 100-2H7zm6 7a1 1 0 011 1v3a1 1 0 11-2 0v-3a1 1 0 011-1zm-3 3a1 1 0 100 2h.01a1 1 0 100-2H10zm-4 1a1 1 0 011-1h.01a1 1 0 110 2H7a1 1 0 01-1-1zm1-4a1 1 0 100 2h.01a1 1 0 100-2H7zm2 1a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm4-4a1 1 0 100 2h.01a1 1 0 100-2H13zM9 9a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zM7 8a1 1 0 000 2h.01a1 1 0 000-2H7z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="calendar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="camera" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4 5a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V7a2 2 0 00-2-2h-1.586a1 1 0 01-.707-.293l-1.121-1.121A2 2 0 0011.172 3H8.828a2 2 0 00-1.414.586L6.293 4.707A1 1 0 015.586 5H4zm6 9a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
| @ -102,10 +114,6 @@ | ||||
|         <svg id="chart-bar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"/> | ||||
|         </svg> | ||||
|         <svg id="chat-alt-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z"/> | ||||
|             <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z"/> | ||||
|         </svg> | ||||
|         <svg id="chart-pie" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/> | ||||
|             <path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/> | ||||
| @ -113,20 +121,27 @@ | ||||
|         <svg id="chart-square-bar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2H5zm9 4a1 1 0 10-2 0v6a1 1 0 102 0V7zm-3 2a1 1 0 10-2 0v4a1 1 0 102 0V9zm-3 3a1 1 0 10-2 0v1a1 1 0 102 0v-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chat-alt-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z"/> | ||||
|             <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z"/> | ||||
|         </svg> | ||||
|         <svg id="chat-alt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-double-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M15.707 4.293a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 011.414-1.414L10 8.586l4.293-4.293a1 1 0 011.414 0zm0 6a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 111.414-1.414L10 14.586l4.293-4.293a1 1 0 011.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/> | ||||
|         <svg id="chat" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 10c0 3.866-3.582 7-8 7a8.841 8.841 0 01-4.083-.98L2 17l1.338-3.123C2.493 12.767 2 11.434 2 10c0-3.866 3.582-7 8-7s8 3.134 8 7zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="check-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chat" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 10c0 3.866-3.582 7-8 7a8.841 8.841 0 01-4.083-.98L2 17l1.338-3.123C2.493 12.767 2 11.434 2 10c0-3.866 3.582-7 8-7s8 3.134 8 7zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z" clip-rule="evenodd"/> | ||||
|         <svg id="check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-double-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M15.707 4.293a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 011.414-1.414L10 8.586l4.293-4.293a1 1 0 011.414 0zm0 6a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 111.414-1.414L10 14.586l4.293-4.293a1 1 0 011.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-double-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M15.707 15.707a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 010 1.414zm-6 0a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 011.414 1.414L5.414 10l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-double-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4.293 15.707a1 1 0 010-1.414l5-5a1 1 0 011.414 0l5 5a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414 0zm0-6a1 1 0 010-1.414l5-5a1 1 0 011.414 0l5 5a1 1 0 01-1.414 1.414L10 5.414 5.707 9.707a1 1 0 01-1.414 0z" clip-rule="evenodd"/> | ||||
| @ -135,18 +150,15 @@ | ||||
|             <path fill-rule="evenodd" d="M10.293 15.707a1 1 0 010-1.414L14.586 10l-4.293-4.293a1 1 0 111.414-1.414l5 5a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0z" clip-rule="evenodd"/> | ||||
|             <path fill-rule="evenodd" d="M4.293 15.707a1 1 0 010-1.414L8.586 10 4.293 5.707a1 1 0 011.414-1.414l5 5a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-double-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M15.707 15.707a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 010 1.414zm-6 0a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 011.414 1.414L5.414 10l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="chevron-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
| @ -154,25 +166,25 @@ | ||||
|             <path d="M13 7H7v6h6V7z"/> | ||||
|             <path fill-rule="evenodd" d="M7 2a1 1 0 012 0v1h2V2a1 1 0 112 0v1h2a2 2 0 012 2v2h1a1 1 0 110 2h-1v2h1a1 1 0 110 2h-1v2a2 2 0 01-2 2h-2v1a1 1 0 11-2 0v-1H9v1a1 1 0 11-2 0v-1H5a2 2 0 01-2-2v-2H2a1 1 0 110-2h1V9H2a1 1 0 010-2h1V5a2 2 0 012-2h2V2zM5 5h10v10H5V5z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="clipboard-copy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8 2a1 1 0 000 2h2a1 1 0 100-2H8z"/> | ||||
|             <path d="M3 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v6h-4.586l1.293-1.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L10.414 13H15v3a2 2 0 01-2 2H5a2 2 0 01-2-2V5zM15 11h2a1 1 0 110 2h-2v-2z"/> | ||||
|         </svg> | ||||
|         <svg id="clipboard-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"/> | ||||
|             <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="clipboard-copy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8 2a1 1 0 000 2h2a1 1 0 100-2H8z"/> | ||||
|             <path d="M3 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v6h-4.586l1.293-1.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L10.414 13H15v3a2 2 0 01-2 2H5a2 2 0 01-2-2V5zM15 11h2a1 1 0 110 2h-2v-2z"/> | ||||
|         </svg> | ||||
|         <svg id="clipboard-list" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"/> | ||||
|             <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="clock" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="clipboard" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z"/> | ||||
|             <path d="M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z"/> | ||||
|         </svg> | ||||
|         <svg id="clock" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="cloud-download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M2 9.5A3.5 3.5 0 005.5 13H9v2.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 15.586V13h2.5a4.5 4.5 0 10-.616-8.958 4.002 4.002 0 10-7.753 1.977A3.5 3.5 0 002 9.5zm9 3.5H9V8a1 1 0 012 0v5z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
| @ -196,34 +208,34 @@ | ||||
|             <path d="M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z"/> | ||||
|             <path fill-rule="evenodd" d="M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="cube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M11 17a1 1 0 001.447.894l4-2A1 1 0 0017 15V9.236a1 1 0 00-1.447-.894l-4 2a1 1 0 00-.553.894V17zM15.211 6.276a1 1 0 000-1.788l-4.764-2.382a1 1 0 00-.894 0L4.789 4.488a1 1 0 000 1.788l4.764 2.382a1 1 0 00.894 0l4.764-2.382zM4.447 8.342A1 1 0 003 9.236V15a1 1 0 00.553.894l4 2A1 1 0 009 17v-5.764a1 1 0 00-.553-.894l-4-2z"/> | ||||
|         <svg id="color-swatch" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4 2a2 2 0 00-2 2v11a3 3 0 106 0V4a2 2 0 00-2-2H4zm1 14a1 1 0 100-2 1 1 0 000 2zm5-1.757l4.9-4.9a2 2 0 000-2.828L13.485 5.1a2 2 0 00-2.828 0L10 5.757v8.486zM16 18H9.071l6-6H16a2 2 0 012 2v2a2 2 0 01-2 2z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="cube-transparent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M9.504 1.132a1 1 0 01.992 0l1.75 1a1 1 0 11-.992 1.736L10 3.152l-1.254.716a1 1 0 11-.992-1.736l1.75-1zM5.618 4.504a1 1 0 01-.372 1.364L5.016 6l.23.132a1 1 0 11-.992 1.736L4 7.723V8a1 1 0 01-2 0V6a.996.996 0 01.52-.878l1.734-.99a1 1 0 011.364.372zm8.764 0a1 1 0 011.364-.372l1.733.99A1.002 1.002 0 0118 6v2a1 1 0 11-2 0v-.277l-.254.145a1 1 0 11-.992-1.736l.23-.132-.23-.132a1 1 0 01-.372-1.364zm-7 4a1 1 0 011.364-.372L10 8.848l1.254-.716a1 1 0 11.992 1.736L11 10.58V12a1 1 0 11-2 0v-1.42l-1.246-.712a1 1 0 01-.372-1.364zM3 11a1 1 0 011 1v1.42l1.246.712a1 1 0 11-.992 1.736l-1.75-1A1 1 0 012 14v-2a1 1 0 011-1zm14 0a1 1 0 011 1v2a1 1 0 01-.504.868l-1.75 1a1 1 0 11-.992-1.736L16 13.42V12a1 1 0 011-1zm-9.618 5.504a1 1 0 011.364-.372l.254.145V16a1 1 0 112 0v.277l.254-.145a1 1 0 11.992 1.736l-1.735.992a.995.995 0 01-1.022 0l-1.735-.992a1 1 0 01-.372-1.364z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="currency-dollar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 01-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zM11 12.849v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 01-.567.267z"/> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.413-1.076-2.354-1.253V5z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="color-swatch" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4 2a2 2 0 00-2 2v11a3 3 0 106 0V4a2 2 0 00-2-2H4zm1 14a1 1 0 100-2 1 1 0 000 2zm5-1.757l4.9-4.9a2 2 0 000-2.828L13.485 5.1a2 2 0 00-2.828 0L10 5.757v8.486zM16 18H9.071l6-6H16a2 2 0 012 2v2a2 2 0 01-2 2z" clip-rule="evenodd"/> | ||||
|         <svg id="cube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M11 17a1 1 0 001.447.894l4-2A1 1 0 0017 15V9.236a1 1 0 00-1.447-.894l-4 2a1 1 0 00-.553.894V17zM15.211 6.276a1 1 0 000-1.788l-4.764-2.382a1 1 0 00-.894 0L4.789 4.488a1 1 0 000 1.788l4.764 2.382a1 1 0 00.894 0l4.764-2.382zM4.447 8.342A1 1 0 003 9.236V15a1 1 0 00.553.894l4 2A1 1 0 009 17v-5.764a1 1 0 00-.553-.894l-4-2z"/> | ||||
|         </svg> | ||||
|         <svg id="currency-bangladeshi" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM7 4a1 1 0 000 2 1 1 0 011 1v1H7a1 1 0 000 2h1v3a3 3 0 106 0v-1a1 1 0 10-2 0v1a1 1 0 11-2 0v-3h3a1 1 0 100-2h-3V7a3 3 0 00-3-3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="currency-dollar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 01-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zM11 12.849v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 01-.567.267z"/> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.413-1.076-2.354-1.253V5z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="currency-euro" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.736 6.979C9.208 6.193 9.696 6 10 6c.304 0 .792.193 1.264.979a1 1 0 001.715-1.029C12.279 4.784 11.232 4 10 4s-2.279.784-2.979 1.95c-.285.475-.507 1-.67 1.55H6a1 1 0 000 2h.013a9.358 9.358 0 000 1H6a1 1 0 100 2h.351c.163.55.385 1.075.67 1.55C7.721 15.216 8.768 16 10 16s2.279-.784 2.979-1.95a1 1 0 10-1.715-1.029c-.472.786-.96.979-1.264.979-.304 0-.792-.193-1.264-.979a4.265 4.265 0 01-.264-.521H10a1 1 0 100-2H8.017a7.36 7.36 0 010-1H10a1 1 0 100-2H8.472c.08-.185.167-.36.264-.521z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="currency-pound" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-14a3 3 0 00-3 3v2H7a1 1 0 000 2h1v1a1 1 0 01-1 1 1 1 0 100 2h6a1 1 0 100-2H9.83c.11-.313.17-.65.17-1v-1h1a1 1 0 100-2h-1V7a1 1 0 112 0 1 1 0 102 0 3 3 0 00-3-3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="currency-yen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM7.858 5.485a1 1 0 00-1.715 1.03L7.633 9H7a1 1 0 100 2h1.834l.166.277V12H7a1 1 0 100 2h2v1a1 1 0 102 0v-1h2a1 1 0 100-2h-2v-.723l.166-.277H13a1 1 0 100-2h-.634l1.492-2.486a1 1 0 10-1.716-1.029L10.034 9h-.068L7.858 5.485z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="currency-rupee" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM7 5a1 1 0 100 2h1a2 2 0 011.732 1H7a1 1 0 100 2h2.732A2 2 0 018 11H7a1 1 0 00-.707 1.707l3 3a1 1 0 001.414-1.414l-1.483-1.484A4.008 4.008 0 0011.874 10H13a1 1 0 100-2h-1.126a3.976 3.976 0 00-.41-1H13a1 1 0 100-2H7z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="currency-yen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM7.858 5.485a1 1 0 00-1.715 1.03L7.633 9H7a1 1 0 100 2h1.834l.166.277V12H7a1 1 0 100 2h2v1a1 1 0 102 0v-1h2a1 1 0 100-2h-2v-.723l.166-.277H13a1 1 0 100-2h-.634l1.492-2.486a1 1 0 10-1.716-1.029L10.034 9h-.068L7.858 5.485z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="cursor-click" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6.672 1.911a1 1 0 10-1.932.518l.259.966a1 1 0 001.932-.518l-.26-.966zM2.429 4.74a1 1 0 10-.517 1.932l.966.259a1 1 0 00.517-1.932l-.966-.26zm8.814-.569a1 1 0 00-1.415-1.414l-.707.707a1 1 0 101.415 1.415l.707-.708zm-7.071 7.072l.707-.707A1 1 0 003.465 9.12l-.708.707a1 1 0 001.415 1.415zm3.2-5.171a1 1 0 00-1.3 1.3l4 10a1 1 0 001.823.075l1.38-2.759 3.018 3.02a1 1 0 001.414-1.415l-3.019-3.02 2.76-1.379a1 1 0 00-.076-1.822l-10-4z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
| @ -251,6 +263,12 @@ | ||||
|             <path d="M9 2a2 2 0 00-2 2v8a2 2 0 002 2h6a2 2 0 002-2V6.414A2 2 0 0016.414 5L14 2.586A2 2 0 0012.586 2H9z"/> | ||||
|             <path d="M3 8a2 2 0 012-2v10h8a2 2 0 01-2 2H5a2 2 0 01-2-2V8z"/> | ||||
|         </svg> | ||||
|         <svg id="document-remove" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm1 8a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="document-report" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm2 10a1 1 0 10-2 0v3a1 1 0 102 0v-3zm2-3a1 1 0 011 1v5a1 1 0 11-2 0v-5a1 1 0 011-1zm4-1a1 1 0 10-2 0v7a1 1 0 102 0V8z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="document-search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2h-1.528A6 6 0 004 9.528V4z"/> | ||||
|             <path fill-rule="evenodd" d="M8 10a4 4 0 00-3.446 6.032l-1.261 1.26a1 1 0 101.414 1.415l1.261-1.261A4 4 0 108 10zm-2 4a2 2 0 114 0 2 2 0 01-4 0z" clip-rule="evenodd"/> | ||||
| @ -258,12 +276,6 @@ | ||||
|         <svg id="document-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="document-remove" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm1 8a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="document-report" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm2 10a1 1 0 10-2 0v3a1 1 0 102 0v-3zm2-3a1 1 0 011 1v5a1 1 0 11-2 0v-5a1 1 0 011-1zm4-1a1 1 0 10-2 0v7a1 1 0 102 0V8z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="document" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
| @ -273,12 +285,12 @@ | ||||
|         <svg id="dots-horizontal" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"/> | ||||
|         </svg> | ||||
|         <svg id="download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="dots-vertical" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"/> | ||||
|         </svg> | ||||
|         <svg id="download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="duplicate" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M7 9a2 2 0 012-2h6a2 2 0 012 2v6a2 2 0 01-2 2H9a2 2 0 01-2-2V9z"/> | ||||
|             <path d="M5 3a2 2 0 00-2 2v6a2 2 0 002 2V5h8a2 2 0 00-2-2H5z"/> | ||||
| @ -292,13 +304,13 @@ | ||||
|         <svg id="exclamation-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="exclamation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="external-link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"/> | ||||
|             <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"/> | ||||
|         </svg> | ||||
|         <svg id="exclamation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="eye-off" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z" clip-rule="evenodd"/> | ||||
|             <path d="M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z"/> | ||||
| @ -310,31 +322,31 @@ | ||||
|         <svg id="fast-forward" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M4.555 5.168A1 1 0 003 6v8a1 1 0 001.555.832L10 11.202V14a1 1 0 001.555.832l6-4a1 1 0 000-1.664l-6-4A1 1 0 0010 6v2.798l-5.445-3.63z"/> | ||||
|         </svg> | ||||
|         <svg id="fire" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="film" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm3 2h6v4H7V5zm8 8v2h1v-2h-1zm-2-2H7v4h6v-4zm2 0h1V9h-1v2zm1-4V5h-1v2h1zM5 5v2H4V5h1zm0 4H4v2h1V9zm-1 4h1v2H4v-2z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="filter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="finger-print" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M6.625 2.655A9 9 0 0119 11a1 1 0 11-2 0 7 7 0 00-9.625-6.492 1 1 0 11-.75-1.853zM4.662 4.959A1 1 0 014.75 6.37 6.97 6.97 0 003 11a1 1 0 11-2 0 8.97 8.97 0 012.25-5.953 1 1 0 011.412-.088z" clip-rule="evenodd"/> | ||||
|             <path fill-rule="evenodd" d="M5 11a5 5 0 1110 0 1 1 0 11-2 0 3 3 0 10-6 0c0 1.677-.345 3.276-.968 4.729a1 1 0 11-1.838-.789A9.964 9.964 0 005 11zm8.921 2.012a1 1 0 01.831 1.145 19.86 19.86 0 01-.545 2.436 1 1 0 11-1.92-.558c.207-.713.371-1.445.49-2.192a1 1 0 011.144-.83z" clip-rule="evenodd"/> | ||||
|             <path fill-rule="evenodd" d="M10 10a1 1 0 011 1c0 2.236-.46 4.368-1.29 6.304a1 1 0 01-1.838-.789A13.952 13.952 0 009 11a1 1 0 011-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="fire" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="flag" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 6a3 3 0 013-3h10a1 1 0 01.8 1.6L14.25 8l2.55 3.4A1 1 0 0116 13H6a1 1 0 00-1 1v3a1 1 0 11-2 0V6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="filter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="folder-download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"/> | ||||
|             <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 9v4m0 0l-2-2m2 2l2-2"/> | ||||
|         </svg> | ||||
|         <svg id="folder-add" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"/> | ||||
|             <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 11h4m-2-2v4"/> | ||||
|         </svg> | ||||
|         <svg id="folder-download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"/> | ||||
|             <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 9v4m0 0l-2-2m2 2l2-2"/> | ||||
|         </svg> | ||||
|         <svg id="folder-open" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1H8a3 3 0 00-3 3v1.5a1.5 1.5 0 01-3 0V6z" clip-rule="evenodd"/> | ||||
|             <path d="M6 12a2 2 0 012-2h8a2 2 0 012 2v2a2 2 0 01-2 2H2h2a2 2 0 002-2v-2z"/> | ||||
| @ -346,35 +358,38 @@ | ||||
|         <svg id="folder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"/> | ||||
|         </svg> | ||||
|         <svg id="gift" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 5a3 3 0 015-2.236A3 3 0 0114.83 6H16a2 2 0 110 4h-5V9a1 1 0 10-2 0v1H4a2 2 0 110-4h1.17C5.06 5.687 5 5.35 5 5zm4 1V5a1 1 0 10-1 1h1zm3 0a1 1 0 10-1-1v1h1z" clip-rule="evenodd"/> | ||||
|             <path d="M9 11H3v5a2 2 0 002 2h4v-7zM11 18h4a2 2 0 002-2v-5h-6v7z"/> | ||||
|         </svg> | ||||
|         <svg id="globe-alt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="hand" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M9 3a1 1 0 012 0v5.5a.5.5 0 001 0V4a1 1 0 112 0v4.5a.5.5 0 001 0V6a1 1 0 112 0v5a7 7 0 11-14 0V9a1 1 0 012 0v2.5a.5.5 0 001 0V4a1 1 0 012 0v4.5a.5.5 0 001 0V3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="globe" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="hand" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M9 3a1 1 0 012 0v5.5a.5.5 0 001 0V4a1 1 0 112 0v4.5a.5.5 0 001 0V6a1 1 0 112 0v5a7 7 0 11-14 0V9a1 1 0 012 0v2.5a.5.5 0 001 0V4a1 1 0 012 0v4.5a.5.5 0 001 0V3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="hashtag" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M9.243 3.03a1 1 0 01.727 1.213L9.53 6h2.94l.56-2.243a1 1 0 111.94.486L14.53 6H17a1 1 0 110 2h-2.97l-1 4H15a1 1 0 110 2h-2.47l-.56 2.242a1 1 0 11-1.94-.485L10.47 14H7.53l-.56 2.242a1 1 0 11-1.94-.485L5.47 14H3a1 1 0 110-2h2.97l1-4H5a1 1 0 110-2h2.47l.56-2.243a1 1 0 011.213-.727zM9.03 8l-1 4h2.938l1-4H9.031z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="heart" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="identification" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 2a1 1 0 00-1 1v1a1 1 0 002 0V3a1 1 0 00-1-1zM4 4h3a3 3 0 006 0h3a2 2 0 012 2v9a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2zm2.5 7a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm2.45 4a2.5 2.5 0 10-4.9 0h4.9zM12 9a1 1 0 100 2h3a1 1 0 100-2h-3zm-1 4a1 1 0 011-1h2a1 1 0 110 2h-2a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="home" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"/> | ||||
|         </svg> | ||||
|         <svg id="gift" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 5a3 3 0 015-2.236A3 3 0 0114.83 6H16a2 2 0 110 4h-5V9a1 1 0 10-2 0v1H4a2 2 0 110-4h1.17C5.06 5.687 5 5.35 5 5zm4 1V5a1 1 0 10-1 1h1zm3 0a1 1 0 10-1-1v1h1z" clip-rule="evenodd"/> | ||||
|             <path d="M9 11H3v5a2 2 0 002 2h4v-7zM11 18h4a2 2 0 002-2v-5h-6v7z"/> | ||||
|         <svg id="identification" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 2a1 1 0 00-1 1v1a1 1 0 002 0V3a1 1 0 00-1-1zM4 4h3a3 3 0 006 0h3a2 2 0 012 2v9a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2zm2.5 7a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm2.45 4a2.5 2.5 0 10-4.9 0h4.9zM12 9a1 1 0 100 2h3a1 1 0 100-2h-3zm-1 4a1 1 0 011-1h2a1 1 0 110 2h-2a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="inbox-in" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l2-2a1 1 0 00-1.414-1.414L11 7.586V3a1 1 0 10-2 0v4.586l-.293-.293z"/> | ||||
|             <path d="M3 5a2 2 0 012-2h1a1 1 0 010 2H5v7h2l1 2h4l1-2h2V5h-1a1 1 0 110-2h1a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5z"/> | ||||
|         </svg> | ||||
|         <svg id="inbox" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2H5zm0 2h10v7h-2l-1 2H8l-1-2H5V5z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="information-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
| @ -387,20 +402,17 @@ | ||||
|         <svg id="light-bulb" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z"/> | ||||
|         </svg> | ||||
|         <svg id="location-marker" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="lightning-bolt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="lock-closed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="inbox" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2H5zm0 2h10v7h-2l-1 2H8l-1-2H5V5z" clip-rule="evenodd"/> | ||||
|         <svg id="location-marker" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="lock-closed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="lock-open" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M10 2a5 5 0 00-5 5v2a2 2 0 00-2 2v5a2 2 0 002 2h10a2 2 0 002-2v-5a2 2 0 00-2-2H7V7a3 3 0 015.905-.75 1 1 0 001.937-.5A5.002 5.002 0 0010 2z"/> | ||||
| @ -411,22 +423,22 @@ | ||||
|         <svg id="logout" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 3a1 1 0 00-1 1v12a1 1 0 102 0V4a1 1 0 00-1-1zm10.293 9.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L14.586 9H7a1 1 0 100 2h7.586l-1.293 1.293z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="mail-open" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M2.94 6.412A2 2 0 002 8.108V16a2 2 0 002 2h12a2 2 0 002-2V8.108a2 2 0 00-.94-1.696l-6-3.75a2 2 0 00-2.12 0l-6 3.75zm2.615 2.423a1 1 0 10-1.11 1.664l5 3.333a1 1 0 001.11 0l5-3.333a1 1 0 00-1.11-1.664L10 11.798 5.555 8.835z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="mail" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"/> | ||||
|             <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"/> | ||||
|         </svg> | ||||
|         <svg id="mail-open" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M2.94 6.412A2 2 0 002 8.108V16a2 2 0 002 2h12a2 2 0 002-2V8.108a2 2 0 00-.94-1.696l-6-3.75a2 2 0 00-2.12 0l-6 3.75zm2.615 2.423a1 1 0 10-1.11 1.664l5 3.333a1 1 0 001.11 0l5-3.333a1 1 0 00-1.11-1.664L10 11.798 5.555 8.835z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="map" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M12 1.586l-4 4v12.828l4-4V1.586zM3.707 3.293A1 1 0 002 4v10a1 1 0 00.293.707L6 18.414V5.586L3.707 3.293zM17.707 5.293L14 1.586v12.828l2.293 2.293A1 1 0 0018 16V6a1 1 0 00-.293-.707z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="menu-alt-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="menu-alt-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="menu-alt-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="menu-alt-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
| @ -442,12 +454,12 @@ | ||||
|         <svg id="minus-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 000 2h6a1 1 0 100-2H7z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="minus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="minus-sm" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="minus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"/> | ||||
|         </svg> | ||||
| @ -458,22 +470,25 @@ | ||||
|             <path fill-rule="evenodd" d="M2 5a2 2 0 012-2h8a2 2 0 012 2v10a2 2 0 002 2H4a2 2 0 01-2-2V5zm3 1h6v4H5V6zm6 6H5v2h6v-2z" clip-rule="evenodd"/> | ||||
|             <path d="M15 7h1a2 2 0 012 2v5.5a1.5 1.5 0 01-3 0V7z"/> | ||||
|         </svg> | ||||
|         <svg id="paper-airplane" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z"/> | ||||
|         </svg> | ||||
|         <svg id="pause" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zM7 8a1 1 0 012 0v4a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="office-building" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4 4a2 2 0 012-2h8a2 2 0 012 2v12a1 1 0 110 2h-3a1 1 0 01-1-1v-2a1 1 0 00-1-1H9a1 1 0 00-1 1v2a1 1 0 01-1 1H4a1 1 0 110-2V4zm3 1h2v2H7V5zm2 4H7v2h2V9zm2-4h2v2h-2V5zm2 4h-2v2h2V9z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="paper-airplane" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z"/> | ||||
|         </svg> | ||||
|         <svg id="paper-clip" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M8 4a3 3 0 00-3 3v4a5 5 0 0010 0V7a1 1 0 112 0v4a7 7 0 11-14 0V7a5 5 0 0110 0v4a3 3 0 11-6 0V7a1 1 0 012 0v4a1 1 0 102 0V7a3 3 0 00-3-3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="pause" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zM7 8a1 1 0 012 0v4a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="pencil-alt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z"/> | ||||
|             <path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="pencil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"/> | ||||
|         </svg> | ||||
|         <svg id="phone-incoming" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M14.414 7l3.293-3.293a1 1 0 00-1.414-1.414L13 5.586V4a1 1 0 10-2 0v4.003a.996.996 0 00.617.921A.997.997 0 0012 9h4a1 1 0 100-2h-1.586z"/> | ||||
|             <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"/> | ||||
| @ -482,22 +497,19 @@ | ||||
|             <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"/> | ||||
|             <path d="M16.707 3.293a1 1 0 010 1.414L15.414 6l1.293 1.293a1 1 0 01-1.414 1.414L14 7.414l-1.293 1.293a1 1 0 11-1.414-1.414L12.586 6l-1.293-1.293a1 1 0 011.414-1.414L14 4.586l1.293-1.293a1 1 0 011.414 0z"/> | ||||
|         </svg> | ||||
|         <svg id="pencil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"/> | ||||
|         </svg> | ||||
|         <svg id="phone-outgoing" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M17.924 2.617a.997.997 0 00-.215-.322l-.004-.004A.997.997 0 0017 2h-4a1 1 0 100 2h1.586l-3.293 3.293a1 1 0 001.414 1.414L16 5.414V7a1 1 0 102 0V3a.997.997 0 00-.076-.383z"/> | ||||
|             <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"/> | ||||
|         </svg> | ||||
|         <svg id="photograph" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="phone" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"/> | ||||
|         </svg> | ||||
|         <svg id="play" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="photograph" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="plus-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
| @ -516,32 +528,35 @@ | ||||
|         <svg id="printer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 4v3H4a2 2 0 00-2 2v3a2 2 0 002 2h1v2a2 2 0 002 2h6a2 2 0 002-2v-2h1a2 2 0 002-2V9a2 2 0 00-2-2h-1V4a2 2 0 00-2-2H7a2 2 0 00-2 2zm8 0H7v3h6V4zm0 8H7v4h6v-4z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="puzzle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M10 3.5a1.5 1.5 0 013 0V4a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-.5a1.5 1.5 0 000 3h.5a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-.5a1.5 1.5 0 00-3 0v.5a1 1 0 01-1 1H6a1 1 0 01-1-1v-3a1 1 0 00-1-1h-.5a1.5 1.5 0 010-3H4a1 1 0 001-1V6a1 1 0 011-1h3a1 1 0 001-1v-.5z"/> | ||||
|         </svg> | ||||
|         <svg id="qrcode" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 4a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1V4zm2 2V5h1v1H5zM3 13a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1v-3zm2 2v-1h1v1H5zM13 3a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V4a1 1 0 00-1-1h-3zm1 2v1h1V5h-1z" clip-rule="evenodd"/> | ||||
|             <path d="M11 4a1 1 0 10-2 0v1a1 1 0 002 0V4zM10 7a1 1 0 011 1v1h2a1 1 0 110 2h-3a1 1 0 01-1-1V8a1 1 0 011-1zM16 9a1 1 0 100 2 1 1 0 000-2zM9 13a1 1 0 011-1h1a1 1 0 110 2v2a1 1 0 11-2 0v-3zM7 11a1 1 0 100-2H4a1 1 0 100 2h3zM17 13a1 1 0 01-1 1h-2a1 1 0 110-2h2a1 1 0 011 1zM16 17a1 1 0 100-2h-3a1 1 0 100 2h3z"/> | ||||
|         </svg> | ||||
|         <svg id="puzzle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M10 3.5a1.5 1.5 0 013 0V4a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-.5a1.5 1.5 0 000 3h.5a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-.5a1.5 1.5 0 00-3 0v.5a1 1 0 01-1 1H6a1 1 0 01-1-1v-3a1 1 0 00-1-1h-.5a1.5 1.5 0 010-3H4a1 1 0 001-1V6a1 1 0 011-1h3a1 1 0 001-1v-.5z"/> | ||||
|         </svg> | ||||
|         <svg id="question-mark-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="receipt-refund" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 2a2 2 0 00-2 2v14l3.5-2 3.5 2 3.5-2 3.5 2V4a2 2 0 00-2-2H5zm4.707 3.707a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L8.414 9H10a3 3 0 013 3v1a1 1 0 102 0v-1a5 5 0 00-5-5H8.414l1.293-1.293z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="rewind" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8.445 14.832A1 1 0 0010 14v-2.798l5.445 3.63A1 1 0 0017 14V6a1 1 0 00-1.555-.832L10 8.798V6a1 1 0 00-1.555-.832l-6 4a1 1 0 000 1.664l6 4z"/> | ||||
|         <svg id="receipt-tax" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 2a2 2 0 00-2 2v14l3.5-2 3.5 2 3.5-2 3.5 2V4a2 2 0 00-2-2H5zm2.5 3a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm6.207.293a1 1 0 00-1.414 0l-6 6a1 1 0 101.414 1.414l6-6a1 1 0 000-1.414zM12.5 10a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="refresh" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="reply" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M7.707 3.293a1 1 0 010 1.414L5.414 7H11a7 7 0 017 7v2a1 1 0 11-2 0v-2a5 5 0 00-5-5H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="rewind" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8.445 14.832A1 1 0 0010 14v-2.798l5.445 3.63A1 1 0 0017 14V6a1 1 0 00-1.555-.832L10 8.798V6a1 1 0 00-1.555-.832l-6 4a1 1 0 000 1.664l6 4z"/> | ||||
|         </svg> | ||||
|         <svg id="rss" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M5 3a1 1 0 000 2c5.523 0 10 4.477 10 10a1 1 0 102 0C17 8.373 11.627 3 5 3z"/> | ||||
|             <path d="M4 9a1 1 0 011-1 7 7 0 017 7 1 1 0 11-2 0 5 5 0 00-5-5 1 1 0 01-1-1zM3 15a2 2 0 114 0 2 2 0 01-4 0z"/> | ||||
|         </svg> | ||||
|         <svg id="receipt-tax" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 2a2 2 0 00-2 2v14l3.5-2 3.5 2 3.5-2 3.5 2V4a2 2 0 00-2-2H5zm2.5 3a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm6.207.293a1 1 0 00-1.414 0l-6 6a1 1 0 101.414 1.414l6-6a1 1 0 000-1.414zM12.5 10a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="save-as" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M9.707 7.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L13 8.586V5h3a2 2 0 012 2v5a2 2 0 01-2 2H8a2 2 0 01-2-2V7a2 2 0 012-2h3v3.586L9.707 7.293zM11 3a1 1 0 112 0v2h-2V3z"/> | ||||
|             <path d="M4 9a2 2 0 00-2 2v5a2 2 0 002 2h8a2 2 0 002-2H4V9z"/> | ||||
| @ -549,9 +564,6 @@ | ||||
|         <svg id="save" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M7.707 10.293a1 1 0 10-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 11.586V6h5a2 2 0 012 2v7a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2h5v5.586l-1.293-1.293zM9 4a1 1 0 012 0v2H9V4z"/> | ||||
|         </svg> | ||||
|         <svg id="reply" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M7.707 3.293a1 1 0 010 1.414L5.414 7H11a7 7 0 017 7v2a1 1 0 11-2 0v-2a5 5 0 00-5-5H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="scale" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1zm-5 8.274l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L5 10.274zm10 0l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L15 10.274z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
| @ -575,15 +587,15 @@ | ||||
|         <svg id="share" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"/> | ||||
|         </svg> | ||||
|         <svg id="shield-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="shield-exclamation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 1.944A11.954 11.954 0 012.166 5C2.056 5.649 2 6.319 2 7c0 5.225 3.34 9.67 8 11.317C14.66 16.67 18 12.225 18 7c0-.682-.057-1.35-.166-2.001A11.954 11.954 0 0110 1.944zM11 14a1 1 0 11-2 0 1 1 0 012 0zm0-7a1 1 0 10-2 0v3a1 1 0 102 0V7z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="shopping-bag" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 2a4 4 0 00-4 4v1H5a1 1 0 00-.994.89l-1 9A1 1 0 004 18h12a1 1 0 00.994-1.11l-1-9A1 1 0 0015 7h-1V6a4 4 0 00-4-4zm2 5V6a2 2 0 10-4 0v1h4zm-6 3a1 1 0 112 0 1 1 0 01-2 0zm7-1a1 1 0 100 2 1 1 0 000-2z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="shield-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="shopping-cart" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"/> | ||||
|         </svg> | ||||
| @ -593,21 +605,21 @@ | ||||
|         <svg id="sort-descending" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M3 3a1 1 0 000 2h11a1 1 0 100-2H3zM3 7a1 1 0 000 2h7a1 1 0 100-2H3zM3 11a1 1 0 100 2h4a1 1 0 100-2H3zM15 8a1 1 0 10-2 0v5.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L15 13.586V8z"/> | ||||
|         </svg> | ||||
|         <svg id="sparkles" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="speakerphone" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 3a1 1 0 00-1.447-.894L8.763 6H5a3 3 0 000 6h.28l1.771 5.316A1 1 0 008 18h1a1 1 0 001-1v-4.382l6.553 3.276A1 1 0 0018 15V3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="sparkles" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="star" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/> | ||||
|         </svg> | ||||
|         <svg id="status-offline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M3.707 2.293a1 1 0 00-1.414 1.414l6.921 6.922c.05.062.105.118.168.167l6.91 6.911a1 1 0 001.415-1.414l-.675-.675a9.001 9.001 0 00-.668-11.982A1 1 0 1014.95 5.05a7.002 7.002 0 01.657 9.143l-1.435-1.435a5.002 5.002 0 00-.636-6.294A1 1 0 0012.12 7.88c.924.923 1.12 2.3.587 3.415l-1.992-1.992a.922.922 0 00-.018-.018l-6.99-6.991zM3.238 8.187a1 1 0 00-1.933-.516c-.8 3-.025 6.336 2.331 8.693a1 1 0 001.414-1.415 6.997 6.997 0 01-1.812-6.762zM7.4 11.5a1 1 0 10-1.73 1c.214.371.48.72.795 1.035a1 1 0 001.414-1.414c-.191-.191-.35-.4-.478-.622z"/> | ||||
|         </svg> | ||||
|         <svg id="status-online" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5.05 3.636a1 1 0 010 1.414 7 7 0 000 9.9 1 1 0 11-1.414 1.414 9 9 0 010-12.728 1 1 0 011.414 0zm9.9 0a1 1 0 011.414 0 9 9 0 010 12.728 1 1 0 11-1.414-1.414 7 7 0 000-9.9 1 1 0 010-1.414zM7.879 6.464a1 1 0 010 1.414 3 3 0 000 4.243 1 1 0 11-1.415 1.414 5 5 0 010-7.07 1 1 0 011.415 0zm4.242 0a1 1 0 011.415 0 5 5 0 010 7.072 1 1 0 01-1.415-1.415 3 3 0 000-4.242 1 1 0 010-1.415zM10 9a1 1 0 011 1v.01a1 1 0 11-2 0V10a1 1 0 011-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="status-offline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M3.707 2.293a1 1 0 00-1.414 1.414l6.921 6.922c.05.062.105.118.168.167l6.91 6.911a1 1 0 001.415-1.414l-.675-.675a9.001 9.001 0 00-.668-11.982A1 1 0 1014.95 5.05a7.002 7.002 0 01.657 9.143l-1.435-1.435a5.002 5.002 0 00-.636-6.294A1 1 0 0012.12 7.88c.924.923 1.12 2.3.587 3.415l-1.992-1.992a.922.922 0 00-.018-.018l-6.99-6.991zM3.238 8.187a1 1 0 00-1.933-.516c-.8 3-.025 6.336 2.331 8.693a1 1 0 001.414-1.415 6.997 6.997 0 01-1.812-6.762zM7.4 11.5a1 1 0 10-1.73 1c.214.371.48.72.795 1.035a1 1 0 001.414-1.414c-.191-.191-.35-.4-.478-.622z"/> | ||||
|         </svg> | ||||
|         <svg id="stop" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8 7a1 1 0 00-1 1v4a1 1 0 001 1h4a1 1 0 001-1V8a1 1 0 00-1-1H8z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
| @ -617,12 +629,12 @@ | ||||
|         <svg id="support" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0c0 .993-.241 1.929-.668 2.754l-1.524-1.525a3.997 3.997 0 00.078-2.183l1.562-1.562C15.802 8.249 16 9.1 16 10zm-5.165 3.913l1.58 1.58A5.98 5.98 0 0110 16a5.976 5.976 0 01-2.516-.552l1.562-1.562a4.006 4.006 0 001.789.027zm-4.677-2.796a4.002 4.002 0 01-.041-2.08l-.08.08-1.53-1.533A5.98 5.98 0 004 10c0 .954.223 1.856.619 2.657l1.54-1.54zm1.088-6.45A5.974 5.974 0 0110 4c.954 0 1.856.223 2.657.619l-1.54 1.54a4.002 4.002 0 00-2.346.033L7.246 4.668zM12 10a2 2 0 11-4 0 2 2 0 014 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="switch-horizontal" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8 5a1 1 0 100 2h5.586l-1.293 1.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L13.586 5H8zM12 15a1 1 0 100-2H6.414l1.293-1.293a1 1 0 10-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L6.414 15H12z"/> | ||||
|         </svg> | ||||
|         <svg id="switch-vertical" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M5 12a1 1 0 102 0V6.414l1.293 1.293a1 1 0 001.414-1.414l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L5 6.414V12zM15 8a1 1 0 10-2 0v5.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L15 13.586V8z"/> | ||||
|         </svg> | ||||
|         <svg id="switch-horizontal" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8 5a1 1 0 100 2h5.586l-1.293 1.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L13.586 5H8zM12 15a1 1 0 100-2H6.414l1.293-1.293a1 1 0 10-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L6.414 15H12z"/> | ||||
|         </svg> | ||||
|         <svg id="table" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M5 4a3 3 0 00-3 3v6a3 3 0 003 3h10a3 3 0 003-3V7a3 3 0 00-3-3H5zm-1 9v-1h5v2H5a1 1 0 01-1-1zm7 1h4a1 1 0 001-1v-1h-5v2zm0-4h5V8h-5v2zM9 8H4v2h5V8z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
| @ -641,49 +653,49 @@ | ||||
|         <svg id="thumb-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M18 9.5a1.5 1.5 0 11-3 0v-6a1.5 1.5 0 013 0v6zM14 9.667v-5.43a2 2 0 00-1.105-1.79l-.05-.025A4 4 0 0011.055 2H5.64a2 2 0 00-1.962 1.608l-1.2 6A2 2 0 004.44 12H8v4a2 2 0 002 2 1 1 0 001-1v-.667a4 4 0 01.8-2.4l1.4-1.866a4 4 0 00.8-2.4z"/> | ||||
|         </svg> | ||||
|         <svg id="translate" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M7 2a1 1 0 011 1v1h3a1 1 0 110 2H9.578a18.87 18.87 0 01-1.724 4.78c.29.354.596.696.914 1.026a1 1 0 11-1.44 1.389c-.188-.196-.373-.396-.554-.6a19.098 19.098 0 01-3.107 3.567 1 1 0 01-1.334-1.49 17.087 17.087 0 003.13-3.733 18.992 18.992 0 01-1.487-2.494 1 1 0 111.79-.89c.234.47.489.928.764 1.372.417-.934.752-1.913.997-2.927H3a1 1 0 110-2h3V3a1 1 0 011-1zm6 6a1 1 0 01.894.553l2.991 5.982a.869.869 0 01.02.037l.99 1.98a1 1 0 11-1.79.895L15.383 16h-4.764l-.724 1.447a1 1 0 11-1.788-.894l.99-1.98.019-.038 2.99-5.982A1 1 0 0113 8zm-1.382 6h2.764L13 11.236 11.618 14z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="ticket" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2 6a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 100 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 100-4V6z"/> | ||||
|         </svg> | ||||
|         <svg id="trending-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z" clip-rule="evenodd"/> | ||||
|         <svg id="translate" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M7 2a1 1 0 011 1v1h3a1 1 0 110 2H9.578a18.87 18.87 0 01-1.724 4.78c.29.354.596.696.914 1.026a1 1 0 11-1.44 1.389c-.188-.196-.373-.396-.554-.6a19.098 19.098 0 01-3.107 3.567 1 1 0 01-1.334-1.49 17.087 17.087 0 003.13-3.733 18.992 18.992 0 01-1.487-2.494 1 1 0 111.79-.89c.234.47.489.928.764 1.372.417-.934.752-1.913.997-2.927H3a1 1 0 110-2h3V3a1 1 0 011-1zm6 6a1 1 0 01.894.553l2.991 5.982a.869.869 0 01.02.037l.99 1.98a1 1 0 11-1.79.895L15.383 16h-4.764l-.724 1.447a1 1 0 11-1.788-.894l.99-1.98.019-.038 2.99-5.982A1 1 0 0113 8zm-1.382 6h2.764L13 11.236 11.618 14z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="trash" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="truck" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"/> | ||||
|             <path d="M3 4a1 1 0 00-1 1v10a1 1 0 001 1h1.05a2.5 2.5 0 014.9 0H10a1 1 0 001-1V5a1 1 0 00-1-1H3zM14 7a1 1 0 00-1 1v6.05A2.5 2.5 0 0115.95 16H17a1 1 0 001-1v-5a1 1 0 00-.293-.707l-2-2A1 1 0 0015 7h-1z"/> | ||||
|         <svg id="trending-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="trending-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="truck" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"/> | ||||
|             <path d="M3 4a1 1 0 00-1 1v10a1 1 0 001 1h1.05a2.5 2.5 0 014.9 0H10a1 1 0 001-1V5a1 1 0 00-1-1H3zM14 7a1 1 0 00-1 1v6.05A2.5 2.5 0 0115.95 16H17a1 1 0 001-1v-5a1 1 0 00-.293-.707l-2-2A1 1 0 0015 7h-1z"/> | ||||
|         </svg> | ||||
|         <svg id="upload" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM6.293 6.707a1 1 0 010-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414L11 5.414V13a1 1 0 11-2 0V5.414L7.707 6.707a1 1 0 01-1.414 0z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="user-add" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z"/> | ||||
|         </svg> | ||||
|         <svg id="user-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="user-group" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"/> | ||||
|         </svg> | ||||
|         <svg id="users" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"/> | ||||
|         <svg id="user-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="user-remove" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M11 6a3 3 0 11-6 0 3 3 0 016 0zM14 17a6 6 0 00-12 0h12zM13 8a1 1 0 100 2h4a1 1 0 100-2h-4z"/> | ||||
|         </svg> | ||||
|         <svg id="user" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="users" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"/> | ||||
|         </svg> | ||||
|         <svg id="variable" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4.649 3.084A1 1 0 015.163 4.4 13.95 13.95 0 004 10c0 1.993.416 3.886 1.164 5.6a1 1 0 01-1.832.8A15.95 15.95 0 012 10c0-2.274.475-4.44 1.332-6.4a1 1 0 011.317-.516zM12.96 7a3 3 0 00-2.342 1.126l-.328.41-.111-.279A2 2 0 008.323 7H8a1 1 0 000 2h.323l.532 1.33-1.035 1.295a1 1 0 01-.781.375H7a1 1 0 100 2h.039a3 3 0 002.342-1.126l.328-.41.111.279A2 2 0 0011.677 14H12a1 1 0 100-2h-.323l-.532-1.33 1.035-1.295A1 1 0 0112.961 9H13a1 1 0 100-2h-.039zm1.874-2.6a1 1 0 011.833-.8A15.95 15.95 0 0118 10c0 2.274-.475 4.44-1.332 6.4a1 1 0 11-1.832-.8A13.949 13.949 0 0016 10c0-1.993-.416-3.886-1.165-5.6z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="user-remove" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M11 6a3 3 0 11-6 0 3 3 0 016 0zM14 17a6 6 0 00-12 0h12zM13 8a1 1 0 100 2h4a1 1 0 100-2h-4z"/> | ||||
|         </svg> | ||||
|         <svg id="video-camera" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V6zM14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.894l2 1A1 1 0 0018 13V7a1 1 0 00-1.447-.894l-2 1z"/> | ||||
|         </svg> | ||||
| @ -702,25 +714,25 @@ | ||||
|         <svg id="volume-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M9.383 3.076A1 1 0 0110 4v12a1 1 0 01-1.707.707L4.586 13H2a1 1 0 01-1-1V8a1 1 0 011-1h2.586l3.707-3.707a1 1 0 011.09-.217zM14.657 2.929a1 1 0 011.414 0A9.972 9.972 0 0119 10a9.972 9.972 0 01-2.929 7.071 1 1 0 01-1.414-1.414A7.971 7.971 0 0017 10c0-2.21-.894-4.208-2.343-5.657a1 1 0 010-1.414zm-2.829 2.828a1 1 0 011.415 0A5.983 5.983 0 0115 10a5.984 5.984 0 01-1.757 4.243 1 1 0 01-1.415-1.415A3.984 3.984 0 0013 10a3.983 3.983 0 00-1.172-2.828 1 1 0 010-1.415z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="wifi" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M17.778 8.222c-4.296-4.296-11.26-4.296-15.556 0A1 1 0 01.808 6.808c5.076-5.077 13.308-5.077 18.384 0a1 1 0 01-1.414 1.414zM14.95 11.05a7 7 0 00-9.9 0 1 1 0 01-1.414-1.414 9 9 0 0112.728 0 1 1 0 01-1.414 1.414zM12.12 13.88a3 3 0 00-4.242 0 1 1 0 01-1.415-1.415 5 5 0 017.072 0 1 1 0 01-1.415 1.415zM9 16a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="volume-off" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M9.383 3.076A1 1 0 0110 4v12a1 1 0 01-1.707.707L4.586 13H2a1 1 0 01-1-1V8a1 1 0 011-1h2.586l3.707-3.707a1 1 0 011.09-.217zM12.293 7.293a1 1 0 011.414 0L15 8.586l1.293-1.293a1 1 0 111.414 1.414L16.414 10l1.293 1.293a1 1 0 01-1.414 1.414L15 11.414l-1.293 1.293a1 1 0 01-1.414-1.414L13.586 10l-1.293-1.293a1 1 0 010-1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="x-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="x" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="zoom-in" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path d="M5 8a1 1 0 011-1h1V6a1 1 0 012 0v1h1a1 1 0 110 2H9v1a1 1 0 11-2 0V9H6a1 1 0 01-1-1z"/> | ||||
|             <path fill-rule="evenodd" d="M2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8zm6-4a4 4 0 100 8 4 4 0 000-8z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="wifi" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M17.778 8.222c-4.296-4.296-11.26-4.296-15.556 0A1 1 0 01.808 6.808c5.076-5.077 13.308-5.077 18.384 0a1 1 0 01-1.414 1.414zM14.95 11.05a7 7 0 00-9.9 0 1 1 0 01-1.414-1.414 9 9 0 0112.728 0 1 1 0 01-1.414 1.414zM12.12 13.88a3 3 0 00-4.242 0 1 1 0 01-1.415-1.415 5 5 0 017.072 0 1 1 0 01-1.415 1.415zM9 16a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="zoom-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"/> | ||||
|             <path fill-rule="evenodd" d="M5 8a1 1 0 011-1h4a1 1 0 110 2H6a1 1 0 01-1-1z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|         <svg id="x" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> | ||||
|             <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/> | ||||
|         </svg> | ||||
|     </defs> | ||||
| </svg> | ||||
|  | ||||
| Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 88 KiB | 
| Before Width: | Height: | Size: 808 KiB After Width: | Height: | Size: 721 KiB | 
							
								
								
									
										3586
									
								
								src/assets/icons/material-solid.svg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 654 KiB | 
| Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 909 KiB | 
| @ -412,7 +412,7 @@ const config = { | ||||
|         pointerEvents           : ['responsive'], | ||||
|         position                : ['responsive'], | ||||
|         resize                  : [], | ||||
|         ringColor               : ['dark'], | ||||
|         ringColor               : ['dark', 'group-hover'], | ||||
|         ringOffsetColor         : ['dark'], | ||||
|         ringOffsetWidth         : [], | ||||
|         ringOpacity             : [], | ||||
|  | ||||