Merge branch 'epoirier/master/issue-698' into 'master'

Update projects page with new script

See merge request eclipsefdn/it/websites/iot.eclipse.org!698

config.toml

@@ -15,8 +15,8 @@ themesDir = "node_modules/"
   keywords = ["eclipse iot, internet of things, iot"]
   logo = "assets/images/logo_white.svg"
   logo_width = 120
-  styles = "assets/css/styles.min.css?v1.0"
-  js = "assets/js/scripts.min.js?v1.0"
+  styles = "assets/css/styles.min.css"
+  js = "assets/js/scripts.min.js"
   twitter_url = "https://twitter.com/EclipseIoT"
   facebook_url = "https://www.facebook.com/eclipseiot"
   youtube_url = "https://www.youtube.com/playlist?list=PLy7t4z5SYNaRorMpk1txiehpkyeI0JLn-"

content/projects/_index.md

@@ -12,5 +12,11 @@ header_wrapper_class: "header-alternate-bg-img-1"
 links: [[href: "/projects/getting-started", text: "Get Started"], [href: "/projects/sandboxes", text: "Sandboxes"]]
 ---
 
-{{< page-projects >}}
+{{< eclipsefdn_projects
+    templateId="tpl-projects-item"
+    url="https://projects.eclipse.org/api/projects?working_group=internet-things-iot"
+    classes="margin-top-30"
+    display_categories="false"
+    categories=""
+>}}
 

js/main.js

@@ -13,7 +13,7 @@
 
 import 'eclipsefdn-solstice-assets'
 import './src/home-members'
