/*
 * AdvoTracker - Hotline tackingtool for Advocats
 *
 * Copyright (c) 2017 Ralf Zerres <ralf.zerres@networkx.de
 *
 * AdvoTracker is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation; either version 2.1 of the License, or
 * (at your option) any later version.
 *
 * AdvoTracker is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with AdvoTracker; If not, see <http://www.gnu.org/licenses/>.
 */

import QtQuick 2.10                  // Qt 5.10
import QtQuick.Controls 2.3          // Qt 5.10
import QtQuick.Layouts 1.3           // Qt 5.10
import QtQuick.Controls.Material 2.3 // Qt 5.10

// AdvoTracker Module
import de.networkx.AdvoTracker 1.0 as Nwx
import SortFilterProxyModel 0.2

Page {
    id: pageMaterialDesignIcons
    //padding: 12
    Material.theme: Material.System
    //Material.theme: Material.Light
    //rightPadding: 24
    
    // include AdvoTracker Type 'SearchToolBar'
    header: SearchToolBar {
        id: searchToolBar
        // search field: searchToolBar.text
        Material.foreground: "white"
        Layout.fillWidth: true
        focus:true
        onFocusChanged: console.log("searchToolBar: Focus changed " + focus)
        //KeyNav.tabbacktabUp: searchToolBar.KeyNav.tabDown
        //KeyNav.tabbacktabUp: rowMaterialIcons.KeyNav.tabDown
        /*
        Keys.onPressed: {
            if (event.key == Qt.Key_Ctrl + Qt.Key_S) {
                console.log("search");
                event.accepted = true;
            }
        }
        */
    }
    
    /*
    header: ToolBar {
        //height: 56
        RowLayout {
            id: rowLayout
            anchors.fill: parent
            //Layout.fillWidth: true
            Material.elevation: 6
            spacing: 8
            
            Label {
                id: labelSearch
                //width: 48 - rowLayout.spacing
                anchors.right: textSearch.left
                anchors.rightMargin: rowLayout.spacing
                text: Nwx.MdiFont.Icon.magnify
                Material.foreground: "white"
                //color: Material.color(Material.White)
                font.pixelSize: 28
            }
            Nwx.TextField {
                id: textSearch
                topPadding: 2
                bottomPadding: 2
                anchors.right: parent.right
                anchors.rightMargin: rowLayout.spacing
                //selectByMouse: true
                //background: null
                placeholderText: qsTr("Search ...")
            }
        }
    }
    */

    /*
    // simple filter
    SortFilterProxyModel {
        id: sortFilterProxyModelPersons
        sourceModel: modelPerson
        filters: RegExpFilter {
            roleName: "lastName"
            pattern: textSearch.text
            caseSensitivity: Qt.CaseInsensitive
        }
        sorters:
        StringSorter { roleName: "lastName" }
        //
        [
        RoleSorter { roleName: name; sortOrder: Qt.DescendingOrder },
        StringSorter { roleName: name }
        ]
        //
    }

    ListView {
        id: listPersons
        anchors.fill: parent
        spacing: 4
        focus: true

        model: sortFilterProxyModelPersons
        delegate: delegatePersons
        header: headerPersons
        //footer: footerMaterialIcons
        //highlight: highlightMaterialIcons

        //contentWidth: headerMaterialIcons.width
        flickableDirection: Flickable.HorizontalAndVerticalFlick
    } // listMaterialIcons
    */

    // complex filter with two roles
    /*
    SortFilterProxyModel {
        id: sortFilterProxyModelMaterialIcons
        sourceModel: modelMaterialIcons
        sorters: [
        RoleSorter { roleName: "name"; sortOrder: Qt.DescendingOrder },
        StringSorter { roleName: "name" }
        ]
        filters: RegExpFilter {
            id: nameFilter
            roleName: "name"
            enable: textSearch.nameFilter
            //pattern: searchToolBar.text
            pattern: "^" + textSearch.text
            caseSensitivity: Qt.CaseInsensitive
        }
        proxyRoles: SwitchRole {
            name: "sectionRole"
            filters: RegExpFilter {
                roleName: "name"
                enable: search
                value: true
                SwitchRole.value: "*"
            }
            defaultRoleName: "firstName"
        }
    }
    */
    
    // simple filter: one role, given explicit search pattern
    SortFilterProxyModel {
        id: sortFilterProxyModelMaterialIcons
        sourceModel: modelMaterialIcons
        filters: RegExpFilter {
            roleName: "name"
            pattern: searchToolBar.text
            //caseSensitivity: Qt.CaseInsensitive
            //caseSensitivity: Qt.Sensitive
        }
        sorters: [
        StringSorter { roleName: "name" }
        ]
    }

    ListModel {
        id: modelPerson
        ListElement {
            firstName: "Dirk"
            lastName: "Hiedemann"
            favorite: false
        }
        ListElement {
            firstName: "Helmut"
            lastName: "Schlömer"
            favorite: true
        }
        ListElement {
            firstName: "Katarina"
            lastName: "Muth"
            favorite: false
        }
        ListElement {
            firstName: "Ralf"
            lastName: "Zerres"
            favorite: true
        }
        ListElement {
            firstName: "Jochen"
            lastName: "Plank"
            favorite: true
        }
        ListElement {
            firstName: "Peter"
            lastName: "Lafferenz"
            favorite: false
        }
        ListElement {
            firstName: "Frank"
            lastName: "Jakoby"
            favorite: false
        }
    } // modelPerson

    ListModel {
        id: modelMaterialIcons
        ListElement { name: "accessPoint"; value: "\uf002" }
        ListElement { name: "accessPointNetwork"; value: "\uf003" }
        ListElement { name: "account"; value: "\uf004" }
        ListElement { name: "accountAlert"; value: "\uf005" }
        ListElement { name: "accountBox"; value: "\uf006" }
        ListElement { name: "accountBoxOutline"; value: "\uf007" }
        ListElement { name: "accountCardDetails"; value: "\uf5D2" }
        ListElement { name: "accountCheck"; value: "\uf008" }
        ListElement { name: "accountCircle"; value: "\uf009" }
        ListElement { name: "accountConvert"; value: "\uf00A" }
        ListElement { name: "accountKey"; value: "\uf00B" }
        ListElement { name: "accountLocation"; value: "\uf00C" }
        ListElement { name: "accountMinus"; value: "\uf00D" }
        ListElement { name: "accountMultiple"; value: "\uf00E" }
        ListElement { name: "accountMultipleMinus"; value: "\uf5D3" }
        ListElement { name: "accountMultipleOutline"; value: "\uf00F" }
        ListElement { name: "accountMultiplePlus"; value: "\uf010" }
        ListElement { name: "accountNetwork"; value: "\uf011" }
        ListElement { name: "accountOff"; value: "\uf012" }
        ListElement { name: "accountOutline"; value: "\uf013" }
        ListElement { name: "accountPlus"; value: "\uf014" }
        ListElement { name: "accountRemove"; value: "\uf015" }
        ListElement { name: "accountSearch"; value: "\uf016" }
        ListElement { name: "accountSettings"; value: "\uf630" }
        ListElement { name: "accountSettingsVariant"; value: "\uf631" }
        ListElement { name: "accountStar"; value: "\uf017" }
        ListElement { name: "accountStarVariant"; value: "\uf018" }
        ListElement { name: "accountSwitch"; value: "\uf019" }
        ListElement { name: "adjust"; value: "\uf01A" }
        ListElement { name: "airConditioner"; value: "\uf01B" }
        ListElement { name: "airballoon"; value: "\uf01C" }
        ListElement { name: "airplane"; value: "\uf01D" }
        ListElement { name: "airplaneLanding"; value: "\uf5D4" }
        ListElement { name: "airplaneOff"; value: "\uf01E" }
        ListElement { name: "airplaneTakeoff"; value: "\uf5D5" }
        ListElement { name: "airplay"; value: "\uf01F" }
        ListElement { name: "alarm"; value: "\uf020" }
        ListElement { name: "alarmCheck"; value: "\uf021" }
        ListElement { name: "alarmMultiple"; value: "\uf022" }
        ListElement { name: "alarmOff"; value: "\uf023" }
        ListElement { name: "alarmPlus"; value: "\uf024" }
        ListElement { name: "album"; value: "\uf025" }
        ListElement { name: "alert"; value: "\uf026" }
        ListElement { name: "alertBox"; value: "\uf027" }
        ListElement { name: "alertCircle"; value: "\uf028" }
        ListElement { name: "alertCircleOutline"; value: "\uf5D6" }
        ListElement { name: "alertOctagon"; value: "\uf029" }
        ListElement { name: "alertOutline"; value: "\uf02A" }
        ListElement { name: "alpha"; value: "\uf02B" }
        ListElement { name: "alphabetical"; value: "\uf02C" }
        ListElement { name: "altimeter"; value: "\uf5D7" }
        ListElement { name: "amazon"; value: "\uf02D" }
        ListElement { name: "amazonClouddrive"; value: "\uf02E" }
        ListElement { name: "ambulance"; value: "\uf02F" }
        ListElement { name: "amplifier"; value: "\uf030" }
        ListElement { name: "anchor"; value: "\uf031" }
        ListElement { name: "android"; value: "\uf032" }
        ListElement { name: "androidDebugBridge"; value: "\uf033" }
        ListElement { name: "androidStudio"; value: "\uf034" }
        ListElement { name: "animation"; value: "\uf5D8" }
        ListElement { name: "apple"; value: "\uf035" }
        ListElement { name: "appleFinder"; value: "\uf036" }
        ListElement { name: "appleIos"; value: "\uf037" }
        ListElement { name: "appleKeyboardCaps"; value: "\uf632" }
        ListElement { name: "appleKeyboardCommand"; value: "\uf633" }
        ListElement { name: "appleKeyboardControl"; value: "\uf634" }
        ListElement { name: "appleKeyboardOption"; value: "\uf635" }
        ListElement { name: "appleKeyboardShift"; value: "\uf636" }
        ListElement { name: "appleMobileme"; value: "\uf038" }
        ListElement { name: "appleSafari"; value: "\uf039" }
        ListElement { name: "application"; value: "\uf614" }
        ListElement { name: "appnet"; value: "\uf03A" }
        ListElement { name: "apps"; value: "\uf03B" }
        ListElement { name: "archive"; value: "\uf03C" }
        ListElement { name: "arrangeBringForward"; value: "\uf03D" }
        ListElement { name: "arrangeBringToFront"; value: "\uf03E" }
        ListElement { name: "arrangeSendBackward"; value: "\uf03F" }
        ListElement { name: "arrangeSendToBack"; value: "\uf040" }
        ListElement { name: "arrowAll"; value: "\uf041" }
        ListElement { name: "arrowBottomLeft"; value: "\uf042" }
        ListElement { name: "arrowBottomRight"; value: "\uf043" }
        ListElement { name: "arrowCompress"; value: "\uf615" }
        ListElement { name: "arrowCompressAll"; value: "\uf044" }
        ListElement { name: "arrowDown"; value: "\uf045" }
        ListElement { name: "arrowDownBold"; value: "\uf046" }
        ListElement { name: "arrowDownBoldCircle"; value: "\uf047" }
        ListElement { name: "arrowDownBoldCircleOutline"; value: "\uf048" }
        ListElement { name: "arrowDownBoldHexagonOutline"; value: "\uf049" }
        ListElement { name: "arrowDownDropCircle"; value: "\uf04A" }
        ListElement { name: "arrowDownDropCircleOutline"; value: "\uf04B" }
        ListElement { name: "arrowExpand"; value: "\uf616" }
        ListElement { name: "arrowExpandAll"; value: "\uf04C" }
        ListElement { name: "arrowLeft"; value: "\uf04D" }
        ListElement { name: "arrowLeftBold"; value: "\uf04E" }
        ListElement { name: "arrowLeftBoldCircle"; value: "\uf04F" }
        ListElement { name: "arrowLeftBoldCircleOutline"; value: "\uf050" }
        ListElement { name: "arrowLeftBoldHexagonOutline"; value: "\uf051" }
        ListElement { name: "arrowLeftDropCircle"; value: "\uf052" }
        ListElement { name: "arrowLeftDropCircleOutline"; value: "\uf053" }
        ListElement { name: "arrowRight"; value: "\uf054" }
        ListElement { name: "arrowRightBold"; value: "\uf055" }
        ListElement { name: "arrowRightBoldCircle"; value: "\uf056" }
        ListElement { name: "arrowRightBoldCircleOutline"; value: "\uf057" }
        ListElement { name: "arrowRightBoldHexagonOutline"; value: "\uf058" }
        ListElement { name: "arrowRightDropCircle"; value: "\uf059" }
        ListElement { name: "arrowRightDropCircleOutline"; value: "\uf05A" }
        ListElement { name: "arrowTopLeft"; value: "\uf05B" }
        ListElement { name: "arrowTopRight"; value: "\uf05C" }
        ListElement { name: "arrowUp"; value: "\uf05D" }
        ListElement { name: "arrowUpBold"; value: "\uf05E" }
        ListElement { name: "arrowUpBoldCircle"; value: "\uf05F" }
        ListElement { name: "arrowUpBoldCircleOutline"; value: "\uf060" }
        ListElement { name: "arrowUpBoldHexagonOutline"; value: "\uf061" }
        ListElement { name: "arrowUpDropCircle"; value: "\uf062" }
        ListElement { name: "arrowUpDropCircleOutline"; value: "\uf063" }
        ListElement { name: "assistant"; value: "\uf064" }
        ListElement { name: "at"; value: "\uf065" }
        ListElement { name: "attachment"; value: "\uf066" }
        ListElement { name: "audiobook"; value: "\uf067" }
        ListElement { name: "autoFix"; value: "\uf068" }
        ListElement { name: "autoUpload"; value: "\uf069" }
        ListElement { name: "autorenew"; value: "\uf06A" }
        ListElement { name: "avTimer"; value: "\uf06B" }
        ListElement { name: "baby"; value: "\uf06C" }
        ListElement { name: "backburger"; value: "\uf06D" }
        ListElement { name: "backspace"; value: "\uf06E" }
        ListElement { name: "backupRestore"; value: "\uf06F" }
        ListElement { name: "bank"; value: "\uf070" }
        ListElement { name: "barcode"; value: "\uf071" }
        ListElement { name: "barcodeScan"; value: "\uf072" }
        ListElement { name: "barley"; value: "\uf073" }
        ListElement { name: "barrel"; value: "\uf074" }
        ListElement { name: "basecamp"; value: "\uf075" }
        ListElement { name: "basket"; value: "\uf076" }
        ListElement { name: "basketFill"; value: "\uf077" }
        ListElement { name: "basketUnfill"; value: "\uf078" }
        ListElement { name: "battery"; value: "\uf079" }
        ListElement { name: "battery10"; value: "\uf07A" }
        ListElement { name: "battery20"; value: "\uf07B" }
        ListElement { name: "battery30"; value: "\uf07C" }
        ListElement { name: "battery40"; value: "\uf07D" }
        ListElement { name: "battery50"; value: "\uf07E" }
        ListElement { name: "battery60"; value: "\uf07F" }
        ListElement { name: "battery70"; value: "\uf080" }
        ListElement { name: "battery80"; value: "\uf081" }
        ListElement { name: "battery90"; value: "\uf082" }
        ListElement { name: "batteryAlert"; value: "\uf083" }
        ListElement { name: "batteryCharging"; value: "\uf084" }
        ListElement { name: "batteryCharging100"; value: "\uf085" }
        ListElement { name: "batteryCharging20"; value: "\uf086" }
        ListElement { name: "batteryCharging30"; value: "\uf087" }
        ListElement { name: "batteryCharging40"; value: "\uf088" }
        ListElement { name: "batteryCharging60"; value: "\uf089" }
        ListElement { name: "batteryCharging80"; value: "\uf08A" }
        ListElement { name: "batteryCharging90"; value: "\uf08B" }
        ListElement { name: "batteryMinus"; value: "\uf08C" }
        ListElement { name: "batteryNegative"; value: "\uf08D" }
        ListElement { name: "batteryOutline"; value: "\uf08E" }
        ListElement { name: "batteryPlus"; value: "\uf08F" }
        ListElement { name: "batteryPositive"; value: "\uf090" }
        ListElement { name: "batteryUnknown"; value: "\uf091" }
        ListElement { name: "beach"; value: "\uf092" }
        ListElement { name: "beats"; value: "\uf097" }
        ListElement { name: "beer"; value: "\uf098" }
        ListElement { name: "behance"; value: "\uf099" }
        ListElement { name: "bell"; value: "\uf09A" }
        ListElement { name: "bellOff"; value: "\uf09B" }
        ListElement { name: "bellOutline"; value: "\uf09C" }
        ListElement { name: "bellPlus"; value: "\uf09D" }
        ListElement { name: "bellRing"; value: "\uf09E" }
        ListElement { name: "bellRingOutline"; value: "\uf09F" }
        ListElement { name: "bellSleep"; value: "\uf0A0" }
        ListElement { name: "beta"; value: "\uf0A1" }
        ListElement { name: "bible"; value: "\uf0A2" }
        ListElement { name: "bike"; value: "\uf0A3" }
        ListElement { name: "bing"; value: "\uf0A4" }
        ListElement { name: "binoculars"; value: "\uf0A5" }
        ListElement { name: "bio"; value: "\uf0A6" }
        ListElement { name: "biohazard"; value: "\uf0A7" }
        ListElement { name: "bitbucket"; value: "\uf0A8" }
        ListElement { name: "blackMesa"; value: "\uf0A9" }
        ListElement { name: "blackberry"; value: "\uf0AA" }
        ListElement { name: "blender"; value: "\uf0AB" }
        ListElement { name: "blinds"; value: "\uf0AC" }
        ListElement { name: "blockHelper"; value: "\uf0AD" }
        ListElement { name: "blogger"; value: "\uf0AE" }
        ListElement { name: "bluetooth"; value: "\uf0AF" }
        ListElement { name: "bluetoothAudio"; value: "\uf0B0" }
        ListElement { name: "bluetoothConnect"; value: "\uf0B1" }
        ListElement { name: "bluetoothOff"; value: "\uf0B2" }
        ListElement { name: "bluetoothSettings"; value: "\uf0B3" }
        ListElement { name: "bluetoothTransfer"; value: "\uf0B4" }
        ListElement { name: "blur"; value: "\uf0B5" }
        ListElement { name: "blurLinear"; value: "\uf0B6" }
        ListElement { name: "blurOff"; value: "\uf0B7" }
        ListElement { name: "blurRadial"; value: "\uf0B8" }
        ListElement { name: "bone"; value: "\uf0B9" }
        ListElement { name: "book"; value: "\uf0BA" }
        ListElement { name: "bookMinus"; value: "\uf5D9" }
        ListElement { name: "bookMultiple"; value: "\uf0BB" }
        ListElement { name: "bookMultipleVariant"; value: "\uf0BC" }
        ListElement { name: "bookOpen"; value: "\uf0BD" }
        ListElement { name: "bookOpenPageVariant"; value: "\uf5DA" }
        ListElement { name: "bookOpenVariant"; value: "\uf0BE" }
        ListElement { name: "bookPlus"; value: "\uf5DB" }
        ListElement { name: "bookVariant"; value: "\uf0BF" }
        ListElement { name: "bookmark"; value: "\uf0C0" }
        ListElement { name: "bookmarkCheck"; value: "\uf0C1" }
        ListElement { name: "bookmarkMusic"; value: "\uf0C2" }
        ListElement { name: "bookmarkOutline"; value: "\uf0C3" }
        ListElement { name: "bookmarkPlus"; value: "\uf0C5" }
        ListElement { name: "bookmarkPlusOutline"; value: "\uf0C4" }
        ListElement { name: "bookmarkRemove"; value: "\uf0C6" }
        ListElement { name: "boombox"; value: "\uf5DC" }
        ListElement { name: "borderAll"; value: "\uf0C7" }
        ListElement { name: "borderBottom"; value: "\uf0C8" }
        ListElement { name: "borderColor"; value: "\uf0C9" }
        ListElement { name: "borderHorizontal"; value: "\uf0CA" }
        ListElement { name: "borderInside"; value: "\uf0CB" }
        ListElement { name: "borderLeft"; value: "\uf0CC" }
        ListElement { name: "borderNone"; value: "\uf0CD" }
        ListElement { name: "borderOutside"; value: "\uf0CE" }
        ListElement { name: "borderRight"; value: "\uf0CF" }
        ListElement { name: "borderStyle"; value: "\uf0D0" }
        ListElement { name: "borderTop"; value: "\uf0D1" }
        ListElement { name: "borderVertical"; value: "\uf0D2" }
        ListElement { name: "bowl"; value: "\uf617" }
        ListElement { name: "bowling"; value: "\uf0D3" }
        ListElement { name: "box"; value: "\uf0D4" }
        ListElement { name: "boxCutter"; value: "\uf0D5" }
        ListElement { name: "boxShadow"; value: "\uf637" }
        ListElement { name: "bridge"; value: "\uf618" }
        ListElement { name: "briefcase"; value: "\uf0D6" }
        ListElement { name: "briefcaseCheck"; value: "\uf0D7" }
        ListElement { name: "briefcaseDownload"; value: "\uf0D8" }
        ListElement { name: "briefcaseUpload"; value: "\uf0D9" }
        ListElement { name: "brightness1"; value: "\uf0DA" }
        ListElement { name: "brightness2"; value: "\uf0DB" }
        ListElement { name: "brightness3"; value: "\uf0DC" }
        ListElement { name: "brightness4"; value: "\uf0DD" }
        ListElement { name: "brightness5"; value: "\uf0DE" }
        ListElement { name: "brightness6"; value: "\uf0DF" }
        ListElement { name: "brightness7"; value: "\uf0E0" }
        ListElement { name: "brightnessAuto"; value: "\uf0E1" }
        ListElement { name: "broom"; value: "\uf0E2" }
        ListElement { name: "brush"; value: "\uf0E3" }
        ListElement { name: "buffer"; value: "\uf619" }
        ListElement { name: "bug"; value: "\uf0E4" }
        ListElement { name: "bulletinBoard"; value: "\uf0E5" }
        ListElement { name: "bullhorn"; value: "\uf0E6" }
        ListElement { name: "bullseye"; value: "\uf5DD" }
        ListElement { name: "burstMode"; value: "\uf5DE" }
        ListElement { name: "bus"; value: "\uf0E7" }
        ListElement { name: "cached"; value: "\uf0E8" }
        ListElement { name: "cake"; value: "\uf0E9" }
        ListElement { name: "cakeLayered"; value: "\uf0EA" }
        ListElement { name: "cakeVariant"; value: "\uf0EB" }
        ListElement { name: "calculator"; value: "\uf0EC" }
        ListElement { name: "calendar"; value: "\uf0ED" }
        ListElement { name: "calendarBlank"; value: "\uf0EE" }
        ListElement { name: "calendarCheck"; value: "\uf0EF" }
        ListElement { name: "calendarClock"; value: "\uf0F0" }
        ListElement { name: "calendarMultiple"; value: "\uf0F1" }
        ListElement { name: "calendarMultipleCheck"; value: "\uf0F2" }
        ListElement { name: "calendarPlus"; value: "\uf0F3" }
        ListElement { name: "calendarRemove"; value: "\uf0F4" }
        ListElement { name: "calendarText"; value: "\uf0F5" }
        ListElement { name: "calendarToday"; value: "\uf0F6" }
        ListElement { name: "callMade"; value: "\uf0F7" }
        ListElement { name: "callMerge"; value: "\uf0F8" }
        ListElement { name: "callMissed"; value: "\uf0F9" }
        ListElement { name: "callReceived"; value: "\uf0FA" }
        ListElement { name: "callSplit"; value: "\uf0FB" }
        ListElement { name: "camcorder"; value: "\uf0FC" }
        ListElement { name: "camcorderBox"; value: "\uf0FD" }
        ListElement { name: "camcorderBoxOff"; value: "\uf0FE" }
        ListElement { name: "camcorderOff"; value: "\uf0FF" }
        ListElement { name: "camera"; value: "\uf100" }
        ListElement { name: "cameraEnhance"; value: "\uf101" }
        ListElement { name: "cameraFront"; value: "\uf102" }
        ListElement { name: "cameraFrontVariant"; value: "\uf103" }
        ListElement { name: "cameraIris"; value: "\uf104" }
        ListElement { name: "cameraOff"; value: "\uf5DF" }
        ListElement { name: "cameraPartyMode"; value: "\uf105" }
        ListElement { name: "cameraRear"; value: "\uf106" }
        ListElement { name: "cameraRearVariant"; value: "\uf107" }
        ListElement { name: "cameraSwitch"; value: "\uf108" }
        ListElement { name: "cameraTimer"; value: "\uf109" }
        ListElement { name: "candle"; value: "\uf5E2" }
        ListElement { name: "candycane"; value: "\uf10A" }
        ListElement { name: "car"; value: "\uf10B" }
        ListElement { name: "carBattery"; value: "\uf10C" }
        ListElement { name: "carConnected"; value: "\uf10D" }
        ListElement { name: "carWash"; value: "\uf10E" }
        ListElement { name: "cards"; value: "\uf638" }
        ListElement { name: "cardsOutline"; value: "\uf639" }
        ListElement { name: "cardsPlayingOutline"; value: "\uf63A" }
        ListElement { name: "carrot"; value: "\uf10F" }
        ListElement { name: "cart"; value: "\uf110" }
        ListElement { name: "cartOff"; value: "\uf66B" }
        ListElement { name: "cartOutline"; value: "\uf111" }
        ListElement { name: "cartPlus"; value: "\uf112" }
        ListElement { name: "caseSensitiveAlt"; value: "\uf113" }
        ListElement { name: "cash"; value: "\uf114" }
        ListElement { name: "cash100"; value: "\uf115" }
        ListElement { name: "cashMultiple"; value: "\uf116" }
        ListElement { name: "cashUsd"; value: "\uf117" }
        ListElement { name: "cast"; value: "\uf118" }
        ListElement { name: "castConnected"; value: "\uf119" }
        ListElement { name: "castle"; value: "\uf11A" }
        ListElement { name: "cat"; value: "\uf11B" }
        ListElement { name: "cellphone"; value: "\uf11C" }
        ListElement { name: "cellphoneAndroid"; value: "\uf11D" }
        ListElement { name: "cellphoneBasic"; value: "\uf11E" }
        ListElement { name: "cellphoneDock"; value: "\uf11F" }
        ListElement { name: "cellphoneIphone"; value: "\uf120" }
        ListElement { name: "cellphoneLink"; value: "\uf121" }
        ListElement { name: "cellphoneLinkOff"; value: "\uf122" }
        ListElement { name: "cellphoneSettings"; value: "\uf123" }
        ListElement { name: "certificate"; value: "\uf124" }
        ListElement { name: "chairSchool"; value: "\uf125" }
        ListElement { name: "chartArc"; value: "\uf126" }
        ListElement { name: "chartAreaspline"; value: "\uf127" }
        ListElement { name: "chartBar"; value: "\uf128" }
        ListElement { name: "chartBubble"; value: "\uf5E3" }
        ListElement { name: "chartGantt"; value: "\uf66C" }
        ListElement { name: "chartHistogram"; value: "\uf129" }
        ListElement { name: "chartLine"; value: "\uf12A" }
        ListElement { name: "chartPie"; value: "\uf12B" }
        ListElement { name: "chartScatterplotHexbin"; value: "\uf66D" }
        ListElement { name: "chartTimeline"; value: "\uf66E" }
        ListElement { name: "check"; value: "\uf12C" }
        ListElement { name: "checkAll"; value: "\uf12D" }
        ListElement { name: "checkCircle"; value: "\uf5E0" }
        ListElement { name: "checkCircleOutline"; value: "\uf5E1" }
        ListElement { name: "checkboxBlank"; value: "\uf12E" }
        ListElement { name: "checkboxBlankCircle"; value: "\uf12F" }
        ListElement { name: "checkboxBlankCircleOutline"; value: "\uf130" }
        ListElement { name: "checkboxBlankOutline"; value: "\uf131" }
        ListElement { name: "checkboxMarked"; value: "\uf132" }
        ListElement { name: "checkboxMarkedCircle"; value: "\uf133" }
        ListElement { name: "checkboxMarkedCircleOutline"; value: "\uf134" }
        ListElement { name: "checkboxMarkedOutline"; value: "\uf135" }
        ListElement { name: "checkboxMultipleBlank"; value: "\uf136" }
        ListElement { name: "checkboxMultipleBlankCircle"; value: "\uf63B" }
        ListElement { name: "checkboxMultipleBlankCircleOutline"; value: "\uf63C" }
        ListElement { name: "checkboxMultipleBlankOutline"; value: "\uf137" }
        ListElement { name: "checkboxMultipleMarked"; value: "\uf138" }
        ListElement { name: "checkboxMultipleMarkedCircle"; value: "\uf63D" }
        ListElement { name: "checkboxMultipleMarkedCircleOutline"; value: "\uf63E" }
        ListElement { name: "checkboxMultipleMarkedOutline"; value: "\uf139" }
        ListElement { name: "checkerboard"; value: "\uf13A" }
        ListElement { name: "chemicalWeapon"; value: "\uf13B" }
        ListElement { name: "chevronDoubleDown"; value: "\uf13C" }
        ListElement { name: "chevronDoubleLeft"; value: "\uf13D" }
        ListElement { name: "chevronDoubleRight"; value: "\uf13E" }
        ListElement { name: "chevronDoubleUp"; value: "\uf13F" }
        ListElement { name: "chevronDown"; value: "\uf140" }
        ListElement { name: "chevronLeft"; value: "\uf141" }
        ListElement { name: "chevronRight"; value: "\uf142" }
        ListElement { name: "chevronUp"; value: "\uf143" }
        ListElement { name: "chip"; value: "\uf61A" }
        ListElement { name: "church"; value: "\uf144" }
        ListElement { name: "ciscoWebex"; value: "\uf145" }
        ListElement { name: "city"; value: "\uf146" }
        ListElement { name: "clipboard"; value: "\uf147" }
        ListElement { name: "clipboardAccount"; value: "\uf148" }
        ListElement { name: "clipboardAlert"; value: "\uf149" }
        ListElement { name: "clipboardArrowDown"; value: "\uf14A" }
        ListElement { name: "clipboardArrowLeft"; value: "\uf14B" }
        ListElement { name: "clipboardCheck"; value: "\uf14C" }
        ListElement { name: "clipboardOutline"; value: "\uf14D" }
        ListElement { name: "clipboardText"; value: "\uf14E" }
        ListElement { name: "clippy"; value: "\uf14F" }
        ListElement { name: "clock"; value: "\uf150" }
        ListElement { name: "clockAlert"; value: "\uf5CE" }
        ListElement { name: "clockEnd"; value: "\uf151" }
        ListElement { name: "clockFast"; value: "\uf152" }
        ListElement { name: "clockIn"; value: "\uf153" }
        ListElement { name: "clockOut"; value: "\uf154" }
        ListElement { name: "clockStart"; value: "\uf155" }
        ListElement { name: "close"; value: "\uf156" }
        ListElement { name: "closeBox"; value: "\uf157" }
        ListElement { name: "closeBoxOutline"; value: "\uf158" }
        ListElement { name: "closeCircle"; value: "\uf159" }
        ListElement { name: "closeCircleOutline"; value: "\uf15A" }
        ListElement { name: "closeNetwork"; value: "\uf15B" }
        ListElement { name: "closeOctagon"; value: "\uf15C" }
        ListElement { name: "closeOctagonOutline"; value: "\uf15D" }
        ListElement { name: "closedCaption"; value: "\uf15E" }
        ListElement { name: "cloud"; value: "\uf15F" }
        ListElement { name: "cloudCheck"; value: "\uf160" }
        ListElement { name: "cloudCircle"; value: "\uf161" }
        ListElement { name: "cloudDownload"; value: "\uf162" }
        ListElement { name: "cloudOutline"; value: "\uf163" }
        ListElement { name: "cloudOutlineOff"; value: "\uf164" }
        ListElement { name: "cloudPrint"; value: "\uf165" }
        ListElement { name: "cloudPrintOutline"; value: "\uf166" }
        ListElement { name: "cloudSync"; value: "\uf63F" }
        ListElement { name: "cloudUpload"; value: "\uf167" }
        ListElement { name: "codeArray"; value: "\uf168" }
        ListElement { name: "codeBraces"; value: "\uf169" }
        ListElement { name: "codeBrackets"; value: "\uf16A" }
        ListElement { name: "codeEqual"; value: "\uf16B" }
        ListElement { name: "codeGreaterThan"; value: "\uf16C" }
        ListElement { name: "codeGreaterThanOrEqual"; value: "\uf16D" }
        ListElement { name: "codeLessThan"; value: "\uf16E" }
        ListElement { name: "codeLessThanOrEqual"; value: "\uf16F" }
        ListElement { name: "codeNotEqual"; value: "\uf170" }
        ListElement { name: "codeNotEqualVariant"; value: "\uf171" }
        ListElement { name: "codeParentheses"; value: "\uf172" }
        ListElement { name: "codeString"; value: "\uf173" }
        ListElement { name: "codeTags"; value: "\uf174" }
        ListElement { name: "codepen"; value: "\uf175" }
        ListElement { name: "coffee"; value: "\uf176" }
        ListElement { name: "coffeeToGo"; value: "\uf177" }
        ListElement { name: "coin"; value: "\uf178" }
        ListElement { name: "collage"; value: "\uf640" }
        ListElement { name: "colorHelper"; value: "\uf179" }
        ListElement { name: "comment"; value: "\uf17A" }
        ListElement { name: "commentAccount"; value: "\uf17B" }
        ListElement { name: "commentAccountOutline"; value: "\uf17C" }
        ListElement { name: "commentAlert"; value: "\uf17D" }
        ListElement { name: "commentAlertOutline"; value: "\uf17E" }
        ListElement { name: "commentCheck"; value: "\uf17F" }
        ListElement { name: "commentCheckOutline"; value: "\uf180" }
        ListElement { name: "commentMultipleOutline"; value: "\uf181" }
        ListElement { name: "commentOutline"; value: "\uf182" }
        ListElement { name: "commentPlusOutline"; value: "\uf183" }
        ListElement { name: "commentProcessing"; value: "\uf184" }
        ListElement { name: "commentProcessingOutline"; value: "\uf185" }
        ListElement { name: "commentQuestionOutline"; value: "\uf186" }
        ListElement { name: "commentRemoveOutline"; value: "\uf187" }
        ListElement { name: "commentText"; value: "\uf188" }
        ListElement { name: "commentTextOutline"; value: "\uf189" }
        ListElement { name: "compare"; value: "\uf18A" }
        ListElement { name: "compass"; value: "\uf18B" }
        ListElement { name: "compassOutline"; value: "\uf18C" }
        ListElement { name: "console"; value: "\uf18D" }
        ListElement { name: "contactMail"; value: "\uf18E" }
        ListElement { name: "contentCopy"; value: "\uf18F" }
        ListElement { name: "contentCut"; value: "\uf190" }
        ListElement { name: "contentDuplicate"; value: "\uf191" }
        ListElement { name: "contentPaste"; value: "\uf192" }
        ListElement { name: "contentSave"; value: "\uf193" }
        ListElement { name: "contentSaveAll"; value: "\uf194" }
        ListElement { name: "contentSaveSettings"; value: "\uf61B" }
        ListElement { name: "contrast"; value: "\uf195" }
        ListElement { name: "contrastBox"; value: "\uf196" }
        ListElement { name: "contrastCircle"; value: "\uf197" }
        ListElement { name: "cookie"; value: "\uf198" }
        ListElement { name: "copyright"; value: "\uf5E6" }
        ListElement { name: "counter"; value: "\uf199" }
        ListElement { name: "cow"; value: "\uf19A" }
        ListElement { name: "creditCard"; value: "\uf19B" }
        ListElement { name: "creditCardMultiple"; value: "\uf19C" }
        ListElement { name: "creditCardOff"; value: "\uf5E4" }
        ListElement { name: "creditCardScan"; value: "\uf19D" }
        ListElement { name: "crop"; value: "\uf19E" }
        ListElement { name: "cropFree"; value: "\uf19F" }
        ListElement { name: "cropLandscape"; value: "\uf1A0" }
        ListElement { name: "cropPortrait"; value: "\uf1A1" }
        ListElement { name: "cropSquare"; value: "\uf1A2" }
        ListElement { name: "crosshairs"; value: "\uf1A3" }
        ListElement { name: "crosshairsGps"; value: "\uf1A4" }
        ListElement { name: "crown"; value: "\uf1A5" }
        ListElement { name: "cube"; value: "\uf1A6" }
        ListElement { name: "cubeOutline"; value: "\uf1A7" }
        ListElement { name: "cubeSend"; value: "\uf1A8" }
        ListElement { name: "cubeUnfolded"; value: "\uf1A9" }
        ListElement { name: "cup"; value: "\uf1AA" }
        ListElement { name: "cupOff"; value: "\uf5E5" }
        ListElement { name: "cupWater"; value: "\uf1AB" }
        ListElement { name: "currencyBtc"; value: "\uf1AC" }
        ListElement { name: "currencyEur"; value: "\uf1AD" }
        ListElement { name: "currencyGbp"; value: "\uf1AE" }
        ListElement { name: "currencyInr"; value: "\uf1AF" }
        ListElement { name: "currencyNgn"; value: "\uf1B0" }
        ListElement { name: "currencyRub"; value: "\uf1B1" }
        ListElement { name: "currencyTry"; value: "\uf1B2" }
        ListElement { name: "currencyUsd"; value: "\uf1B3" }
        ListElement { name: "cursorDefault"; value: "\uf1B4" }
        ListElement { name: "cursorDefaultOutline"; value: "\uf1B5" }
        ListElement { name: "cursorMove"; value: "\uf1B6" }
        ListElement { name: "cursorPointer"; value: "\uf1B7" }
        ListElement { name: "cursorText"; value: "\uf5E7" }
        ListElement { name: "database"; value: "\uf1B8" }
        ListElement { name: "databaseMinus"; value: "\uf1B9" }
        ListElement { name: "databasePlus"; value: "\uf1BA" }
        ListElement { name: "debugStepInto"; value: "\uf1BB" }
        ListElement { name: "debugStepOut"; value: "\uf1BC" }
        ListElement { name: "debugStepOver"; value: "\uf1BD" }
        ListElement { name: "decimalDecrease"; value: "\uf1BE" }
        ListElement { name: "decimalIncrease"; value: "\uf1BF" }
        ListElement { name: "delete"; value: "\uf1C0" }
        ListElement { name: "deleteForever"; value: "\uf5E8" }
        ListElement { name: "deleteSweep"; value: "\uf5E9" }
        ListElement { name: "deleteVariant"; value: "\uf1C1" }
        ListElement { name: "delta"; value: "\uf1C2" }
        ListElement { name: "deskphone"; value: "\uf1C3" }
        ListElement { name: "desktopMac"; value: "\uf1C4" }
        ListElement { name: "desktopTower"; value: "\uf1C5" }
        ListElement { name: "details"; value: "\uf1C6" }
        ListElement { name: "deviantart"; value: "\uf1C7" }
        ListElement { name: "dialpad"; value: "\uf61C" }
        ListElement { name: "diamond"; value: "\uf1C8" }
        ListElement { name: "dice1"; value: "\uf1CA" }
        ListElement { name: "dice2"; value: "\uf1CB" }
        ListElement { name: "dice3"; value: "\uf1CC" }
        ListElement { name: "dice4"; value: "\uf1CD" }
        ListElement { name: "dice5"; value: "\uf1CE" }
        ListElement { name: "dice6"; value: "\uf1CF" }
        ListElement { name: "diceD20"; value: "\uf5EA" }
        ListElement { name: "diceD4"; value: "\uf5EB" }
        ListElement { name: "diceD6"; value: "\uf5EC" }
        ListElement { name: "diceD8"; value: "\uf5ED" }
        ListElement { name: "dictionary"; value: "\uf61D" }
        ListElement { name: "directions"; value: "\uf1D0" }
        ListElement { name: "directionsFork"; value: "\uf641" }
        ListElement { name: "discord"; value: "\uf66F" }
        ListElement { name: "disk"; value: "\uf5EE" }
        ListElement { name: "diskAlert"; value: "\uf1D1" }
        ListElement { name: "disqus"; value: "\uf1D2" }
        ListElement { name: "disqusOutline"; value: "\uf1D3" }
        ListElement { name: "division"; value: "\uf1D4" }
        ListElement { name: "divisionBox"; value: "\uf1D5" }
        ListElement { name: "dns"; value: "\uf1D6" }
        ListElement { name: "domain"; value: "\uf1D7" }
        ListElement { name: "dotsHorizontal"; value: "\uf1D8" }
        ListElement { name: "dotsVertical"; value: "\uf1D9" }
        ListElement { name: "download"; value: "\uf1DA" }
        ListElement { name: "drag"; value: "\uf1DB" }
        ListElement { name: "dragHorizontal"; value: "\uf1DC" }
        ListElement { name: "dragVertical"; value: "\uf1DD" }
        ListElement { name: "drawing"; value: "\uf1DE" }
        ListElement { name: "drawingBox"; value: "\uf1DF" }
        ListElement { name: "dribbble"; value: "\uf1E0" }
        ListElement { name: "dribbbleBox"; value: "\uf1E1" }
        ListElement { name: "drone"; value: "\uf1E2" }
        ListElement { name: "dropbox"; value: "\uf1E3" }
        ListElement { name: "drupal"; value: "\uf1E4" }
        ListElement { name: "duck"; value: "\uf1E5" }
        ListElement { name: "dumbbell"; value: "\uf1E6" }
        ListElement { name: "earth"; value: "\uf1E7" }
        ListElement { name: "earthOff"; value: "\uf1E8" }
        ListElement { name: "edge"; value: "\uf1E9" }
        ListElement { name: "eject"; value: "\uf1EA" }
        ListElement { name: "elevationDecline"; value: "\uf1EB" }
        ListElement { name: "elevationRise"; value: "\uf1EC" }
        ListElement { name: "elevator"; value: "\uf1ED" }
        ListElement { name: "email"; value: "\uf1EE" }
        ListElement { name: "emailOpen"; value: "\uf1EF" }
        ListElement { name: "emailOpenOutline"; value: "\uf5EF" }
        ListElement { name: "emailOutline"; value: "\uf1F0" }
        ListElement { name: "emailSecure"; value: "\uf1F1" }
        ListElement { name: "emailVariant"; value: "\uf5F0" }
        ListElement { name: "emoticon"; value: "\uf1F2" }
        ListElement { name: "emoticonCool"; value: "\uf1F3" }
        ListElement { name: "emoticonDevil"; value: "\uf1F4" }
        ListElement { name: "emoticonHappy"; value: "\uf1F5" }
        ListElement { name: "emoticonNeutral"; value: "\uf1F6" }
        ListElement { name: "emoticonPoop"; value: "\uf1F7" }
        ListElement { name: "emoticonSad"; value: "\uf1F8" }
        ListElement { name: "emoticonTongue"; value: "\uf1F9" }
        ListElement { name: "engine"; value: "\uf1FA" }
        ListElement { name: "engineOutline"; value: "\uf1FB" }
        ListElement { name: "equal"; value: "\uf1FC" }
        ListElement { name: "equalBox"; value: "\uf1FD" }
        ListElement { name: "eraser"; value: "\uf1FE" }
        ListElement { name: "eraserVariant"; value: "\uf642" }
        ListElement { name: "escalator"; value: "\uf1FF" }
        ListElement { name: "ethernet"; value: "\uf200" }
        ListElement { name: "ethernetCable"; value: "\uf201" }
        ListElement { name: "ethernetCableOff"; value: "\uf202" }
        ListElement { name: "etsy"; value: "\uf203" }
        ListElement { name: "evStation"; value: "\uf5F1" }
        ListElement { name: "evernote"; value: "\uf204" }
        ListElement { name: "exclamation"; value: "\uf205" }
        ListElement { name: "exitToApp"; value: "\uf206" }
        ListElement { name: "export"; value: "\uf207" }
        ListElement { name: "eye"; value: "\uf208" }
        ListElement { name: "eyeOff"; value: "\uf209" }
        ListElement { name: "eyedropper"; value: "\uf20A" }
        ListElement { name: "eyedropperVariant"; value: "\uf20B" }
        ListElement { name: "face"; value: "\uf643" }
        ListElement { name: "faceProfile"; value: "\uf644" }
        ListElement { name: "facebook"; value: "\uf20C" }
        ListElement { name: "facebookBox"; value: "\uf20D" }
        ListElement { name: "facebookMessenger"; value: "\uf20E" }
        ListElement { name: "factory"; value: "\uf20F" }
        ListElement { name: "fan"; value: "\uf210" }
        ListElement { name: "fastForward"; value: "\uf211" }
        ListElement { name: "fax"; value: "\uf212" }
        ListElement { name: "ferry"; value: "\uf213" }
        ListElement { name: "file"; value: "\uf214" }
        ListElement { name: "fileChart"; value: "\uf215" }
        ListElement { name: "fileCheck"; value: "\uf216" }
        ListElement { name: "fileCloud"; value: "\uf217" }
        ListElement { name: "fileDelimited"; value: "\uf218" }
        ListElement { name: "fileDocument"; value: "\uf219" }
        ListElement { name: "fileDocumentBox"; value: "\uf21A" }
        ListElement { name: "fileExcel"; value: "\uf21B" }
        ListElement { name: "fileExcelBox"; value: "\uf21C" }
        ListElement { name: "fileExport"; value: "\uf21D" }
        ListElement { name: "fileFind"; value: "\uf21E" }
        ListElement { name: "fileHidden"; value: "\uf613" }
        ListElement { name: "fileImage"; value: "\uf21F" }
        ListElement { name: "fileImport"; value: "\uf220" }
        ListElement { name: "fileLock"; value: "\uf221" }
        ListElement { name: "fileMultiple"; value: "\uf222" }
        ListElement { name: "fileMusic"; value: "\uf223" }
        ListElement { name: "fileOutline"; value: "\uf224" }
        ListElement { name: "filePdf"; value: "\uf225" }
        ListElement { name: "filePdfBox"; value: "\uf226" }
        ListElement { name: "filePowerpoint"; value: "\uf227" }
        ListElement { name: "filePowerpointBox"; value: "\uf228" }
        ListElement { name: "filePresentationBox"; value: "\uf229" }
        ListElement { name: "fileRestore"; value: "\uf670" }
        ListElement { name: "fileSend"; value: "\uf22A" }
        ListElement { name: "fileTree"; value: "\uf645" }
        ListElement { name: "fileVideo"; value: "\uf22B" }
        ListElement { name: "fileWord"; value: "\uf22C" }
        ListElement { name: "fileWordBox"; value: "\uf22D" }
        ListElement { name: "fileXml"; value: "\uf22E" }
        ListElement { name: "film"; value: "\uf22F" }
        ListElement { name: "filmstrip"; value: "\uf230" }
        ListElement { name: "filmstripOff"; value: "\uf231" }
        ListElement { name: "filter"; value: "\uf232" }
        ListElement { name: "filterOutline"; value: "\uf233" }
        ListElement { name: "filterRemove"; value: "\uf234" }
        ListElement { name: "filterRemoveOutline"; value: "\uf235" }
        ListElement { name: "filterVariant"; value: "\uf236" }
        ListElement { name: "fingerprint"; value: "\uf237" }
        ListElement { name: "fire"; value: "\uf238" }
        ListElement { name: "firefox"; value: "\uf239" }
        ListElement { name: "fish"; value: "\uf23A" }
        ListElement { name: "flag"; value: "\uf23B" }
        ListElement { name: "flagCheckered"; value: "\uf23C" }
        ListElement { name: "flagOutline"; value: "\uf23D" }
        ListElement { name: "flagOutlineVariant"; value: "\uf23E" }
        ListElement { name: "flagTriangle"; value: "\uf23F" }
        ListElement { name: "flagVariant"; value: "\uf240" }
        ListElement { name: "flash"; value: "\uf241" }
        ListElement { name: "flashAuto"; value: "\uf242" }
        ListElement { name: "flashOff"; value: "\uf243" }
        ListElement { name: "flashlight"; value: "\uf244" }
        ListElement { name: "flashlightOff"; value: "\uf245" }
        ListElement { name: "flask"; value: "\uf093" }
        ListElement { name: "flaskEmpty"; value: "\uf094" }
        ListElement { name: "flaskEmptyOutline"; value: "\uf095" }
        ListElement { name: "flaskOutline"; value: "\uf096" }
        ListElement { name: "flattr"; value: "\uf246" }
        ListElement { name: "flipToBack"; value: "\uf247" }
        ListElement { name: "flipToFront"; value: "\uf248" }
        ListElement { name: "floppy"; value: "\uf249" }
        ListElement { name: "flower"; value: "\uf24A" }
        ListElement { name: "folder"; value: "\uf24B" }
        ListElement { name: "folderAccount"; value: "\uf24C" }
        ListElement { name: "folderDownload"; value: "\uf24D" }
        ListElement { name: "folderGoogleDrive"; value: "\uf24E" }
        ListElement { name: "folderImage"; value: "\uf24F" }
        ListElement { name: "folderLock"; value: "\uf250" }
        ListElement { name: "folderLockOpen"; value: "\uf251" }
        ListElement { name: "folderMove"; value: "\uf252" }
        ListElement { name: "folderMultiple"; value: "\uf253" }
        ListElement { name: "folderMultipleImage"; value: "\uf254" }
        ListElement { name: "folderMultipleOutline"; value: "\uf255" }
        ListElement { name: "folderOutline"; value: "\uf256" }
        ListElement { name: "folderPlus"; value: "\uf257" }
        ListElement { name: "folderRemove"; value: "\uf258" }
        ListElement { name: "folderUpload"; value: "\uf259" }
        ListElement { name: "food"; value: "\uf25A" }
        ListElement { name: "foodApple"; value: "\uf25B" }
        ListElement { name: "foodForkDrink"; value: "\uf5F2" }
        ListElement { name: "foodOff"; value: "\uf5F3" }
        ListElement { name: "foodVariant"; value: "\uf25C" }
        ListElement { name: "football"; value: "\uf25D" }
        ListElement { name: "footballAustralian"; value: "\uf25E" }
        ListElement { name: "footballHelmet"; value: "\uf25F" }
        ListElement { name: "formatAlignCenter"; value: "\uf260" }
        ListElement { name: "formatAlignJustify"; value: "\uf261" }
        ListElement { name: "formatAlignLeft"; value: "\uf262" }
        ListElement { name: "formatAlignRight"; value: "\uf263" }
        ListElement { name: "formatAnnotationPlus"; value: "\uf646" }
        ListElement { name: "formatBold"; value: "\uf264" }
        ListElement { name: "formatClear"; value: "\uf265" }
        ListElement { name: "formatColorFill"; value: "\uf266" }
        ListElement { name: "formatFloatCenter"; value: "\uf267" }
        ListElement { name: "formatFloatLeft"; value: "\uf268" }
        ListElement { name: "formatFloatNone"; value: "\uf269" }
        ListElement { name: "formatFloatRight"; value: "\uf26A" }
        ListElement { name: "formatHeader1"; value: "\uf26B" }
        ListElement { name: "formatHeader2"; value: "\uf26C" }
        ListElement { name: "formatHeader3"; value: "\uf26D" }
        ListElement { name: "formatHeader4"; value: "\uf26E" }
        ListElement { name: "formatHeader5"; value: "\uf26F" }
        ListElement { name: "formatHeader6"; value: "\uf270" }
        ListElement { name: "formatHeaderDecrease"; value: "\uf271" }
        ListElement { name: "formatHeaderEqual"; value: "\uf272" }
        ListElement { name: "formatHeaderIncrease"; value: "\uf273" }
        ListElement { name: "formatHeaderPound"; value: "\uf274" }
        ListElement { name: "formatHorizontalAlignCenter"; value: "\uf61E" }
        ListElement { name: "formatHorizontalAlignLeft"; value: "\uf61F" }
        ListElement { name: "formatHorizontalAlignRight"; value: "\uf620" }
        ListElement { name: "formatIndentDecrease"; value: "\uf275" }
        ListElement { name: "formatIndentIncrease"; value: "\uf276" }
        ListElement { name: "formatItalic"; value: "\uf277" }
        ListElement { name: "formatLineSpacing"; value: "\uf278" }
        ListElement { name: "formatLineStyle"; value: "\uf5C8" }
        ListElement { name: "formatLineWeight"; value: "\uf5C9" }
        ListElement { name: "formatListBulleted"; value: "\uf279" }
        ListElement { name: "formatListBulletedType"; value: "\uf27A" }
        ListElement { name: "formatListNumbers"; value: "\uf27B" }
        ListElement { name: "formatPaint"; value: "\uf27C" }
        ListElement { name: "formatParagraph"; value: "\uf27D" }
        ListElement { name: "formatQuote"; value: "\uf27E" }
        ListElement { name: "formatSize"; value: "\uf27F" }
        ListElement { name: "formatStrikethrough"; value: "\uf280" }
        ListElement { name: "formatStrikethroughVariant"; value: "\uf281" }
        ListElement { name: "formatSubscript"; value: "\uf282" }
        ListElement { name: "formatSuperscript"; value: "\uf283" }
        ListElement { name: "formatText"; value: "\uf284" }
        ListElement { name: "formatTextdirectionLToR"; value: "\uf285" }
        ListElement { name: "formatTextdirectionRToL"; value: "\uf286" }
        ListElement { name: "formatTitle"; value: "\uf5F4" }
        ListElement { name: "formatUnderline"; value: "\uf287" }
        ListElement { name: "formatVerticalAlignBottom"; value: "\uf621" }
        ListElement { name: "formatVerticalAlignCenter"; value: "\uf622" }
        ListElement { name: "formatVerticalAlignTop"; value: "\uf623" }
        ListElement { name: "formatWrapInline"; value: "\uf288" }
        ListElement { name: "formatWrapSquare"; value: "\uf289" }
        ListElement { name: "formatWrapTight"; value: "\uf28A" }
        ListElement { name: "formatWrapTopBottom"; value: "\uf28B" }
        ListElement { name: "forum"; value: "\uf28C" }
        ListElement { name: "forward"; value: "\uf28D" }
        ListElement { name: "foursquare"; value: "\uf28E" }
        ListElement { name: "fridge"; value: "\uf28F" }
        ListElement { name: "fridgeFilled"; value: "\uf290" }
        ListElement { name: "fridgeFilledBottom"; value: "\uf291" }
        ListElement { name: "fridgeFilledTop"; value: "\uf292" }
        ListElement { name: "fullscreen"; value: "\uf293" }
        ListElement { name: "fullscreenExit"; value: "\uf294" }
        ListElement { name: "function"; value: "\uf295" }
        ListElement { name: "gamepad"; value: "\uf296" }
        ListElement { name: "gamepadVariant"; value: "\uf297" }
        ListElement { name: "gasCylinder"; value: "\uf647" }
        ListElement { name: "gasStation"; value: "\uf298" }
        ListElement { name: "gate"; value: "\uf299" }
        ListElement { name: "gauge"; value: "\uf29A" }
        ListElement { name: "gavel"; value: "\uf29B" }
        ListElement { name: "genderFemale"; value: "\uf29C" }
        ListElement { name: "genderMale"; value: "\uf29D" }
        ListElement { name: "genderMaleFemale"; value: "\uf29E" }
        ListElement { name: "genderTransgender"; value: "\uf29F" }
        ListElement { name: "ghost"; value: "\uf2A0" }
        ListElement { name: "gift"; value: "\uf2A1" }
        ListElement { name: "git"; value: "\uf2A2" }
        ListElement { name: "githubBox"; value: "\uf2A3" }
        ListElement { name: "githubCircle"; value: "\uf2A4" }
        ListElement { name: "glassFlute"; value: "\uf2A5" }
        ListElement { name: "glassMug"; value: "\uf2A6" }
        ListElement { name: "glassStange"; value: "\uf2A7" }
        ListElement { name: "glassTulip"; value: "\uf2A8" }
        ListElement { name: "glassdoor"; value: "\uf2A9" }
        ListElement { name: "glasses"; value: "\uf2AA" }
        ListElement { name: "gmail"; value: "\uf2AB" }
        ListElement { name: "gnome"; value: "\uf2AC" }
        ListElement { name: "google"; value: "\uf2AD" }
        ListElement { name: "googleCardboard"; value: "\uf2AE" }
        ListElement { name: "googleChrome"; value: "\uf2AF" }
        ListElement { name: "googleCircles"; value: "\uf2B0" }
        ListElement { name: "googleCirclesCommunities"; value: "\uf2B1" }
        ListElement { name: "googleCirclesExtended"; value: "\uf2B2" }
        ListElement { name: "googleCirclesGroup"; value: "\uf2B3" }
        ListElement { name: "googleController"; value: "\uf2B4" }
        ListElement { name: "googleControllerOff"; value: "\uf2B5" }
        ListElement { name: "googleDrive"; value: "\uf2B6" }
        ListElement { name: "googleEarth"; value: "\uf2B7" }
        ListElement { name: "googleGlass"; value: "\uf2B8" }
        ListElement { name: "googleMaps"; value: "\uf5F5" }
        ListElement { name: "googleNearby"; value: "\uf2B9" }
        ListElement { name: "googlePages"; value: "\uf2BA" }
        ListElement { name: "googlePhysicalWeb"; value: "\uf2BB" }
        ListElement { name: "googlePlay"; value: "\uf2BC" }
        ListElement { name: "googlePlus"; value: "\uf2BD" }
        ListElement { name: "googlePlusBox"; value: "\uf2BE" }
        ListElement { name: "googleTranslate"; value: "\uf2BF" }
        ListElement { name: "googleWallet"; value: "\uf2C0" }
        ListElement { name: "greasePencil"; value: "\uf648" }
        ListElement { name: "grid"; value: "\uf2C1" }
        ListElement { name: "gridOff"; value: "\uf2C2" }
        ListElement { name: "group"; value: "\uf2C3" }
        ListElement { name: "guitarElectric"; value: "\uf2C4" }
        ListElement { name: "guitarPick"; value: "\uf2C5" }
        ListElement { name: "guitarPickOutline"; value: "\uf2C6" }
        ListElement { name: "hackernews"; value: "\uf624" }
        ListElement { name: "handPointingRight"; value: "\uf2C7" }
        ListElement { name: "hanger"; value: "\uf2C8" }
        ListElement { name: "hangouts"; value: "\uf2C9" }
        ListElement { name: "harddisk"; value: "\uf2CA" }
        ListElement { name: "headphones"; value: "\uf2CB" }
        ListElement { name: "headphonesBox"; value: "\uf2CC" }
        ListElement { name: "headphonesSettings"; value: "\uf2CD" }
        ListElement { name: "headset"; value: "\uf2CE" }
        ListElement { name: "headsetDock"; value: "\uf2CF" }
        ListElement { name: "headsetOff"; value: "\uf2D0" }
        ListElement { name: "heart"; value: "\uf2D1" }
        ListElement { name: "heartBox"; value: "\uf2D2" }
        ListElement { name: "heartBoxOutline"; value: "\uf2D3" }
        ListElement { name: "heartBroken"; value: "\uf2D4" }
        ListElement { name: "heartOutline"; value: "\uf2D5" }
        ListElement { name: "heartPulse"; value: "\uf5F6" }
        ListElement { name: "help"; value: "\uf2D6" }
        ListElement { name: "helpCircle"; value: "\uf2D7" }
        ListElement { name: "helpCircleOutline"; value: "\uf625" }
        ListElement { name: "hexagon"; value: "\uf2D8" }
        ListElement { name: "hexagonOutline"; value: "\uf2D9" }
        ListElement { name: "highway"; value: "\uf5F7" }
        ListElement { name: "history"; value: "\uf2DA" }
        ListElement { name: "hololens"; value: "\uf2DB" }
        ListElement { name: "home"; value: "\uf2DC" }
        ListElement { name: "homeMapMarker"; value: "\uf5F8" }
        ListElement { name: "homeModern"; value: "\uf2DD" }
        ListElement { name: "homeVariant"; value: "\uf2DE" }
        ListElement { name: "hops"; value: "\uf2DF" }
        ListElement { name: "hospital"; value: "\uf2E0" }
        ListElement { name: "hospitalBuilding"; value: "\uf2E1" }
        ListElement { name: "hospitalMarker"; value: "\uf2E2" }
        ListElement { name: "hotel"; value: "\uf2E3" }
        ListElement { name: "houzz"; value: "\uf2E4" }
        ListElement { name: "houzzBox"; value: "\uf2E5" }
        ListElement { name: "human"; value: "\uf2E6" }
        ListElement { name: "humanChild"; value: "\uf2E7" }
        ListElement { name: "humanFemale"; value: "\uf649" }
        ListElement { name: "humanGreeting"; value: "\uf64A" }
        ListElement { name: "humanHandsdown"; value: "\uf64B" }
        ListElement { name: "humanHandsup"; value: "\uf64C" }
        ListElement { name: "humanMale"; value: "\uf64D" }
        ListElement { name: "humanMaleFemale"; value: "\uf2E8" }
        ListElement { name: "humanPregnant"; value: "\uf5CF" }
        ListElement { name: "image"; value: "\uf2E9" }
        ListElement { name: "imageAlbum"; value: "\uf2EA" }
        ListElement { name: "imageArea"; value: "\uf2EB" }
        ListElement { name: "imageAreaClose"; value: "\uf2EC" }
        ListElement { name: "imageBroken"; value: "\uf2ED" }
        ListElement { name: "imageBrokenVariant"; value: "\uf2EE" }
        ListElement { name: "imageFilter"; value: "\uf2EF" }
        ListElement { name: "imageFilterBlackWhite"; value: "\uf2F0" }
        ListElement { name: "imageFilterCenterFocus"; value: "\uf2F1" }
        ListElement { name: "imageFilterCenterFocusWeak"; value: "\uf2F2" }
        ListElement { name: "imageFilterDrama"; value: "\uf2F3" }
        ListElement { name: "imageFilterFrames"; value: "\uf2F4" }
        ListElement { name: "imageFilterHdr"; value: "\uf2F5" }
        ListElement { name: "imageFilterNone"; value: "\uf2F6" }
        ListElement { name: "imageFilterTiltShift"; value: "\uf2F7" }
        ListElement { name: "imageFilterVintage"; value: "\uf2F8" }
        ListElement { name: "imageMultiple"; value: "\uf2F9" }
        ListElement { name: "import"; value: "\uf2FA" }
        ListElement { name: "inbox"; value: "\uf2FB" }
        ListElement { name: "incognito"; value: "\uf5F9" }
        ListElement { name: "information"; value: "\uf2FC" }
        ListElement { name: "informationOutline"; value: "\uf2FD" }
        ListElement { name: "informationVariant"; value: "\uf64E" }
        ListElement { name: "instagram"; value: "\uf2FE" }
        ListElement { name: "instapaper"; value: "\uf2FF" }
        ListElement { name: "internetExplorer"; value: "\uf300" }
        ListElement { name: "invertColors"; value: "\uf301" }
        ListElement { name: "jeepney"; value: "\uf302" }
        ListElement { name: "jira"; value: "\uf303" }
        ListElement { name: "jsfiddle"; value: "\uf304" }
        ListElement { name: "json"; value: "\uf626" }
        ListElement { name: "keg"; value: "\uf305" }
        ListElement { name: "kettle"; value: "\uf5FA" }
        ListElement { name: "key"; value: "\uf306" }
        ListElement { name: "keyChange"; value: "\uf307" }
        ListElement { name: "keyMinus"; value: "\uf308" }
        ListElement { name: "keyPlus"; value: "\uf309" }
        ListElement { name: "keyRemove"; value: "\uf30A" }
        ListElement { name: "keyVariant"; value: "\uf30B" }
        ListElement { name: "keyboard"; value: "\uf30C" }
        ListElement { name: "keyboardBackspace"; value: "\uf30D" }
        ListElement { name: "keyboardCaps"; value: "\uf30E" }
        ListElement { name: "keyboardClose"; value: "\uf30F" }
        ListElement { name: "keyboardOff"; value: "\uf310" }
        ListElement { name: "keyboardReturn"; value: "\uf311" }
        ListElement { name: "keyboardTab"; value: "\uf312" }
        ListElement { name: "keyboardVariant"; value: "\uf313" }
        ListElement { name: "kodi"; value: "\uf314" }
        ListElement { name: "label"; value: "\uf315" }
        ListElement { name: "labelOutline"; value: "\uf316" }
        ListElement { name: "lambda"; value: "\uf627" }
        ListElement { name: "lan"; value: "\uf317" }
        ListElement { name: "lanConnect"; value: "\uf318" }
        ListElement { name: "lanDisconnect"; value: "\uf319" }
        ListElement { name: "lanPending"; value: "\uf31A" }
        ListElement { name: "languageC"; value: "\uf671" }
        ListElement { name: "languageCpp"; value: "\uf672" }
        ListElement { name: "languageCsharp"; value: "\uf31B" }
        ListElement { name: "languageCss3"; value: "\uf31C" }
        ListElement { name: "languageHtml5"; value: "\uf31D" }
        ListElement { name: "languageJavascript"; value: "\uf31E" }
        ListElement { name: "languagePhp"; value: "\uf31F" }
        ListElement { name: "languagePython"; value: "\uf320" }
        ListElement { name: "languagePythonText"; value: "\uf321" }
        ListElement { name: "laptop"; value: "\uf322" }
        ListElement { name: "laptopChromebook"; value: "\uf323" }
        ListElement { name: "laptopMac"; value: "\uf324" }
        ListElement { name: "laptopWindows"; value: "\uf325" }
        ListElement { name: "lastfm"; value: "\uf326" }
        ListElement { name: "launch"; value: "\uf327" }
        ListElement { name: "layers"; value: "\uf328" }
        ListElement { name: "layersOff"; value: "\uf329" }
        ListElement { name: "leadPencil"; value: "\uf64F" }
        ListElement { name: "leaf"; value: "\uf32A" }
        ListElement { name: "ledOff"; value: "\uf32B" }
        ListElement { name: "ledOn"; value: "\uf32C" }
        ListElement { name: "ledOutline"; value: "\uf32D" }
        ListElement { name: "ledVariantOff"; value: "\uf32E" }
        ListElement { name: "ledVariantOn"; value: "\uf32F" }
        ListElement { name: "ledVariantOutline"; value: "\uf330" }
        ListElement { name: "library"; value: "\uf331" }
        ListElement { name: "libraryBooks"; value: "\uf332" }
        ListElement { name: "libraryMusic"; value: "\uf333" }
        ListElement { name: "libraryPlus"; value: "\uf334" }
        ListElement { name: "lightbulb"; value: "\uf335" }
        ListElement { name: "lightbulbOutline"; value: "\uf336" }
        ListElement { name: "link"; value: "\uf337" }
        ListElement { name: "linkOff"; value: "\uf338" }
        ListElement { name: "linkVariant"; value: "\uf339" }
        ListElement { name: "linkVariantOff"; value: "\uf33A" }
        ListElement { name: "linkedin"; value: "\uf33B" }
        ListElement { name: "linkedinBox"; value: "\uf33C" }
        ListElement { name: "linux"; value: "\uf33D" }
        ListElement { name: "lock"; value: "\uf33E" }
        ListElement { name: "lockOpen"; value: "\uf33F" }
        ListElement { name: "lockOpenOutline"; value: "\uf340" }
        ListElement { name: "lockOutline"; value: "\uf341" }
        ListElement { name: "lockPlus"; value: "\uf5FB" }
        ListElement { name: "login"; value: "\uf342" }
        ListElement { name: "loginVariant"; value: "\uf5FC" }
        ListElement { name: "logout"; value: "\uf343" }
        ListElement { name: "logoutVariant"; value: "\uf5FD" }
        ListElement { name: "looks"; value: "\uf344" }
        ListElement { name: "loupe"; value: "\uf345" }
        ListElement { name: "lumx"; value: "\uf346" }
        ListElement { name: "magnet"; value: "\uf347" }
        ListElement { name: "magnetOn"; value: "\uf348" }
        ListElement { name: "magnify"; value: "\uf349" }
        ListElement { name: "magnifyMinus"; value: "\uf34A" }
        ListElement { name: "magnifyPlus"; value: "\uf34B" }
        ListElement { name: "mailRu"; value: "\uf34C" }
        ListElement { name: "map"; value: "\uf34D" }
        ListElement { name: "mapMarker"; value: "\uf34E" }
        ListElement { name: "mapMarkerCircle"; value: "\uf34F" }
        ListElement { name: "mapMarkerMinus"; value: "\uf650" }
        ListElement { name: "mapMarkerMultiple"; value: "\uf350" }
        ListElement { name: "mapMarkerOff"; value: "\uf351" }
        ListElement { name: "mapMarkerPlus"; value: "\uf651" }
        ListElement { name: "mapMarkerRadius"; value: "\uf352" }
        ListElement { name: "margin"; value: "\uf353" }
        ListElement { name: "markdown"; value: "\uf354" }
        ListElement { name: "marker"; value: "\uf652" }
        ListElement { name: "markerCheck"; value: "\uf355" }
        ListElement { name: "martini"; value: "\uf356" }
        ListElement { name: "materialUi"; value: "\uf357" }
        ListElement { name: "mathCompass"; value: "\uf358" }
        ListElement { name: "matrix"; value: "\uf628" }
        ListElement { name: "maxcdn"; value: "\uf359" }
        ListElement { name: "medium"; value: "\uf35A" }
        ListElement { name: "memory"; value: "\uf35B" }
        ListElement { name: "menu"; value: "\uf35C" }
        ListElement { name: "menuDown"; value: "\uf35D" }
        ListElement { name: "menuLeft"; value: "\uf35E" }
        ListElement { name: "menuRight"; value: "\uf35F" }
        ListElement { name: "menuUp"; value: "\uf360" }
        ListElement { name: "message"; value: "\uf361" }
        ListElement { name: "messageAlert"; value: "\uf362" }
        ListElement { name: "messageDraw"; value: "\uf363" }
        ListElement { name: "messageImage"; value: "\uf364" }
        ListElement { name: "messageOutline"; value: "\uf365" }
        ListElement { name: "messagePlus"; value: "\uf653" }
        ListElement { name: "messageProcessing"; value: "\uf366" }
        ListElement { name: "messageReply"; value: "\uf367" }
        ListElement { name: "messageReplyText"; value: "\uf368" }
        ListElement { name: "messageText"; value: "\uf369" }
        ListElement { name: "messageTextOutline"; value: "\uf36A" }
        ListElement { name: "messageVideo"; value: "\uf36B" }
        ListElement { name: "meteor"; value: "\uf629" }
        ListElement { name: "microphone"; value: "\uf36C" }
        ListElement { name: "microphoneOff"; value: "\uf36D" }
        ListElement { name: "microphoneOutline"; value: "\uf36E" }
        ListElement { name: "microphoneSettings"; value: "\uf36F" }
        ListElement { name: "microphoneVariant"; value: "\uf370" }
        ListElement { name: "microphoneVariantOff"; value: "\uf371" }
        ListElement { name: "microscope"; value: "\uf654" }
        ListElement { name: "microsoft"; value: "\uf372" }
        ListElement { name: "minecraft"; value: "\uf373" }
        ListElement { name: "minus"; value: "\uf374" }
        ListElement { name: "minusBox"; value: "\uf375" }
        ListElement { name: "minusCircle"; value: "\uf376" }
        ListElement { name: "minusCircleOutline"; value: "\uf377" }
        ListElement { name: "minusNetwork"; value: "\uf378" }
        ListElement { name: "mixcloud"; value: "\uf62A" }
        ListElement { name: "monitor"; value: "\uf379" }
        ListElement { name: "monitorMultiple"; value: "\uf37A" }
        ListElement { name: "more"; value: "\uf37B" }
        ListElement { name: "motorbike"; value: "\uf37C" }
        ListElement { name: "mouse"; value: "\uf37D" }
        ListElement { name: "mouseOff"; value: "\uf37E" }
        ListElement { name: "mouseVariant"; value: "\uf37F" }
        ListElement { name: "mouseVariantOff"; value: "\uf380" }
        ListElement { name: "moveResize"; value: "\uf655" }
        ListElement { name: "moveResizeVariant"; value: "\uf656" }
        ListElement { name: "movie"; value: "\uf381" }
        ListElement { name: "multiplication"; value: "\uf382" }
        ListElement { name: "multiplicationBox"; value: "\uf383" }
        ListElement { name: "musicBox"; value: "\uf384" }
        ListElement { name: "musicBoxOutline"; value: "\uf385" }
        ListElement { name: "musicCircle"; value: "\uf386" }
        ListElement { name: "musicNote"; value: "\uf387" }
        ListElement { name: "musicNoteBluetooth"; value: "\uf5FE" }
        ListElement { name: "musicNoteBluetoothOff"; value: "\uf5FF" }
        ListElement { name: "musicNoteEighth"; value: "\uf388" }
        ListElement { name: "musicNoteHalf"; value: "\uf389" }
        ListElement { name: "musicNoteOff"; value: "\uf38A" }
        ListElement { name: "musicNoteQuarter"; value: "\uf38B" }
        ListElement { name: "musicNoteSixteenth"; value: "\uf38C" }
        ListElement { name: "musicNoteWhole"; value: "\uf38D" }
        ListElement { name: "nature"; value: "\uf38E" }
        ListElement { name: "naturePeople"; value: "\uf38F" }
        ListElement { name: "navigation"; value: "\uf390" }
        ListElement { name: "nearMe"; value: "\uf5CD" }
        ListElement { name: "needle"; value: "\uf391" }
        ListElement { name: "nestProtect"; value: "\uf392" }
        ListElement { name: "nestThermostat"; value: "\uf393" }
        ListElement { name: "newBox"; value: "\uf394" }
        ListElement { name: "newspaper"; value: "\uf395" }
        ListElement { name: "nfc"; value: "\uf396" }
        ListElement { name: "nfcTap"; value: "\uf397" }
        ListElement { name: "nfcVariant"; value: "\uf398" }
        ListElement { name: "nodejs"; value: "\uf399" }
        ListElement { name: "note"; value: "\uf39A" }
        ListElement { name: "noteOutline"; value: "\uf39B" }
        ListElement { name: "notePlus"; value: "\uf39C" }
        ListElement { name: "notePlusOutline"; value: "\uf39D" }
        ListElement { name: "noteText"; value: "\uf39E" }
        ListElement { name: "notificationClearAll"; value: "\uf39F" }
        ListElement { name: "numeric"; value: "\uf3A0" }
        ListElement { name: "numeric0Box"; value: "\uf3A1" }
        ListElement { name: "numeric0BoxMultipleOutline"; value: "\uf3A2" }
        ListElement { name: "numeric0BoxOutline"; value: "\uf3A3" }
        ListElement { name: "numeric1Box"; value: "\uf3A4" }
        ListElement { name: "numeric1BoxMultipleOutline"; value: "\uf3A5" }
        ListElement { name: "numeric1BoxOutline"; value: "\uf3A6" }
        ListElement { name: "numeric2Box"; value: "\uf3A7" }
        ListElement { name: "numeric2BoxMultipleOutline"; value: "\uf3A8" }
        ListElement { name: "numeric2BoxOutline"; value: "\uf3A9" }
        ListElement { name: "numeric3Box"; value: "\uf3AA" }
        ListElement { name: "numeric3BoxMultipleOutline"; value: "\uf3AB" }
        ListElement { name: "numeric3BoxOutline"; value: "\uf3AC" }
        ListElement { name: "numeric4Box"; value: "\uf3AD" }
        ListElement { name: "numeric4BoxMultipleOutline"; value: "\uf3AE" }
        ListElement { name: "numeric4BoxOutline"; value: "\uf3AF" }
        ListElement { name: "numeric5Box"; value: "\uf3B0" }
        ListElement { name: "numeric5BoxMultipleOutline"; value: "\uf3B1" }
        ListElement { name: "numeric5BoxOutline"; value: "\uf3B2" }
        ListElement { name: "numeric6Box"; value: "\uf3B3" }
        ListElement { name: "numeric6BoxMultipleOutline"; value: "\uf3B4" }
        ListElement { name: "numeric6BoxOutline"; value: "\uf3B5" }
        ListElement { name: "numeric7Box"; value: "\uf3B6" }
        ListElement { name: "numeric7BoxMultipleOutline"; value: "\uf3B7" }
        ListElement { name: "numeric7BoxOutline"; value: "\uf3B8" }
        ListElement { name: "numeric8Box"; value: "\uf3B9" }
        ListElement { name: "numeric8BoxMultipleOutline"; value: "\uf3BA" }
        ListElement { name: "numeric8BoxOutline"; value: "\uf3BB" }
        ListElement { name: "numeric9Box"; value: "\uf3BC" }
        ListElement { name: "numeric9BoxMultipleOutline"; value: "\uf3BD" }
        ListElement { name: "numeric9BoxOutline"; value: "\uf3BE" }
        ListElement { name: "numeric9PlusBox"; value: "\uf3BF" }
        ListElement { name: "numeric9PlusBoxMultipleOutline"; value: "\uf3C0" }
        ListElement { name: "numeric9PlusBoxOutline"; value: "\uf3C1" }
        ListElement { name: "nutrition"; value: "\uf3C2" }
        ListElement { name: "octagon"; value: "\uf3C3" }
        ListElement { name: "octagonOutline"; value: "\uf3C4" }
        ListElement { name: "odnoklassniki"; value: "\uf3C5" }
        ListElement { name: "office"; value: "\uf3C6" }
        ListElement { name: "oil"; value: "\uf3C7" }
        ListElement { name: "oilTemperature"; value: "\uf3C8" }
        ListElement { name: "omega"; value: "\uf3C9" }
        ListElement { name: "onedrive"; value: "\uf3CA" }
        ListElement { name: "opacity"; value: "\uf5CC" }
        ListElement { name: "openInApp"; value: "\uf3CB" }
        ListElement { name: "openInNew"; value: "\uf3CC" }
        ListElement { name: "openid"; value: "\uf3CD" }
        ListElement { name: "opera"; value: "\uf3CE" }
        ListElement { name: "ornament"; value: "\uf3CF" }
        ListElement { name: "ornamentVariant"; value: "\uf3D0" }
        ListElement { name: "outbox"; value: "\uf3D1" }
        ListElement { name: "owl"; value: "\uf3D2" }
        ListElement { name: "package"; value: "\uf3D3" }
        ListElement { name: "packageDown"; value: "\uf3D4" }
        ListElement { name: "packageUp"; value: "\uf3D5" }
        ListElement { name: "packageVariant"; value: "\uf3D6" }
        ListElement { name: "packageVariantClosed"; value: "\uf3D7" }
        ListElement { name: "pageFirst"; value: "\uf600" }
        ListElement { name: "pageLast"; value: "\uf601" }
        ListElement { name: "palette"; value: "\uf3D8" }
        ListElement { name: "paletteAdvanced"; value: "\uf3D9" }
        ListElement { name: "panda"; value: "\uf3DA" }
        ListElement { name: "pandora"; value: "\uf3DB" }
        ListElement { name: "panorama"; value: "\uf3DC" }
        ListElement { name: "panoramaFisheye"; value: "\uf3DD" }
        ListElement { name: "panoramaHorizontal"; value: "\uf3DE" }
        ListElement { name: "panoramaVertical"; value: "\uf3DF" }
        ListElement { name: "panoramaWideAngle"; value: "\uf3E0" }
        ListElement { name: "paperCutVertical"; value: "\uf3E1" }
        ListElement { name: "paperclip"; value: "\uf3E2" }
        ListElement { name: "parking"; value: "\uf3E3" }
        ListElement { name: "pause"; value: "\uf3E4" }
        ListElement { name: "pauseCircle"; value: "\uf3E5" }
        ListElement { name: "pauseCircleOutline"; value: "\uf3E6" }
        ListElement { name: "pauseOctagon"; value: "\uf3E7" }
        ListElement { name: "pauseOctagonOutline"; value: "\uf3E8" }
        ListElement { name: "paw"; value: "\uf3E9" }
        ListElement { name: "pawOff"; value: "\uf657" }
        ListElement { name: "pen"; value: "\uf3EA" }
        ListElement { name: "pencil"; value: "\uf3EB" }
        ListElement { name: "pencilBox"; value: "\uf3EC" }
        ListElement { name: "pencilBoxOutline"; value: "\uf3ED" }
        ListElement { name: "pencilLock"; value: "\uf3EE" }
        ListElement { name: "pencilOff"; value: "\uf3EF" }
        ListElement { name: "percent"; value: "\uf3F0" }
        ListElement { name: "pharmacy"; value: "\uf3F1" }
        ListElement { name: "phone"; value: "\uf3F2" }
        ListElement { name: "phoneBluetooth"; value: "\uf3F3" }
        ListElement { name: "phoneClassic"; value: "\uf602" }
        ListElement { name: "phoneForward"; value: "\uf3F4" }
        ListElement { name: "phoneHangup"; value: "\uf3F5" }
        ListElement { name: "phoneInTalk"; value: "\uf3F6" }
        ListElement { name: "phoneIncoming"; value: "\uf3F7" }
        ListElement { name: "phoneLocked"; value: "\uf3F8" }
        ListElement { name: "phoneLog"; value: "\uf3F9" }
        ListElement { name: "phoneMinus"; value: "\uf658" }
        ListElement { name: "phoneMissed"; value: "\uf3FA" }
        ListElement { name: "phoneOutgoing"; value: "\uf3FB" }
        ListElement { name: "phonePaused"; value: "\uf3FC" }
        ListElement { name: "phonePlus"; value: "\uf659" }
        ListElement { name: "phoneSettings"; value: "\uf3FD" }
        ListElement { name: "phoneVoip"; value: "\uf3FE" }
        ListElement { name: "pi"; value: "\uf3FF" }
        ListElement { name: "piBox"; value: "\uf400" }
        ListElement { name: "pig"; value: "\uf401" }
        ListElement { name: "pill"; value: "\uf402" }
        ListElement { name: "pin"; value: "\uf403" }
        ListElement { name: "pinOff"; value: "\uf404" }
        ListElement { name: "pineTree"; value: "\uf405" }
        ListElement { name: "pineTreeBox"; value: "\uf406" }
        ListElement { name: "pinterest"; value: "\uf407" }
        ListElement { name: "pinterestBox"; value: "\uf408" }
        ListElement { name: "pizza"; value: "\uf409" }
        ListElement { name: "play"; value: "\uf40A" }
        ListElement { name: "playBoxOutline"; value: "\uf40B" }
        ListElement { name: "playCircle"; value: "\uf40C" }
        ListElement { name: "playCircleOutline"; value: "\uf40D" }
        ListElement { name: "playPause"; value: "\uf40E" }
        ListElement { name: "playProtectedContent"; value: "\uf40F" }
        ListElement { name: "playlistCheck"; value: "\uf5C7" }
        ListElement { name: "playlistMinus"; value: "\uf410" }
        ListElement { name: "playlistPlay"; value: "\uf411" }
        ListElement { name: "playlistPlus"; value: "\uf412" }
        ListElement { name: "playlistRemove"; value: "\uf413" }
        ListElement { name: "playstation"; value: "\uf414" }
        ListElement { name: "plus"; value: "\uf415" }
        ListElement { name: "plusBox"; value: "\uf416" }
        ListElement { name: "plusCircle"; value: "\uf417" }
        ListElement { name: "plusCircleMultipleOutline"; value: "\uf418" }
        ListElement { name: "plusCircleOutline"; value: "\uf419" }
        ListElement { name: "plusNetwork"; value: "\uf41A" }
        ListElement { name: "plusOne"; value: "\uf41B" }
        ListElement { name: "pocket"; value: "\uf41C" }
        ListElement { name: "pokeball"; value: "\uf41D" }
        ListElement { name: "polaroid"; value: "\uf41E" }
        ListElement { name: "poll"; value: "\uf41F" }
        ListElement { name: "pollBox"; value: "\uf420" }
        ListElement { name: "polymer"; value: "\uf421" }
        ListElement { name: "pool"; value: "\uf606" }
        ListElement { name: "popcorn"; value: "\uf422" }
        ListElement { name: "pot"; value: "\uf65A" }
        ListElement { name: "potMix"; value: "\uf65B" }
        ListElement { name: "pound"; value: "\uf423" }
        ListElement { name: "poundBox"; value: "\uf424" }
        ListElement { name: "power"; value: "\uf425" }
        ListElement { name: "powerSettings"; value: "\uf426" }
        ListElement { name: "powerSocket"; value: "\uf427" }
        ListElement { name: "presentation"; value: "\uf428" }
        ListElement { name: "presentationPlay"; value: "\uf429" }
        ListElement { name: "printer"; value: "\uf42A" }
        ListElement { name: "printer3d"; value: "\uf42B" }
        ListElement { name: "printerAlert"; value: "\uf42C" }
        ListElement { name: "priorityHigh"; value: "\uf603" }
        ListElement { name: "priorityLow"; value: "\uf604" }
        ListElement { name: "professionalHexagon"; value: "\uf42D" }
        ListElement { name: "projector"; value: "\uf42E" }
        ListElement { name: "projectorScreen"; value: "\uf42F" }
        ListElement { name: "pulse"; value: "\uf430" }
        ListElement { name: "puzzle"; value: "\uf431" }
        ListElement { name: "qqchat"; value: "\uf605" }
        ListElement { name: "qrcode"; value: "\uf432" }
        ListElement { name: "qrcodeScan"; value: "\uf433" }
        ListElement { name: "quadcopter"; value: "\uf434" }
        ListElement { name: "qualityHigh"; value: "\uf435" }
        ListElement { name: "quicktime"; value: "\uf436" }
        ListElement { name: "radar"; value: "\uf437" }
        ListElement { name: "radiator"; value: "\uf438" }
        ListElement { name: "radio"; value: "\uf439" }
        ListElement { name: "radioHandheld"; value: "\uf43A" }
        ListElement { name: "radioTower"; value: "\uf43B" }
        ListElement { name: "radioactive"; value: "\uf43C" }
        ListElement { name: "radioboxBlank"; value: "\uf43D" }
        ListElement { name: "radioboxMarked"; value: "\uf43E" }
        ListElement { name: "raspberrypi"; value: "\uf43F" }
        ListElement { name: "rayEnd"; value: "\uf440" }
        ListElement { name: "rayEndArrow"; value: "\uf441" }
        ListElement { name: "rayStart"; value: "\uf442" }
        ListElement { name: "rayStartArrow"; value: "\uf443" }
        ListElement { name: "rayStartEnd"; value: "\uf444" }
        ListElement { name: "rayVertex"; value: "\uf445" }
        ListElement { name: "rdio"; value: "\uf446" }
        ListElement { name: "read"; value: "\uf447" }
        ListElement { name: "readability"; value: "\uf448" }
        ListElement { name: "receipt"; value: "\uf449" }
        ListElement { name: "record"; value: "\uf44A" }
        ListElement { name: "recordRec"; value: "\uf44B" }
        ListElement { name: "recycle"; value: "\uf44C" }
        ListElement { name: "reddit"; value: "\uf44D" }
        ListElement { name: "redo"; value: "\uf44E" }
        ListElement { name: "redoVariant"; value: "\uf44F" }
        ListElement { name: "refresh"; value: "\uf450" }
        ListElement { name: "regex"; value: "\uf451" }
        ListElement { name: "relativeScale"; value: "\uf452" }
        ListElement { name: "reload"; value: "\uf453" }
        ListElement { name: "remote"; value: "\uf454" }
        ListElement { name: "renameBox"; value: "\uf455" }
        ListElement { name: "repeat"; value: "\uf456" }
        ListElement { name: "repeatOff"; value: "\uf457" }
        ListElement { name: "repeatOnce"; value: "\uf458" }
        ListElement { name: "replay"; value: "\uf459" }
        ListElement { name: "reply"; value: "\uf45A" }
        ListElement { name: "replyAll"; value: "\uf45B" }
        ListElement { name: "reproduction"; value: "\uf45C" }
        ListElement { name: "resizeBottomRight"; value: "\uf45D" }
        ListElement { name: "responsive"; value: "\uf45E" }
        ListElement { name: "rewind"; value: "\uf45F" }
        ListElement { name: "ribbon"; value: "\uf460" }
        ListElement { name: "road"; value: "\uf461" }
        ListElement { name: "roadVariant"; value: "\uf462" }
        ListElement { name: "rocket"; value: "\uf463" }
        ListElement { name: "rotate3d"; value: "\uf464" }
        ListElement { name: "rotateLeft"; value: "\uf465" }
        ListElement { name: "rotateLeftVariant"; value: "\uf466" }
        ListElement { name: "rotateRight"; value: "\uf467" }
        ListElement { name: "rotateRightVariant"; value: "\uf468" }
        ListElement { name: "roundedCorner"; value: "\uf607" }
        ListElement { name: "routerWireless"; value: "\uf469" }
        ListElement { name: "routes"; value: "\uf46A" }
        ListElement { name: "rowing"; value: "\uf608" }
        ListElement { name: "rss"; value: "\uf46B" }
        ListElement { name: "rssBox"; value: "\uf46C" }
        ListElement { name: "ruler"; value: "\uf46D" }
        ListElement { name: "run"; value: "\uf46E" }
        ListElement { name: "sale"; value: "\uf46F" }
        ListElement { name: "satellite"; value: "\uf470" }
        ListElement { name: "satelliteVariant"; value: "\uf471" }
        ListElement { name: "saxophone"; value: "\uf609" }
        ListElement { name: "scale"; value: "\uf472" }
        ListElement { name: "scaleBalance"; value: "\uf5D1" }
        ListElement { name: "scaleBathroom"; value: "\uf473" }
        ListElement { name: "school"; value: "\uf474" }
        ListElement { name: "screenRotation"; value: "\uf475" }
        ListElement { name: "screenRotationLock"; value: "\uf476" }
        ListElement { name: "screwdriver"; value: "\uf477" }
        ListElement { name: "script"; value: "\uf478" }
        ListElement { name: "sd"; value: "\uf479" }
        ListElement { name: "seal"; value: "\uf47A" }
        ListElement { name: "seatFlat"; value: "\uf47B" }
        ListElement { name: "seatFlatAngled"; value: "\uf47C" }
        ListElement { name: "seatIndividualSuite"; value: "\uf47D" }
        ListElement { name: "seatLegroomExtra"; value: "\uf47E" }
        ListElement { name: "seatLegroomNormal"; value: "\uf47F" }
        ListElement { name: "seatLegroomReduced"; value: "\uf480" }
        ListElement { name: "seatReclineExtra"; value: "\uf481" }
        ListElement { name: "seatReclineNormal"; value: "\uf482" }
        ListElement { name: "security"; value: "\uf483" }
        ListElement { name: "securityNetwork"; value: "\uf484" }
        ListElement { name: "select"; value: "\uf485" }
        ListElement { name: "selectAll"; value: "\uf486" }
        ListElement { name: "selectInverse"; value: "\uf487" }
        ListElement { name: "selectOff"; value: "\uf488" }
        ListElement { name: "selection"; value: "\uf489" }
        ListElement { name: "send"; value: "\uf48A" }
        ListElement { name: "serialPort"; value: "\uf65C" }
        ListElement { name: "server"; value: "\uf48B" }
        ListElement { name: "serverMinus"; value: "\uf48C" }
        ListElement { name: "serverNetwork"; value: "\uf48D" }
        ListElement { name: "serverNetworkOff"; value: "\uf48E" }
        ListElement { name: "serverOff"; value: "\uf48F" }
        ListElement { name: "serverPlus"; value: "\uf490" }
        ListElement { name: "serverRemove"; value: "\uf491" }
        ListElement { name: "serverSecurity"; value: "\uf492" }
        ListElement { name: "settings"; value: "\uf493" }
        ListElement { name: "settingsBox"; value: "\uf494" }
        ListElement { name: "shapeCirclePlus"; value: "\uf65D" }
        ListElement { name: "shapePlus"; value: "\uf495" }
        ListElement { name: "shapePolygonPlus"; value: "\uf65E" }
        ListElement { name: "shapeRectanglePlus"; value: "\uf65F" }
        ListElement { name: "shapeSquarePlus"; value: "\uf660" }
        ListElement { name: "share"; value: "\uf496" }
        ListElement { name: "shareVariant"; value: "\uf497" }
        ListElement { name: "shield"; value: "\uf498" }
        ListElement { name: "shieldOutline"; value: "\uf499" }
        ListElement { name: "shopping"; value: "\uf49A" }
        ListElement { name: "shoppingMusic"; value: "\uf49B" }
        ListElement { name: "shredder"; value: "\uf49C" }
        ListElement { name: "shuffle"; value: "\uf49D" }
        ListElement { name: "shuffleDisabled"; value: "\uf49E" }
        ListElement { name: "shuffleVariant"; value: "\uf49F" }
        ListElement { name: "sigma"; value: "\uf4A0" }
        ListElement { name: "sigmaLower"; value: "\uf62B" }
        ListElement { name: "signCaution"; value: "\uf4A1" }
        ListElement { name: "signal"; value: "\uf4A2" }
        ListElement { name: "signalVariant"; value: "\uf60A" }
        ListElement { name: "silverware"; value: "\uf4A3" }
        ListElement { name: "silverwareFork"; value: "\uf4A4" }
        ListElement { name: "silverwareSpoon"; value: "\uf4A5" }
        ListElement { name: "silverwareVariant"; value: "\uf4A6" }
        ListElement { name: "sim"; value: "\uf4A7" }
        ListElement { name: "simAlert"; value: "\uf4A8" }
        ListElement { name: "simOff"; value: "\uf4A9" }
        ListElement { name: "sitemap"; value: "\uf4AA" }
        ListElement { name: "skipBackward"; value: "\uf4AB" }
        ListElement { name: "skipForward"; value: "\uf4AC" }
        ListElement { name: "skipNext"; value: "\uf4AD" }
        ListElement { name: "skipNextCircle"; value: "\uf661" }
        ListElement { name: "skipNextCircleOutline"; value: "\uf662" }
        ListElement { name: "skipPrevious"; value: "\uf4AE" }
        ListElement { name: "skipPreviousCircle"; value: "\uf663" }
        ListElement { name: "skipPreviousCircleOutline"; value: "\uf664" }
        ListElement { name: "skype"; value: "\uf4AF" }
        ListElement { name: "skypeBusiness"; value: "\uf4B0" }
        ListElement { name: "slack"; value: "\uf4B1" }
        ListElement { name: "sleep"; value: "\uf4B2" }
        ListElement { name: "sleepOff"; value: "\uf4B3" }
        ListElement { name: "smoking"; value: "\uf4B4" }
        ListElement { name: "smokingOff"; value: "\uf4B5" }
        ListElement { name: "snapchat"; value: "\uf4B6" }
        ListElement { name: "snowman"; value: "\uf4B7" }
        ListElement { name: "soccer"; value: "\uf4B8" }
        ListElement { name: "sofa"; value: "\uf4B9" }
        ListElement { name: "sort"; value: "\uf4BA" }
        ListElement { name: "sortAlphabetical"; value: "\uf4BB" }
        ListElement { name: "sortAscending"; value: "\uf4BC" }
        ListElement { name: "sortDescending"; value: "\uf4BD" }
        ListElement { name: "sortNumeric"; value: "\uf4BE" }
        ListElement { name: "sortVariant"; value: "\uf4BF" }
        ListElement { name: "soundcloud"; value: "\uf4C0" }
        ListElement { name: "sourceBranch"; value: "\uf62C" }
        ListElement { name: "sourceFork"; value: "\uf4C1" }
        ListElement { name: "sourceMerge"; value: "\uf62D" }
        ListElement { name: "sourcePull"; value: "\uf4C2" }
        ListElement { name: "speaker"; value: "\uf4C3" }
        ListElement { name: "speakerOff"; value: "\uf4C4" }
        ListElement { name: "speedometer"; value: "\uf4C5" }
        ListElement { name: "spellcheck"; value: "\uf4C6" }
        ListElement { name: "spotify"; value: "\uf4C7" }
        ListElement { name: "spotlight"; value: "\uf4C8" }
        ListElement { name: "spotlightBeam"; value: "\uf4C9" }
        ListElement { name: "spray"; value: "\uf665" }
        ListElement { name: "squareInc"; value: "\uf4CA" }
        ListElement { name: "squareIncCash"; value: "\uf4CB" }
        ListElement { name: "stackexchange"; value: "\uf60B" }
        ListElement { name: "stackoverflow"; value: "\uf4CC" }
        ListElement { name: "stairs"; value: "\uf4CD" }
        ListElement { name: "star"; value: "\uf4CE" }
        ListElement { name: "starCircle"; value: "\uf4CF" }
        ListElement { name: "starHalf"; value: "\uf4D0" }
        ListElement { name: "starOff"; value: "\uf4D1" }
        ListElement { name: "starOutline"; value: "\uf4D2" }
        ListElement { name: "steam"; value: "\uf4D3" }
        ListElement { name: "steering"; value: "\uf4D4" }
        ListElement { name: "stepBackward"; value: "\uf4D5" }
        ListElement { name: "stepBackward2"; value: "\uf4D6" }
        ListElement { name: "stepForward"; value: "\uf4D7" }
        ListElement { name: "stepForward2"; value: "\uf4D8" }
        ListElement { name: "stethoscope"; value: "\uf4D9" }
        ListElement { name: "sticker"; value: "\uf5D0" }
        ListElement { name: "stocking"; value: "\uf4DA" }
        ListElement { name: "stop"; value: "\uf4DB" }
        ListElement { name: "stopCircle"; value: "\uf666" }
        ListElement { name: "stopCircleOutline"; value: "\uf667" }
        ListElement { name: "store"; value: "\uf4DC" }
        ListElement { name: "store24Hour"; value: "\uf4DD" }
        ListElement { name: "stove"; value: "\uf4DE" }
        ListElement { name: "subdirectoryArrowLeft"; value: "\uf60C" }
        ListElement { name: "subdirectoryArrowRight"; value: "\uf60D" }
        ListElement { name: "subway"; value: "\uf4DF" }
        ListElement { name: "sunglasses"; value: "\uf4E0" }
        ListElement { name: "surroundSound"; value: "\uf5C5" }
        ListElement { name: "swapHorizontal"; value: "\uf4E1" }
        ListElement { name: "swapVertical"; value: "\uf4E2" }
        ListElement { name: "swim"; value: "\uf4E3" }
        ListElement { name: "switch"; value: "\uf4E4" }
        ListElement { name: "sword"; value: "\uf4E5" }
        ListElement { name: "sync"; value: "\uf4E6" }
        ListElement { name: "syncAlert"; value: "\uf4E7" }
        ListElement { name: "syncOff"; value: "\uf4E8" }
        ListElement { name: "tab"; value: "\uf4E9" }
        ListElement { name: "tabUnselected"; value: "\uf4EA" }
        ListElement { name: "table"; value: "\uf4EB" }
        ListElement { name: "tableColumnPlusAfter"; value: "\uf4EC" }
        ListElement { name: "tableColumnPlusBefore"; value: "\uf4ED" }
        ListElement { name: "tableColumnRemove"; value: "\uf4EE" }
        ListElement { name: "tableColumnWidth"; value: "\uf4EF" }
        ListElement { name: "tableEdit"; value: "\uf4F0" }
        ListElement { name: "tableLarge"; value: "\uf4F1" }
        ListElement { name: "tableRowHeight"; value: "\uf4F2" }
        ListElement { name: "tableRowPlusAfter"; value: "\uf4F3" }
        ListElement { name: "tableRowPlusBefore"; value: "\uf4F4" }
        ListElement { name: "tableRowRemove"; value: "\uf4F5" }
        ListElement { name: "tablet"; value: "\uf4F6" }
        ListElement { name: "tabletAndroid"; value: "\uf4F7" }
        ListElement { name: "tabletIpad"; value: "\uf4F8" }
        ListElement { name: "tag"; value: "\uf4F9" }
        ListElement { name: "tagFaces"; value: "\uf4FA" }
        ListElement { name: "tagMultiple"; value: "\uf4FB" }
        ListElement { name: "tagOutline"; value: "\uf4FC" }
        ListElement { name: "tagTextOutline"; value: "\uf4FD" }
        ListElement { name: "target"; value: "\uf4FE" }
        ListElement { name: "taxi"; value: "\uf4FF" }
        ListElement { name: "teamviewer"; value: "\uf500" }
        ListElement { name: "telegram"; value: "\uf501" }
        ListElement { name: "television"; value: "\uf502" }
        ListElement { name: "televisionGuide"; value: "\uf503" }
        ListElement { name: "temperatureCelsius"; value: "\uf504" }
        ListElement { name: "temperatureFahrenheit"; value: "\uf505" }
        ListElement { name: "temperatureKelvin"; value: "\uf506" }
        ListElement { name: "tennis"; value: "\uf507" }
        ListElement { name: "tent"; value: "\uf508" }
        ListElement { name: "terrain"; value: "\uf509" }
        ListElement { name: "testTube"; value: "\uf668" }
        ListElement { name: "textShadow"; value: "\uf669" }
        ListElement { name: "textToSpeech"; value: "\uf50A" }
        ListElement { name: "textToSpeechOff"; value: "\uf50B" }
        ListElement { name: "textbox"; value: "\uf60E" }
        ListElement { name: "texture"; value: "\uf50C" }
        ListElement { name: "theater"; value: "\uf50D" }
        ListElement { name: "themeLightDark"; value: "\uf50E" }
        ListElement { name: "thermometer"; value: "\uf50F" }
        ListElement { name: "thermometerLines"; value: "\uf510" }
        ListElement { name: "thumbDown"; value: "\uf511" }
        ListElement { name: "thumbDownOutline"; value: "\uf512" }
        ListElement { name: "thumbUp"; value: "\uf513" }
        ListElement { name: "thumbUpOutline"; value: "\uf514" }
        ListElement { name: "thumbsUpDown"; value: "\uf515" }
        ListElement { name: "ticket"; value: "\uf516" }
        ListElement { name: "ticketAccount"; value: "\uf517" }
        ListElement { name: "ticketConfirmation"; value: "\uf518" }
        ListElement { name: "tie"; value: "\uf519" }
        ListElement { name: "timelapse"; value: "\uf51A" }
        ListElement { name: "timer"; value: "\uf51B" }
        ListElement { name: "timer10"; value: "\uf51C" }
        ListElement { name: "timer3"; value: "\uf51D" }
        ListElement { name: "timerOff"; value: "\uf51E" }
        ListElement { name: "timerSand"; value: "\uf51F" }
        ListElement { name: "timetable"; value: "\uf520" }
        ListElement { name: "toggleSwitch"; value: "\uf521" }
        ListElement { name: "toggleSwitchOff"; value: "\uf522" }
        ListElement { name: "tooltip"; value: "\uf523" }
        ListElement { name: "tooltipEdit"; value: "\uf524" }
        ListElement { name: "tooltipImage"; value: "\uf525" }
        ListElement { name: "tooltipOutline"; value: "\uf526" }
        ListElement { name: "tooltipOutlinePlus"; value: "\uf527" }
        ListElement { name: "tooltipText"; value: "\uf528" }
        ListElement { name: "tooth"; value: "\uf529" }
        ListElement { name: "tor"; value: "\uf52A" }
        ListElement { name: "trafficLight"; value: "\uf52B" }
        ListElement { name: "train"; value: "\uf52C" }
        ListElement { name: "tram"; value: "\uf52D" }
        ListElement { name: "transcribe"; value: "\uf52E" }
        ListElement { name: "transcribeClose"; value: "\uf52F" }
        ListElement { name: "transfer"; value: "\uf530" }
        ListElement { name: "translate"; value: "\uf5CA" }
        ListElement { name: "tree"; value: "\uf531" }
        ListElement { name: "trello"; value: "\uf532" }
        ListElement { name: "trendingDown"; value: "\uf533" }
        ListElement { name: "trendingNeutral"; value: "\uf534" }
        ListElement { name: "trendingUp"; value: "\uf535" }
        ListElement { name: "triangle"; value: "\uf536" }
        ListElement { name: "triangleOutline"; value: "\uf537" }
        ListElement { name: "trophy"; value: "\uf538" }
        ListElement { name: "trophyAward"; value: "\uf539" }
        ListElement { name: "trophyOutline"; value: "\uf53A" }
        ListElement { name: "trophyVariant"; value: "\uf53B" }
        ListElement { name: "trophyVariantOutline"; value: "\uf53C" }
        ListElement { name: "truck"; value: "\uf53D" }
        ListElement { name: "truckDelivery"; value: "\uf53E" }
        ListElement { name: "tshirtCrew"; value: "\uf53F" }
        ListElement { name: "tshirtV"; value: "\uf540" }
        ListElement { name: "tumblr"; value: "\uf541" }
        ListElement { name: "tumblrReblog"; value: "\uf542" }
        ListElement { name: "tune"; value: "\uf62E" }
        ListElement { name: "tuneVertical"; value: "\uf66A" }
        ListElement { name: "twitch"; value: "\uf543" }
        ListElement { name: "twitter"; value: "\uf544" }
        ListElement { name: "twitterBox"; value: "\uf545" }
        ListElement { name: "twitterCircle"; value: "\uf546" }
        ListElement { name: "twitterRetweet"; value: "\uf547" }
        ListElement { name: "ubuntu"; value: "\uf548" }
        ListElement { name: "umbraco"; value: "\uf549" }
        ListElement { name: "umbrella"; value: "\uf54A" }
        ListElement { name: "umbrellaOutline"; value: "\uf54B" }
        ListElement { name: "undo"; value: "\uf54C" }
        ListElement { name: "undoVariant"; value: "\uf54D" }
        ListElement { name: "unfoldLess"; value: "\uf54E" }
        ListElement { name: "unfoldMore"; value: "\uf54F" }
        ListElement { name: "ungroup"; value: "\uf550" }
        ListElement { name: "untappd"; value: "\uf551" }
        ListElement { name: "upload"; value: "\uf552" }
        ListElement { name: "usb"; value: "\uf553" }
        ListElement { name: "vectorArrangeAbove"; value: "\uf554" }
        ListElement { name: "vectorArrangeBelow"; value: "\uf555" }
        ListElement { name: "vectorCircle"; value: "\uf556" }
        ListElement { name: "vectorCircleVariant"; value: "\uf557" }
        ListElement { name: "vectorCombine"; value: "\uf558" }
        ListElement { name: "vectorCurve"; value: "\uf559" }
        ListElement { name: "vectorDifference"; value: "\uf55A" }
        ListElement { name: "vectorDifferenceAb"; value: "\uf55B" }
        ListElement { name: "vectorDifferenceBa"; value: "\uf55C" }
        ListElement { name: "vectorIntersection"; value: "\uf55D" }
        ListElement { name: "vectorLine"; value: "\uf55E" }
        ListElement { name: "vectorPoint"; value: "\uf55F" }
        ListElement { name: "vectorPolygon"; value: "\uf560" }
        ListElement { name: "vectorPolyline"; value: "\uf561" }
        ListElement { name: "vectorRectangle"; value: "\uf5C6" }
        ListElement { name: "vectorSelection"; value: "\uf562" }
        ListElement { name: "vectorSquare"; value: "\uf001" }
        ListElement { name: "vectorTriangle"; value: "\uf563" }
        ListElement { name: "vectorUnion"; value: "\uf564" }
        ListElement { name: "verified"; value: "\uf565" }
        ListElement { name: "vibrate"; value: "\uf566" }
        ListElement { name: "video"; value: "\uf567" }
        ListElement { name: "videoOff"; value: "\uf568" }
        ListElement { name: "videoSwitch"; value: "\uf569" }
        ListElement { name: "viewAgenda"; value: "\uf56A" }
        ListElement { name: "viewArray"; value: "\uf56B" }
        ListElement { name: "viewCarousel"; value: "\uf56C" }
        ListElement { name: "viewColumn"; value: "\uf56D" }
        ListElement { name: "viewDashboard"; value: "\uf56E" }
        ListElement { name: "viewDay"; value: "\uf56F" }
        ListElement { name: "viewGrid"; value: "\uf570" }
        ListElement { name: "viewHeadline"; value: "\uf571" }
        ListElement { name: "viewList"; value: "\uf572" }
        ListElement { name: "viewModule"; value: "\uf573" }
        ListElement { name: "viewQuilt"; value: "\uf574" }
        ListElement { name: "viewStream"; value: "\uf575" }
        ListElement { name: "viewWeek"; value: "\uf576" }
        ListElement { name: "vimeo"; value: "\uf577" }
        ListElement { name: "vine"; value: "\uf578" }
        ListElement { name: "violin"; value: "\uf60F" }
        ListElement { name: "visualstudio"; value: "\uf610" }
        ListElement { name: "vk"; value: "\uf579" }
        ListElement { name: "vkBox"; value: "\uf57A" }
        ListElement { name: "vkCircle"; value: "\uf57B" }
        ListElement { name: "vlc"; value: "\uf57C" }
        ListElement { name: "voice"; value: "\uf5CB" }
        ListElement { name: "voicemail"; value: "\uf57D" }
        ListElement { name: "volumeHigh"; value: "\uf57E" }
        ListElement { name: "volumeLow"; value: "\uf57F" }
        ListElement { name: "volumeMedium"; value: "\uf580" }
        ListElement { name: "volumeOff"; value: "\uf581" }
        ListElement { name: "vpn"; value: "\uf582" }
        ListElement { name: "walk"; value: "\uf583" }
        ListElement { name: "wallet"; value: "\uf584" }
        ListElement { name: "walletGiftcard"; value: "\uf585" }
        ListElement { name: "walletMembership"; value: "\uf586" }
        ListElement { name: "walletTravel"; value: "\uf587" }
        ListElement { name: "wan"; value: "\uf588" }
        ListElement { name: "watch"; value: "\uf589" }
        ListElement { name: "watchExport"; value: "\uf58A" }
        ListElement { name: "watchImport"; value: "\uf58B" }
        ListElement { name: "water"; value: "\uf58C" }
        ListElement { name: "waterOff"; value: "\uf58D" }
        ListElement { name: "waterPercent"; value: "\uf58E" }
        ListElement { name: "waterPump"; value: "\uf58F" }
        ListElement { name: "watermark"; value: "\uf612" }
        ListElement { name: "weatherCloudy"; value: "\uf590" }
        ListElement { name: "weatherFog"; value: "\uf591" }
        ListElement { name: "weatherHail"; value: "\uf592" }
        ListElement { name: "weatherLightning"; value: "\uf593" }
        ListElement { name: "weatherNight"; value: "\uf594" }
        ListElement { name: "weatherPartlycloudy"; value: "\uf595" }
        ListElement { name: "weatherPouring"; value: "\uf596" }
        ListElement { name: "weatherRainy"; value: "\uf597" }
        ListElement { name: "weatherSnowy"; value: "\uf598" }
        ListElement { name: "weatherSunny"; value: "\uf599" }
        ListElement { name: "weatherSunset"; value: "\uf59A" }
        ListElement { name: "weatherSunsetDown"; value: "\uf59B" }
        ListElement { name: "weatherSunsetUp"; value: "\uf59C" }
        ListElement { name: "weatherWindy"; value: "\uf59D" }
        ListElement { name: "weatherWindyVariant"; value: "\uf59E" }
        ListElement { name: "web"; value: "\uf59F" }
        ListElement { name: "webcam"; value: "\uf5A0" }
        ListElement { name: "webhook"; value: "\uf62F" }
        ListElement { name: "wechat"; value: "\uf611" }
        ListElement { name: "weight"; value: "\uf5A1" }
        ListElement { name: "weightKilogram"; value: "\uf5A2" }
        ListElement { name: "whatsapp"; value: "\uf5A3" }
        ListElement { name: "wheelchairAccessibility"; value: "\uf5A4" }
        ListElement { name: "whiteBalanceAuto"; value: "\uf5A5" }
        ListElement { name: "whiteBalanceIncandescent"; value: "\uf5A6" }
        ListElement { name: "whiteBalanceIridescent"; value: "\uf5A7" }
        ListElement { name: "whiteBalanceSunny"; value: "\uf5A8" }
        ListElement { name: "wifi"; value: "\uf5A9" }
        ListElement { name: "wifiOff"; value: "\uf5AA" }
        ListElement { name: "wii"; value: "\uf5AB" }
        ListElement { name: "wikipedia"; value: "\uf5AC" }
        ListElement { name: "windowClose"; value: "\uf5AD" }
        ListElement { name: "windowClosed"; value: "\uf5AE" }
        ListElement { name: "windowMaximize"; value: "\uf5AF" }
        ListElement { name: "windowMinimize"; value: "\uf5B0" }
        ListElement { name: "windowOpen"; value: "\uf5B1" }
        ListElement { name: "windowRestore"; value: "\uf5B2" }
        ListElement { name: "windows"; value: "\uf5B3" }
        ListElement { name: "wordpress"; value: "\uf5B4" }
        ListElement { name: "worker"; value: "\uf5B5" }
        ListElement { name: "wrap"; value: "\uf5B6" }
        ListElement { name: "wrench"; value: "\uf5B7" }
        ListElement { name: "wunderlist"; value: "\uf5B8" }
        ListElement { name: "xaml"; value: "\uf673" }
        ListElement { name: "xbox"; value: "\uf5B9" }
        ListElement { name: "xboxController"; value: "\uf5BA" }
        ListElement { name: "xboxControllerOff"; value: "\uf5BB" }
        ListElement { name: "xda"; value: "\uf5BC" }
        ListElement { name: "xing"; value: "\uf5BD" }
        ListElement { name: "xingBox"; value: "\uf5BE" }
        ListElement { name: "xingCircle"; value: "\uf5BF" }
        ListElement { name: "xml"; value: "\uf5C0" }
        ListElement { name: "yeast"; value: "\uf5C1" }
        ListElement { name: "yelp"; value: "\uf5C2" }
        ListElement { name: "youtubePlay"; value: "\uf5C3" }
        ListElement { name: "zipBox" ; value: "\uf5C4" }
    } // modelMaterialIcons

    Component {
        id: headerPersons
        
        Rectangle {
            id: rectangleHeaderPersons
            width: ListView.view.width
            height: 20
            //color: "#ffffff"
            //border.color: Qt.darker(color, 1.2)
            Row {
                id: rowHeaderMaterialDesignIcons
                spacing: 4

                Nwx.Label {
                    id: labelFirstName
                    //text: qsTr("Header")
                    text: qsTr("FirstName")
                }
                Nwx.Label {
                    id: labeLastName
                    text: qsTr("LastName")
                }
                Nwx.Label {
                    id: labelFavorite
                    text: qsTr("Favorite")
                }
            } // rowHeaderPersons
        } // rectangleHeaderPersons
    } // headerPersons

    Component {
        id: headerMaterialIcons

        Frame {
            id: frameHeaderMaterialIcons
            Layout.fillWidth: true
            width: parent.width
            height: 28
            anchors.right: parent.fill

            Material.background: Material.color(Material.Grey)
            //color: "silver"
            //color: Material.color(Material.Primary, Material.Shade700)
            
            //width: ListView.view.width
            //height: 28
            //border.color: Qt.darker(color, 1.2)
            //property alias text: labelName.text
            //property color fontColor: '#1f1f1f'
            
            RowLayout {
                id: rowHeaderMaterialIcons
                spacing: 8
                anchors.verticalCenter: parent.verticalCenter
                //anchors.right: parent.right
                Layout.fillWidth: true
                Material.foreground: Material.accent

                //anchors.topMargin: 4
                //anchors.horizontalCenter: parent.horizontalCenter
                //height: 28

                /* Repeater {
                    id: repeater
                    model: ["Index", "Name", "Icon"]
                    Nwx.Label {
                        text: modelData
                        font.bold: true
                        //font.pixelSize: modelData.fontsize * 2.5
                        //color: modelData.palette.brightText
                        //width: listView.headerItem.itemAt(column).width
                        //width: listView.delegateMateriealIconheaderItem.row(index).width
                        width: 160
                        padding: 10
                        Material.elevation: 6
                        background: Rectangle { color: "silver" }
                    }
                }
                */
                
                Label {
                    id: labelIndexHeaderMaterialIcons
                    text: qsTr("Index")
                    Layout.preferredWidth: 150
                    anchors.left: parent.left
                    //anchors.right: labelNameHeaderMaterialIcons.left

                    //font.pixelSize: labelIndexHeaderMaterialIcons.fontsize * 2.5
                    //color: modelData.palette.brightText
                    //width: listView.headerItem.itemAt(column).width
                    //width: listView.delegateMateriealIconheaderItem.row(index).width
                    //width: 160
                    Material.elevation: 6
                    //padding: 8
                    //background: Rectangle { color: Material.color(Material.Primary, Material.Shade700) }
                    //background: Rectangle { color: Material.color(Material.Primary) }
                    //background: Rectangle { color: "silver" }
                }
                Label {
                    id: labelNameHeaderMaterialIcons
                    text: qsTr("Name")
                    Layout.fillWidth: true
                    Layout.preferredWidth: 300
                    //anchors.left: labelIndexHeaderMaterialIcons.right
                    //anchors.right: labelIconHeaderMaterialIcons.left
                    //padding: 8
                    // Layout.preferredWidth: 250
                    //Layout.preferredWidth: rowHeaderMaterialIcons - labelIndexHeaderMaterialIcons - labelIconHeaderMaterialIcons - 2 * rowHeaderMaterialIcons.spacing
                    //Material.foreground: Material.White
                    //Material.background: Material.Grey
                    //background: Rectangle { color: Material.color(Material.Primary, Material.Shade700) }
                    //background: Rectangle { color: "silver" }
                }
                /*Label {
                    id: labelIconHeaderMaterialIcons
                    text: qsTr("Icon")
                    Layout.preferredWidth: 50
                    //anchors.right: parent.right
                    //anchors.right: rowHeaderMaterialIcons.right

                    //padding: 8
                    //width: rowHeaderMaterialIcons - labelIndexHeaderMaterialIcons - labelIconHeaderMaterialIcons - 2 * rowHeaderMaterialIcons.spacing
                    //Material.foreground: Material.accent
                    //Material.background: Material.Grey
                    //background: Rectangle { color: Material.color(Material.Primary, Material.Shade700) }
                    //background: Rectangle { color: "silver" }
                }
                */
            } // rowHeaderMaterialIcons
        } // frameHeaderMaterialIcons
    } // headerMaterialIcons

    Component {
        id: footerMaterialIcons

        Rectangle {
            id: root
            width: ListView.view.width
            height: 20
            //color: "#ffffff"
            //border.color: Qt.darker(color, 1.2)
            property alias text: label.text
            property color fontColor: '#1f1f1f'
            Text {
                id: label
                anchors.centerIn: parent
                font.pixelSize: 14
                color: root.fontColor
                text: qsTr("Footer")
            }
        }
    } // footerMaterialIcons

    Component {
        id: highlightMaterialIcons
        
        Item {
            width: listMaterialIcons.width
            height: listMaterialIcons.currentItem.height
            y: listMaterialIcons.currentItem.y
            
            
            Behavior on y {
                SequentialAnimation {
                    PropertyAnimation {
                        target: rectangleHeighlight
                        property: "opacity"
                        to: 0
                        duration: 500
                    }
                    NumberAnimation { duration: 5 }
                    PropertyAnimation {
                        target: rectangleHeighlight
                        property: "opacity"
                        to: 1
                        duration: 200
                    }
                    //SpringAnimation { spring: 2; damping: 0.1 }
                }
            }
            
            Rectangle {
                id: rectangleHeighlight
                width: listMaterialIcons.width
                height: listMaterialIcons.currentItem.height
                anchors.fill: parent
                anchors.margins: 5
                color: "lightsteelblue"
                radius: 5

            } // Rectangle

        } // Item
    } // highlightMaterialIcons

    Component {
        id: delegatePersons

        Pane {
            ColumnLayout {
                //width: ListView.view.width
                Layout.fillWidth: true
                width: parent.width
                anchors.right: parent.fill
                anchors.topMargin: 12
                spacing: 16
                //padding: 5

                RowLayout {
                    id: rowPerson
                    //anchors.verticalCenter: parent.verticalCenter
                    anchors.horizontalCenter: parent.horizontalCenter
                    spacing: 48

                    Text {
                        id: firstName
                        text: model.firstName
                    }

                    Nwx.Label {
                        id: nameLastName
                        Layout.fillWidth: true
                        text: model.lastName
                    }

                } // rowLayout
            } // columnLayout
        } // paneLayout
    } // delegatePersons

    Component {
        id: delegateMaterialIcons
        
        ItemDelegate {
            id: itemMaterialIcons
            Layout.fillWidth: true
            width: parent.width
            anchors.right: parent.fill
            focus: true
            
            contentItem: RowLayout {
                id: rowMaterialIcons
                spacing: 8
                anchors.horizontalCenter: parent.horizontalCenter
                focus: true
                
                Label {
                    id: labelMaterialIcons
                    text: qsTr("Icon number ") + model.index
                    Layout.preferredWidth: 150
                }
                Label {
                    id: nameMaterialIcons
                    text: model.name
                    Layout.fillWidth: true
                    //Layout.minimumWidth: 50
                    //Layout.preferredWidth: 200
                    //color: rowMaterialIcons.ListView.isCurrentItem ? "blue" : "black"
                    //focus: true
                }
                Nwx.IconButton {
                    id: valueMaterialIcons
                    text: model.value
                    Layout.preferredWidth: 50
                }
            } // rowMaterialIcons (contentItem)

            // adapt the current item 
            states: State {
                name: "Current"
                when: itemMaterialIcons.ListView.isCurrentItem
                PropertyChanges { target: labelMaterialIcons ; color: Material.color(Material.primary, Material.ShadeA700) }
                PropertyChanges { target: nameMaterialIcons ; color: Material.color(Material.primary, Material.ShadeA700) }
                //PropertyChanges { target: labelMaterialIcons ; color: "green" }
                //PropertyChanges { target: nameMaterialIcons ; color: "green" }
            }
            transitions: Transition {
                NumberAnimation { properties: "color"; duration: 200 }
                SpringAnimation { spring: 2; damping: 0.1 }
            }
            MouseArea {
                anchors.fill: parent
                acceptedButtons: Qt.LeftButton
                onPressed: {
                    console.log("Mouse-Press->left:", index, "; iconName:", sortFilterProxyModelMaterialIcons.get(index).name)
                    //PropertyChanges { target: labelMaterialIcons ; color: "green" }
                    //PropertyChanges { target: nameMaterialIcons ; color: "green" }
                    /*PropertyChanges { target: nameMaterialIcons ; color: Material.color(Material.primary) }
                    PropertyChanges {
                        target: labelMaterialIcons
                        color: Material.color(Material.Red, Material.ShadeA700)
                    }
                    */
                    itemMaterialIcons.ListView.view.currentIndex = index
                }
                onDoubleClicked: {
                    console.log("Mouse-Press->double:", index, "; iconName:", sortFilterProxyModelMaterialIcons.get(index).name)
                    // ListModel don't have named roles. Use data with 'modelData', or explicit value
                    stackViewMain.push(componentDetail, { iconName: sortFilterProxyModelMaterialIcons.get(index).name } )
                    //stackViewMain.push(componentDetail, { iconName: "account" } )
                }
            }
            MouseArea {
                anchors.fill: parent
                acceptedButtons: Qt.RightButton
                onPressed: {
                    console.log("Mouse-Press->right:", index, "; iconName:", sortFilterProxyModelMaterialIcons.get(index).name)
                    itemMaterialIcons.ListView.view.currentIndex = index
                }
            }
            
            Shortcut {
                context: Qt.ApplicationShortcut
                sequence: [ StandardKey.NextChild, "Ctrl+N" ]
                //onActivated: view.currentIndex++
                onActivated: itemMaterialIcons.ListView.view.currentIndex++
            }

            Keys.onReturnPressed: {
                console.log("Key-Press->Retrun index:", index, "; iconName:", sortFilterProxyModelMaterialIcons.get(index).name)
                itemMaterialIcons.ListView.view.currentIndex = index
                // ListModel don't have named roles. Use data with 'modelData', or explicit value
                stackViewMain.push(componentDetail, { iconName: "sortFilterProxyModelMaterialIcons.get(index).name" } )
                //stackViewMain.push(componentDetail, { iconName: "account" } )
            }
            Keys.onTabPressed: {
                // Windows: Ctrl-Tab, Alt+Right, Ctrl-F6
                // Gnome: Ctrl-Tab
                console.log("Key-Press->Tab index:", index, "; iconName:", sortFilterProxyModelMaterialIcons.get(index).name)
                itemMaterialIcons.ListView.view.currentIndex = index + 1
            }
            Keys.onBacktabPressed: {
                // Windows: Ctrl-Shift-Tab, Alt+Left, Ctrl-Shift-F6
                // Gnome: Ctrl-Shift-Tab, Alt+Left
                console.log("Key-Press->Backtab (Shift+tab) index:", index, "; iconName:", sortFilterProxyModelMaterialIcons.get(index).name)
                itemMaterialIcons.ListView.view.currentIndex = index -1
            }
        } // itemMaterialIcons
    } // delegateMaterialIcons

    Component {
        // called via: stackViewMain.push(pageDetail)
        id: componentDetail
        

        Page {
            id: pageDetail
            leftPadding: 26
            rightPadding: 26
            topPadding: 18
            bottomPadding: 18
            
            property string iconName

            header: ToolBar {
                ToolButton {
                    text: qsTr("Back")
                    anchors.left: parent.left
                    anchors.leftMargin: 10
                    anchors.verticalCenter: parent.verticalCenter
                    onClicked: stackViewMain.pop()
                }

                Label {
                    id: pageTitle
                    text: withIconName
                    font.pixelSize: 20
                    anchors.centerIn: parent
                }
            } // header

            ColumnLayout {
                id: columnDetail
                anchors.right: parent.fill

                ListView {
                    id: listDetail
                    anchors.fill: parent
                    spacing: 20

                    Layout.fillWidth: true
                    Layout.fillHeight: true
                    Layout.margins: 6
                    //displayMarginBeginning: 40
                    //displayMarginEnd: 40

                    // simple model
                    model: SortFilterProxyModel {
                        id: sortFilterProxyModelMaterialIcons
                        sourceModel: modelMaterialIcons
                        filters: RegExpFilter {
                            // useRole
                            roleName: "name"
                            pattern: iconName
                            //pattern: "account"
                            //caseSensitivity: Qt.CaseInsensitive
                            //caseSensitivity: Qt.Sensitive
                        }
                        sorters: [ StringSorter { roleName: "name" } ]
                    } // model: sortFilterProxyModelMaterialIcons
                    
                    /*
                    // multiple filter / sorters
                    model: SortFilterProxyModel {
                        id: sortFilterProxyModelpersonComplex
                        sourceModel: personModel
                        filters: [
                        ValueFilter {
                            //enabled: onlyShowFavoritesCheckbox.checked
                            roleName: "favorite"
                            value: true
                        },
                        AnyOf {
                            RegExpFilter {
                                roleName: "lastName"
                                pattern: textSearch.text
                                caseSensitivity: Qt.CaseInsensitive
                            }
                            RegExpFilter {
                                roleName: "firstName"
                                pattern: textSearch.text
                                caseSensitivity: Qt.CaseInsensitive
                            }
                        }
                        ] // filters
                        sorters: [
                        RoleSorter { roleName: "favorite"; sortOrder: Qt.DescendingOrder },
                        StringSorter { roleName: "firstName" },
                        StringSorter { roleName: "lastName" }
                        ] // sorters
                    }  // sortFilterProxyModelpersonComplex
                    */

                    //header: headerDetail
                    //footer: footerDetail

                    delegate: Column {
                        //anchors.right: parent.right
                        //anchors.fill: parent
                        Layout.fillWidth: true
                        Layout.fillHeight: true
                        spacing: 12
                        
                        Nwx.IconButton {
                            id: valueMaterialIcons
                            text: model.value
                            font.pixelSize: 96
                            anchors.horizontalCenter: parent.horizontalCenter
                            //Layout.preferredWidth: 50
                        }
                        Label {
                            id: nameMaterialIcons
                            text: model.name
                            Layout.fillWidth: true
                            anchors.horizontalCenter: parent.horizontalCenter
                        }
                    } // columnDetail (contentItem)
                } // listDetail
            } // columnDetail
            
        } // pageDetail
        
    } // componentDetail
    
    ListView {
        id: listMaterialIcons
        anchors.fill: parent
        anchors.rightMargin: 12
        Layout.fillWidth: true
        Layout.fillHeight: true
        spacing: 4
        
        model: sortFilterProxyModelMaterialIcons
        delegate: delegateMaterialIcons
        header: headerMaterialIcons
        footer: footerMaterialIcons
        highlight: highlightMaterialIcons
        highlightFollowsCurrentItem: false
        
        //focus: true
        
        //contentWidth: headerMaterialIcons.width
        flickableDirection: Flickable.VerticalFlick

        /*
        Keys.onPressed: {
            console.log("list-item: " + event.key + " : " + event.text)
        }
        */
        
        Shortcut {
            context: Qt.ApplicationShortcut
            sequence: [ "Ctrl+S" ]
            //onActivated: view.currentIndex++
            onActivated: {
                searchToolBar.forceActiveFocus()
                console.log("Key-Press->Ctrl+S: Shortcut activated.")
            }
        }

        Keys.onUpPressed: scrollBarMaterialIcons.decrease()
        Keys.onDownPressed: scrollBarMaterialIcons.increase()

        //Component.onCompleted: positionViewAtEnd()
        //Component.onCompleted: positionViewAtIndex(ListView.Center)

        ScrollBar.vertical: Nwx.ScrollBar {
            id: scrollBarMaterialIcons
            //leftPadding: 2
            //topPadding: 2
            parent: listMaterialIcons.parent
            anchors.top: listMaterialIcons.top
            anchors.left: listMaterialIcons.right
            anchors.bottom: listMaterialIcons.bottom
        }
        /*
        ScrollIndicator.vertical: Nwx.ScrollIndicator {
            id: scrollIndicatorMaterialIcons
            leftPadding: 5
            topPadding: 5
        }
        */
        
    } // listMaterialIcons

} // paneMaterialIcons