RomainMarecat/slate

File `icon.component.ts` has 408 lines of code (exceeds 250 allowed). Consider refactoring.
import { Component, OnInit } from '@angular/core';
 
@Component({
  selector: 'app-icon',
  templateUrl: './icon.component.html',
  styleUrls: ['./icon.component.scss']
})
export class IconComponent implements OnInit {
 
  _search = '';
 
  set search(search) {
    this._search = search;
    this.icons = this.temp.filter((icon) => icon.includes(search));
  }
 
  get search() {
    return this._search;
  }
  temp: string[];
  icons: string[] = [
    'wb_incandescent',
    'wb_cloudy',
    'wb_auto',
    'vignette',
    'view_compact',
    'view_comfy',
    'tune',
    'transform',
    'tonality',
    'local_mall',
    'local_library',
    'local_laundry_service',
    'layers_clear',
    'layers',
    'hotel',
    'flight',
    'wb_sunny',
    'wb_iridescent',
    'ev_station',
    'edit_location',
    'directions_walk',
    'directions_transit',
    'directions_subway',
    'directions_run',
    'directions_railway',
    'directions_car',
    'directions_bus',
    'directions_boat',
    'directions_bike',
    'directions',
    'beenhere',
    'add_location',
    'local_activity',
    'filter_1',
    'filter_2',
    'filter_3',
    'touch_app',
    'local_drink',
    'local_dining',
    'local_convenience_store',
    'local_car_wash',
    'local_cafe',
    'local_bar',
    'local_atm',
    'local_airport',
    'toll',
    'today',
    'assignment_ind',
    'assignment_late',
    'assignment_return',
    'aspect_ratio',
    'assessment',
    'local_see',
    'local_printshop',
    'local_hotel',
    'local_hospital',
    'local_grocery_store',
    'local_gas_station',
    'local_florist',
    'tablet',
    'tablet_android',
    'tablet_mac',
    'toys',
    'alarm_on',
    'account_balance',
    'account_balance_wallet',
    'account_box',
    'security',
    'sim_card',
    'smartphone',
    'speaker',
    'speaker_group',
    'settings_applications',
    'schedule',
    'perm_device_information',
    'perm_identity',
    'perm_media',
    'explore',
    'exit_to_app',
    'event_seat',
    'event',
    'euro_symbol',
    'change_history',
    'card_travel',
    'card_membership',
    'navigation',
    'my_location',
    'map',
    'local_taxi',
    'local_shipping',
    'assignment',
    'all_out',
    'android',
    'announcement',
    'speaker_notes_off',
    'speaker_notes',
    'shopping_cart',
    'search',
    'settings',
    'local_post_office',
    'local_play',
    'local_pizza',
    'local_phone',
    'account_circle',
    'add_shopping_cart',
    'alarm',
    'alarm_add',
    'alarm_off',
    'local_pharmacy',
    'local_parking',
    'local_offer',
    'local_movies',
    'music_note',
    'movie_filter',
    'movie_creation',
    'monochrome_photos',
    'loupe',
    'camera_rear',
    'camera_roll',
    'center_focus_strong',
    'center_focus_weak',
    'collections',
    'collections_bookmark',
    'color_lens',
    'colorize',
    'compare',
    'tv',
    'videogame_asset',
    'watch',
    'control_point',
    'control_point_duplicate',
    'crop',
    'crop_16_9',
    'exposure_zero',
    'filter',
    'looks_two',
    'nature',
    'nature_people',
    'navigate_before',
    'navigate_next',
    'palette',
    'panorama',
    'panorama_fish_eye',
    'panorama_horizontal',
    'add_a_photo',
    'add_to_photos',
    'adjust',
    'assistant',
    'assistant_photo',
    'audiotrack',
    'blur_circular',
    'blur_linear',
    'blur_off',
    'blur_on',
    'brightness_1',
    'brightness_2',
    'brightness_3',
    'brightness_4',
    'brightness_5',
    'brightness_6',
    'brightness_7',
    'broken_image',
    'panorama_vertical',
    'grid_off',
    'grid_on',
    'hdr_off',
    'brush',
    'burst_mode',
    'camera',
    'camera_alt',
    'camera_front',
    'filter_tilt_shift',
    'filter_vintage',
    'flare',
    'flash_auto',
    'flash_off',
    'flash_on',
    'flip',
    'gradient',
    'grain',
    'crop_3_2',
    'crop_5_4',
    'crop_7_5',
    'crop_din',
    'crop_free',
    'crop_landscape',
    'crop_original',
    'crop_portrait',
    'crop_rotate',
    'crop_square',
    'dehaze',
    'details',
    'edit',
    'exposure',
    'exposure_neg_1',
    'exposure_neg_2',
    'exposure_plus_1',
    'exposure_plus_2',
    'image',
    'image_aspect_ratio',
    'iso',
    'landscape',
    'leak_add',
    'leak_remove',
    'lens',
    'linked_camera',
    'looks',
    'filter_8',
    'filter_9',
    'filter_9_plus',
    'filter_b_and_w',
    'filter_center_focus',
    'filter_drama',
    'filter_frames',
    'filter_hdr',
    'filter_none',
    'hdr_on',
    'hdr_strong',
    'hdr_weak',
    'healing',
    'panorama_wide_angle',
    'photo',
    'photo_album',
    'photo_camera',
    'photo_filter',
    'photo_library',
    'photo_size_select_actual',
    'photo_size_select_large',
    'photo_size_select_small',
    'switch_camera',
    'switch_video',
    'tag_faces',
    'texture',
    'timelapse',
    'timer',
    'timer_10',
    'timer_3',
    'timer_off',
    'picture_as_pdf',
    'portrait',
    'remove_red_eye',
    'rotate_90_degrees_ccw',
    'rotate_left',
    'rotate_right',
    'slideshow',
    'straighten',
    'style',
    'looks_one',
    'looks_6',
    'looks_5',
    'looks_4',
    'looks_3',
    'filter_7',
    'filter_6',
    'filter_5',
    'filter_4',
    'autorenew',
    'assignment_turned_in',
    'assignment_returned',
    'build',
    'bug_report',
    'bookmark_border',
    'bookmark',
    'book',
    'backup',
    'card_giftcard',
    'camera_enhance',
    'cached',
    'check_circle',
    'chrome_reader_mode',
    'class',
    'credit_card',
    'dashboard',
    'date_range',
    'code',
    'compare_arrows',
    'copyright',
    'delete',
    'delete_forever',
    'description',
    'dns',
    'done',
    'done_all',
    'donut_large',
    'donut_small',
    'eject',
    'favorite_border',
    'feedback',
    'find_in_page',
    'find_replace',
    'fingerprint',
    'flight_land',
    'flight_takeoff',
    'flip_to_back',
    'flip_to_front',
    'g_translate',
    'gavel',
    'get_app',
    'gif',
    'grade',
    'group_work',
    'help',
    'help_outline',
    'highlight_off',
    'history',
    'home',
    'hourglass_empty',
    'hourglass_full',
    'important_devices',
    'https',
    'http',
    'input',
    'info_outline',
    'info',
    'label_outline',
    'label',
    'invert_colors',
    'lightbulb_outline',
    'launch',
    'language',
    'list',
    'line_weight',
    'line_style',
    'lock_outline',
    'lock_open',
    'lock',
    'motorcycle',
    'markunread_mailbox',
    'loyalty',
    'opacity',
    'offline_pin',
    'note_add',
    'open_with',
    'open_in_new',
    'open_in_browser',
    'extension',
    'face',
    'favorite',
    'payment',
    'pan_tool',
    'pageview',
    'perm_data_setting',
    'perm_contact_calendar',
    'perm_camera_mic',
    'pets',
    'perm_scan_wifi',
    'perm_phone_msg',
    'play_for_work',
    'picture_in_picture_alt',
    'picture_in_picture',
    'pregnant_woman',
    'power_settings_new',
    'polymer',
    'question_answer',
    'query_builder',
    'print',
    'redeem',
    'record_voice_over',
    'receipt',
    'report_problem',
    'reorder',
    'remove_shopping_cart',
    'room',
    'restore_page',
    'restore',
    'rowing',
    'rounded_corner',
    'settings_brightness',
    'settings_bluetooth',
    'settings_backup_restore',
    'settings_input_antenna',
    'settings_ethernet',
    'settings_cell',
    'settings_input_hdmi',
    'settings_input_composite',
    'settings_input_component',
    'settings_phone',
    'settings_overscan',
    'settings_input_svideo',
    'settings_voice',
    'settings_remote',
    'settings_power',
    '3d_rotation',
    'accessibility',
    'accessible',
  ];
  constructor() {
    this.temp = this.icons;
  }
 
  ngOnInit() {}
 
}