Repository: hasinhayder/vue3-icon-picker
Branch: master
Commit: 0e62cf74d2fe
Files: 15
Total size: 139.4 KB
Directory structure:
gitextract_nues7hhs/
├── .gitignore
├── LICENSE
├── build-umd-esm/
│ ├── style.css
│ ├── vue3-icon-picker.es.js
│ └── vue3-icon-picker.umd.js
├── index.html
├── package.json
├── readme.md
├── src/
│ ├── App.vue
│ ├── assets/
│ │ └── css/
│ │ └── style.css
│ ├── components/
│ │ ├── Vue3IconPicker.vue
│ │ └── data/
│ │ └── fonts.js
│ ├── entry.js
│ └── main.js
└── vite.config.js
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
node_modules
.DS_Store
dist
dist-ssr
*.local
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2021 Hasin Hayder
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: build-umd-esm/style.css
================================================
.vue3-icon-picker[data-v-02a817ad]{cursor:pointer}button.select-icon[data-v-02a817ad]{padding:20px;border-radius:5px;background-color:#70b2dc;font-size:22px;cursor:pointer}.icon-picker-wrap ul[data-v-02a817ad]{list-style:none;margin:0;padding:0;display:inline-flex}.icon-picker-wrap ul li[data-v-02a817ad]{border:2px solid #ddd;line-height:1;font-size:20px;cursor:pointer;padding:5px}.icon-picker-wrap ul li i[data-v-02a817ad]{font-size:68px;line-height:1;margin:0}.icon-picker-wrap ul li[data-v-02a817ad]:nth-child(2){border-left:0}.aim-close[data-v-02a817ad]{opacity:0;visibility:hidden;transition:all .4s ease-in-out}.aim-open[data-v-02a817ad]{opacity:1;visibility:visible;transition:all .4s ease-in-out}.aim-modal[data-v-02a817ad]{position:fixed;height:100%;width:100%;bottom:0;left:0;background-color:rgba(0,0,0,.6);z-index:9999;user-select:none;display:flex;align-items:center}.aim-modal .aim-modal--content[data-v-02a817ad]{position:absolute;border-radius:3px;box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);overflow:hidden;font-family:Roboto,Arial,Helvetica,Verdana,sans-serif;background-color:#f1f3f5;width:100%;margin:auto;left:0;right:0}.aim-modal .aim-modal--header[data-v-02a817ad]{padding:15px 15px;background-color:#fff;box-shadow:0 0 8px rgb(0 0 0 / 10%);position:relative;z-index:1;font-size:15px;color:#495157;font-weight:500;display:flex;align-items:center;justify-content:space-between}.aim-modal--header-logo-title[data-v-02a817ad]{padding-top:2px;line-height:1;text-transform:uppercase;font-weight:700;cursor:pointer}.aim-modal--header-close-btn[data-v-02a817ad]{cursor:pointer}.aim-modal--header-close-btn i[data-v-02a817ad]{font-size:22px}.aim-modal--body[data-v-02a817ad]{font-size:12px;line-height:1.5;box-sizing:border-box;padding:0;height:700px;display:flex;min-height:50px;max-height:85vh;overflow:auto}.aim-modal--sidebar[data-v-02a817ad]{-ms-flex-negative:0;flex-shrink:0;width:25%;background-color:hsla(0,0%,100%,.3)}.aim-modal--sidebar-tabs[data-v-02a817ad]{margin-top:30px}.aim-modal--sidebar-tab-item[data-v-02a817ad]{padding:15px 0 15px 45px;font-size:14px;color:#6d7882;text-align:left;cursor:pointer;position:relative;display:flex;align-items:center;text-transform:capitalize}.aim-modal--sidebar-tab-item i[data-v-02a817ad]{font-size:20px;padding-right:15px;color:#a4afb7}.aim-modal--sidebar-tab-item.aesthetic-active[data-v-02a817ad]{background-color:#fff;-webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.1);box-shadow:0 6px 20px 0 rgba(0,0,0,.1)}.aim-modal--sidebar-tab-item.aesthetic-active[data-v-02a817ad]:after{content:"";position:absolute;height:100%;width:5px;top:0;left:0;background-color:#71d7f7}.aim-modal--sidebar-tab-item.aesthetic-active i[data-v-02a817ad]{color:#71d7f7}.aim-modal--icon-preview-wrap[data-v-02a817ad]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 80px 0;width:75%}.aim-modal--icon-preview-inner[data-v-02a817ad]{overflow:auto;margin:25px -15px 0;padding:0 15px 15px}.aim-modal--icon-preview[data-v-02a817ad]{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:20px;margin:20px 0}.aim-modal--icon-search[data-v-02a817ad]{position:relative}.aim-modal--icon-search input[data-v-02a817ad]{width:calc(100% - 30px);padding:8px 15px;background-color:#fff;border:none}.aim-modal--icon-search input[data-v-02a817ad]::-webkit-input-placeholder{font-style:italic}.aim-modal--icon-search input[data-v-02a817ad]::-moz-placeholder{font-style:italic}.aim-modal--icon-search input[data-v-02a817ad]::-ms-input-placeholder{font-style:italic}.aim-modal--icon-search input[data-v-02a817ad]::placeholder{font-style:italic}.aim-modal--icon-search i[data-v-02a817ad]{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:15px}.aim-icon-item[data-v-02a817ad]{position:relative;padding:10px;background-color:#fff;-webkit-box-shadow:0 1px 12px rgba(0,0,0,.05);box-shadow:0 1px 12px rgba(0,0,0,.05);-webkit-border-radius:3px;border-radius:3px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow:hidden}.aim-icon-item[data-v-02a817ad]:hover{-webkit-box-shadow:0 1px 14px rgba(0,0,0,.16);box-shadow:0 1px 14px rgba(0,0,0,.16)}.aim-icon-item.aesthetic-selected[data-v-02a817ad]{-webkit-box-shadow:0 1px 12px rgba(0,0,0,.05),0 0 0 3px #71d7f7;box-shadow:0 1px 12px rgba(0,0,0,.05),0 0 0 3px #71d7f7}.aim-icon-item-inner[data-v-02a817ad]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1px}.aim-icon-item-inner i[data-v-02a817ad],.aim-icon-item__icon[data-v-02a817ad]{font-size:25px;color:#6d7882}.aim-icon-item-name[data-v-02a817ad]{color:#c2cbd2;font-size:11px;padding:13px 20px 0;max-width:100%;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;text-transform:capitalize}.aim-modal .aim-modal--footer[data-v-02a817ad]{border-top:1px solid #e6e9ec;text-align:center;background-color:#fff;border:none;display:none;justify-content:flex-end;padding:5px;box-shadow:0 0 8px rgba(0,0,0,.1);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.aim-modal--footer button.aim-insert-icon-button[data-v-02a817ad]{padding:10px 35px;color:#fff;font-size:15px;background-color:#39b54a;border:none;cursor:pointer;outline:0}.aim-modal .aim-modal--footer .aesthetic-button[data-v-02a817ad]{height:40px;margin-left:5px}.aim-modal .aim-modal--footer .aesthetic-button-success[data-v-02a817ad]{padding:12px 36px;color:#fff;width:initial;font-size:15px}.aim-modal .aim-modal--footer .aesthetic-button-success[data-v-02a817ad]:hover{background-color:#39b54a}.aim-sidebar-preview[data-v-02a817ad]{position:absolute;bottom:50px;width:300px}.aim-sidebar-preview .aim-icon-item[data-v-02a817ad]{height:200px}.aim-sidebar-preview .aim-icon-item-inner i[data-v-02a817ad]{padding-top:10px;font-size:120px}.aim-sidebar-preview .aim-icon-item-name[data-v-02a817ad]{padding-top:20px;font-size:20px;color:#444;text-transform:lowercase}@media (max-width:1439px){.aim-modal .aim-modal--content[data-v-02a817ad]{max-width:990px}}@media (min-width:1440px){.aim-modal .aim-modal--content[data-v-02a817ad]{max-width:1200px}}@media (max-width:1439px){.aim-modal--icon-preview-wrap[data-v-02a817ad]{padding:30px 50px 0}}@media (max-width:479px){.aim-modal--icon-preview-wrap[data-v-02a817ad]{width:100%}}@media (max-width:1439px){.aim-modal--icon-preview[data-v-02a817ad]{grid-template-columns:repeat(6,1fr)}}@media (max-width:1024px){.aim-modal--icon-preview[data-v-02a817ad]{grid-template-columns:repeat(5,1fr)}}@media (max-width:767px){.aim-modal--icon-preview[data-v-02a817ad]{grid-template-columns:repeat(4,1fr)}}@media (max-width:479px){.aim-modal--icon-preview[data-v-02a817ad]{grid-template-columns:repeat(3,1fr)}}@media (max-width:479px){.aim-modal--sidebar[data-v-02a817ad]{display:none}}@media (max-width:1439px){.aim-modal--sidebar-tab-item[data-v-02a817ad]{padding:15px 15px 15px 25px;font-size:11px}.aim-modal--sidebar-tab-item i[data-v-02a817ad]{font-size:15px}}@media (max-width:1024px){.aim-modal--sidebar-tab-item i[data-v-02a817ad]{display:none}}
================================================
FILE: build-umd-esm/vue3-icon-picker.es.js
================================================
import{ref as a,computed as f,pushScopeId as s,popScopeId as e,openBlock as r,createBlock as i,Fragment as l,createVNode as o,mergeProps as t,toDisplayString as n,renderList as c,withDirectives as b,vModelText as d,createCommentVNode as p,withScopeId as u}from"vue";var m={fontAwesome:{title:"Font Awesome",variants:{regular:{title:"Regular",prefix:"far fa-",iconstyle:"fa-regular",listicon:"fab fa-font-awesome-alt",icons:["far fa-address-book","far fa-address-card","far fa-angry","far fa-arrow-alt-circle-down","far fa-arrow-alt-circle-left","far fa-arrow-alt-circle-right","far fa-arrow-alt-circle-up","far fa-bell","far fa-bell-slash","far fa-bookmark","far fa-building","far fa-calendar","far fa-calendar-alt","far fa-calendar-check","far fa-calendar-minus","far fa-calendar-plus","far fa-calendar-times","far fa-caret-square-down","far fa-caret-square-left","far fa-caret-square-right","far fa-caret-square-up","far fa-chart-bar","far fa-check-circle","far fa-check-square","far fa-circle","far fa-clipboard","far fa-clock","far fa-clone","far fa-closed-captioning","far fa-comment","far fa-comment-alt","far fa-comment-dots","far fa-comments","far fa-compass","far fa-copy","far fa-copyright","far fa-credit-card","far fa-dizzy","far fa-dot-circle","far fa-edit","far fa-envelope","far fa-envelope-open","far fa-eye","far fa-eye-slash","far fa-file","far fa-file-alt","far fa-file-archive","far fa-file-audio","far fa-file-code","far fa-file-excel","far fa-file-image","far fa-file-pdf","far fa-file-powerpoint","far fa-file-video","far fa-file-word","far fa-flag","far fa-flushed","far fa-folder","far fa-folder-open","far fa-frown","far fa-frown-open","far fa-futbol","far fa-gem","far fa-grimace","far fa-grin","far fa-grin-alt","far fa-grin-beam","far fa-grin-beam-sweat","far fa-grin-hearts","far fa-grin-squint","far fa-grin-squint-tears","far fa-grin-stars","far fa-grin-tears","far fa-grin-tongue","far fa-grin-tongue-squint","far fa-grin-tongue-wink","far fa-grin-wink","far fa-hand-lizard","far fa-hand-paper","far fa-hand-peace","far fa-hand-point-down","far fa-hand-point-left","far fa-hand-point-right","far fa-hand-point-up","far fa-hand-pointer","far fa-hand-rock","far fa-hand-scissors","far fa-hand-spock","far fa-handshake","far fa-hdd","far fa-heart","far fa-hospital","far fa-hourglass","far fa-id-badge","far fa-id-card","far fa-image","far fa-images","far fa-keyboard","far fa-kiss","far fa-kiss-beam","far fa-kiss-wink-heart","far fa-laugh","far fa-laugh-beam","far fa-laugh-squint","far fa-laugh-wink","far fa-lemon","far fa-life-ring","far fa-lightbulb","far fa-list-alt","far fa-map","far fa-meh","far fa-meh-blank","far fa-meh-rolling-eyes","far fa-minus-square","far fa-money-bill-alt","far fa-moon","far fa-newspaper","far fa-object-group","far fa-object-ungroup","far fa-paper-plane","far fa-pause-circle","far fa-play-circle","far fa-plus-square","far fa-question-circle","far fa-registered","far fa-sad-cry","far fa-sad-tear","far fa-save","far fa-share-square","far fa-smile","far fa-smile-beam","far fa-smile-wink","far fa-snowflake","far fa-square","far fa-star","far fa-star-half","far fa-sticky-note","far fa-stop-circle","far fa-sun","far fa-surprise","far fa-thumbs-down","far fa-thumbs-up","far fa-times-circle","far fa-tired","far fa-trash-alt","far fa-user","far fa-user-circle","far fa-window-close","far fa-window-maximize","far fa-window-minimize","far fa-window-restore"]},solid:{title:"Solid",prefix:"fas fa-",iconstyle:"fa-solid",listicon:"fab fa-font-awesome",icons:["fas fa-ad","fas fa-address-book","fas fa-address-card","fas fa-adjust","fas fa-air-freshener","fas fa-align-center","fas fa-align-justify","fas fa-align-left","fas fa-align-right","fas fa-allergies","fas fa-ambulance","fas fa-american-sign-language-interpreting","fas fa-anchor","fas fa-angle-double-down","fas fa-angle-double-left","fas fa-angle-double-right","fas fa-angle-double-up","fas fa-angle-down","fas fa-angle-left","fas fa-angle-right","fas fa-angle-up","fas fa-angry","fas fa-ankh","fas fa-apple-alt","fas fa-archive","fas fa-archway","fas fa-arrow-alt-circle-down","fas fa-arrow-alt-circle-left","fas fa-arrow-alt-circle-right","fas fa-arrow-alt-circle-up","fas fa-arrow-circle-down","fas fa-arrow-circle-left","fas fa-arrow-circle-right","fas fa-arrow-circle-up","fas fa-arrow-down","fas fa-arrow-left","fas fa-arrow-right","fas fa-arrow-up","fas fa-arrows-alt","fas fa-arrows-alt-h","fas fa-arrows-alt-v","fas fa-assistive-listening-systems","fas fa-asterisk","fas fa-at","fas fa-atlas","fas fa-atom","fas fa-audio-description","fas fa-award","fas fa-baby","fas fa-baby-carriage","fas fa-backspace","fas fa-backward","fas fa-bacon","fas fa-bahai","fas fa-balance-scale","fas fa-balance-scale-left","fas fa-balance-scale-right","fas fa-ban","fas fa-band-aid","fas fa-barcode","fas fa-bars","fas fa-baseball-ball","fas fa-basketball-ball","fas fa-bath","fas fa-battery-empty","fas fa-battery-full","fas fa-battery-half","fas fa-battery-quarter","fas fa-battery-three-quarters","fas fa-bed","fas fa-beer","fas fa-bell","fas fa-bell-slash","fas fa-bezier-curve","fas fa-bible","fas fa-bicycle","fas fa-biking","fas fa-binoculars","fas fa-biohazard","fas fa-birthday-cake","fas fa-blender","fas fa-blender-phone","fas fa-blind","fas fa-blog","fas fa-bold","fas fa-bolt","fas fa-bomb","fas fa-bone","fas fa-bong","fas fa-book","fas fa-book-dead","fas fa-book-medical","fas fa-book-open","fas fa-book-reader","fas fa-bookmark","fas fa-border-all","fas fa-border-none","fas fa-border-style","fas fa-bowling-ball","fas fa-box","fas fa-box-open","fas fa-boxes","fas fa-braille","fas fa-brain","fas fa-bread-slice","fas fa-briefcase","fas fa-briefcase-medical","fas fa-broadcast-tower","fas fa-broom","fas fa-brush","fas fa-bug","fas fa-building","fas fa-bullhorn","fas fa-bullseye","fas fa-burn","fas fa-bus","fas fa-bus-alt","fas fa-business-time","fas fa-calculator","fas fa-calendar","fas fa-calendar-alt","fas fa-calendar-check","fas fa-calendar-day","fas fa-calendar-minus","fas fa-calendar-plus","fas fa-calendar-times","fas fa-calendar-week","fas fa-camera","fas fa-camera-retro","fas fa-campground","fas fa-candy-cane","fas fa-cannabis","fas fa-capsules","fas fa-car","fas fa-car-alt","fas fa-car-battery","fas fa-car-crash","fas fa-car-side","fas fa-caravan","fas fa-caret-down","fas fa-caret-left","fas fa-caret-right","fas fa-caret-square-down","fas fa-caret-square-left","fas fa-caret-square-right","fas fa-caret-square-up","fas fa-caret-up","fas fa-carrot","fas fa-cart-arrow-down","fas fa-cart-plus","fas fa-cash-register","fas fa-cat","fas fa-certificate","fas fa-chair","fas fa-chalkboard","fas fa-chalkboard-teacher","fas fa-charging-station","fas fa-chart-area","fas fa-chart-bar","fas fa-chart-line","fas fa-chart-pie","fas fa-check","fas fa-check-circle","fas fa-check-double","fas fa-check-square","fas fa-cheese","fas fa-chess","fas fa-chess-bishop","fas fa-chess-board","fas fa-chess-king","fas fa-chess-knight","fas fa-chess-pawn","fas fa-chess-queen","fas fa-chess-rook","fas fa-chevron-circle-down","fas fa-chevron-circle-left","fas fa-chevron-circle-right","fas fa-chevron-circle-up","fas fa-chevron-down","fas fa-chevron-left","fas fa-chevron-right","fas fa-chevron-up","fas fa-child","fas fa-church","fas fa-circle","fas fa-circle-notch","fas fa-city","fas fa-clinic-medical","fas fa-clipboard","fas fa-clipboard-check","fas fa-clipboard-list","fas fa-clock","fas fa-clone","fas fa-closed-captioning","fas fa-cloud","fas fa-cloud-download-alt","fas fa-cloud-meatball","fas fa-cloud-moon","fas fa-cloud-moon-rain","fas fa-cloud-rain","fas fa-cloud-showers-heavy","fas fa-cloud-sun","fas fa-cloud-sun-rain","fas fa-cloud-upload-alt","fas fa-cocktail","fas fa-code","fas fa-code-branch","fas fa-coffee","fas fa-cog","fas fa-cogs","fas fa-coins","fas fa-columns","fas fa-comment","fas fa-comment-alt","fas fa-comment-dollar","fas fa-comment-dots","fas fa-comment-medical","fas fa-comment-slash","fas fa-comments","fas fa-comments-dollar","fas fa-compact-disc","fas fa-compass","fas fa-compress","fas fa-compress-alt","fas fa-compress-arrows-alt","fas fa-concierge-bell","fas fa-cookie","fas fa-cookie-bite","fas fa-copy","fas fa-copyright","fas fa-couch","fas fa-credit-card","fas fa-crop","fas fa-crop-alt","fas fa-cross","fas fa-crosshairs","fas fa-crow","fas fa-crown","fas fa-crutch","fas fa-cube","fas fa-cubes","fas fa-cut","fas fa-database","fas fa-deaf","fas fa-democrat","fas fa-desktop","fas fa-dharmachakra","fas fa-diagnoses","fas fa-dice","fas fa-dice-d20","fas fa-dice-d6","fas fa-dice-five","fas fa-dice-four","fas fa-dice-one","fas fa-dice-six","fas fa-dice-three","fas fa-dice-two","fas fa-digital-tachograph","fas fa-directions","fas fa-divide","fas fa-dizzy","fas fa-dna","fas fa-dog","fas fa-dollar-sign","fas fa-dolly","fas fa-dolly-flatbed","fas fa-donate","fas fa-door-closed","fas fa-door-open","fas fa-dot-circle","fas fa-dove","fas fa-download","fas fa-drafting-compass","fas fa-dragon","fas fa-draw-polygon","fas fa-drum","fas fa-drum-steelpan","fas fa-drumstick-bite","fas fa-dumbbell","fas fa-dumpster","fas fa-dumpster-fire","fas fa-dungeon","fas fa-edit","fas fa-egg","fas fa-eject","fas fa-ellipsis-h","fas fa-ellipsis-v","fas fa-envelope","fas fa-envelope-open","fas fa-envelope-open-text","fas fa-envelope-square","fas fa-equals","fas fa-eraser","fas fa-ethernet","fas fa-euro-sign","fas fa-exchange-alt","fas fa-exclamation","fas fa-exclamation-circle","fas fa-exclamation-triangle","fas fa-expand","fas fa-expand-alt","fas fa-expand-arrows-alt","fas fa-external-link-alt","fas fa-external-link-square-alt","fas fa-eye","fas fa-eye-dropper","fas fa-eye-slash","fas fa-fan","fas fa-fast-backward","fas fa-fast-forward","fas fa-fax","fas fa-feather","fas fa-feather-alt","fas fa-female","fas fa-fighter-jet","fas fa-file","fas fa-file-alt","fas fa-file-archive","fas fa-file-audio","fas fa-file-code","fas fa-file-contract","fas fa-file-csv","fas fa-file-download","fas fa-file-excel","fas fa-file-export","fas fa-file-image","fas fa-file-import","fas fa-file-invoice","fas fa-file-invoice-dollar","fas fa-file-medical","fas fa-file-medical-alt","fas fa-file-pdf","fas fa-file-powerpoint","fas fa-file-prescription","fas fa-file-signature","fas fa-file-upload","fas fa-file-video","fas fa-file-word","fas fa-fill","fas fa-fill-drip","fas fa-film","fas fa-filter","fas fa-fingerprint","fas fa-fire","fas fa-fire-alt","fas fa-fire-extinguisher","fas fa-first-aid","fas fa-fish","fas fa-fist-raised","fas fa-flag","fas fa-flag-checkered","fas fa-flag-usa","fas fa-flask","fas fa-flushed","fas fa-folder","fas fa-folder-minus","fas fa-folder-open","fas fa-folder-plus","fas fa-font","fas fa-football-ball","fas fa-forward","fas fa-frog","fas fa-frown","fas fa-frown-open","fas fa-funnel-dollar","fas fa-futbol","fas fa-gamepad","fas fa-gas-pump","fas fa-gavel","fas fa-gem","fas fa-genderless","fas fa-ghost","fas fa-gift","fas fa-gifts","fas fa-glass-cheers","fas fa-glass-martini","fas fa-glass-martini-alt","fas fa-glass-whiskey","fas fa-glasses","fas fa-globe","fas fa-globe-africa","fas fa-globe-americas","fas fa-globe-asia","fas fa-globe-europe","fas fa-golf-ball","fas fa-gopuram","fas fa-graduation-cap","fas fa-greater-than","fas fa-greater-than-equal","fas fa-grimace","fas fa-grin","fas fa-grin-alt","fas fa-grin-beam","fas fa-grin-beam-sweat","fas fa-grin-hearts","fas fa-grin-squint","fas fa-grin-squint-tears","fas fa-grin-stars","fas fa-grin-tears","fas fa-grin-tongue","fas fa-grin-tongue-squint","fas fa-grin-tongue-wink","fas fa-grin-wink","fas fa-grip-horizontal","fas fa-grip-lines","fas fa-grip-lines-vertical","fas fa-grip-vertical","fas fa-guitar","fas fa-h-square","fas fa-hamburger","fas fa-hammer","fas fa-hamsa","fas fa-hand-holding","fas fa-hand-holding-heart","fas fa-hand-holding-usd","fas fa-hand-lizard","fas fa-hand-middle-finger","fas fa-hand-paper","fas fa-hand-peace","fas fa-hand-point-down","fas fa-hand-point-left","fas fa-hand-point-right","fas fa-hand-point-up","fas fa-hand-pointer","fas fa-hand-rock","fas fa-hand-scissors","fas fa-hand-spock","fas fa-hands","fas fa-hands-helping","fas fa-handshake","fas fa-hanukiah","fas fa-hard-hat","fas fa-hashtag","fas fa-hat-cowboy","fas fa-hat-cowboy-side","fas fa-hat-wizard","fas fa-hdd","fas fa-heading","fas fa-headphones","fas fa-headphones-alt","fas fa-headset","fas fa-heart","fas fa-heart-broken","fas fa-heartbeat","fas fa-helicopter","fas fa-highlighter","fas fa-hiking","fas fa-hippo","fas fa-history","fas fa-hockey-puck","fas fa-holly-berry","fas fa-home","fas fa-horse","fas fa-horse-head","fas fa-hospital","fas fa-hospital-alt","fas fa-hospital-symbol","fas fa-hot-tub","fas fa-hotdog","fas fa-hotel","fas fa-hourglass","fas fa-hourglass-end","fas fa-hourglass-half","fas fa-hourglass-start","fas fa-house-damage","fas fa-hryvnia","fas fa-i-cursor","fas fa-ice-cream","fas fa-icicles","fas fa-icons","fas fa-id-badge","fas fa-id-card","fas fa-id-card-alt","fas fa-igloo","fas fa-image","fas fa-images","fas fa-inbox","fas fa-indent","fas fa-industry","fas fa-infinity","fas fa-info","fas fa-info-circle","fas fa-italic","fas fa-jedi","fas fa-joint","fas fa-journal-whills","fas fa-kaaba","fas fa-key","fas fa-keyboard","fas fa-khanda","fas fa-kiss","fas fa-kiss-beam","fas fa-kiss-wink-heart","fas fa-kiwi-bird","fas fa-landmark","fas fa-language","fas fa-laptop","fas fa-laptop-code","fas fa-laptop-medical","fas fa-laugh","fas fa-laugh-beam","fas fa-laugh-squint","fas fa-laugh-wink","fas fa-layer-group","fas fa-leaf","fas fa-lemon","fas fa-less-than","fas fa-less-than-equal","fas fa-level-down-alt","fas fa-level-up-alt","fas fa-life-ring","fas fa-lightbulb","fas fa-link","fas fa-lira-sign","fas fa-list","fas fa-list-alt","fas fa-list-ol","fas fa-list-ul","fas fa-location-arrow","fas fa-lock","fas fa-lock-open","fas fa-long-arrow-alt-down","fas fa-long-arrow-alt-left","fas fa-long-arrow-alt-right","fas fa-long-arrow-alt-up","fas fa-low-vision","fas fa-luggage-cart","fas fa-magic","fas fa-magnet","fas fa-mail-bulk","fas fa-male","fas fa-map","fas fa-map-marked","fas fa-map-marked-alt","fas fa-map-marker","fas fa-map-marker-alt","fas fa-map-pin","fas fa-map-signs","fas fa-marker","fas fa-mars","fas fa-mars-double","fas fa-mars-stroke","fas fa-mars-stroke-h","fas fa-mars-stroke-v","fas fa-mask","fas fa-medal","fas fa-medkit","fas fa-meh","fas fa-meh-blank","fas fa-meh-rolling-eyes","fas fa-memory","fas fa-menorah","fas fa-mercury","fas fa-meteor","fas fa-microchip","fas fa-microphone","fas fa-microphone-alt","fas fa-microphone-alt-slash","fas fa-microphone-slash","fas fa-microscope","fas fa-minus","fas fa-minus-circle","fas fa-minus-square","fas fa-mitten","fas fa-mobile","fas fa-mobile-alt","fas fa-money-bill","fas fa-money-bill-alt","fas fa-money-bill-wave","fas fa-money-bill-wave-alt","fas fa-money-check","fas fa-money-check-alt","fas fa-monument","fas fa-moon","fas fa-mortar-pestle","fas fa-mosque","fas fa-motorcycle","fas fa-mountain","fas fa-mouse","fas fa-mouse-pointer","fas fa-mug-hot","fas fa-music","fas fa-network-wired","fas fa-neuter","fas fa-newspaper","fas fa-not-equal","fas fa-notes-medical","fas fa-object-group","fas fa-object-ungroup","fas fa-oil-can","fas fa-om","fas fa-otter","fas fa-outdent","fas fa-pager","fas fa-paint-brush","fas fa-paint-roller","fas fa-palette","fas fa-pallet","fas fa-paper-plane","fas fa-paperclip","fas fa-parachute-box","fas fa-paragraph","fas fa-parking","fas fa-passport","fas fa-pastafarianism","fas fa-paste","fas fa-pause","fas fa-pause-circle","fas fa-paw","fas fa-peace","fas fa-pen","fas fa-pen-alt","fas fa-pen-fancy","fas fa-pen-nib","fas fa-pen-square","fas fa-pencil-alt","fas fa-pencil-ruler","fas fa-people-carry","fas fa-pepper-hot","fas fa-percent","fas fa-percentage","fas fa-person-booth","fas fa-phone","fas fa-phone-alt","fas fa-phone-slash","fas fa-phone-square","fas fa-phone-square-alt","fas fa-phone-volume","fas fa-photo-video","fas fa-piggy-bank","fas fa-pills","fas fa-pizza-slice","fas fa-place-of-worship","fas fa-plane","fas fa-plane-arrival","fas fa-plane-departure","fas fa-play","fas fa-play-circle","fas fa-plug","fas fa-plus","fas fa-plus-circle","fas fa-plus-square","fas fa-podcast","fas fa-poll","fas fa-poll-h","fas fa-poo","fas fa-poo-storm","fas fa-poop","fas fa-portrait","fas fa-pound-sign","fas fa-power-off","fas fa-pray","fas fa-praying-hands","fas fa-prescription","fas fa-prescription-bottle","fas fa-prescription-bottle-alt","fas fa-print","fas fa-procedures","fas fa-project-diagram","fas fa-puzzle-piece","fas fa-qrcode","fas fa-question","fas fa-question-circle","fas fa-quidditch","fas fa-quote-left","fas fa-quote-right","fas fa-quran","fas fa-radiation","fas fa-radiation-alt","fas fa-rainbow","fas fa-random","fas fa-receipt","fas fa-record-vinyl","fas fa-recycle","fas fa-redo","fas fa-redo-alt","fas fa-registered","fas fa-remove-format","fas fa-reply","fas fa-reply-all","fas fa-republican","fas fa-restroom","fas fa-retweet","fas fa-ribbon","fas fa-ring","fas fa-road","fas fa-robot","fas fa-rocket","fas fa-route","fas fa-rss","fas fa-rss-square","fas fa-ruble-sign","fas fa-ruler","fas fa-ruler-combined","fas fa-ruler-horizontal","fas fa-ruler-vertical","fas fa-running","fas fa-rupee-sign","fas fa-sad-cry","fas fa-sad-tear","fas fa-satellite","fas fa-satellite-dish","fas fa-save","fas fa-school","fas fa-screwdriver","fas fa-scroll","fas fa-sd-card","fas fa-search","fas fa-search-dollar","fas fa-search-location","fas fa-search-minus","fas fa-search-plus","fas fa-seedling","fas fa-server","fas fa-shapes","fas fa-share","fas fa-share-alt","fas fa-share-alt-square","fas fa-share-square","fas fa-shekel-sign","fas fa-shield-alt","fas fa-ship","fas fa-shipping-fast","fas fa-shoe-prints","fas fa-shopping-bag","fas fa-shopping-basket","fas fa-shopping-cart","fas fa-shower","fas fa-shuttle-van","fas fa-sign","fas fa-sign-in-alt","fas fa-sign-language","fas fa-sign-out-alt","fas fa-signal","fas fa-signature","fas fa-sim-card","fas fa-sitemap","fas fa-skating","fas fa-skiing","fas fa-skiing-nordic","fas fa-skull","fas fa-skull-crossbones","fas fa-slash","fas fa-sleigh","fas fa-sliders-h","fas fa-smile","fas fa-smile-beam","fas fa-smile-wink","fas fa-smog","fas fa-smoking","fas fa-smoking-ban","fas fa-sms","fas fa-snowboarding","fas fa-snowflake","fas fa-snowman","fas fa-snowplow","fas fa-socks","fas fa-solar-panel","fas fa-sort","fas fa-sort-alpha-down","fas fa-sort-alpha-down-alt","fas fa-sort-alpha-up","fas fa-sort-alpha-up-alt","fas fa-sort-amount-down","fas fa-sort-amount-down-alt","fas fa-sort-amount-up","fas fa-sort-amount-up-alt","fas fa-sort-down","fas fa-sort-numeric-down","fas fa-sort-numeric-down-alt","fas fa-sort-numeric-up","fas fa-sort-numeric-up-alt","fas fa-sort-up","fas fa-spa","fas fa-space-shuttle","fas fa-spell-check","fas fa-spider","fas fa-spinner","fas fa-splotch","fas fa-spray-can","fas fa-square","fas fa-square-full","fas fa-square-root-alt","fas fa-stamp","fas fa-star","fas fa-star-and-crescent","fas fa-star-half","fas fa-star-half-alt","fas fa-star-of-david","fas fa-star-of-life","fas fa-step-backward","fas fa-step-forward","fas fa-stethoscope","fas fa-sticky-note","fas fa-stop","fas fa-stop-circle","fas fa-stopwatch","fas fa-store","fas fa-store-alt","fas fa-stream","fas fa-street-view","fas fa-strikethrough","fas fa-stroopwafel","fas fa-subscript","fas fa-subway","fas fa-suitcase","fas fa-suitcase-rolling","fas fa-sun","fas fa-superscript","fas fa-surprise","fas fa-swatchbook","fas fa-swimmer","fas fa-swimming-pool","fas fa-synagogue","fas fa-sync","fas fa-sync-alt","fas fa-syringe","fas fa-table","fas fa-table-tennis","fas fa-tablet","fas fa-tablet-alt","fas fa-tablets","fas fa-tachometer-alt","fas fa-tag","fas fa-tags","fas fa-tape","fas fa-tasks","fas fa-taxi","fas fa-teeth","fas fa-teeth-open","fas fa-temperature-high","fas fa-temperature-low","fas fa-tenge","fas fa-terminal","fas fa-text-height","fas fa-text-width","fas fa-th","fas fa-th-large","fas fa-th-list","fas fa-theater-masks","fas fa-thermometer","fas fa-thermometer-empty","fas fa-thermometer-full","fas fa-thermometer-half","fas fa-thermometer-quarter","fas fa-thermometer-three-quarters","fas fa-thumbs-down","fas fa-thumbs-up","fas fa-thumbtack","fas fa-ticket-alt","fas fa-times","fas fa-times-circle","fas fa-tint","fas fa-tint-slash","fas fa-tired","fas fa-toggle-off","fas fa-toggle-on","fas fa-toilet","fas fa-toilet-paper","fas fa-toolbox","fas fa-tools","fas fa-tooth","fas fa-torah","fas fa-torii-gate","fas fa-tractor","fas fa-trademark","fas fa-traffic-light","fas fa-trailer","fas fa-train","fas fa-tram","fas fa-transgender","fas fa-transgender-alt","fas fa-trash","fas fa-trash-alt","fas fa-trash-restore","fas fa-trash-restore-alt","fas fa-tree","fas fa-trophy","fas fa-truck","fas fa-truck-loading","fas fa-truck-monster","fas fa-truck-moving","fas fa-truck-pickup","fas fa-tshirt","fas fa-tty","fas fa-tv","fas fa-umbrella","fas fa-umbrella-beach","fas fa-underline","fas fa-undo","fas fa-undo-alt","fas fa-universal-access","fas fa-university","fas fa-unlink","fas fa-unlock","fas fa-unlock-alt","fas fa-upload","fas fa-user","fas fa-user-alt","fas fa-user-alt-slash","fas fa-user-astronaut","fas fa-user-check","fas fa-user-circle","fas fa-user-clock","fas fa-user-cog","fas fa-user-edit","fas fa-user-friends","fas fa-user-graduate","fas fa-user-injured","fas fa-user-lock","fas fa-user-md","fas fa-user-minus","fas fa-user-ninja","fas fa-user-nurse","fas fa-user-plus","fas fa-user-secret","fas fa-user-shield","fas fa-user-slash","fas fa-user-tag","fas fa-user-tie","fas fa-user-times","fas fa-users","fas fa-users-cog","fas fa-utensil-spoon","fas fa-utensils","fas fa-vector-square","fas fa-venus","fas fa-venus-double","fas fa-venus-mars","fas fa-vial","fas fa-vials","fas fa-video","fas fa-video-slash","fas fa-vihara","fas fa-voicemail","fas fa-volleyball-ball","fas fa-volume-down","fas fa-volume-mute","fas fa-volume-off","fas fa-volume-up","fas fa-vote-yea","fas fa-vr-cardboard","fas fa-walking","fas fa-wallet","fas fa-warehouse","fas fa-water","fas fa-wave-square","fas fa-weight","fas fa-weight-hanging","fas fa-wheelchair","fas fa-wifi","fas fa-wind","fas fa-window-close","fas fa-window-maximize","fas fa-window-minimize","fas fa-window-restore","fas fa-wine-bottle","fas fa-wine-glass","fas fa-wine-glass-alt","fas fa-won-sign","fas fa-wrench","fas fa-x-ray","fas fa-yen-sign","fas fa-yin-yang"]},brands:{title:"Brands",prefix:"fab fa-",iconstyle:"fa-brands",listicon:"fab fa-font-awesome-flag",icons:["fab fa-500px","fab fa-accessible-icon","fab fa-accusoft","fab fa-acquisitions-incorporated","fab fa-adn","fab fa-adobe","fab fa-adversal","fab fa-affiliatetheme","fab fa-airbnb","fab fa-algolia","fab fa-alipay","fab fa-amazon","fab fa-amazon-pay","fab fa-amilia","fab fa-android","fab fa-angellist","fab fa-angrycreative","fab fa-angular","fab fa-app-store","fab fa-app-store-ios","fab fa-apper","fab fa-apple","fab fa-apple-pay","fab fa-artstation","fab fa-asymmetrik","fab fa-atlassian","fab fa-audible","fab fa-autoprefixer","fab fa-avianex","fab fa-aviato","fab fa-aws","fab fa-bandcamp","fab fa-battle-net","fab fa-behance","fab fa-behance-square","fab fa-bimobject","fab fa-bitbucket","fab fa-bitcoin","fab fa-bity","fab fa-black-tie","fab fa-blackberry","fab fa-blogger","fab fa-blogger-b","fab fa-bluetooth","fab fa-bluetooth-b","fab fa-bootstrap","fab fa-btc","fab fa-buffer","fab fa-buromobelexperte","fab fa-buy-n-large","fab fa-buysellads","fab fa-canadian-maple-leaf","fab fa-cc-amazon-pay","fab fa-cc-amex","fab fa-cc-apple-pay","fab fa-cc-diners-club","fab fa-cc-discover","fab fa-cc-jcb","fab fa-cc-mastercard","fab fa-cc-paypal","fab fa-cc-stripe","fab fa-cc-visa","fab fa-centercode","fab fa-centos","fab fa-chrome","fab fa-chromecast","fab fa-cloudscale","fab fa-cloudsmith","fab fa-cloudversify","fab fa-codepen","fab fa-codiepie","fab fa-confluence","fab fa-connectdevelop","fab fa-contao","fab fa-cotton-bureau","fab fa-cpanel","fab fa-creative-commons","fab fa-creative-commons-by","fab fa-creative-commons-nc","fab fa-creative-commons-nc-eu","fab fa-creative-commons-nc-jp","fab fa-creative-commons-nd","fab fa-creative-commons-pd","fab fa-creative-commons-pd-alt","fab fa-creative-commons-remix","fab fa-creative-commons-sa","fab fa-creative-commons-sampling","fab fa-creative-commons-sampling-plus","fab fa-creative-commons-share","fab fa-creative-commons-zero","fab fa-critical-role","fab fa-css3","fab fa-css3-alt","fab fa-cuttlefish","fab fa-d-and-d","fab fa-d-and-d-beyond","fab fa-dashcube","fab fa-delicious","fab fa-deploydog","fab fa-deskpro","fab fa-dev","fab fa-deviantart","fab fa-dhl","fab fa-diaspora","fab fa-digg","fab fa-digital-ocean","fab fa-discord","fab fa-discourse","fab fa-dochub","fab fa-docker","fab fa-draft2digital","fab fa-dribbble","fab fa-dribbble-square","fab fa-dropbox","fab fa-drupal","fab fa-dyalog","fab fa-earlybirds","fab fa-ebay","fab fa-edge","fab fa-elementor","fab fa-ello","fab fa-ember","fab fa-empire","fab fa-envira","fab fa-erlang","fab fa-ethereum","fab fa-etsy","fab fa-evernote","fab fa-expeditedssl","fab fa-facebook","fab fa-facebook-f","fab fa-facebook-messenger","fab fa-facebook-square","fab fa-fantasy-flight-games","fab fa-fedex","fab fa-fedora","fab fa-figma","fab fa-firefox","fab fa-firefox-browser","fab fa-first-order","fab fa-first-order-alt","fab fa-firstdraft","fab fa-flickr","fab fa-flipboard","fab fa-fly","fab fa-font-awesome","fab fa-font-awesome-alt","fab fa-font-awesome-flag","fab fa-fonticons","fab fa-fonticons-fi","fab fa-fort-awesome","fab fa-fort-awesome-alt","fab fa-forumbee","fab fa-foursquare","fab fa-free-code-camp","fab fa-freebsd","fab fa-fulcrum","fab fa-galactic-republic","fab fa-galactic-senate","fab fa-get-pocket","fab fa-gg","fab fa-gg-circle","fab fa-git","fab fa-git-alt","fab fa-git-square","fab fa-github","fab fa-github-alt","fab fa-github-square","fab fa-gitkraken","fab fa-gitlab","fab fa-gitter","fab fa-glide","fab fa-glide-g","fab fa-gofore","fab fa-goodreads","fab fa-goodreads-g","fab fa-google","fab fa-google-drive","fab fa-google-play","fab fa-google-plus","fab fa-google-plus-g","fab fa-google-plus-square","fab fa-google-wallet","fab fa-gratipay","fab fa-grav","fab fa-gripfire","fab fa-grunt","fab fa-gulp","fab fa-hacker-news","fab fa-hacker-news-square","fab fa-hackerrank","fab fa-hips","fab fa-hire-a-helper","fab fa-hooli","fab fa-hornbill","fab fa-hotjar","fab fa-houzz","fab fa-html5","fab fa-hubspot","fab fa-ideal","fab fa-imdb","fab fa-instagram","fab fa-intercom","fab fa-internet-explorer","fab fa-invision","fab fa-ioxhost","fab fa-itch-io","fab fa-itunes","fab fa-itunes-note","fab fa-java","fab fa-jedi-order","fab fa-jenkins","fab fa-jira","fab fa-joget","fab fa-joomla","fab fa-js","fab fa-js-square","fab fa-jsfiddle","fab fa-kaggle","fab fa-keybase","fab fa-keycdn","fab fa-kickstarter","fab fa-kickstarter-k","fab fa-korvue","fab fa-laravel","fab fa-lastfm","fab fa-lastfm-square","fab fa-leanpub","fab fa-less","fab fa-line","fab fa-linkedin","fab fa-linkedin-in","fab fa-linode","fab fa-linux","fab fa-lyft","fab fa-magento","fab fa-mailchimp","fab fa-mandalorian","fab fa-markdown","fab fa-mastodon","fab fa-maxcdn","fab fa-mdb","fab fa-medapps","fab fa-medium","fab fa-medium-m","fab fa-medrt","fab fa-meetup","fab fa-megaport","fab fa-mendeley","fab fa-microblog","fab fa-microsoft","fab fa-mix","fab fa-mixcloud","fab fa-mizuni","fab fa-modx","fab fa-monero","fab fa-napster","fab fa-neos","fab fa-nimblr","fab fa-node","fab fa-node-js","fab fa-npm","fab fa-ns8","fab fa-nutritionix","fab fa-odnoklassniki","fab fa-odnoklassniki-square","fab fa-old-republic","fab fa-opencart","fab fa-openid","fab fa-opera","fab fa-optin-monster","fab fa-orcid","fab fa-osi","fab fa-page4","fab fa-pagelines","fab fa-palfed","fab fa-patreon","fab fa-paypal","fab fa-penny-arcade","fab fa-periscope","fab fa-phabricator","fab fa-phoenix-framework","fab fa-phoenix-squadron","fab fa-php","fab fa-pied-piper","fab fa-pied-piper-alt","fab fa-pied-piper-hat","fab fa-pied-piper-pp","fab fa-pied-piper-square","fab fa-pinterest","fab fa-pinterest-p","fab fa-pinterest-square","fab fa-playstation","fab fa-product-hunt","fab fa-pushed","fab fa-python","fab fa-qq","fab fa-quinscape","fab fa-quora","fab fa-r-project","fab fa-raspberry-pi","fab fa-ravelry","fab fa-react","fab fa-reacteurope","fab fa-readme","fab fa-rebel","fab fa-red-river","fab fa-reddit","fab fa-reddit-alien","fab fa-reddit-square","fab fa-redhat","fab fa-renren","fab fa-replyd","fab fa-researchgate","fab fa-resolving","fab fa-rev","fab fa-rocketchat","fab fa-rockrms","fab fa-safari","fab fa-salesforce","fab fa-sass","fab fa-schlix","fab fa-scribd","fab fa-searchengin","fab fa-sellcast","fab fa-sellsy","fab fa-servicestack","fab fa-shirtsinbulk","fab fa-shopware","fab fa-simplybuilt","fab fa-sistrix","fab fa-sith","fab fa-sketch","fab fa-skyatlas","fab fa-skype","fab fa-slack","fab fa-slack-hash","fab fa-slideshare","fab fa-snapchat","fab fa-snapchat-ghost","fab fa-snapchat-square","fab fa-soundcloud","fab fa-sourcetree","fab fa-speakap","fab fa-speaker-deck","fab fa-spotify","fab fa-squarespace","fab fa-stack-exchange","fab fa-stack-overflow","fab fa-stackpath","fab fa-staylinked","fab fa-steam","fab fa-steam-square","fab fa-steam-symbol","fab fa-sticker-mule","fab fa-strava","fab fa-stripe","fab fa-stripe-s","fab fa-studiovinari","fab fa-stumbleupon","fab fa-stumbleupon-circle","fab fa-superpowers","fab fa-supple","fab fa-suse","fab fa-swift","fab fa-symfony","fab fa-teamspeak","fab fa-telegram","fab fa-telegram-plane","fab fa-tencent-weibo","fab fa-the-red-yeti","fab fa-themeco","fab fa-themeisle","fab fa-think-peaks","fab fa-trade-federation","fab fa-trello","fab fa-tripadvisor","fab fa-tumblr","fab fa-tumblr-square","fab fa-twitch","fab fa-twitter","fab fa-twitter-square","fab fa-typo3","fab fa-uber","fab fa-ubuntu","fab fa-uikit","fab fa-umbraco","fab fa-uniregistry","fab fa-unity","fab fa-untappd","fab fa-ups","fab fa-usb","fab fa-usps","fab fa-ussunnah","fab fa-vaadin","fab fa-viacoin","fab fa-viadeo","fab fa-viadeo-square","fab fa-viber","fab fa-vimeo","fab fa-vimeo-square","fab fa-vimeo-v","fab fa-vine","fab fa-vk","fab fa-vnv","fab fa-vuejs","fab fa-waze","fab fa-weebly","fab fa-weibo","fab fa-weixin","fab fa-whatsapp","fab fa-whatsapp-square","fab fa-whmcs","fab fa-wikipedia-w","fab fa-windows","fab fa-wix","fab fa-wizards-of-the-coast","fab fa-wolf-pack-battalion","fab fa-wordpress","fab fa-wordpress-simple","fab fa-wpbeginner","fab fa-wpexplorer","fab fa-wpforms","fab fa-wpressr","fab fa-xbox","fab fa-xing","fab fa-xing-square","fab fa-y-combinator","fab fa-yahoo","fab fa-yammer","fab fa-yandex","fab fa-yandex-international","fab fa-yarn","fab fa-yelp","fab fa-yoast","fab fa-youtube","fab fa-youtube-square","fab fa-zhihu"]}}}};const h={inheritAttrs:!1,props:{label:{type:String,default:"Vue3 Icon Picker"},modelValue:{type:String,default:"fas fa-circle"}},setup(s,e){const r=a(""),i=a(s.modelValue),l=a(!1),o=[{id:"all",title:"All Icons",icon:"fas fa-star-of-life",link:"all"},{id:"far",title:"Font Awesome Regular",icon:"fab fa-font-awesome-alt",link:m.fontAwesome.variants.regular},{id:"fas",title:"Font Awesome Solid",icon:"fab fa-font-awesome",link:m.fontAwesome.variants.solid},{id:"fab",title:"Font Awesome Brands",icon:"fab fa-font-awesome-flag",link:m.fontAwesome.variants.brands}],t=a(o[0]),n=[].concat(o[1].link.icons,o[2].link.icons,o[3].link.icons),c=f((()=>{let a=[];if(a="all"!==t.value.id?t.value.link.icons:n,""!=r.value){const f=r.value.toLowerCase();a=a.filter((a=>a.substr(7,r.value.length)===f))}return a}));return{fontLibrary:m,tabs:o,isActiveTab:a=>a==t.value.id,setActiveTab:a=>{t.value=a},glyphs:c,activeGlyph:i,getGlyphName:a=>a.replace(/f.. fa-/g,"").replace("-"," "),filterText:r,setActiveGlyph:a=>{i.value=a},isActiveGlyph:a=>i.value==a,insert:()=>{e.emit("update:modelValue",i.value),l.value=!1},isVisible:l,togglePicker:()=>{l.value=!l.value},closePicker:()=>{l.value=!1}}}},g=u("data-v-02a817ad");s("data-v-02a817ad");const k={key:0,class:"aim-modal aim-open"},w={class:"aim-modal--content"},v={class:"aim-modal--header"},y={class:"aim-modal--header-logo-area"},q={class:"aim-modal--header-logo-title"},x=o("i",{class:"fas fa-times",title:"Close"},null,-1),j={class:"aim-modal--body"},z={class:"aim-modal--sidebar"},A={class:"aim-modal--sidebar-tabs"},C={class:"aim-sidebar-preview"},G={class:"aim-icon-item "},V={class:"aim-icon-item-inner"},P={class:"aim-icon-item-name"},T={class:"aim-modal--icon-preview-wrap"},F={class:"aim-modal--icon-search"},I=o("i",{class:"fas fa-search"},null,-1),S={class:"aim-modal--icon-preview-inner"},B={class:"aim-modal--icon-preview"},L={class:"aim-icon-item-inner"},N={class:"aim-icon-item-name"},R={class:"aim-modal--footer"};e();const _=g(((a,f,s,e,u,m)=>(r(),i(l,null,[o("span",t(a.$attrs,{onClick:f[1]||(f[1]=(...a)=>e.togglePicker&&e.togglePicker(...a))}),[o("i",{class:["vue3-icon-picker",s.modelValue]},null,2)],16),e.isVisible?(r(),i("div",k,[o("div",w,[o("div",v,[o("div",y,[o("span",q,n(s.label),1)]),o("div",{class:"aim-modal--header-close-btn",onClick:f[2]||(f[2]=(...a)=>e.closePicker&&e.closePicker(...a))},[x])]),o("div",j,[o("div",z,[o("div",A,[(r(!0),i(l,null,c(e.tabs,(a=>(r(),i("div",{class:["aim-modal--sidebar-tab-item",{"aesthetic-active":e.isActiveTab(a.id)}],"data-library-id":"all",key:a.id,onClick:f=>e.setActiveTab(a)},[o("i",{class:a.icon},null,2),o("span",null,n(a.title),1)],10,["onClick"])))),128))]),o("div",C,[o("div",G,[o("div",V,[o("i",{class:e.activeGlyph},null,2),o("div",P,n(e.activeGlyph),1)])])])]),o("div",T,[o("div",F,[b(o("input",{"onUpdate:modelValue":f[3]||(f[3]=a=>e.filterText=a),placeholder:"Filter by name..."},null,512),[[d,e.filterText]]),I]),o("div",S,[o("div",B,[(r(!0),i(l,null,c(e.glyphs,(a=>(r(),i("div",{class:["aim-icon-item",{"aesthetic-selected":e.isActiveGlyph(a)}],key:a,onClick:f=>e.setActiveGlyph(a)},[o("div",L,[o("i",{class:a},null,2),o("div",N,n(e.getGlyphName(a)),1)])],10,["onClick"])))),128))])])])]),o("div",R,[o("button",{class:"aim-insert-icon-button",onClick:f[4]||(f[4]=(...a)=>e.insert&&e.insert(...a))},"Insert")])])])):p("",!0)],64))));h.render=_,h.__scopeId="data-v-02a817ad";export default h;
================================================
FILE: build-umd-esm/vue3-icon-picker.umd.js
================================================
!function(a,f){"object"==typeof exports&&"undefined"!=typeof module?module.exports=f(require("vue")):"function"==typeof define&&define.amd?define(["vue"],f):(a="undefined"!=typeof globalThis?globalThis:a||self).Vue3IconPicker=f(a.Vue)}(this,(function(a){"use strict";var f={fontAwesome:{title:"Font Awesome",variants:{regular:{title:"Regular",prefix:"far fa-",iconstyle:"fa-regular",listicon:"fab fa-font-awesome-alt",icons:["far fa-address-book","far fa-address-card","far fa-angry","far fa-arrow-alt-circle-down","far fa-arrow-alt-circle-left","far fa-arrow-alt-circle-right","far fa-arrow-alt-circle-up","far fa-bell","far fa-bell-slash","far fa-bookmark","far fa-building","far fa-calendar","far fa-calendar-alt","far fa-calendar-check","far fa-calendar-minus","far fa-calendar-plus","far fa-calendar-times","far fa-caret-square-down","far fa-caret-square-left","far fa-caret-square-right","far fa-caret-square-up","far fa-chart-bar","far fa-check-circle","far fa-check-square","far fa-circle","far fa-clipboard","far fa-clock","far fa-clone","far fa-closed-captioning","far fa-comment","far fa-comment-alt","far fa-comment-dots","far fa-comments","far fa-compass","far fa-copy","far fa-copyright","far fa-credit-card","far fa-dizzy","far fa-dot-circle","far fa-edit","far fa-envelope","far fa-envelope-open","far fa-eye","far fa-eye-slash","far fa-file","far fa-file-alt","far fa-file-archive","far fa-file-audio","far fa-file-code","far fa-file-excel","far fa-file-image","far fa-file-pdf","far fa-file-powerpoint","far fa-file-video","far fa-file-word","far fa-flag","far fa-flushed","far fa-folder","far fa-folder-open","far fa-frown","far fa-frown-open","far fa-futbol","far fa-gem","far fa-grimace","far fa-grin","far fa-grin-alt","far fa-grin-beam","far fa-grin-beam-sweat","far fa-grin-hearts","far fa-grin-squint","far fa-grin-squint-tears","far fa-grin-stars","far fa-grin-tears","far fa-grin-tongue","far fa-grin-tongue-squint","far fa-grin-tongue-wink","far fa-grin-wink","far fa-hand-lizard","far fa-hand-paper","far fa-hand-peace","far fa-hand-point-down","far fa-hand-point-left","far fa-hand-point-right","far fa-hand-point-up","far fa-hand-pointer","far fa-hand-rock","far fa-hand-scissors","far fa-hand-spock","far fa-handshake","far fa-hdd","far fa-heart","far fa-hospital","far fa-hourglass","far fa-id-badge","far fa-id-card","far fa-image","far fa-images","far fa-keyboard","far fa-kiss","far fa-kiss-beam","far fa-kiss-wink-heart","far fa-laugh","far fa-laugh-beam","far fa-laugh-squint","far fa-laugh-wink","far fa-lemon","far fa-life-ring","far fa-lightbulb","far fa-list-alt","far fa-map","far fa-meh","far fa-meh-blank","far fa-meh-rolling-eyes","far fa-minus-square","far fa-money-bill-alt","far fa-moon","far fa-newspaper","far fa-object-group","far fa-object-ungroup","far fa-paper-plane","far fa-pause-circle","far fa-play-circle","far fa-plus-square","far fa-question-circle","far fa-registered","far fa-sad-cry","far fa-sad-tear","far fa-save","far fa-share-square","far fa-smile","far fa-smile-beam","far fa-smile-wink","far fa-snowflake","far fa-square","far fa-star","far fa-star-half","far fa-sticky-note","far fa-stop-circle","far fa-sun","far fa-surprise","far fa-thumbs-down","far fa-thumbs-up","far fa-times-circle","far fa-tired","far fa-trash-alt","far fa-user","far fa-user-circle","far fa-window-close","far fa-window-maximize","far fa-window-minimize","far fa-window-restore"]},solid:{title:"Solid",prefix:"fas fa-",iconstyle:"fa-solid",listicon:"fab fa-font-awesome",icons:["fas fa-ad","fas fa-address-book","fas fa-address-card","fas fa-adjust","fas fa-air-freshener","fas fa-align-center","fas fa-align-justify","fas fa-align-left","fas fa-align-right","fas fa-allergies","fas fa-ambulance","fas fa-american-sign-language-interpreting","fas fa-anchor","fas fa-angle-double-down","fas fa-angle-double-left","fas fa-angle-double-right","fas fa-angle-double-up","fas fa-angle-down","fas fa-angle-left","fas fa-angle-right","fas fa-angle-up","fas fa-angry","fas fa-ankh","fas fa-apple-alt","fas fa-archive","fas fa-archway","fas fa-arrow-alt-circle-down","fas fa-arrow-alt-circle-left","fas fa-arrow-alt-circle-right","fas fa-arrow-alt-circle-up","fas fa-arrow-circle-down","fas fa-arrow-circle-left","fas fa-arrow-circle-right","fas fa-arrow-circle-up","fas fa-arrow-down","fas fa-arrow-left","fas fa-arrow-right","fas fa-arrow-up","fas fa-arrows-alt","fas fa-arrows-alt-h","fas fa-arrows-alt-v","fas fa-assistive-listening-systems","fas fa-asterisk","fas fa-at","fas fa-atlas","fas fa-atom","fas fa-audio-description","fas fa-award","fas fa-baby","fas fa-baby-carriage","fas fa-backspace","fas fa-backward","fas fa-bacon","fas fa-bahai","fas fa-balance-scale","fas fa-balance-scale-left","fas fa-balance-scale-right","fas fa-ban","fas fa-band-aid","fas fa-barcode","fas fa-bars","fas fa-baseball-ball","fas fa-basketball-ball","fas fa-bath","fas fa-battery-empty","fas fa-battery-full","fas fa-battery-half","fas fa-battery-quarter","fas fa-battery-three-quarters","fas fa-bed","fas fa-beer","fas fa-bell","fas fa-bell-slash","fas fa-bezier-curve","fas fa-bible","fas fa-bicycle","fas fa-biking","fas fa-binoculars","fas fa-biohazard","fas fa-birthday-cake","fas fa-blender","fas fa-blender-phone","fas fa-blind","fas fa-blog","fas fa-bold","fas fa-bolt","fas fa-bomb","fas fa-bone","fas fa-bong","fas fa-book","fas fa-book-dead","fas fa-book-medical","fas fa-book-open","fas fa-book-reader","fas fa-bookmark","fas fa-border-all","fas fa-border-none","fas fa-border-style","fas fa-bowling-ball","fas fa-box","fas fa-box-open","fas fa-boxes","fas fa-braille","fas fa-brain","fas fa-bread-slice","fas fa-briefcase","fas fa-briefcase-medical","fas fa-broadcast-tower","fas fa-broom","fas fa-brush","fas fa-bug","fas fa-building","fas fa-bullhorn","fas fa-bullseye","fas fa-burn","fas fa-bus","fas fa-bus-alt","fas fa-business-time","fas fa-calculator","fas fa-calendar","fas fa-calendar-alt","fas fa-calendar-check","fas fa-calendar-day","fas fa-calendar-minus","fas fa-calendar-plus","fas fa-calendar-times","fas fa-calendar-week","fas fa-camera","fas fa-camera-retro","fas fa-campground","fas fa-candy-cane","fas fa-cannabis","fas fa-capsules","fas fa-car","fas fa-car-alt","fas fa-car-battery","fas fa-car-crash","fas fa-car-side","fas fa-caravan","fas fa-caret-down","fas fa-caret-left","fas fa-caret-right","fas fa-caret-square-down","fas fa-caret-square-left","fas fa-caret-square-right","fas fa-caret-square-up","fas fa-caret-up","fas fa-carrot","fas fa-cart-arrow-down","fas fa-cart-plus","fas fa-cash-register","fas fa-cat","fas fa-certificate","fas fa-chair","fas fa-chalkboard","fas fa-chalkboard-teacher","fas fa-charging-station","fas fa-chart-area","fas fa-chart-bar","fas fa-chart-line","fas fa-chart-pie","fas fa-check","fas fa-check-circle","fas fa-check-double","fas fa-check-square","fas fa-cheese","fas fa-chess","fas fa-chess-bishop","fas fa-chess-board","fas fa-chess-king","fas fa-chess-knight","fas fa-chess-pawn","fas fa-chess-queen","fas fa-chess-rook","fas fa-chevron-circle-down","fas fa-chevron-circle-left","fas fa-chevron-circle-right","fas fa-chevron-circle-up","fas fa-chevron-down","fas fa-chevron-left","fas fa-chevron-right","fas fa-chevron-up","fas fa-child","fas fa-church","fas fa-circle","fas fa-circle-notch","fas fa-city","fas fa-clinic-medical","fas fa-clipboard","fas fa-clipboard-check","fas fa-clipboard-list","fas fa-clock","fas fa-clone","fas fa-closed-captioning","fas fa-cloud","fas fa-cloud-download-alt","fas fa-cloud-meatball","fas fa-cloud-moon","fas fa-cloud-moon-rain","fas fa-cloud-rain","fas fa-cloud-showers-heavy","fas fa-cloud-sun","fas fa-cloud-sun-rain","fas fa-cloud-upload-alt","fas fa-cocktail","fas fa-code","fas fa-code-branch","fas fa-coffee","fas fa-cog","fas fa-cogs","fas fa-coins","fas fa-columns","fas fa-comment","fas fa-comment-alt","fas fa-comment-dollar","fas fa-comment-dots","fas fa-comment-medical","fas fa-comment-slash","fas fa-comments","fas fa-comments-dollar","fas fa-compact-disc","fas fa-compass","fas fa-compress","fas fa-compress-alt","fas fa-compress-arrows-alt","fas fa-concierge-bell","fas fa-cookie","fas fa-cookie-bite","fas fa-copy","fas fa-copyright","fas fa-couch","fas fa-credit-card","fas fa-crop","fas fa-crop-alt","fas fa-cross","fas fa-crosshairs","fas fa-crow","fas fa-crown","fas fa-crutch","fas fa-cube","fas fa-cubes","fas fa-cut","fas fa-database","fas fa-deaf","fas fa-democrat","fas fa-desktop","fas fa-dharmachakra","fas fa-diagnoses","fas fa-dice","fas fa-dice-d20","fas fa-dice-d6","fas fa-dice-five","fas fa-dice-four","fas fa-dice-one","fas fa-dice-six","fas fa-dice-three","fas fa-dice-two","fas fa-digital-tachograph","fas fa-directions","fas fa-divide","fas fa-dizzy","fas fa-dna","fas fa-dog","fas fa-dollar-sign","fas fa-dolly","fas fa-dolly-flatbed","fas fa-donate","fas fa-door-closed","fas fa-door-open","fas fa-dot-circle","fas fa-dove","fas fa-download","fas fa-drafting-compass","fas fa-dragon","fas fa-draw-polygon","fas fa-drum","fas fa-drum-steelpan","fas fa-drumstick-bite","fas fa-dumbbell","fas fa-dumpster","fas fa-dumpster-fire","fas fa-dungeon","fas fa-edit","fas fa-egg","fas fa-eject","fas fa-ellipsis-h","fas fa-ellipsis-v","fas fa-envelope","fas fa-envelope-open","fas fa-envelope-open-text","fas fa-envelope-square","fas fa-equals","fas fa-eraser","fas fa-ethernet","fas fa-euro-sign","fas fa-exchange-alt","fas fa-exclamation","fas fa-exclamation-circle","fas fa-exclamation-triangle","fas fa-expand","fas fa-expand-alt","fas fa-expand-arrows-alt","fas fa-external-link-alt","fas fa-external-link-square-alt","fas fa-eye","fas fa-eye-dropper","fas fa-eye-slash","fas fa-fan","fas fa-fast-backward","fas fa-fast-forward","fas fa-fax","fas fa-feather","fas fa-feather-alt","fas fa-female","fas fa-fighter-jet","fas fa-file","fas fa-file-alt","fas fa-file-archive","fas fa-file-audio","fas fa-file-code","fas fa-file-contract","fas fa-file-csv","fas fa-file-download","fas fa-file-excel","fas fa-file-export","fas fa-file-image","fas fa-file-import","fas fa-file-invoice","fas fa-file-invoice-dollar","fas fa-file-medical","fas fa-file-medical-alt","fas fa-file-pdf","fas fa-file-powerpoint","fas fa-file-prescription","fas fa-file-signature","fas fa-file-upload","fas fa-file-video","fas fa-file-word","fas fa-fill","fas fa-fill-drip","fas fa-film","fas fa-filter","fas fa-fingerprint","fas fa-fire","fas fa-fire-alt","fas fa-fire-extinguisher","fas fa-first-aid","fas fa-fish","fas fa-fist-raised","fas fa-flag","fas fa-flag-checkered","fas fa-flag-usa","fas fa-flask","fas fa-flushed","fas fa-folder","fas fa-folder-minus","fas fa-folder-open","fas fa-folder-plus","fas fa-font","fas fa-football-ball","fas fa-forward","fas fa-frog","fas fa-frown","fas fa-frown-open","fas fa-funnel-dollar","fas fa-futbol","fas fa-gamepad","fas fa-gas-pump","fas fa-gavel","fas fa-gem","fas fa-genderless","fas fa-ghost","fas fa-gift","fas fa-gifts","fas fa-glass-cheers","fas fa-glass-martini","fas fa-glass-martini-alt","fas fa-glass-whiskey","fas fa-glasses","fas fa-globe","fas fa-globe-africa","fas fa-globe-americas","fas fa-globe-asia","fas fa-globe-europe","fas fa-golf-ball","fas fa-gopuram","fas fa-graduation-cap","fas fa-greater-than","fas fa-greater-than-equal","fas fa-grimace","fas fa-grin","fas fa-grin-alt","fas fa-grin-beam","fas fa-grin-beam-sweat","fas fa-grin-hearts","fas fa-grin-squint","fas fa-grin-squint-tears","fas fa-grin-stars","fas fa-grin-tears","fas fa-grin-tongue","fas fa-grin-tongue-squint","fas fa-grin-tongue-wink","fas fa-grin-wink","fas fa-grip-horizontal","fas fa-grip-lines","fas fa-grip-lines-vertical","fas fa-grip-vertical","fas fa-guitar","fas fa-h-square","fas fa-hamburger","fas fa-hammer","fas fa-hamsa","fas fa-hand-holding","fas fa-hand-holding-heart","fas fa-hand-holding-usd","fas fa-hand-lizard","fas fa-hand-middle-finger","fas fa-hand-paper","fas fa-hand-peace","fas fa-hand-point-down","fas fa-hand-point-left","fas fa-hand-point-right","fas fa-hand-point-up","fas fa-hand-pointer","fas fa-hand-rock","fas fa-hand-scissors","fas fa-hand-spock","fas fa-hands","fas fa-hands-helping","fas fa-handshake","fas fa-hanukiah","fas fa-hard-hat","fas fa-hashtag","fas fa-hat-cowboy","fas fa-hat-cowboy-side","fas fa-hat-wizard","fas fa-hdd","fas fa-heading","fas fa-headphones","fas fa-headphones-alt","fas fa-headset","fas fa-heart","fas fa-heart-broken","fas fa-heartbeat","fas fa-helicopter","fas fa-highlighter","fas fa-hiking","fas fa-hippo","fas fa-history","fas fa-hockey-puck","fas fa-holly-berry","fas fa-home","fas fa-horse","fas fa-horse-head","fas fa-hospital","fas fa-hospital-alt","fas fa-hospital-symbol","fas fa-hot-tub","fas fa-hotdog","fas fa-hotel","fas fa-hourglass","fas fa-hourglass-end","fas fa-hourglass-half","fas fa-hourglass-start","fas fa-house-damage","fas fa-hryvnia","fas fa-i-cursor","fas fa-ice-cream","fas fa-icicles","fas fa-icons","fas fa-id-badge","fas fa-id-card","fas fa-id-card-alt","fas fa-igloo","fas fa-image","fas fa-images","fas fa-inbox","fas fa-indent","fas fa-industry","fas fa-infinity","fas fa-info","fas fa-info-circle","fas fa-italic","fas fa-jedi","fas fa-joint","fas fa-journal-whills","fas fa-kaaba","fas fa-key","fas fa-keyboard","fas fa-khanda","fas fa-kiss","fas fa-kiss-beam","fas fa-kiss-wink-heart","fas fa-kiwi-bird","fas fa-landmark","fas fa-language","fas fa-laptop","fas fa-laptop-code","fas fa-laptop-medical","fas fa-laugh","fas fa-laugh-beam","fas fa-laugh-squint","fas fa-laugh-wink","fas fa-layer-group","fas fa-leaf","fas fa-lemon","fas fa-less-than","fas fa-less-than-equal","fas fa-level-down-alt","fas fa-level-up-alt","fas fa-life-ring","fas fa-lightbulb","fas fa-link","fas fa-lira-sign","fas fa-list","fas fa-list-alt","fas fa-list-ol","fas fa-list-ul","fas fa-location-arrow","fas fa-lock","fas fa-lock-open","fas fa-long-arrow-alt-down","fas fa-long-arrow-alt-left","fas fa-long-arrow-alt-right","fas fa-long-arrow-alt-up","fas fa-low-vision","fas fa-luggage-cart","fas fa-magic","fas fa-magnet","fas fa-mail-bulk","fas fa-male","fas fa-map","fas fa-map-marked","fas fa-map-marked-alt","fas fa-map-marker","fas fa-map-marker-alt","fas fa-map-pin","fas fa-map-signs","fas fa-marker","fas fa-mars","fas fa-mars-double","fas fa-mars-stroke","fas fa-mars-stroke-h","fas fa-mars-stroke-v","fas fa-mask","fas fa-medal","fas fa-medkit","fas fa-meh","fas fa-meh-blank","fas fa-meh-rolling-eyes","fas fa-memory","fas fa-menorah","fas fa-mercury","fas fa-meteor","fas fa-microchip","fas fa-microphone","fas fa-microphone-alt","fas fa-microphone-alt-slash","fas fa-microphone-slash","fas fa-microscope","fas fa-minus","fas fa-minus-circle","fas fa-minus-square","fas fa-mitten","fas fa-mobile","fas fa-mobile-alt","fas fa-money-bill","fas fa-money-bill-alt","fas fa-money-bill-wave","fas fa-money-bill-wave-alt","fas fa-money-check","fas fa-money-check-alt","fas fa-monument","fas fa-moon","fas fa-mortar-pestle","fas fa-mosque","fas fa-motorcycle","fas fa-mountain","fas fa-mouse","fas fa-mouse-pointer","fas fa-mug-hot","fas fa-music","fas fa-network-wired","fas fa-neuter","fas fa-newspaper","fas fa-not-equal","fas fa-notes-medical","fas fa-object-group","fas fa-object-ungroup","fas fa-oil-can","fas fa-om","fas fa-otter","fas fa-outdent","fas fa-pager","fas fa-paint-brush","fas fa-paint-roller","fas fa-palette","fas fa-pallet","fas fa-paper-plane","fas fa-paperclip","fas fa-parachute-box","fas fa-paragraph","fas fa-parking","fas fa-passport","fas fa-pastafarianism","fas fa-paste","fas fa-pause","fas fa-pause-circle","fas fa-paw","fas fa-peace","fas fa-pen","fas fa-pen-alt","fas fa-pen-fancy","fas fa-pen-nib","fas fa-pen-square","fas fa-pencil-alt","fas fa-pencil-ruler","fas fa-people-carry","fas fa-pepper-hot","fas fa-percent","fas fa-percentage","fas fa-person-booth","fas fa-phone","fas fa-phone-alt","fas fa-phone-slash","fas fa-phone-square","fas fa-phone-square-alt","fas fa-phone-volume","fas fa-photo-video","fas fa-piggy-bank","fas fa-pills","fas fa-pizza-slice","fas fa-place-of-worship","fas fa-plane","fas fa-plane-arrival","fas fa-plane-departure","fas fa-play","fas fa-play-circle","fas fa-plug","fas fa-plus","fas fa-plus-circle","fas fa-plus-square","fas fa-podcast","fas fa-poll","fas fa-poll-h","fas fa-poo","fas fa-poo-storm","fas fa-poop","fas fa-portrait","fas fa-pound-sign","fas fa-power-off","fas fa-pray","fas fa-praying-hands","fas fa-prescription","fas fa-prescription-bottle","fas fa-prescription-bottle-alt","fas fa-print","fas fa-procedures","fas fa-project-diagram","fas fa-puzzle-piece","fas fa-qrcode","fas fa-question","fas fa-question-circle","fas fa-quidditch","fas fa-quote-left","fas fa-quote-right","fas fa-quran","fas fa-radiation","fas fa-radiation-alt","fas fa-rainbow","fas fa-random","fas fa-receipt","fas fa-record-vinyl","fas fa-recycle","fas fa-redo","fas fa-redo-alt","fas fa-registered","fas fa-remove-format","fas fa-reply","fas fa-reply-all","fas fa-republican","fas fa-restroom","fas fa-retweet","fas fa-ribbon","fas fa-ring","fas fa-road","fas fa-robot","fas fa-rocket","fas fa-route","fas fa-rss","fas fa-rss-square","fas fa-ruble-sign","fas fa-ruler","fas fa-ruler-combined","fas fa-ruler-horizontal","fas fa-ruler-vertical","fas fa-running","fas fa-rupee-sign","fas fa-sad-cry","fas fa-sad-tear","fas fa-satellite","fas fa-satellite-dish","fas fa-save","fas fa-school","fas fa-screwdriver","fas fa-scroll","fas fa-sd-card","fas fa-search","fas fa-search-dollar","fas fa-search-location","fas fa-search-minus","fas fa-search-plus","fas fa-seedling","fas fa-server","fas fa-shapes","fas fa-share","fas fa-share-alt","fas fa-share-alt-square","fas fa-share-square","fas fa-shekel-sign","fas fa-shield-alt","fas fa-ship","fas fa-shipping-fast","fas fa-shoe-prints","fas fa-shopping-bag","fas fa-shopping-basket","fas fa-shopping-cart","fas fa-shower","fas fa-shuttle-van","fas fa-sign","fas fa-sign-in-alt","fas fa-sign-language","fas fa-sign-out-alt","fas fa-signal","fas fa-signature","fas fa-sim-card","fas fa-sitemap","fas fa-skating","fas fa-skiing","fas fa-skiing-nordic","fas fa-skull","fas fa-skull-crossbones","fas fa-slash","fas fa-sleigh","fas fa-sliders-h","fas fa-smile","fas fa-smile-beam","fas fa-smile-wink","fas fa-smog","fas fa-smoking","fas fa-smoking-ban","fas fa-sms","fas fa-snowboarding","fas fa-snowflake","fas fa-snowman","fas fa-snowplow","fas fa-socks","fas fa-solar-panel","fas fa-sort","fas fa-sort-alpha-down","fas fa-sort-alpha-down-alt","fas fa-sort-alpha-up","fas fa-sort-alpha-up-alt","fas fa-sort-amount-down","fas fa-sort-amount-down-alt","fas fa-sort-amount-up","fas fa-sort-amount-up-alt","fas fa-sort-down","fas fa-sort-numeric-down","fas fa-sort-numeric-down-alt","fas fa-sort-numeric-up","fas fa-sort-numeric-up-alt","fas fa-sort-up","fas fa-spa","fas fa-space-shuttle","fas fa-spell-check","fas fa-spider","fas fa-spinner","fas fa-splotch","fas fa-spray-can","fas fa-square","fas fa-square-full","fas fa-square-root-alt","fas fa-stamp","fas fa-star","fas fa-star-and-crescent","fas fa-star-half","fas fa-star-half-alt","fas fa-star-of-david","fas fa-star-of-life","fas fa-step-backward","fas fa-step-forward","fas fa-stethoscope","fas fa-sticky-note","fas fa-stop","fas fa-stop-circle","fas fa-stopwatch","fas fa-store","fas fa-store-alt","fas fa-stream","fas fa-street-view","fas fa-strikethrough","fas fa-stroopwafel","fas fa-subscript","fas fa-subway","fas fa-suitcase","fas fa-suitcase-rolling","fas fa-sun","fas fa-superscript","fas fa-surprise","fas fa-swatchbook","fas fa-swimmer","fas fa-swimming-pool","fas fa-synagogue","fas fa-sync","fas fa-sync-alt","fas fa-syringe","fas fa-table","fas fa-table-tennis","fas fa-tablet","fas fa-tablet-alt","fas fa-tablets","fas fa-tachometer-alt","fas fa-tag","fas fa-tags","fas fa-tape","fas fa-tasks","fas fa-taxi","fas fa-teeth","fas fa-teeth-open","fas fa-temperature-high","fas fa-temperature-low","fas fa-tenge","fas fa-terminal","fas fa-text-height","fas fa-text-width","fas fa-th","fas fa-th-large","fas fa-th-list","fas fa-theater-masks","fas fa-thermometer","fas fa-thermometer-empty","fas fa-thermometer-full","fas fa-thermometer-half","fas fa-thermometer-quarter","fas fa-thermometer-three-quarters","fas fa-thumbs-down","fas fa-thumbs-up","fas fa-thumbtack","fas fa-ticket-alt","fas fa-times","fas fa-times-circle","fas fa-tint","fas fa-tint-slash","fas fa-tired","fas fa-toggle-off","fas fa-toggle-on","fas fa-toilet","fas fa-toilet-paper","fas fa-toolbox","fas fa-tools","fas fa-tooth","fas fa-torah","fas fa-torii-gate","fas fa-tractor","fas fa-trademark","fas fa-traffic-light","fas fa-trailer","fas fa-train","fas fa-tram","fas fa-transgender","fas fa-transgender-alt","fas fa-trash","fas fa-trash-alt","fas fa-trash-restore","fas fa-trash-restore-alt","fas fa-tree","fas fa-trophy","fas fa-truck","fas fa-truck-loading","fas fa-truck-monster","fas fa-truck-moving","fas fa-truck-pickup","fas fa-tshirt","fas fa-tty","fas fa-tv","fas fa-umbrella","fas fa-umbrella-beach","fas fa-underline","fas fa-undo","fas fa-undo-alt","fas fa-universal-access","fas fa-university","fas fa-unlink","fas fa-unlock","fas fa-unlock-alt","fas fa-upload","fas fa-user","fas fa-user-alt","fas fa-user-alt-slash","fas fa-user-astronaut","fas fa-user-check","fas fa-user-circle","fas fa-user-clock","fas fa-user-cog","fas fa-user-edit","fas fa-user-friends","fas fa-user-graduate","fas fa-user-injured","fas fa-user-lock","fas fa-user-md","fas fa-user-minus","fas fa-user-ninja","fas fa-user-nurse","fas fa-user-plus","fas fa-user-secret","fas fa-user-shield","fas fa-user-slash","fas fa-user-tag","fas fa-user-tie","fas fa-user-times","fas fa-users","fas fa-users-cog","fas fa-utensil-spoon","fas fa-utensils","fas fa-vector-square","fas fa-venus","fas fa-venus-double","fas fa-venus-mars","fas fa-vial","fas fa-vials","fas fa-video","fas fa-video-slash","fas fa-vihara","fas fa-voicemail","fas fa-volleyball-ball","fas fa-volume-down","fas fa-volume-mute","fas fa-volume-off","fas fa-volume-up","fas fa-vote-yea","fas fa-vr-cardboard","fas fa-walking","fas fa-wallet","fas fa-warehouse","fas fa-water","fas fa-wave-square","fas fa-weight","fas fa-weight-hanging","fas fa-wheelchair","fas fa-wifi","fas fa-wind","fas fa-window-close","fas fa-window-maximize","fas fa-window-minimize","fas fa-window-restore","fas fa-wine-bottle","fas fa-wine-glass","fas fa-wine-glass-alt","fas fa-won-sign","fas fa-wrench","fas fa-x-ray","fas fa-yen-sign","fas fa-yin-yang"]},brands:{title:"Brands",prefix:"fab fa-",iconstyle:"fa-brands",listicon:"fab fa-font-awesome-flag",icons:["fab fa-500px","fab fa-accessible-icon","fab fa-accusoft","fab fa-acquisitions-incorporated","fab fa-adn","fab fa-adobe","fab fa-adversal","fab fa-affiliatetheme","fab fa-airbnb","fab fa-algolia","fab fa-alipay","fab fa-amazon","fab fa-amazon-pay","fab fa-amilia","fab fa-android","fab fa-angellist","fab fa-angrycreative","fab fa-angular","fab fa-app-store","fab fa-app-store-ios","fab fa-apper","fab fa-apple","fab fa-apple-pay","fab fa-artstation","fab fa-asymmetrik","fab fa-atlassian","fab fa-audible","fab fa-autoprefixer","fab fa-avianex","fab fa-aviato","fab fa-aws","fab fa-bandcamp","fab fa-battle-net","fab fa-behance","fab fa-behance-square","fab fa-bimobject","fab fa-bitbucket","fab fa-bitcoin","fab fa-bity","fab fa-black-tie","fab fa-blackberry","fab fa-blogger","fab fa-blogger-b","fab fa-bluetooth","fab fa-bluetooth-b","fab fa-bootstrap","fab fa-btc","fab fa-buffer","fab fa-buromobelexperte","fab fa-buy-n-large","fab fa-buysellads","fab fa-canadian-maple-leaf","fab fa-cc-amazon-pay","fab fa-cc-amex","fab fa-cc-apple-pay","fab fa-cc-diners-club","fab fa-cc-discover","fab fa-cc-jcb","fab fa-cc-mastercard","fab fa-cc-paypal","fab fa-cc-stripe","fab fa-cc-visa","fab fa-centercode","fab fa-centos","fab fa-chrome","fab fa-chromecast","fab fa-cloudscale","fab fa-cloudsmith","fab fa-cloudversify","fab fa-codepen","fab fa-codiepie","fab fa-confluence","fab fa-connectdevelop","fab fa-contao","fab fa-cotton-bureau","fab fa-cpanel","fab fa-creative-commons","fab fa-creative-commons-by","fab fa-creative-commons-nc","fab fa-creative-commons-nc-eu","fab fa-creative-commons-nc-jp","fab fa-creative-commons-nd","fab fa-creative-commons-pd","fab fa-creative-commons-pd-alt","fab fa-creative-commons-remix","fab fa-creative-commons-sa","fab fa-creative-commons-sampling","fab fa-creative-commons-sampling-plus","fab fa-creative-commons-share","fab fa-creative-commons-zero","fab fa-critical-role","fab fa-css3","fab fa-css3-alt","fab fa-cuttlefish","fab fa-d-and-d","fab fa-d-and-d-beyond","fab fa-dashcube","fab fa-delicious","fab fa-deploydog","fab fa-deskpro","fab fa-dev","fab fa-deviantart","fab fa-dhl","fab fa-diaspora","fab fa-digg","fab fa-digital-ocean","fab fa-discord","fab fa-discourse","fab fa-dochub","fab fa-docker","fab fa-draft2digital","fab fa-dribbble","fab fa-dribbble-square","fab fa-dropbox","fab fa-drupal","fab fa-dyalog","fab fa-earlybirds","fab fa-ebay","fab fa-edge","fab fa-elementor","fab fa-ello","fab fa-ember","fab fa-empire","fab fa-envira","fab fa-erlang","fab fa-ethereum","fab fa-etsy","fab fa-evernote","fab fa-expeditedssl","fab fa-facebook","fab fa-facebook-f","fab fa-facebook-messenger","fab fa-facebook-square","fab fa-fantasy-flight-games","fab fa-fedex","fab fa-fedora","fab fa-figma","fab fa-firefox","fab fa-firefox-browser","fab fa-first-order","fab fa-first-order-alt","fab fa-firstdraft","fab fa-flickr","fab fa-flipboard","fab fa-fly","fab fa-font-awesome","fab fa-font-awesome-alt","fab fa-font-awesome-flag","fab fa-fonticons","fab fa-fonticons-fi","fab fa-fort-awesome","fab fa-fort-awesome-alt","fab fa-forumbee","fab fa-foursquare","fab fa-free-code-camp","fab fa-freebsd","fab fa-fulcrum","fab fa-galactic-republic","fab fa-galactic-senate","fab fa-get-pocket","fab fa-gg","fab fa-gg-circle","fab fa-git","fab fa-git-alt","fab fa-git-square","fab fa-github","fab fa-github-alt","fab fa-github-square","fab fa-gitkraken","fab fa-gitlab","fab fa-gitter","fab fa-glide","fab fa-glide-g","fab fa-gofore","fab fa-goodreads","fab fa-goodreads-g","fab fa-google","fab fa-google-drive","fab fa-google-play","fab fa-google-plus","fab fa-google-plus-g","fab fa-google-plus-square","fab fa-google-wallet","fab fa-gratipay","fab fa-grav","fab fa-gripfire","fab fa-grunt","fab fa-gulp","fab fa-hacker-news","fab fa-hacker-news-square","fab fa-hackerrank","fab fa-hips","fab fa-hire-a-helper","fab fa-hooli","fab fa-hornbill","fab fa-hotjar","fab fa-houzz","fab fa-html5","fab fa-hubspot","fab fa-ideal","fab fa-imdb","fab fa-instagram","fab fa-intercom","fab fa-internet-explorer","fab fa-invision","fab fa-ioxhost","fab fa-itch-io","fab fa-itunes","fab fa-itunes-note","fab fa-java","fab fa-jedi-order","fab fa-jenkins","fab fa-jira","fab fa-joget","fab fa-joomla","fab fa-js","fab fa-js-square","fab fa-jsfiddle","fab fa-kaggle","fab fa-keybase","fab fa-keycdn","fab fa-kickstarter","fab fa-kickstarter-k","fab fa-korvue","fab fa-laravel","fab fa-lastfm","fab fa-lastfm-square","fab fa-leanpub","fab fa-less","fab fa-line","fab fa-linkedin","fab fa-linkedin-in","fab fa-linode","fab fa-linux","fab fa-lyft","fab fa-magento","fab fa-mailchimp","fab fa-mandalorian","fab fa-markdown","fab fa-mastodon","fab fa-maxcdn","fab fa-mdb","fab fa-medapps","fab fa-medium","fab fa-medium-m","fab fa-medrt","fab fa-meetup","fab fa-megaport","fab fa-mendeley","fab fa-microblog","fab fa-microsoft","fab fa-mix","fab fa-mixcloud","fab fa-mizuni","fab fa-modx","fab fa-monero","fab fa-napster","fab fa-neos","fab fa-nimblr","fab fa-node","fab fa-node-js","fab fa-npm","fab fa-ns8","fab fa-nutritionix","fab fa-odnoklassniki","fab fa-odnoklassniki-square","fab fa-old-republic","fab fa-opencart","fab fa-openid","fab fa-opera","fab fa-optin-monster","fab fa-orcid","fab fa-osi","fab fa-page4","fab fa-pagelines","fab fa-palfed","fab fa-patreon","fab fa-paypal","fab fa-penny-arcade","fab fa-periscope","fab fa-phabricator","fab fa-phoenix-framework","fab fa-phoenix-squadron","fab fa-php","fab fa-pied-piper","fab fa-pied-piper-alt","fab fa-pied-piper-hat","fab fa-pied-piper-pp","fab fa-pied-piper-square","fab fa-pinterest","fab fa-pinterest-p","fab fa-pinterest-square","fab fa-playstation","fab fa-product-hunt","fab fa-pushed","fab fa-python","fab fa-qq","fab fa-quinscape","fab fa-quora","fab fa-r-project","fab fa-raspberry-pi","fab fa-ravelry","fab fa-react","fab fa-reacteurope","fab fa-readme","fab fa-rebel","fab fa-red-river","fab fa-reddit","fab fa-reddit-alien","fab fa-reddit-square","fab fa-redhat","fab fa-renren","fab fa-replyd","fab fa-researchgate","fab fa-resolving","fab fa-rev","fab fa-rocketchat","fab fa-rockrms","fab fa-safari","fab fa-salesforce","fab fa-sass","fab fa-schlix","fab fa-scribd","fab fa-searchengin","fab fa-sellcast","fab fa-sellsy","fab fa-servicestack","fab fa-shirtsinbulk","fab fa-shopware","fab fa-simplybuilt","fab fa-sistrix","fab fa-sith","fab fa-sketch","fab fa-skyatlas","fab fa-skype","fab fa-slack","fab fa-slack-hash","fab fa-slideshare","fab fa-snapchat","fab fa-snapchat-ghost","fab fa-snapchat-square","fab fa-soundcloud","fab fa-sourcetree","fab fa-speakap","fab fa-speaker-deck","fab fa-spotify","fab fa-squarespace","fab fa-stack-exchange","fab fa-stack-overflow","fab fa-stackpath","fab fa-staylinked","fab fa-steam","fab fa-steam-square","fab fa-steam-symbol","fab fa-sticker-mule","fab fa-strava","fab fa-stripe","fab fa-stripe-s","fab fa-studiovinari","fab fa-stumbleupon","fab fa-stumbleupon-circle","fab fa-superpowers","fab fa-supple","fab fa-suse","fab fa-swift","fab fa-symfony","fab fa-teamspeak","fab fa-telegram","fab fa-telegram-plane","fab fa-tencent-weibo","fab fa-the-red-yeti","fab fa-themeco","fab fa-themeisle","fab fa-think-peaks","fab fa-trade-federation","fab fa-trello","fab fa-tripadvisor","fab fa-tumblr","fab fa-tumblr-square","fab fa-twitch","fab fa-twitter","fab fa-twitter-square","fab fa-typo3","fab fa-uber","fab fa-ubuntu","fab fa-uikit","fab fa-umbraco","fab fa-uniregistry","fab fa-unity","fab fa-untappd","fab fa-ups","fab fa-usb","fab fa-usps","fab fa-ussunnah","fab fa-vaadin","fab fa-viacoin","fab fa-viadeo","fab fa-viadeo-square","fab fa-viber","fab fa-vimeo","fab fa-vimeo-square","fab fa-vimeo-v","fab fa-vine","fab fa-vk","fab fa-vnv","fab fa-vuejs","fab fa-waze","fab fa-weebly","fab fa-weibo","fab fa-weixin","fab fa-whatsapp","fab fa-whatsapp-square","fab fa-whmcs","fab fa-wikipedia-w","fab fa-windows","fab fa-wix","fab fa-wizards-of-the-coast","fab fa-wolf-pack-battalion","fab fa-wordpress","fab fa-wordpress-simple","fab fa-wpbeginner","fab fa-wpexplorer","fab fa-wpforms","fab fa-wpressr","fab fa-xbox","fab fa-xing","fab fa-xing-square","fab fa-y-combinator","fab fa-yahoo","fab fa-yammer","fab fa-yandex","fab fa-yandex-international","fab fa-yarn","fab fa-yelp","fab fa-yoast","fab fa-youtube","fab fa-youtube-square","fab fa-zhihu"]}}}};const s={inheritAttrs:!1,props:{label:{type:String,default:"Vue3 Icon Picker"},modelValue:{type:String,default:"fas fa-circle"}},setup(s,e){const r=a.ref(""),i=a.ref(s.modelValue),o=a.ref(!1),t=[{id:"all",title:"All Icons",icon:"fas fa-star-of-life",link:"all"},{id:"far",title:"Font Awesome Regular",icon:"fab fa-font-awesome-alt",link:f.fontAwesome.variants.regular},{id:"fas",title:"Font Awesome Solid",icon:"fab fa-font-awesome",link:f.fontAwesome.variants.solid},{id:"fab",title:"Font Awesome Brands",icon:"fab fa-font-awesome-flag",link:f.fontAwesome.variants.brands}],l=a.ref(t[0]),n=[].concat(t[1].link.icons,t[2].link.icons,t[3].link.icons),c=a.computed((()=>{let a=[];if(a="all"!==l.value.id?l.value.link.icons:n,""!=r.value){const f=r.value.toLowerCase();a=a.filter((a=>a.substr(7,r.value.length)===f))}return a}));return{fontLibrary:f,tabs:t,isActiveTab:a=>a==l.value.id,setActiveTab:a=>{l.value=a},glyphs:c,activeGlyph:i,getGlyphName:a=>a.replace(/f.. fa-/g,"").replace("-"," "),filterText:r,setActiveGlyph:a=>{i.value=a},isActiveGlyph:a=>i.value==a,insert:()=>{e.emit("update:modelValue",i.value),o.value=!1},isVisible:o,togglePicker:()=>{o.value=!o.value},closePicker:()=>{o.value=!1}}}},e=a.withScopeId("data-v-02a817ad");a.pushScopeId("data-v-02a817ad");const r={key:0,class:"aim-modal aim-open"},i={class:"aim-modal--content"},o={class:"aim-modal--header"},t={class:"aim-modal--header-logo-area"},l={class:"aim-modal--header-logo-title"},n=a.createVNode("i",{class:"fas fa-times",title:"Close"},null,-1),c={class:"aim-modal--body"},b={class:"aim-modal--sidebar"},d={class:"aim-modal--sidebar-tabs"},p={class:"aim-sidebar-preview"},u={class:"aim-icon-item "},m={class:"aim-icon-item-inner"},h={class:"aim-icon-item-name"},g={class:"aim-modal--icon-preview-wrap"},k={class:"aim-modal--icon-search"},w=a.createVNode("i",{class:"fas fa-search"},null,-1),v={class:"aim-modal--icon-preview-inner"},y={class:"aim-modal--icon-preview"},q={class:"aim-icon-item-inner"},x={class:"aim-icon-item-name"},V={class:"aim-modal--footer"};a.popScopeId();const N=e(((f,s,e,N,j,z)=>(a.openBlock(),a.createBlock(a.Fragment,null,[a.createVNode("span",a.mergeProps(f.$attrs,{onClick:s[1]||(s[1]=(...a)=>N.togglePicker&&N.togglePicker(...a))}),[a.createVNode("i",{class:["vue3-icon-picker",e.modelValue]},null,2)],16),N.isVisible?(a.openBlock(),a.createBlock("div",r,[a.createVNode("div",i,[a.createVNode("div",o,[a.createVNode("div",t,[a.createVNode("span",l,a.toDisplayString(e.label),1)]),a.createVNode("div",{class:"aim-modal--header-close-btn",onClick:s[2]||(s[2]=(...a)=>N.closePicker&&N.closePicker(...a))},[n])]),a.createVNode("div",c,[a.createVNode("div",b,[a.createVNode("div",d,[(a.openBlock(!0),a.createBlock(a.Fragment,null,a.renderList(N.tabs,(f=>(a.openBlock(),a.createBlock("div",{class:["aim-modal--sidebar-tab-item",{"aesthetic-active":N.isActiveTab(f.id)}],"data-library-id":"all",key:f.id,onClick:a=>N.setActiveTab(f)},[a.createVNode("i",{class:f.icon},null,2),a.createVNode("span",null,a.toDisplayString(f.title),1)],10,["onClick"])))),128))]),a.createVNode("div",p,[a.createVNode("div",u,[a.createVNode("div",m,[a.createVNode("i",{class:N.activeGlyph},null,2),a.createVNode("div",h,a.toDisplayString(N.activeGlyph),1)])])])]),a.createVNode("div",g,[a.createVNode("div",k,[a.withDirectives(a.createVNode("input",{"onUpdate:modelValue":s[3]||(s[3]=a=>N.filterText=a),placeholder:"Filter by name..."},null,512),[[a.vModelText,N.filterText]]),w]),a.createVNode("div",v,[a.createVNode("div",y,[(a.openBlock(!0),a.createBlock(a.Fragment,null,a.renderList(N.glyphs,(f=>(a.openBlock(),a.createBlock("div",{class:["aim-icon-item",{"aesthetic-selected":N.isActiveGlyph(f)}],key:f,onClick:a=>N.setActiveGlyph(f)},[a.createVNode("div",q,[a.createVNode("i",{class:f},null,2),a.createVNode("div",x,a.toDisplayString(N.getGlyphName(f)),1)])],10,["onClick"])))),128))])])])]),a.createVNode("div",V,[a.createVNode("button",{class:"aim-insert-icon-button",onClick:s[4]||(s[4]=(...a)=>N.insert&&N.insert(...a))},"Insert")])])])):a.createCommentVNode("",!0)],64))));return s.render=N,s.__scopeId="data-v-02a817ad",s}));
================================================
FILE: index.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vue3 Icon Picker</title>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
</head>
<body>
<div id="app"></div>
<p style="text-align: center;">
<!-- Place this tag where you want the button to render. -->
<a
class="github-button"
href="https://github.com/hasinhayder/vue3-icon-picker"
data-color-scheme="no-preference: dark; light: light; dark: dark;"
data-size="large"
data-show-count="true"
aria-label="Star ntkme/github-buttons on GitHub"
>
Star
</a>
</p>
<script type="module" src="/src/main.js"></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>
================================================
FILE: package.json
================================================
{
"name": "vue3-icon-picker",
"version": "0.0.0",
"scripts": {
"dev": "vite",
"build": "vite build",
"serve": "vite preview"
},
"dependencies": {
"@rollup/plugin-replace": "^2.4.2",
"vue": "^3.0.5"
},
"devDependencies": {
"@vitejs/plugin-vue": "^1.2.3",
"@vue/compiler-sfc": "^3.0.11",
"vite": "^2.3.6"
}
}
================================================
FILE: readme.md
================================================
# Vue3 Icon Picker
Vanilla Js Version was developed by the awesome people @ here - https://github.com/sh-sabbir/aesthetic-icon-picker/
Ported to Vue3 By [Me](https://fb.me/hasin "Hasin Hayder") :)
Check The Demo of [Vue3 Icon Picker](https://hasinhayder.github.io/vue3-icon-picker/ "Vue3 Icon Picker Demo") :)
### How to build
```sh
git clone https://github.com/hasinhayder/vue3-icon-picker.git
cd vue3-icon-picker
yarn
yarn dev
#when you're happy with the changes
yarn build
```
### Preview
================================================
FILE: src/App.vue
================================================
<template>
<a href="https://github.com/hasinhayder/vue3-icon-picker" target="_blank">
<img alt="Vue logo" src="./assets/logo.png" />
</a>
<div>
<h1>Click on the icon to see Vue3 Icon Picker in action</h1>
</div>
<vue3-icon-picker v-model="icon1" class="icon" />
<div>
<h1>Works in inline <vue3-icon-picker v-model="icon2" /> text tooooo</h1>
</div>
<div>
<p>
And even in paragraphs, like <vue3-icon-picker v-model="icon3" /> this icon
</p>
</div>
<div>
<h1>
You can pass <vue3-icon-picker v-model="icon4" style="color:orange" /> inline
css and attributes as well
</h1>
</div>
<p>
Icon 1 = {{ icon1 }}<br />
Icon 2 = {{ icon2 }}<br />
Icon 3 = {{ icon3 }}<br />
Icon 4 = {{ icon4 }}<br />
</p>
</template>
<script>
import { ref } from 'vue'
import Vue3IconPicker from './components/Vue3IconPicker.vue'
export default {
components: {
Vue3IconPicker
},
setup () {
const icon1 = ref('far fa-grin-hearts')
const icon2 = ref('far fa-thumbs-up')
const icon3 = ref('fab fa-github')
const icon4 = ref('fas fa-code')
return { icon1, icon2, icon3, icon4 }
}
}
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
.icon {
font-size: 40px;
}
</style>
================================================
FILE: src/assets/css/style.css
================================================
.vue3-icon-picker{
cursor: pointer;
/* font-size:30px; */
}
button.select-icon {
padding: 20px;
border-radius: 5px;
background-color: #70b2dc;
font-size: 22px;
cursor: pointer;
}
.icon-picker-wrap ul {
list-style: none;
margin: 0;
padding: 0;
display: inline-flex;
}
.icon-picker-wrap ul li {
border: 2px solid #ddd;
line-height: 1;
font-size: 20px;
cursor: pointer;
padding: 5px;
}
.icon-picker-wrap ul li i {
font-size: 68px;
line-height: 1;
margin: 0;
}
.icon-picker-wrap ul li:nth-child(2) {
border-left: 0;
}
/*
*/
.aim-close{
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.aim-open{
opacity: 1;
visibility: visible;
transition: all 0.4s ease-in-out;
}
.aim-modal {
position: fixed;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 9999;
user-select: none;
display: flex;
align-items: center;
}
.aim-modal .aim-modal--content {
position: absolute;
border-radius: 3px;
box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
overflow: hidden;
font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
background-color: #f1f3f5;
width: 100%;
margin: auto;
left: 0;
right: 0;
}
/* Header */
.aim-modal .aim-modal--header {
padding: 15px 15px;
background-color: #fff;
box-shadow: 0 0 8px rgb(0 0 0 / 10%);
position: relative;
z-index: 1;
font-size: 15px;
color: #495157;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
}
.aim-modal--header-logo-title {
padding-top: 2px;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
}
.aim-modal--header-close-btn {
cursor: pointer;
}
.aim-modal--header-close-btn i {
font-size: 22px;
}
/* body */
.aim-modal--body {
font-size: 12px;
line-height: 1.5;
box-sizing: border-box;
padding: 0;
height: 700px;
display: flex;
min-height: 50px;
max-height: 85vh;
overflow: auto;
}
/* Sidebar Tabs */
.aim-modal--sidebar {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 25%;
background-color: hsla(0,0%,100%,.3);
}
.aim-modal--sidebar-tabs {
margin-top: 30px;
}
.aim-modal--sidebar-tab-item {
padding: 15px 0 15px 45px;
font-size: 14px;
color: #6d7882;
text-align: left;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
text-transform: capitalize;
}
.aim-modal--sidebar-tab-item i {
font-size: 20px;
padding-right: 15px;
color: #a4afb7;
}
.aim-modal--sidebar-tab-item.aesthetic-active {
background-color: #fff;
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.aim-modal--sidebar-tab-item.aesthetic-active:after {
content: "";
position: absolute;
height: 100%;
width: 5px;
top: 0;
left: 0;
background-color: #71d7f7;
}
.aim-modal--sidebar-tab-item.aesthetic-active i {
color: #71d7f7;
}
/* Preview wrapper */
.aim-modal--icon-preview-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 80px 0;
width: 75%;
}
.aim-modal--icon-preview-inner{
overflow: auto;
margin: 25px -15px 0;
padding: 0 15px 15px;
}
.aim-modal--icon-preview {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-gap: 20px;
margin: 20px 0;
}
/* search filter */
.aim-modal--icon-search {
position: relative;
}
.aim-modal--icon-search input {
width: calc( 100% - 30px);
padding: 8px 15px;
background-color: #fff;
border: none;
}
.aim-modal--icon-search input::-webkit-input-placeholder {
font-style: italic;
}
.aim-modal--icon-search input::-moz-placeholder {
font-style: italic;
}
.aim-modal--icon-search input::-ms-input-placeholder {
font-style: italic;
}
.aim-modal--icon-search input::placeholder {
font-style: italic;
}
.aim-modal--icon-search i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
}
/* Icon Item */
.aim-icon-item {
position: relative;
padding: 10px;
background-color: #fff;
-webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05);
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
}
.aim-icon-item:hover {
-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 14px rgba(0, 0, 0, 0.16);
}
.aim-icon-item.aesthetic-selected {
-webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 0 0 3px #71d7f7;
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 0 0 3px #71d7f7;
}
.aim-icon-item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1px;
}
.aim-icon-item-inner i,
.aim-icon-item__icon {
font-size: 25px;
color: #6d7882;
}
.aim-icon-item-name {
color: #c2cbd2;
font-size: 11px;
padding: 13px 20px 0;
max-width: 100%;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
text-transform: capitalize;
}
/* Footer */
.aim-modal .aim-modal--footer {
border-top: 1px solid #e6e9ec;
text-align: center;
background-color: #fff;
border: none;
display: none;
justify-content: flex-end;
padding: 5px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.aim-modal--footer button.aim-insert-icon-button {
padding: 10px 35px;
color: #fff;
font-size: 15px;
background-color: #39b54a;
border: none;
cursor: pointer;
outline: 0;
}
.aim-modal .aim-modal--footer .aesthetic-button {
height: 40px;
margin-left: 5px;
}
.aim-modal .aim-modal--footer .aesthetic-button-success {
padding: 12px 36px;
color: #fff;
width: initial;
font-size: 15px;
}
.aim-modal .aim-modal--footer .aesthetic-button-success:hover {
background-color: #39b54a;
}
/* preview sidebar */
.aim-sidebar-preview {
position: absolute;
bottom: 50px;
width: 300px;
}
.aim-sidebar-preview .aim-icon-item {
height: 200px;
}
.aim-sidebar-preview .aim-icon-item-inner i {
padding-top: 10px;
font-size: 120px;
}
.aim-sidebar-preview .aim-icon-item-name {
padding-top: 20px;
font-size: 20px;
color: #444;
text-transform: lowercase;
}
/* Responsive css */
@media (max-width: 1439px) {
.aim-modal .aim-modal--content {
max-width: 990px;
}
}
@media (min-width: 1440px) {
.aim-modal .aim-modal--content {
max-width: 1200px;
}
}
@media (max-width: 1439px) {
.aim-modal--icon-preview-wrap {
padding: 30px 50px 0;
}
}
@media (max-width: 479px) {
.aim-modal--icon-preview-wrap {
width: 100%;
}
}
@media (max-width: 1439px) {
.aim-modal--icon-preview {
grid-template-columns: repeat(6, 1fr);
}
}
@media (max-width: 1024px) {
.aim-modal--icon-preview {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 767px) {
.aim-modal--icon-preview {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 479px) {
.aim-modal--icon-preview {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 479px) {
.aim-modal--sidebar {
display: none;
}
}
@media (max-width: 1439px) {
.aim-modal--sidebar-tab-item {
padding: 15px 15px 15px 25px;
font-size: 11px;
}
.aim-modal--sidebar-tab-item i {
font-size: 15px;
}
}
@media (max-width: 1024px) {
.aim-modal--sidebar-tab-item i {
display: none;
}
}
================================================
FILE: src/components/Vue3IconPicker.vue
================================================
<template>
<span v-bind="$attrs" @click="togglePicker">
<i class="vue3-icon-picker" :class="modelValue"></i>
</span>
<div class="aim-modal aim-open" v-if="isVisible">
<div class="aim-modal--content">
<div class="aim-modal--header">
<div class="aim-modal--header-logo-area">
<span class="aim-modal--header-logo-title">
{{ label }}
</span>
</div>
<div class="aim-modal--header-close-btn" @click="closePicker">
<i class="fas fa-times" title="Close"></i>
</div>
</div>
<div class="aim-modal--body">
<div class="aim-modal--sidebar">
<div class="aim-modal--sidebar-tabs">
<div
class="aim-modal--sidebar-tab-item"
data-library-id="all"
v-for="tab in tabs"
:key="tab.id"
:class="{ 'aesthetic-active': isActiveTab(tab.id) }"
@click="setActiveTab(tab)"
>
<i :class="tab.icon"></i>
<span>{{ tab.title }}</span>
</div>
</div>
<div class="aim-sidebar-preview">
<div class="aim-icon-item ">
<div class="aim-icon-item-inner">
<i :class="activeGlyph"></i>
<div class="aim-icon-item-name">
{{ activeGlyph }}
</div>
</div>
</div>
</div>
</div>
<div class="aim-modal--icon-preview-wrap">
<div class="aim-modal--icon-search">
<input v-model="filterText" placeholder="Filter by name..." />
<i class="fas fa-search"> </i>
</div>
<div class="aim-modal--icon-preview-inner">
<div class="aim-modal--icon-preview">
<div
class="aim-icon-item"
v-for="glyph in glyphs"
:key="glyph"
:class="{ 'aesthetic-selected': isActiveGlyph(glyph) }"
@click="setActiveGlyph(glyph)"
>
<div class="aim-icon-item-inner">
<i :class="glyph"></i>
<div class="aim-icon-item-name">
{{ getGlyphName(glyph) }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="aim-modal--footer">
<button class="aim-insert-icon-button" @click="insert">Insert</button>
</div>
</div>
</div>
</template>
<script>
import { ref, computed } from 'vue'
import fontLibrary from './data/fonts'
export default {
inheritAttrs:false,
props: {
label: {
type: String,
default: 'Vue3 Icon Picker'
},
modelValue: {
type: String,
default: 'fas fa-circle'
}
},
setup (props, context) {
const filterText = ref('')
const activeGlyph = ref(props.modelValue)
const isVisible = ref(false)
const tabs = [
{
id: 'all',
title: 'All Icons',
icon: 'fas fa-star-of-life',
link: 'all'
},
{
id: 'far',
title: 'Font Awesome Regular',
icon: 'fab fa-font-awesome-alt',
link: fontLibrary.fontAwesome.variants.regular
},
{
id: 'fas',
title: 'Font Awesome Solid',
icon: 'fab fa-font-awesome',
link: fontLibrary.fontAwesome.variants.solid
},
{
id: 'fab',
title: 'Font Awesome Brands',
icon: 'fab fa-font-awesome-flag',
link: fontLibrary.fontAwesome.variants.brands
}
]
const activeTab = ref(tabs[0])
const allGlyphs = [].concat(
tabs[1].link.icons,
tabs[2].link.icons,
tabs[3].link.icons
)
const glyphs = computed(() => {
let _glyphs = []
if (activeTab.value.id !== 'all') {
_glyphs = activeTab.value.link.icons
} else {
_glyphs = allGlyphs
}
if (filterText.value != '') {
const _filterText = filterText.value.toLowerCase()
_glyphs = _glyphs.filter(
item => item.substr(7, filterText.value.length) === _filterText
)
}
return _glyphs
})
const setActiveGlyph = glyph => {
activeGlyph.value = glyph
}
const isActiveGlyph = glyph => {
return activeGlyph.value == glyph
}
const isActiveTab = tab => {
return tab == activeTab.value.id
}
const setActiveTab = tab => {
activeTab.value = tab
// filterText.value=''; //nice feature
}
const getGlyphName = glyph =>
glyph.replace(/f.. fa-/g, '').replace('-', ' ')
const insert = () => {
context.emit('update:modelValue', activeGlyph.value)
isVisible.value = false
}
const togglePicker = () => {
isVisible.value = !isVisible.value
}
const closePicker = () => {
isVisible.value = false
}
return {
fontLibrary,
tabs,
isActiveTab,
setActiveTab,
glyphs,
activeGlyph,
getGlyphName,
filterText,
setActiveGlyph,
isActiveGlyph,
insert,
isVisible,
togglePicker,
closePicker
}
}
}
</script>
<style scoped>
@import '../assets/css/style.css';
</style>
================================================
FILE: src/components/data/fonts.js
================================================
export default {
fontAwesome: {
title: 'Font Awesome',
variants: {
regular: {
title: 'Regular',
prefix: 'far fa-',
iconstyle: 'fa-regular',
listicon: 'fab fa-font-awesome-alt',
icons: [
'far fa-address-book',
'far fa-address-card',
'far fa-angry',
'far fa-arrow-alt-circle-down',
'far fa-arrow-alt-circle-left',
'far fa-arrow-alt-circle-right',
'far fa-arrow-alt-circle-up',
'far fa-bell',
'far fa-bell-slash',
'far fa-bookmark',
'far fa-building',
'far fa-calendar',
'far fa-calendar-alt',
'far fa-calendar-check',
'far fa-calendar-minus',
'far fa-calendar-plus',
'far fa-calendar-times',
'far fa-caret-square-down',
'far fa-caret-square-left',
'far fa-caret-square-right',
'far fa-caret-square-up',
'far fa-chart-bar',
'far fa-check-circle',
'far fa-check-square',
'far fa-circle',
'far fa-clipboard',
'far fa-clock',
'far fa-clone',
'far fa-closed-captioning',
'far fa-comment',
'far fa-comment-alt',
'far fa-comment-dots',
'far fa-comments',
'far fa-compass',
'far fa-copy',
'far fa-copyright',
'far fa-credit-card',
'far fa-dizzy',
'far fa-dot-circle',
'far fa-edit',
'far fa-envelope',
'far fa-envelope-open',
'far fa-eye',
'far fa-eye-slash',
'far fa-file',
'far fa-file-alt',
'far fa-file-archive',
'far fa-file-audio',
'far fa-file-code',
'far fa-file-excel',
'far fa-file-image',
'far fa-file-pdf',
'far fa-file-powerpoint',
'far fa-file-video',
'far fa-file-word',
'far fa-flag',
'far fa-flushed',
'far fa-folder',
'far fa-folder-open',
'far fa-frown',
'far fa-frown-open',
'far fa-futbol',
'far fa-gem',
'far fa-grimace',
'far fa-grin',
'far fa-grin-alt',
'far fa-grin-beam',
'far fa-grin-beam-sweat',
'far fa-grin-hearts',
'far fa-grin-squint',
'far fa-grin-squint-tears',
'far fa-grin-stars',
'far fa-grin-tears',
'far fa-grin-tongue',
'far fa-grin-tongue-squint',
'far fa-grin-tongue-wink',
'far fa-grin-wink',
'far fa-hand-lizard',
'far fa-hand-paper',
'far fa-hand-peace',
'far fa-hand-point-down',
'far fa-hand-point-left',
'far fa-hand-point-right',
'far fa-hand-point-up',
'far fa-hand-pointer',
'far fa-hand-rock',
'far fa-hand-scissors',
'far fa-hand-spock',
'far fa-handshake',
'far fa-hdd',
'far fa-heart',
'far fa-hospital',
'far fa-hourglass',
'far fa-id-badge',
'far fa-id-card',
'far fa-image',
'far fa-images',
'far fa-keyboard',
'far fa-kiss',
'far fa-kiss-beam',
'far fa-kiss-wink-heart',
'far fa-laugh',
'far fa-laugh-beam',
'far fa-laugh-squint',
'far fa-laugh-wink',
'far fa-lemon',
'far fa-life-ring',
'far fa-lightbulb',
'far fa-list-alt',
'far fa-map',
'far fa-meh',
'far fa-meh-blank',
'far fa-meh-rolling-eyes',
'far fa-minus-square',
'far fa-money-bill-alt',
'far fa-moon',
'far fa-newspaper',
'far fa-object-group',
'far fa-object-ungroup',
'far fa-paper-plane',
'far fa-pause-circle',
'far fa-play-circle',
'far fa-plus-square',
'far fa-question-circle',
'far fa-registered',
'far fa-sad-cry',
'far fa-sad-tear',
'far fa-save',
'far fa-share-square',
'far fa-smile',
'far fa-smile-beam',
'far fa-smile-wink',
'far fa-snowflake',
'far fa-square',
'far fa-star',
'far fa-star-half',
'far fa-sticky-note',
'far fa-stop-circle',
'far fa-sun',
'far fa-surprise',
'far fa-thumbs-down',
'far fa-thumbs-up',
'far fa-times-circle',
'far fa-tired',
'far fa-trash-alt',
'far fa-user',
'far fa-user-circle',
'far fa-window-close',
'far fa-window-maximize',
'far fa-window-minimize',
'far fa-window-restore'
]
},
solid: {
title: 'Solid',
prefix: 'fas fa-',
iconstyle: 'fa-solid',
listicon: 'fab fa-font-awesome',
icons: [
'fas fa-ad',
'fas fa-address-book',
'fas fa-address-card',
'fas fa-adjust',
'fas fa-air-freshener',
'fas fa-align-center',
'fas fa-align-justify',
'fas fa-align-left',
'fas fa-align-right',
'fas fa-allergies',
'fas fa-ambulance',
'fas fa-american-sign-language-interpreting',
'fas fa-anchor',
'fas fa-angle-double-down',
'fas fa-angle-double-left',
'fas fa-angle-double-right',
'fas fa-angle-double-up',
'fas fa-angle-down',
'fas fa-angle-left',
'fas fa-angle-right',
'fas fa-angle-up',
'fas fa-angry',
'fas fa-ankh',
'fas fa-apple-alt',
'fas fa-archive',
'fas fa-archway',
'fas fa-arrow-alt-circle-down',
'fas fa-arrow-alt-circle-left',
'fas fa-arrow-alt-circle-right',
'fas fa-arrow-alt-circle-up',
'fas fa-arrow-circle-down',
'fas fa-arrow-circle-left',
'fas fa-arrow-circle-right',
'fas fa-arrow-circle-up',
'fas fa-arrow-down',
'fas fa-arrow-left',
'fas fa-arrow-right',
'fas fa-arrow-up',
'fas fa-arrows-alt',
'fas fa-arrows-alt-h',
'fas fa-arrows-alt-v',
'fas fa-assistive-listening-systems',
'fas fa-asterisk',
'fas fa-at',
'fas fa-atlas',
'fas fa-atom',
'fas fa-audio-description',
'fas fa-award',
'fas fa-baby',
'fas fa-baby-carriage',
'fas fa-backspace',
'fas fa-backward',
'fas fa-bacon',
'fas fa-bahai',
'fas fa-balance-scale',
'fas fa-balance-scale-left',
'fas fa-balance-scale-right',
'fas fa-ban',
'fas fa-band-aid',
'fas fa-barcode',
'fas fa-bars',
'fas fa-baseball-ball',
'fas fa-basketball-ball',
'fas fa-bath',
'fas fa-battery-empty',
'fas fa-battery-full',
'fas fa-battery-half',
'fas fa-battery-quarter',
'fas fa-battery-three-quarters',
'fas fa-bed',
'fas fa-beer',
'fas fa-bell',
'fas fa-bell-slash',
'fas fa-bezier-curve',
'fas fa-bible',
'fas fa-bicycle',
'fas fa-biking',
'fas fa-binoculars',
'fas fa-biohazard',
'fas fa-birthday-cake',
'fas fa-blender',
'fas fa-blender-phone',
'fas fa-blind',
'fas fa-blog',
'fas fa-bold',
'fas fa-bolt',
'fas fa-bomb',
'fas fa-bone',
'fas fa-bong',
'fas fa-book',
'fas fa-book-dead',
'fas fa-book-medical',
'fas fa-book-open',
'fas fa-book-reader',
'fas fa-bookmark',
'fas fa-border-all',
'fas fa-border-none',
'fas fa-border-style',
'fas fa-bowling-ball',
'fas fa-box',
'fas fa-box-open',
'fas fa-boxes',
'fas fa-braille',
'fas fa-brain',
'fas fa-bread-slice',
'fas fa-briefcase',
'fas fa-briefcase-medical',
'fas fa-broadcast-tower',
'fas fa-broom',
'fas fa-brush',
'fas fa-bug',
'fas fa-building',
'fas fa-bullhorn',
'fas fa-bullseye',
'fas fa-burn',
'fas fa-bus',
'fas fa-bus-alt',
'fas fa-business-time',
'fas fa-calculator',
'fas fa-calendar',
'fas fa-calendar-alt',
'fas fa-calendar-check',
'fas fa-calendar-day',
'fas fa-calendar-minus',
'fas fa-calendar-plus',
'fas fa-calendar-times',
'fas fa-calendar-week',
'fas fa-camera',
'fas fa-camera-retro',
'fas fa-campground',
'fas fa-candy-cane',
'fas fa-cannabis',
'fas fa-capsules',
'fas fa-car',
'fas fa-car-alt',
'fas fa-car-battery',
'fas fa-car-crash',
'fas fa-car-side',
'fas fa-caravan',
'fas fa-caret-down',
'fas fa-caret-left',
'fas fa-caret-right',
'fas fa-caret-square-down',
'fas fa-caret-square-left',
'fas fa-caret-square-right',
'fas fa-caret-square-up',
'fas fa-caret-up',
'fas fa-carrot',
'fas fa-cart-arrow-down',
'fas fa-cart-plus',
'fas fa-cash-register',
'fas fa-cat',
'fas fa-certificate',
'fas fa-chair',
'fas fa-chalkboard',
'fas fa-chalkboard-teacher',
'fas fa-charging-station',
'fas fa-chart-area',
'fas fa-chart-bar',
'fas fa-chart-line',
'fas fa-chart-pie',
'fas fa-check',
'fas fa-check-circle',
'fas fa-check-double',
'fas fa-check-square',
'fas fa-cheese',
'fas fa-chess',
'fas fa-chess-bishop',
'fas fa-chess-board',
'fas fa-chess-king',
'fas fa-chess-knight',
'fas fa-chess-pawn',
'fas fa-chess-queen',
'fas fa-chess-rook',
'fas fa-chevron-circle-down',
'fas fa-chevron-circle-left',
'fas fa-chevron-circle-right',
'fas fa-chevron-circle-up',
'fas fa-chevron-down',
'fas fa-chevron-left',
'fas fa-chevron-right',
'fas fa-chevron-up',
'fas fa-child',
'fas fa-church',
'fas fa-circle',
'fas fa-circle-notch',
'fas fa-city',
'fas fa-clinic-medical',
'fas fa-clipboard',
'fas fa-clipboard-check',
'fas fa-clipboard-list',
'fas fa-clock',
'fas fa-clone',
'fas fa-closed-captioning',
'fas fa-cloud',
'fas fa-cloud-download-alt',
'fas fa-cloud-meatball',
'fas fa-cloud-moon',
'fas fa-cloud-moon-rain',
'fas fa-cloud-rain',
'fas fa-cloud-showers-heavy',
'fas fa-cloud-sun',
'fas fa-cloud-sun-rain',
'fas fa-cloud-upload-alt',
'fas fa-cocktail',
'fas fa-code',
'fas fa-code-branch',
'fas fa-coffee',
'fas fa-cog',
'fas fa-cogs',
'fas fa-coins',
'fas fa-columns',
'fas fa-comment',
'fas fa-comment-alt',
'fas fa-comment-dollar',
'fas fa-comment-dots',
'fas fa-comment-medical',
'fas fa-comment-slash',
'fas fa-comments',
'fas fa-comments-dollar',
'fas fa-compact-disc',
'fas fa-compass',
'fas fa-compress',
'fas fa-compress-alt',
'fas fa-compress-arrows-alt',
'fas fa-concierge-bell',
'fas fa-cookie',
'fas fa-cookie-bite',
'fas fa-copy',
'fas fa-copyright',
'fas fa-couch',
'fas fa-credit-card',
'fas fa-crop',
'fas fa-crop-alt',
'fas fa-cross',
'fas fa-crosshairs',
'fas fa-crow',
'fas fa-crown',
'fas fa-crutch',
'fas fa-cube',
'fas fa-cubes',
'fas fa-cut',
'fas fa-database',
'fas fa-deaf',
'fas fa-democrat',
'fas fa-desktop',
'fas fa-dharmachakra',
'fas fa-diagnoses',
'fas fa-dice',
'fas fa-dice-d20',
'fas fa-dice-d6',
'fas fa-dice-five',
'fas fa-dice-four',
'fas fa-dice-one',
'fas fa-dice-six',
'fas fa-dice-three',
'fas fa-dice-two',
'fas fa-digital-tachograph',
'fas fa-directions',
'fas fa-divide',
'fas fa-dizzy',
'fas fa-dna',
'fas fa-dog',
'fas fa-dollar-sign',
'fas fa-dolly',
'fas fa-dolly-flatbed',
'fas fa-donate',
'fas fa-door-closed',
'fas fa-door-open',
'fas fa-dot-circle',
'fas fa-dove',
'fas fa-download',
'fas fa-drafting-compass',
'fas fa-dragon',
'fas fa-draw-polygon',
'fas fa-drum',
'fas fa-drum-steelpan',
'fas fa-drumstick-bite',
'fas fa-dumbbell',
'fas fa-dumpster',
'fas fa-dumpster-fire',
'fas fa-dungeon',
'fas fa-edit',
'fas fa-egg',
'fas fa-eject',
'fas fa-ellipsis-h',
'fas fa-ellipsis-v',
'fas fa-envelope',
'fas fa-envelope-open',
'fas fa-envelope-open-text',
'fas fa-envelope-square',
'fas fa-equals',
'fas fa-eraser',
'fas fa-ethernet',
'fas fa-euro-sign',
'fas fa-exchange-alt',
'fas fa-exclamation',
'fas fa-exclamation-circle',
'fas fa-exclamation-triangle',
'fas fa-expand',
'fas fa-expand-alt',
'fas fa-expand-arrows-alt',
'fas fa-external-link-alt',
'fas fa-external-link-square-alt',
'fas fa-eye',
'fas fa-eye-dropper',
'fas fa-eye-slash',
'fas fa-fan',
'fas fa-fast-backward',
'fas fa-fast-forward',
'fas fa-fax',
'fas fa-feather',
'fas fa-feather-alt',
'fas fa-female',
'fas fa-fighter-jet',
'fas fa-file',
'fas fa-file-alt',
'fas fa-file-archive',
'fas fa-file-audio',
'fas fa-file-code',
'fas fa-file-contract',
'fas fa-file-csv',
'fas fa-file-download',
'fas fa-file-excel',
'fas fa-file-export',
'fas fa-file-image',
'fas fa-file-import',
'fas fa-file-invoice',
'fas fa-file-invoice-dollar',
'fas fa-file-medical',
'fas fa-file-medical-alt',
'fas fa-file-pdf',
'fas fa-file-powerpoint',
'fas fa-file-prescription',
'fas fa-file-signature',
'fas fa-file-upload',
'fas fa-file-video',
'fas fa-file-word',
'fas fa-fill',
'fas fa-fill-drip',
'fas fa-film',
'fas fa-filter',
'fas fa-fingerprint',
'fas fa-fire',
'fas fa-fire-alt',
'fas fa-fire-extinguisher',
'fas fa-first-aid',
'fas fa-fish',
'fas fa-fist-raised',
'fas fa-flag',
'fas fa-flag-checkered',
'fas fa-flag-usa',
'fas fa-flask',
'fas fa-flushed',
'fas fa-folder',
'fas fa-folder-minus',
'fas fa-folder-open',
'fas fa-folder-plus',
'fas fa-font',
'fas fa-football-ball',
'fas fa-forward',
'fas fa-frog',
'fas fa-frown',
'fas fa-frown-open',
'fas fa-funnel-dollar',
'fas fa-futbol',
'fas fa-gamepad',
'fas fa-gas-pump',
'fas fa-gavel',
'fas fa-gem',
'fas fa-genderless',
'fas fa-ghost',
'fas fa-gift',
'fas fa-gifts',
'fas fa-glass-cheers',
'fas fa-glass-martini',
'fas fa-glass-martini-alt',
'fas fa-glass-whiskey',
'fas fa-glasses',
'fas fa-globe',
'fas fa-globe-africa',
'fas fa-globe-americas',
'fas fa-globe-asia',
'fas fa-globe-europe',
'fas fa-golf-ball',
'fas fa-gopuram',
'fas fa-graduation-cap',
'fas fa-greater-than',
'fas fa-greater-than-equal',
'fas fa-grimace',
'fas fa-grin',
'fas fa-grin-alt',
'fas fa-grin-beam',
'fas fa-grin-beam-sweat',
'fas fa-grin-hearts',
'fas fa-grin-squint',
'fas fa-grin-squint-tears',
'fas fa-grin-stars',
'fas fa-grin-tears',
'fas fa-grin-tongue',
'fas fa-grin-tongue-squint',
'fas fa-grin-tongue-wink',
'fas fa-grin-wink',
'fas fa-grip-horizontal',
'fas fa-grip-lines',
'fas fa-grip-lines-vertical',
'fas fa-grip-vertical',
'fas fa-guitar',
'fas fa-h-square',
'fas fa-hamburger',
'fas fa-hammer',
'fas fa-hamsa',
'fas fa-hand-holding',
'fas fa-hand-holding-heart',
'fas fa-hand-holding-usd',
'fas fa-hand-lizard',
'fas fa-hand-middle-finger',
'fas fa-hand-paper',
'fas fa-hand-peace',
'fas fa-hand-point-down',
'fas fa-hand-point-left',
'fas fa-hand-point-right',
'fas fa-hand-point-up',
'fas fa-hand-pointer',
'fas fa-hand-rock',
'fas fa-hand-scissors',
'fas fa-hand-spock',
'fas fa-hands',
'fas fa-hands-helping',
'fas fa-handshake',
'fas fa-hanukiah',
'fas fa-hard-hat',
'fas fa-hashtag',
'fas fa-hat-cowboy',
'fas fa-hat-cowboy-side',
'fas fa-hat-wizard',
'fas fa-hdd',
'fas fa-heading',
'fas fa-headphones',
'fas fa-headphones-alt',
'fas fa-headset',
'fas fa-heart',
'fas fa-heart-broken',
'fas fa-heartbeat',
'fas fa-helicopter',
'fas fa-highlighter',
'fas fa-hiking',
'fas fa-hippo',
'fas fa-history',
'fas fa-hockey-puck',
'fas fa-holly-berry',
'fas fa-home',
'fas fa-horse',
'fas fa-horse-head',
'fas fa-hospital',
'fas fa-hospital-alt',
'fas fa-hospital-symbol',
'fas fa-hot-tub',
'fas fa-hotdog',
'fas fa-hotel',
'fas fa-hourglass',
'fas fa-hourglass-end',
'fas fa-hourglass-half',
'fas fa-hourglass-start',
'fas fa-house-damage',
'fas fa-hryvnia',
'fas fa-i-cursor',
'fas fa-ice-cream',
'fas fa-icicles',
'fas fa-icons',
'fas fa-id-badge',
'fas fa-id-card',
'fas fa-id-card-alt',
'fas fa-igloo',
'fas fa-image',
'fas fa-images',
'fas fa-inbox',
'fas fa-indent',
'fas fa-industry',
'fas fa-infinity',
'fas fa-info',
'fas fa-info-circle',
'fas fa-italic',
'fas fa-jedi',
'fas fa-joint',
'fas fa-journal-whills',
'fas fa-kaaba',
'fas fa-key',
'fas fa-keyboard',
'fas fa-khanda',
'fas fa-kiss',
'fas fa-kiss-beam',
'fas fa-kiss-wink-heart',
'fas fa-kiwi-bird',
'fas fa-landmark',
'fas fa-language',
'fas fa-laptop',
'fas fa-laptop-code',
'fas fa-laptop-medical',
'fas fa-laugh',
'fas fa-laugh-beam',
'fas fa-laugh-squint',
'fas fa-laugh-wink',
'fas fa-layer-group',
'fas fa-leaf',
'fas fa-lemon',
'fas fa-less-than',
'fas fa-less-than-equal',
'fas fa-level-down-alt',
'fas fa-level-up-alt',
'fas fa-life-ring',
'fas fa-lightbulb',
'fas fa-link',
'fas fa-lira-sign',
'fas fa-list',
'fas fa-list-alt',
'fas fa-list-ol',
'fas fa-list-ul',
'fas fa-location-arrow',
'fas fa-lock',
'fas fa-lock-open',
'fas fa-long-arrow-alt-down',
'fas fa-long-arrow-alt-left',
'fas fa-long-arrow-alt-right',
'fas fa-long-arrow-alt-up',
'fas fa-low-vision',
'fas fa-luggage-cart',
'fas fa-magic',
'fas fa-magnet',
'fas fa-mail-bulk',
'fas fa-male',
'fas fa-map',
'fas fa-map-marked',
'fas fa-map-marked-alt',
'fas fa-map-marker',
'fas fa-map-marker-alt',
'fas fa-map-pin',
'fas fa-map-signs',
'fas fa-marker',
'fas fa-mars',
'fas fa-mars-double',
'fas fa-mars-stroke',
'fas fa-mars-stroke-h',
'fas fa-mars-stroke-v',
'fas fa-mask',
'fas fa-medal',
'fas fa-medkit',
'fas fa-meh',
'fas fa-meh-blank',
'fas fa-meh-rolling-eyes',
'fas fa-memory',
'fas fa-menorah',
'fas fa-mercury',
'fas fa-meteor',
'fas fa-microchip',
'fas fa-microphone',
'fas fa-microphone-alt',
'fas fa-microphone-alt-slash',
'fas fa-microphone-slash',
'fas fa-microscope',
'fas fa-minus',
'fas fa-minus-circle',
'fas fa-minus-square',
'fas fa-mitten',
'fas fa-mobile',
'fas fa-mobile-alt',
'fas fa-money-bill',
'fas fa-money-bill-alt',
'fas fa-money-bill-wave',
'fas fa-money-bill-wave-alt',
'fas fa-money-check',
'fas fa-money-check-alt',
'fas fa-monument',
'fas fa-moon',
'fas fa-mortar-pestle',
'fas fa-mosque',
'fas fa-motorcycle',
'fas fa-mountain',
'fas fa-mouse',
'fas fa-mouse-pointer',
'fas fa-mug-hot',
'fas fa-music',
'fas fa-network-wired',
'fas fa-neuter',
'fas fa-newspaper',
'fas fa-not-equal',
'fas fa-notes-medical',
'fas fa-object-group',
'fas fa-object-ungroup',
'fas fa-oil-can',
'fas fa-om',
'fas fa-otter',
'fas fa-outdent',
'fas fa-pager',
'fas fa-paint-brush',
'fas fa-paint-roller',
'fas fa-palette',
'fas fa-pallet',
'fas fa-paper-plane',
'fas fa-paperclip',
'fas fa-parachute-box',
'fas fa-paragraph',
'fas fa-parking',
'fas fa-passport',
'fas fa-pastafarianism',
'fas fa-paste',
'fas fa-pause',
'fas fa-pause-circle',
'fas fa-paw',
'fas fa-peace',
'fas fa-pen',
'fas fa-pen-alt',
'fas fa-pen-fancy',
'fas fa-pen-nib',
'fas fa-pen-square',
'fas fa-pencil-alt',
'fas fa-pencil-ruler',
'fas fa-people-carry',
'fas fa-pepper-hot',
'fas fa-percent',
'fas fa-percentage',
'fas fa-person-booth',
'fas fa-phone',
'fas fa-phone-alt',
'fas fa-phone-slash',
'fas fa-phone-square',
'fas fa-phone-square-alt',
'fas fa-phone-volume',
'fas fa-photo-video',
'fas fa-piggy-bank',
'fas fa-pills',
'fas fa-pizza-slice',
'fas fa-place-of-worship',
'fas fa-plane',
'fas fa-plane-arrival',
'fas fa-plane-departure',
'fas fa-play',
'fas fa-play-circle',
'fas fa-plug',
'fas fa-plus',
'fas fa-plus-circle',
'fas fa-plus-square',
'fas fa-podcast',
'fas fa-poll',
'fas fa-poll-h',
'fas fa-poo',
'fas fa-poo-storm',
'fas fa-poop',
'fas fa-portrait',
'fas fa-pound-sign',
'fas fa-power-off',
'fas fa-pray',
'fas fa-praying-hands',
'fas fa-prescription',
'fas fa-prescription-bottle',
'fas fa-prescription-bottle-alt',
'fas fa-print',
'fas fa-procedures',
'fas fa-project-diagram',
'fas fa-puzzle-piece',
'fas fa-qrcode',
'fas fa-question',
'fas fa-question-circle',
'fas fa-quidditch',
'fas fa-quote-left',
'fas fa-quote-right',
'fas fa-quran',
'fas fa-radiation',
'fas fa-radiation-alt',
'fas fa-rainbow',
'fas fa-random',
'fas fa-receipt',
'fas fa-record-vinyl',
'fas fa-recycle',
'fas fa-redo',
'fas fa-redo-alt',
'fas fa-registered',
'fas fa-remove-format',
'fas fa-reply',
'fas fa-reply-all',
'fas fa-republican',
'fas fa-restroom',
'fas fa-retweet',
'fas fa-ribbon',
'fas fa-ring',
'fas fa-road',
'fas fa-robot',
'fas fa-rocket',
'fas fa-route',
'fas fa-rss',
'fas fa-rss-square',
'fas fa-ruble-sign',
'fas fa-ruler',
'fas fa-ruler-combined',
'fas fa-ruler-horizontal',
'fas fa-ruler-vertical',
'fas fa-running',
'fas fa-rupee-sign',
'fas fa-sad-cry',
'fas fa-sad-tear',
'fas fa-satellite',
'fas fa-satellite-dish',
'fas fa-save',
'fas fa-school',
'fas fa-screwdriver',
'fas fa-scroll',
'fas fa-sd-card',
'fas fa-search',
'fas fa-search-dollar',
'fas fa-search-location',
'fas fa-search-minus',
'fas fa-search-plus',
'fas fa-seedling',
'fas fa-server',
'fas fa-shapes',
'fas fa-share',
'fas fa-share-alt',
'fas fa-share-alt-square',
'fas fa-share-square',
'fas fa-shekel-sign',
'fas fa-shield-alt',
'fas fa-ship',
'fas fa-shipping-fast',
'fas fa-shoe-prints',
'fas fa-shopping-bag',
'fas fa-shopping-basket',
'fas fa-shopping-cart',
'fas fa-shower',
'fas fa-shuttle-van',
'fas fa-sign',
'fas fa-sign-in-alt',
'fas fa-sign-language',
'fas fa-sign-out-alt',
'fas fa-signal',
'fas fa-signature',
'fas fa-sim-card',
'fas fa-sitemap',
'fas fa-skating',
'fas fa-skiing',
'fas fa-skiing-nordic',
'fas fa-skull',
'fas fa-skull-crossbones',
'fas fa-slash',
'fas fa-sleigh',
'fas fa-sliders-h',
'fas fa-smile',
'fas fa-smile-beam',
'fas fa-smile-wink',
'fas fa-smog',
'fas fa-smoking',
'fas fa-smoking-ban',
'fas fa-sms',
'fas fa-snowboarding',
'fas fa-snowflake',
'fas fa-snowman',
'fas fa-snowplow',
'fas fa-socks',
'fas fa-solar-panel',
'fas fa-sort',
'fas fa-sort-alpha-down',
'fas fa-sort-alpha-down-alt',
'fas fa-sort-alpha-up',
'fas fa-sort-alpha-up-alt',
'fas fa-sort-amount-down',
'fas fa-sort-amount-down-alt',
'fas fa-sort-amount-up',
'fas fa-sort-amount-up-alt',
'fas fa-sort-down',
'fas fa-sort-numeric-down',
'fas fa-sort-numeric-down-alt',
'fas fa-sort-numeric-up',
'fas fa-sort-numeric-up-alt',
'fas fa-sort-up',
'fas fa-spa',
'fas fa-space-shuttle',
'fas fa-spell-check',
'fas fa-spider',
'fas fa-spinner',
'fas fa-splotch',
'fas fa-spray-can',
'fas fa-square',
'fas fa-square-full',
'fas fa-square-root-alt',
'fas fa-stamp',
'fas fa-star',
'fas fa-star-and-crescent',
'fas fa-star-half',
'fas fa-star-half-alt',
'fas fa-star-of-david',
'fas fa-star-of-life',
'fas fa-step-backward',
'fas fa-step-forward',
'fas fa-stethoscope',
'fas fa-sticky-note',
'fas fa-stop',
'fas fa-stop-circle',
'fas fa-stopwatch',
'fas fa-store',
'fas fa-store-alt',
'fas fa-stream',
'fas fa-street-view',
'fas fa-strikethrough',
'fas fa-stroopwafel',
'fas fa-subscript',
'fas fa-subway',
'fas fa-suitcase',
'fas fa-suitcase-rolling',
'fas fa-sun',
'fas fa-superscript',
'fas fa-surprise',
'fas fa-swatchbook',
'fas fa-swimmer',
'fas fa-swimming-pool',
'fas fa-synagogue',
'fas fa-sync',
'fas fa-sync-alt',
'fas fa-syringe',
'fas fa-table',
'fas fa-table-tennis',
'fas fa-tablet',
'fas fa-tablet-alt',
'fas fa-tablets',
'fas fa-tachometer-alt',
'fas fa-tag',
'fas fa-tags',
'fas fa-tape',
'fas fa-tasks',
'fas fa-taxi',
'fas fa-teeth',
'fas fa-teeth-open',
'fas fa-temperature-high',
'fas fa-temperature-low',
'fas fa-tenge',
'fas fa-terminal',
'fas fa-text-height',
'fas fa-text-width',
'fas fa-th',
'fas fa-th-large',
'fas fa-th-list',
'fas fa-theater-masks',
'fas fa-thermometer',
'fas fa-thermometer-empty',
'fas fa-thermometer-full',
'fas fa-thermometer-half',
'fas fa-thermometer-quarter',
'fas fa-thermometer-three-quarters',
'fas fa-thumbs-down',
'fas fa-thumbs-up',
'fas fa-thumbtack',
'fas fa-ticket-alt',
'fas fa-times',
'fas fa-times-circle',
'fas fa-tint',
'fas fa-tint-slash',
'fas fa-tired',
'fas fa-toggle-off',
'fas fa-toggle-on',
'fas fa-toilet',
'fas fa-toilet-paper',
'fas fa-toolbox',
'fas fa-tools',
'fas fa-tooth',
'fas fa-torah',
'fas fa-torii-gate',
'fas fa-tractor',
'fas fa-trademark',
'fas fa-traffic-light',
'fas fa-trailer',
'fas fa-train',
'fas fa-tram',
'fas fa-transgender',
'fas fa-transgender-alt',
'fas fa-trash',
'fas fa-trash-alt',
'fas fa-trash-restore',
'fas fa-trash-restore-alt',
'fas fa-tree',
'fas fa-trophy',
'fas fa-truck',
'fas fa-truck-loading',
'fas fa-truck-monster',
'fas fa-truck-moving',
'fas fa-truck-pickup',
'fas fa-tshirt',
'fas fa-tty',
'fas fa-tv',
'fas fa-umbrella',
'fas fa-umbrella-beach',
'fas fa-underline',
'fas fa-undo',
'fas fa-undo-alt',
'fas fa-universal-access',
'fas fa-university',
'fas fa-unlink',
'fas fa-unlock',
'fas fa-unlock-alt',
'fas fa-upload',
'fas fa-user',
'fas fa-user-alt',
'fas fa-user-alt-slash',
'fas fa-user-astronaut',
'fas fa-user-check',
'fas fa-user-circle',
'fas fa-user-clock',
'fas fa-user-cog',
'fas fa-user-edit',
'fas fa-user-friends',
'fas fa-user-graduate',
'fas fa-user-injured',
'fas fa-user-lock',
'fas fa-user-md',
'fas fa-user-minus',
'fas fa-user-ninja',
'fas fa-user-nurse',
'fas fa-user-plus',
'fas fa-user-secret',
'fas fa-user-shield',
'fas fa-user-slash',
'fas fa-user-tag',
'fas fa-user-tie',
'fas fa-user-times',
'fas fa-users',
'fas fa-users-cog',
'fas fa-utensil-spoon',
'fas fa-utensils',
'fas fa-vector-square',
'fas fa-venus',
'fas fa-venus-double',
'fas fa-venus-mars',
'fas fa-vial',
'fas fa-vials',
'fas fa-video',
'fas fa-video-slash',
'fas fa-vihara',
'fas fa-voicemail',
'fas fa-volleyball-ball',
'fas fa-volume-down',
'fas fa-volume-mute',
'fas fa-volume-off',
'fas fa-volume-up',
'fas fa-vote-yea',
'fas fa-vr-cardboard',
'fas fa-walking',
'fas fa-wallet',
'fas fa-warehouse',
'fas fa-water',
'fas fa-wave-square',
'fas fa-weight',
'fas fa-weight-hanging',
'fas fa-wheelchair',
'fas fa-wifi',
'fas fa-wind',
'fas fa-window-close',
'fas fa-window-maximize',
'fas fa-window-minimize',
'fas fa-window-restore',
'fas fa-wine-bottle',
'fas fa-wine-glass',
'fas fa-wine-glass-alt',
'fas fa-won-sign',
'fas fa-wrench',
'fas fa-x-ray',
'fas fa-yen-sign',
'fas fa-yin-yang'
]
},
brands: {
title: 'Brands',
prefix: 'fab fa-',
iconstyle: 'fa-brands',
listicon: 'fab fa-font-awesome-flag',
icons: [
'fab fa-500px',
'fab fa-accessible-icon',
'fab fa-accusoft',
'fab fa-acquisitions-incorporated',
'fab fa-adn',
'fab fa-adobe',
'fab fa-adversal',
'fab fa-affiliatetheme',
'fab fa-airbnb',
'fab fa-algolia',
'fab fa-alipay',
'fab fa-amazon',
'fab fa-amazon-pay',
'fab fa-amilia',
'fab fa-android',
'fab fa-angellist',
'fab fa-angrycreative',
'fab fa-angular',
'fab fa-app-store',
'fab fa-app-store-ios',
'fab fa-apper',
'fab fa-apple',
'fab fa-apple-pay',
'fab fa-artstation',
'fab fa-asymmetrik',
'fab fa-atlassian',
'fab fa-audible',
'fab fa-autoprefixer',
'fab fa-avianex',
'fab fa-aviato',
'fab fa-aws',
'fab fa-bandcamp',
'fab fa-battle-net',
'fab fa-behance',
'fab fa-behance-square',
'fab fa-bimobject',
'fab fa-bitbucket',
'fab fa-bitcoin',
'fab fa-bity',
'fab fa-black-tie',
'fab fa-blackberry',
'fab fa-blogger',
'fab fa-blogger-b',
'fab fa-bluetooth',
'fab fa-bluetooth-b',
'fab fa-bootstrap',
'fab fa-btc',
'fab fa-buffer',
'fab fa-buromobelexperte',
'fab fa-buy-n-large',
'fab fa-buysellads',
'fab fa-canadian-maple-leaf',
'fab fa-cc-amazon-pay',
'fab fa-cc-amex',
'fab fa-cc-apple-pay',
'fab fa-cc-diners-club',
'fab fa-cc-discover',
'fab fa-cc-jcb',
'fab fa-cc-mastercard',
'fab fa-cc-paypal',
'fab fa-cc-stripe',
'fab fa-cc-visa',
'fab fa-centercode',
'fab fa-centos',
'fab fa-chrome',
'fab fa-chromecast',
'fab fa-cloudscale',
'fab fa-cloudsmith',
'fab fa-cloudversify',
'fab fa-codepen',
'fab fa-codiepie',
'fab fa-confluence',
'fab fa-connectdevelop',
'fab fa-contao',
'fab fa-cotton-bureau',
'fab fa-cpanel',
'fab fa-creative-commons',
'fab fa-creative-commons-by',
'fab fa-creative-commons-nc',
'fab fa-creative-commons-nc-eu',
'fab fa-creative-commons-nc-jp',
'fab fa-creative-commons-nd',
'fab fa-creative-commons-pd',
'fab fa-creative-commons-pd-alt',
'fab fa-creative-commons-remix',
'fab fa-creative-commons-sa',
'fab fa-creative-commons-sampling',
'fab fa-creative-commons-sampling-plus',
'fab fa-creative-commons-share',
'fab fa-creative-commons-zero',
'fab fa-critical-role',
'fab fa-css3',
'fab fa-css3-alt',
'fab fa-cuttlefish',
'fab fa-d-and-d',
'fab fa-d-and-d-beyond',
'fab fa-dashcube',
'fab fa-delicious',
'fab fa-deploydog',
'fab fa-deskpro',
'fab fa-dev',
'fab fa-deviantart',
'fab fa-dhl',
'fab fa-diaspora',
'fab fa-digg',
'fab fa-digital-ocean',
'fab fa-discord',
'fab fa-discourse',
'fab fa-dochub',
'fab fa-docker',
'fab fa-draft2digital',
'fab fa-dribbble',
'fab fa-dribbble-square',
'fab fa-dropbox',
'fab fa-drupal',
'fab fa-dyalog',
'fab fa-earlybirds',
'fab fa-ebay',
'fab fa-edge',
'fab fa-elementor',
'fab fa-ello',
'fab fa-ember',
'fab fa-empire',
'fab fa-envira',
'fab fa-erlang',
'fab fa-ethereum',
'fab fa-etsy',
'fab fa-evernote',
'fab fa-expeditedssl',
'fab fa-facebook',
'fab fa-facebook-f',
'fab fa-facebook-messenger',
'fab fa-facebook-square',
'fab fa-fantasy-flight-games',
'fab fa-fedex',
'fab fa-fedora',
'fab fa-figma',
'fab fa-firefox',
'fab fa-firefox-browser',
'fab fa-first-order',
'fab fa-first-order-alt',
'fab fa-firstdraft',
'fab fa-flickr',
'fab fa-flipboard',
'fab fa-fly',
'fab fa-font-awesome',
'fab fa-font-awesome-alt',
'fab fa-font-awesome-flag',
'fab fa-fonticons',
'fab fa-fonticons-fi',
'fab fa-fort-awesome',
'fab fa-fort-awesome-alt',
'fab fa-forumbee',
'fab fa-foursquare',
'fab fa-free-code-camp',
'fab fa-freebsd',
'fab fa-fulcrum',
'fab fa-galactic-republic',
'fab fa-galactic-senate',
'fab fa-get-pocket',
'fab fa-gg',
'fab fa-gg-circle',
'fab fa-git',
'fab fa-git-alt',
'fab fa-git-square',
'fab fa-github',
'fab fa-github-alt',
'fab fa-github-square',
'fab fa-gitkraken',
'fab fa-gitlab',
'fab fa-gitter',
'fab fa-glide',
'fab fa-glide-g',
'fab fa-gofore',
'fab fa-goodreads',
'fab fa-goodreads-g',
'fab fa-google',
'fab fa-google-drive',
'fab fa-google-play',
'fab fa-google-plus',
'fab fa-google-plus-g',
'fab fa-google-plus-square',
'fab fa-google-wallet',
'fab fa-gratipay',
'fab fa-grav',
'fab fa-gripfire',
'fab fa-grunt',
'fab fa-gulp',
'fab fa-hacker-news',
'fab fa-hacker-news-square',
'fab fa-hackerrank',
'fab fa-hips',
'fab fa-hire-a-helper',
'fab fa-hooli',
'fab fa-hornbill',
'fab fa-hotjar',
'fab fa-houzz',
'fab fa-html5',
'fab fa-hubspot',
'fab fa-ideal',
'fab fa-imdb',
'fab fa-instagram',
'fab fa-intercom',
'fab fa-internet-explorer',
'fab fa-invision',
'fab fa-ioxhost',
'fab fa-itch-io',
'fab fa-itunes',
'fab fa-itunes-note',
'fab fa-java',
'fab fa-jedi-order',
'fab fa-jenkins',
'fab fa-jira',
'fab fa-joget',
'fab fa-joomla',
'fab fa-js',
'fab fa-js-square',
'fab fa-jsfiddle',
'fab fa-kaggle',
'fab fa-keybase',
'fab fa-keycdn',
'fab fa-kickstarter',
'fab fa-kickstarter-k',
'fab fa-korvue',
'fab fa-laravel',
'fab fa-lastfm',
'fab fa-lastfm-square',
'fab fa-leanpub',
'fab fa-less',
'fab fa-line',
'fab fa-linkedin',
'fab fa-linkedin-in',
'fab fa-linode',
'fab fa-linux',
'fab fa-lyft',
'fab fa-magento',
'fab fa-mailchimp',
'fab fa-mandalorian',
'fab fa-markdown',
'fab fa-mastodon',
'fab fa-maxcdn',
'fab fa-mdb',
'fab fa-medapps',
'fab fa-medium',
'fab fa-medium-m',
'fab fa-medrt',
'fab fa-meetup',
'fab fa-megaport',
'fab fa-mendeley',
'fab fa-microblog',
'fab fa-microsoft',
'fab fa-mix',
'fab fa-mixcloud',
'fab fa-mizuni',
'fab fa-modx',
'fab fa-monero',
'fab fa-napster',
'fab fa-neos',
'fab fa-nimblr',
'fab fa-node',
'fab fa-node-js',
'fab fa-npm',
'fab fa-ns8',
'fab fa-nutritionix',
'fab fa-odnoklassniki',
'fab fa-odnoklassniki-square',
'fab fa-old-republic',
'fab fa-opencart',
'fab fa-openid',
'fab fa-opera',
'fab fa-optin-monster',
'fab fa-orcid',
'fab fa-osi',
'fab fa-page4',
'fab fa-pagelines',
'fab fa-palfed',
'fab fa-patreon',
'fab fa-paypal',
'fab fa-penny-arcade',
'fab fa-periscope',
'fab fa-phabricator',
'fab fa-phoenix-framework',
'fab fa-phoenix-squadron',
'fab fa-php',
'fab fa-pied-piper',
'fab fa-pied-piper-alt',
'fab fa-pied-piper-hat',
'fab fa-pied-piper-pp',
'fab fa-pied-piper-square',
'fab fa-pinterest',
'fab fa-pinterest-p',
'fab fa-pinterest-square',
'fab fa-playstation',
'fab fa-product-hunt',
'fab fa-pushed',
'fab fa-python',
'fab fa-qq',
'fab fa-quinscape',
'fab fa-quora',
'fab fa-r-project',
'fab fa-raspberry-pi',
'fab fa-ravelry',
'fab fa-react',
'fab fa-reacteurope',
'fab fa-readme',
'fab fa-rebel',
'fab fa-red-river',
'fab fa-reddit',
'fab fa-reddit-alien',
'fab fa-reddit-square',
'fab fa-redhat',
'fab fa-renren',
'fab fa-replyd',
'fab fa-researchgate',
'fab fa-resolving',
'fab fa-rev',
'fab fa-rocketchat',
'fab fa-rockrms',
'fab fa-safari',
'fab fa-salesforce',
'fab fa-sass',
'fab fa-schlix',
'fab fa-scribd',
'fab fa-searchengin',
'fab fa-sellcast',
'fab fa-sellsy',
'fab fa-servicestack',
'fab fa-shirtsinbulk',
'fab fa-shopware',
'fab fa-simplybuilt',
'fab fa-sistrix',
'fab fa-sith',
'fab fa-sketch',
'fab fa-skyatlas',
'fab fa-skype',
'fab fa-slack',
'fab fa-slack-hash',
'fab fa-slideshare',
'fab fa-snapchat',
'fab fa-snapchat-ghost',
'fab fa-snapchat-square',
'fab fa-soundcloud',
'fab fa-sourcetree',
'fab fa-speakap',
'fab fa-speaker-deck',
'fab fa-spotify',
'fab fa-squarespace',
'fab fa-stack-exchange',
'fab fa-stack-overflow',
'fab fa-stackpath',
'fab fa-staylinked',
'fab fa-steam',
'fab fa-steam-square',
'fab fa-steam-symbol',
'fab fa-sticker-mule',
'fab fa-strava',
'fab fa-stripe',
'fab fa-stripe-s',
'fab fa-studiovinari',
'fab fa-stumbleupon',
'fab fa-stumbleupon-circle',
'fab fa-superpowers',
'fab fa-supple',
'fab fa-suse',
'fab fa-swift',
'fab fa-symfony',
'fab fa-teamspeak',
'fab fa-telegram',
'fab fa-telegram-plane',
'fab fa-tencent-weibo',
'fab fa-the-red-yeti',
'fab fa-themeco',
'fab fa-themeisle',
'fab fa-think-peaks',
'fab fa-trade-federation',
'fab fa-trello',
'fab fa-tripadvisor',
'fab fa-tumblr',
'fab fa-tumblr-square',
'fab fa-twitch',
'fab fa-twitter',
'fab fa-twitter-square',
'fab fa-typo3',
'fab fa-uber',
'fab fa-ubuntu',
'fab fa-uikit',
'fab fa-umbraco',
'fab fa-uniregistry',
'fab fa-unity',
'fab fa-untappd',
'fab fa-ups',
'fab fa-usb',
'fab fa-usps',
'fab fa-ussunnah',
'fab fa-vaadin',
'fab fa-viacoin',
'fab fa-viadeo',
'fab fa-viadeo-square',
'fab fa-viber',
'fab fa-vimeo',
'fab fa-vimeo-square',
'fab fa-vimeo-v',
'fab fa-vine',
'fab fa-vk',
'fab fa-vnv',
'fab fa-vuejs',
'fab fa-waze',
'fab fa-weebly',
'fab fa-weibo',
'fab fa-weixin',
'fab fa-whatsapp',
'fab fa-whatsapp-square',
'fab fa-whmcs',
'fab fa-wikipedia-w',
'fab fa-windows',
'fab fa-wix',
'fab fa-wizards-of-the-coast',
'fab fa-wolf-pack-battalion',
'fab fa-wordpress',
'fab fa-wordpress-simple',
'fab fa-wpbeginner',
'fab fa-wpexplorer',
'fab fa-wpforms',
'fab fa-wpressr',
'fab fa-xbox',
'fab fa-xing',
'fab fa-xing-square',
'fab fa-y-combinator',
'fab fa-yahoo',
'fab fa-yammer',
'fab fa-yandex',
'fab fa-yandex-international',
'fab fa-yarn',
'fab fa-yelp',
'fab fa-yoast',
'fab fa-youtube',
'fab fa-youtube-square',
'fab fa-zhihu'
]
}
}
}
}
================================================
FILE: src/entry.js
================================================
import Vue3IconPicker from "./components/Vue3IconPicker.vue"
export default Vue3IconPicker
================================================
FILE: src/main.js
================================================
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')
================================================
FILE: vite.config.js
================================================
import vue from '@vitejs/plugin-vue'
export default {
plugins: [vue()],
server: {
open: '/index.html'
}
}
/*
//Use This COnfig For UMD and ESM Build
import vue from "@vitejs/plugin-vue"
const path = require("path")
const replace = require("@rollup/plugin-replace")
export default {
plugins: [
vue(),
replace({
"process.env.NODE_ENV": JSON.stringify("production"),
}),
],
build: {
lib: {
entry: path.resolve(__dirname, "src/entry.js"),
name: "Vue3IconPicker",
},
rollupOptions: {
external: ["vue"],
output: {
globals: {
vue: "Vue",
},
},
},
},
}
*/
gitextract_nues7hhs/ ├── .gitignore ├── LICENSE ├── build-umd-esm/ │ ├── style.css │ ├── vue3-icon-picker.es.js │ └── vue3-icon-picker.umd.js ├── index.html ├── package.json ├── readme.md ├── src/ │ ├── App.vue │ ├── assets/ │ │ └── css/ │ │ └── style.css │ ├── components/ │ │ ├── Vue3IconPicker.vue │ │ └── data/ │ │ └── fonts.js │ ├── entry.js │ └── main.js └── vite.config.js
SYMBOL INDEX (2 symbols across 2 files)
FILE: build-umd-esm/vue3-icon-picker.es.js
method setup (line 1) | setup(s,e){const r=a(""),i=a(s.modelValue),l=a(!1),o=[{id:"all",title:"A...
FILE: build-umd-esm/vue3-icon-picker.umd.js
method setup (line 1) | setup(s,e){const r=a.ref(""),i=a.ref(s.modelValue),o=a.ref(!1),t=[{id:"a...
Condensed preview — 15 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (153K chars).
[
{
"path": ".gitignore",
"chars": 44,
"preview": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local"
},
{
"path": "LICENSE",
"chars": 1069,
"preview": "MIT License\n\nCopyright (c) 2021 Hasin Hayder\n\nPermission is hereby granted, free of charge, to any person obtaining a co"
},
{
"path": "build-umd-esm/style.css",
"chars": 7332,
"preview": ".vue3-icon-picker[data-v-02a817ad]{cursor:pointer}button.select-icon[data-v-02a817ad]{padding:20px;border-radius:5px;bac"
},
{
"path": "build-umd-esm/vue3-icon-picker.es.js",
"chars": 34215,
"preview": "import{ref as a,computed as f,pushScopeId as s,popScopeId as e,openBlock as r,createBlock as i,Fragment as l,createVNode"
},
{
"path": "build-umd-esm/vue3-icon-picker.umd.js",
"chars": 34920,
"preview": "!function(a,f){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=f(require(\"vue\")):\"function\"==typeof "
},
{
"path": "index.html",
"chars": 1038,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\" />\n <link rel=\"icon\" href=\"/favicon.ico\" />\n <"
},
{
"path": "package.json",
"chars": 355,
"preview": "{\n \"name\": \"vue3-icon-picker\",\n \"version\": \"0.0.0\",\n \"scripts\": {\n \"dev\": \"vite\",\n \"build\": \"vite build\",\n \""
},
{
"path": "readme.md",
"chars": 590,
"preview": "# Vue3 Icon Picker\n\nVanilla Js Version was developed by the awesome people @ here - https://github.com/sh-sabbir/aesthet"
},
{
"path": "src/App.vue",
"chars": 1433,
"preview": "<template>\n <a href=\"https://github.com/hasinhayder/vue3-icon-picker\" target=\"_blank\">\n <img alt=\"Vue logo\" src=\"./a"
},
{
"path": "src/assets/css/style.css",
"chars": 7759,
"preview": ".vue3-icon-picker{\n cursor: pointer;\n /* font-size:30px; */\n}\n\nbutton.select-icon {\n padding: 20px;\n border-radi"
},
{
"path": "src/components/Vue3IconPicker.vue",
"chars": 5279,
"preview": "<template>\n <span v-bind=\"$attrs\" @click=\"togglePicker\">\n <i class=\"vue3-icon-picker\" :class=\"modelValue\"></i>\n </s"
},
{
"path": "src/components/data/fonts.js",
"chars": 47876,
"preview": "export default {\n fontAwesome: {\n title: 'Font Awesome',\n variants: {\n regular: {\n title: 'Regular',\n"
},
{
"path": "src/entry.js",
"chars": 91,
"preview": "import Vue3IconPicker from \"./components/Vue3IconPicker.vue\"\n\nexport default Vue3IconPicker"
},
{
"path": "src/main.js",
"chars": 90,
"preview": "import { createApp } from 'vue'\nimport App from './App.vue'\n\ncreateApp(App).mount('#app')\n"
},
{
"path": "vite.config.js",
"chars": 659,
"preview": "import vue from '@vitejs/plugin-vue'\n\nexport default {\n plugins: [vue()],\n server: {\n open: '/index.html'\n }\n}\n\n\n/"
}
]
About this extraction
This page contains the full source code of the hasinhayder/vue3-icon-picker GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 15 files (139.4 KB), approximately 40.9k tokens, and a symbol index with 2 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.