-import './src/projects'
+import 'eclipsefdn-solstice-assets/js/solstice/eclipsefdn.projects'
 import './src/resources'
 
 (function($, document) {

js/src/home-members.js

@@ -12,7 +12,11 @@
  */
 
 const pickThreeRandomMembers = (() => {
-  const memberListElement = document.querySelector('.eclipsefdn-members-list');
+  const memberListElement = document.querySelector('.eclipsefdn-members-list.home-member-list');
+
+  if (!memberListElement) {
+    return
+  }
 
   const callback = () => {
     observer.disconnect();

js/src/projects.js

-/*!
- * community.js by Christopher Guindon - @chrisguindon
- * Copyright 2013 Eclipse Foundation
- * projects.js by Yi Liu - @yiliu
- * Copyright 2020 Eclipse Foundation
- * http://www.eclipse.org/org/documents/epl-v10.php
- */
-
-
-import List from 'list.js';
-
-const EclipseProjectList = (function ($) {
-  if ($('.eclipsefdn-project-list').length) {
-    $.ajax({
-      type: 'GET',
-      url: 'https://projects.eclipse.org/api/projects?working_group=internet-things-iot&pagesize=100',
-      dataType: 'json',
-      cache: true,
-      success: function (data) {
-        var projectInfos = [];
-
-        var val = 20;
-        $('.progress-bar')
-          .css('width', val + '%')
-          .attr('aria-valuenow', val);
-
-        var i = 0;
-
-        $.each(data, function (key, value) {
-          if (value.state === 'Archived') {
-            return true;
-          }
-
-          i++;
-          var val = 20 + (i / Object.keys(data).length) * 80;
-
-          $('.progress-bar')
-            .css('width', val + '%')
-            .attr('aria-valuenow', val);
-          var title = stringJanitor(value.name);
-          var id = stringJanitor(value.project_id);
-          var link = value.url;
-          if (!validateUrl(link)) {
-            link = 'http://projects.eclipse.org/projects/' + id;
-          }
-          var desc = stringJanitor(value.summary, {
-            cut: true,
-            ellipsis: ' [&hellip;] <br><a href="' + link + '"> Read more&hellip;</a>',
-          });
-
-          var projectInfo = {};
-          projectInfo.link = value.url;
-          if (!validateUrl(projectInfo.link)) {
-            projectInfo.link = 'http://projects.eclipse.org/projects/' + id;
-          }
-          projectInfo.logo = value.logo;
-          projectInfo.id = id;
-          projectInfo.name = title;
-          projectInfo.logo_alt = title;
-
-          projectInfo.project_state = value.state;
-
-          projectInfo.labels = '';
-
-          projectInfo.description = desc;
-          projectInfo.fullDescription = stringJanitor(value.summary);
-          projectInfo.version = 'none';
-          if (value.releases[0]) {
-            projectInfo.version = value.releases[0].name;
-          }
-
-          projectInfo.downloadUrl = value.url;
-
-          projectInfo.projectUrl = '';
-
-          projectInfo.category = getCategory(id);
-
-          projectInfo.release = title;
-          projectInfo.status = title;
-
-          projectInfos.push(projectInfo);
-
-          i++;
-        });
-
-        var options = {
-          item: '<li class="col-md-8 col-sm-12"><div class="featured-projects-item">\
-                        <!--<div class="featured-projects-item-category category"> </div> --> \
-                        <div class="featured-projects-item-content match-height-item">\
-                        <a href="#" class="link">\
-                        <img class="featured-projects-item-img img-responsive logo logo_alt" alt="project">\
-                        </a>\
-                        <div class="featured-projects-item-text">\
-                        <p class="featured-projects-item-heading name"> </p><span class="labels"></span>\
-                        <p class="fullDescription" style="display:none;"></p>\
-                        <p class="description"></p>\
-                        <p><a class="downloadUrl" href="#">Get Started ></a></p>\
-                        <span class="projectUrl"></span>\
-                        </div>\
-                        </div>\
-                        <hr>\
-                        <div class="details">\
-                            <p class="downloads" style="display:none;"></p>\
-                            <p>Latest release: <strong class="version"></strong></p>\
-                            <p>Project status: <strong class="project_state"></strong></p>\
-                        </div>\
-                        </li>',
-          valueNames: [
-            'name',
-            'description',
-            'fullDescription',
-            'projectUrl',
-            'status',
-            'category',
-            {
-              name: 'logo',
-              attr: 'src',
-            },
-            'version',
-            {
-              name: 'link',
-              attr: 'href',
-            },
-            {
-              name: 'downloadUrl',
-              attr: 'href',
-            },
-            {
-              name: 'logo_alt',
-              attr: 'alt',
-            },
-            'labels',
-            'project_state',
-          ],
-        };
-
-        var ecd_cft = projectInfos.find((el) => el.id === 'ecd.cft');
-        var ecd_orion = projectInfos.find((el) => el.id === 'ecd.orion');
-        projectInfos.push(projectInfos.splice(projectInfos.indexOf(ecd_cft), 1)[0]);
-        projectInfos.push(projectInfos.splice(projectInfos.indexOf(ecd_orion), 1)[0]);
-
-        var list = new List('project-list', options, projectInfos);
-
-        for (var i in list.visibleItems) {
-          var elem = list.visibleItems[i].elm;
-          var logoElem = $('img.logo', elem);
-
-          if (logoElem.attr('src').includes('fakeimg')) {
-            logoElem.addClass('has-placeholder-logo');
-          }
-        }
-
-        $('#update-project').empty();
-        $('#update-project').removeClass('loading');
-
-        $('.btn-filter-project').on('click', function () {
-          setTimeout(function () {
-            list.filter();
-            // list.filter(computeFilterFunction());
-          }, 10);
-        });
-
-        // Making sure each projects have the same height using match-height
-        $('.eclipsefdn-project-list').trigger('shown.ef.news');
-      },
-    });
-  }
-  // Validate URL.
-  var validateUrl = function validateUrl(str) {
-    return /^(http|https|ftp):\/\/[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/i.test(str);
-  };
-
-  // Remove html, add ellipsis and cut strings.
-  var stringJanitor = function (str, options) {
-    var settings = $.extend(
-      {
-        // These are the defaults.
-        start: 0,
-        end: 250,
-        html: false,
-        ellipsis: '',
-        cut: false,
-      },
-      options
-    );
-    var text = '';
-    // Remove HTML.
-    if (!settings.html) {
-      text = str.replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/g, '');
-    }
-
-    // Shorten the string.
-    if (settings.cut) {
-      if (text.length < settings.end) {
-        return text;
-      } else {
-        var cutat = text.lastIndexOf(' ', settings.end);
-        if (cutat !== -1) {
-          text = text.substring(settings.start, cutat) + settings.ellipsis;
-        }
-      }
-    }
-    return text;
-  };
-
-  var getCategory = function (project_id) {
-    var categories = {
-      'ecd.che': 'Cloud IDE',
-      'ecd.che.che4z': 'Extension Marketplace',
-      'ecd.codewind': 'IDE-Agnostic Library',
-      'ecd.dirigible': 'Service (IDEAAS)',
-      'ecd.emfcloud': 'Cloud IDE',
-      'ecd.glsp': 'Disagram Editors',
-      'ecd.jkube': 'Cloud IDE',
-      'ecd.openvsx': 'Extension Marketplace',
-      'ecd.sprotty': 'Framework',
-      'ecd.theia': 'Cloud IDE',
-      'ecd.cft': 'Cloud IDE',
-      'ecd.orion': 'Extension Marketplace',
-    };
-    return categories[project_id];
-  };
-})(jQuery);
-// The global jQuery object is passed as a parameter
-
-export default EclipseProjectList;

layouts/shortcodes/home-members.html

@@ -7,7 +7,7 @@
           <span class="sr-only">Loading...</span>
         </div>
       </ul>
-      <ul class="eclipsefdn-members-list list-inline margin-30 flex-center gap-50 hide" data-ml-sort="random"
+      <ul class="eclipsefdn-members-list home-member-list list-inline margin-30 flex-center gap-50 hide" data-ml-sort="random"
         data-ml-wg="internet-things-iot" data-ml-template="only-logos"></ul>
     </div>
   </div>

less/_components/projects.less

@@ -11,43 +11,6 @@
  * SPDX-License-Identifier: EPL-2.0
 */
 
-.featured-projects-item {
-  background-color:@white;
-  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
-  padding: 20px;
-  margin-bottom: 30px;
-  hr{
-      border-top: 1px solid @brand-primary;
-  }
-  .downloadUrl {
-      color:@brand-primary;
-      &:hover {
-          color:darken(@brand-primary, 15%);
-      }
-  }
+#projects-list {
+  margin-top: 60px;
 }
-
-.featured-projects-item-category {
-  background-color:@brand-primary;
-  min-width:200px;
-  color:@white;
-  text-transform: uppercase;
-  text-align:center;
-  padding:2px;
-  float: right;
-  position: relative;
-  right: -20px;
-  font-size: 11px;
-}
-
-.featured-projects-item-heading {
-  font-weight:bold;
-  margin-bottom: 0;
-}
-
-.featured-projects-item-img {
-  margin-bottom: 40px;
-  max-width: 130px;
-  margin-top: 20px;
-  max-height: 40px;
-}
\ No newline at end of file

package.json

@@ -21,7 +21,7 @@
     "build_netlify": "NODE_ENV=production npm run production"
   },
   "dependencies": {
-    "eclipsefdn-hugo-solstice-theme": "0.0.153",
+    "eclipsefdn-hugo-solstice-theme": "0.0.154",
     "list.js": "^1.2.0"
   },
   "prettier": {

static/assets/js/scripts.min.js.LICENSE.txt

@@ -5,7 +5,20 @@
 */
 
 /*!
- * Copyright (c) 2018 Eclipse Foundation, Inc.
+ * Copyright (c) 2019 Eclipse Foundation, Inc.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * Contributors:
+ *   Christopher Guindon <chris.guindon@eclipse-foundation.org>
+ *
+ * SPDX-License-Identifier: EPL-2.0
+*/
+
+/*!
+ * Copyright (c) 2019 Eclipse Foundation, Inc.
  *
  * This program and the accompanying materials are made available under the
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -18,7 +31,7 @@
  */
 
 /*!
- * Copyright (c) 2019 Eclipse Foundation, Inc.
+ * Copyright (c) 2020 Eclipse Foundation, Inc.
  *
  * This program and the accompanying materials are made available under the
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -28,10 +41,10 @@
  *   Christopher Guindon <chris.guindon@eclipse-foundation.org>
  *
  * SPDX-License-Identifier: EPL-2.0
-*/
+ */
 
 /*!
- * Copyright (c) 2019 Eclipse Foundation, Inc.
+ * Copyright (c) 2021 Eclipse Foundation, Inc.
  *
  * This program and the accompanying materials are made available under the
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -44,14 +57,14 @@
  */
 
 /*!
- * Copyright (c) 2020 Eclipse Foundation, Inc.
+ * Copyright (c) 2021 Eclipse Foundation, Inc.
  *
  * This program and the accompanying materials are made available under the
  * terms of the Eclipse Public License v. 2.0 which is available at
  * http://www.eclipse.org/legal/epl-2.0.
  *
  * Contributors:
- *   Christopher Guindon <chris.guindon@eclipse-foundation.org>
+ *   Zhou fang <zhou.fang@eclipse-foundation.org>
  *
  * SPDX-License-Identifier: EPL-2.0
  */
@@ -64,7 +77,7 @@
  * http://www.eclipse.org/legal/epl-2.0.
  *
  * Contributors:
- *   Christopher Guindon <chris.guindon@eclipse-foundation.org>
+ *  Christopher Guindon <chris.guindon@eclipse-foundation.org>
  *
  * SPDX-License-Identifier: EPL-2.0
  */
@@ -234,15 +247,23 @@
 
 /*! ./to-svg */
 
-/*! /home/travis/build/feathericons/feather/src/index.js */
+/*! /home/runner/work/feather/feather/src/index.js */
+
+/*! @preserve
+ * numeral.js
+ * version : 1.5.6
+ * author : Adam Draper
+ * license : MIT
+ * http://adamwdraper.github.com/Numeral-js/
+ */
 
 /*! classnames/dedupe */
 
 /*! core-js/es/array/from */
 
-/*! exports provided: activity, airplay, alert-circle, alert-octagon, alert-triangle, align-center, align-justify, align-left, align-right, anchor, aperture, archive, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, award, bar-chart-2, bar-chart, battery-charging, battery, bell-off, bell, bluetooth, bold, book-open, book, bookmark, box, briefcase, calendar, camera-off, camera, cast, check-circle, check-square, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, chrome, circle, clipboard, clock, cloud-drizzle, cloud-lightning, cloud-off, cloud-rain, cloud-snow, cloud, code, codepen, codesandbox, coffee, columns, command, compass, copy, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, cpu, credit-card, crop, crosshair, database, delete, disc, divide-circle, divide-square, divide, dollar-sign, download-cloud, download, dribbble, droplet, edit-2, edit-3, edit, external-link, eye-off, eye, facebook, fast-forward, feather, figma, file-minus, file-plus, file-text, file, film, filter, flag, folder-minus, folder-plus, folder, framer, frown, gift, git-branch, git-commit, git-merge, git-pull-request, github, gitlab, globe, grid, hard-drive, hash, headphones, heart, help-circle, hexagon, home, image, inbox, info, instagram, italic, key, layers, layout, life-buoy, link-2, link, linkedin, list, loader, lock, log-in, log-out, mail, map-pin, map, maximize-2, maximize, meh, menu, message-circle, message-square, mic-off, mic, minimize-2, minimize, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, mouse-pointer, move, music, navigation-2, navigation, octagon, package, paperclip, pause-circle, pause, pen-tool, percent, phone-call, phone-forwarded, phone-incoming, phone-missed, phone-off, phone-outgoing, phone, pie-chart, play-circle, play, plus-circle, plus-square, plus, pocket, power, printer, radio, refresh-ccw, refresh-cw, repeat, rewind, rotate-ccw, rotate-cw, rss, save, scissors, search, send, server, settings, share-2, share, shield-off, shield, shopping-bag, shopping-cart, shuffle, sidebar, skip-back, skip-forward, slack, slash, sliders, smartphone, smile, speaker, square, star, stop-circle, sun, sunrise, sunset, tablet, tag, target, terminal, thermometer, thumbs-down, thumbs-up, toggle-left, toggle-right, tool, trash-2, trash, trello, trending-down, trending-up, triangle, truck, tv, twitch, twitter, type, umbrella, underline, unlock, upload-cloud, upload, user-check, user-minus, user-plus, user-x, user, users, video-off, video, voicemail, volume-1, volume-2, volume-x, volume, watch, wifi-off, wifi, wind, x-circle, x-octagon, x-square, x, youtube, zap-off, zap, zoom-in, zoom-out, default */
+/*! exports provided: activity, airplay, alert-circle, alert-octagon, alert-triangle, align-center, align-justify, align-left, align-right, anchor, aperture, archive, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, award, bar-chart-2, bar-chart, battery-charging, battery, bell-off, bell, bluetooth, bold, book-open, book, bookmark, box, briefcase, calendar, camera-off, camera, cast, check-circle, check-square, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, chrome, circle, clipboard, clock, cloud-drizzle, cloud-lightning, cloud-off, cloud-rain, cloud-snow, cloud, code, codepen, codesandbox, coffee, columns, command, compass, copy, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, cpu, credit-card, crop, crosshair, database, delete, disc, divide-circle, divide-square, divide, dollar-sign, download-cloud, download, dribbble, droplet, edit-2, edit-3, edit, external-link, eye-off, eye, facebook, fast-forward, feather, figma, file-minus, file-plus, file-text, file, film, filter, flag, folder-minus, folder-plus, folder, framer, frown, gift, git-branch, git-commit, git-merge, git-pull-request, github, gitlab, globe, grid, hard-drive, hash, headphones, heart, help-circle, hexagon, home, image, inbox, info, instagram, italic, key, layers, layout, life-buoy, link-2, link, linkedin, list, loader, lock, log-in, log-out, mail, map-pin, map, maximize-2, maximize, meh, menu, message-circle, message-square, mic-off, mic, minimize-2, minimize, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, mouse-pointer, move, music, navigation-2, navigation, octagon, package, paperclip, pause-circle, pause, pen-tool, percent, phone-call, phone-forwarded, phone-incoming, phone-missed, phone-off, phone-outgoing, phone, pie-chart, play-circle, play, plus-circle, plus-square, plus, pocket, power, printer, radio, refresh-ccw, refresh-cw, repeat, rewind, rotate-ccw, rotate-cw, rss, save, scissors, search, send, server, settings, share-2, share, shield-off, shield, shopping-bag, shopping-cart, shuffle, sidebar, skip-back, skip-forward, slack, slash, sliders, smartphone, smile, speaker, square, star, stop-circle, sun, sunrise, sunset, table, tablet, tag, target, terminal, thermometer, thumbs-down, thumbs-up, toggle-left, toggle-right, tool, trash-2, trash, trello, trending-down, trending-up, triangle, truck, tv, twitch, twitter, type, umbrella, underline, unlock, upload-cloud, upload, user-check, user-minus, user-plus, user-x, user, users, video-off, video, voicemail, volume-1, volume-2, volume-x, volume, watch, wifi-off, wifi, wind, x-circle, x-octagon, x-square, x, youtube, zap-off, zap, zoom-in, zoom-out, default */
 
-/*! exports provided: activity, airplay, alert-circle, alert-octagon, alert-triangle, align-center, align-justify, align-left, align-right, anchor, archive, at-sign, award, aperture, bar-chart, bar-chart-2, battery, battery-charging, bell, bell-off, bluetooth, book-open, book, bookmark, box, briefcase, calendar, camera, cast, circle, clipboard, clock, cloud-drizzle, cloud-lightning, cloud-rain, cloud-snow, cloud, codepen, codesandbox, code, coffee, columns, command, compass, copy, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, cpu, credit-card, crop, crosshair, database, delete, disc, dollar-sign, droplet, edit, edit-2, edit-3, eye, eye-off, external-link, facebook, fast-forward, figma, file-minus, file-plus, file-text, film, filter, flag, folder-minus, folder-plus, folder, framer, frown, gift, git-branch, git-commit, git-merge, git-pull-request, github, gitlab, globe, hard-drive, hash, headphones, heart, help-circle, hexagon, home, image, inbox, instagram, key, layers, layout, life-bouy, link, link-2, linkedin, list, lock, log-in, log-out, mail, map-pin, map, maximize, maximize-2, meh, menu, message-circle, message-square, mic-off, mic, minimize, minimize-2, minus, monitor, moon, more-horizontal, more-vertical, mouse-pointer, move, music, navigation, navigation-2, octagon, package, paperclip, pause, pause-circle, pen-tool, percent, phone-call, phone-forwarded, phone-incoming, phone-missed, phone-off, phone-outgoing, phone, play, pie-chart, play-circle, plus, plus-circle, plus-square, pocket, power, printer, radio, refresh-cw, refresh-ccw, repeat, rewind, rotate-ccw, rotate-cw, rss, save, scissors, search, send, settings, share-2, shield, shield-off, shopping-bag, shopping-cart, shuffle, skip-back, skip-forward, slack, slash, sliders, smartphone, smile, speaker, star, stop-circle, sun, sunrise, sunset, tablet, tag, target, terminal, thermometer, thumbs-down, thumbs-up, toggle-left, toggle-right, tool, trash, trash-2, triangle, truck, tv, twitch, twitter, type, umbrella, unlock, user-check, user-minus, user-plus, user-x, user, users, video-off, video, voicemail, volume, volume-1, volume-2, volume-x, watch, wifi-off, wifi, wind, x-circle, x-octagon, x-square, x, youtube, zap-off, zap, zoom-in, zoom-out, default */
+/*! exports provided: activity, airplay, alert-circle, alert-octagon, alert-triangle, align-center, align-justify, align-left, align-right, anchor, archive, at-sign, award, aperture, bar-chart, bar-chart-2, battery, battery-charging, bell, bell-off, bluetooth, book-open, book, bookmark, box, briefcase, calendar, camera, cast, chevron-down, chevron-up, circle, clipboard, clock, cloud-drizzle, cloud-lightning, cloud-rain, cloud-snow, cloud, codepen, codesandbox, code, coffee, columns, command, compass, copy, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, cpu, credit-card, crop, crosshair, database, delete, disc, dollar-sign, droplet, edit, edit-2, edit-3, eye, eye-off, external-link, facebook, fast-forward, figma, file-minus, file-plus, file-text, film, filter, flag, folder-minus, folder-plus, folder, framer, frown, gift, git-branch, git-commit, git-merge, git-pull-request, github, gitlab, globe, hard-drive, hash, headphones, heart, help-circle, hexagon, home, image, inbox, instagram, key, layers, layout, life-bouy, link, link-2, linkedin, list, lock, log-in, log-out, mail, map-pin, map, maximize, maximize-2, meh, menu, message-circle, message-square, mic-off, mic, minimize, minimize-2, minus, monitor, moon, more-horizontal, more-vertical, mouse-pointer, move, music, navigation, navigation-2, octagon, package, paperclip, pause, pause-circle, pen-tool, percent, phone-call, phone-forwarded, phone-incoming, phone-missed, phone-off, phone-outgoing, phone, play, pie-chart, play-circle, plus, plus-circle, plus-square, pocket, power, printer, radio, refresh-cw, refresh-ccw, repeat, rewind, rotate-ccw, rotate-cw, rss, save, scissors, search, send, settings, share-2, shield, shield-off, shopping-bag, shopping-cart, shuffle, skip-back, skip-forward, slack, slash, sliders, smartphone, smile, speaker, star, stop-circle, sun, sunrise, sunset, tablet, tag, target, terminal, thermometer, thumbs-down, thumbs-up, toggle-left, toggle-right, tool, trash, trash-2, triangle, truck, tv, twitch, twitter, type, umbrella, unlock, user-check, user-minus, user-plus, user-x, user, users, video-off, video, voicemail, volume, volume-1, volume-2, volume-x, watch, wifi-off, wifi, wind, x-circle, x-octagon, x-square, x, youtube, zap-off, zap, zoom-in, zoom-out, default */
 
 /*! exports provided: xmlns, width, height, viewBox, fill, stroke, stroke-width, stroke-linecap, stroke-linejoin, default */