@limetech/lime-crm-building-blocks 1.7.0 → 1.8.0

package/dist/cjs/{index-89d2fa5e.js → index-c40f4fe5.js}

@@ -1329,7 +1329,6 @@ const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 exports.bootstrapLazy = bootstrapLazy;
 exports.createEvent = createEvent;
-exports.getElement = getElement;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;

package/dist/cjs/lime-crm-building-blocks.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 /*
  Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["limebb-example-date-picker-date.cjs",[[1,"limebb-example-date-picker-date",{"value":[32]}]]],["limebb-example-date-picker-datetime.cjs",[[1,"limebb-example-date-picker-datetime",{"value":[32]}]]],["limebb-example-date-picker-time.cjs",[[1,"limebb-example-date-picker-time",{"value":[32]}]]],["limebb-example-date-picker-week.cjs",[[1,"limebb-example-date-picker-week",{"value":[32]}]]],["limebb-example-currency-picker.cjs",[[1,"limebb-example-currency-picker",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-european.cjs",[[1,"limebb-example-currency-picker-european",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-nordic.cjs",[[1,"limebb-example-currency-picker-nordic",{"selectedCurrency":[32]}]]],["limebb-example-dashboard-widget.cjs",[[1,"limebb-example-dashboard-widget"]]],["limebb-example-dashboard-widget-slots.cjs",[[1,"limebb-example-dashboard-widget-slots",{"filterMyDeals":[32]}]]],["limebb-example-dashboard-widget-styles.cjs",[[1,"limebb-example-dashboard-widget-styles"]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-example-date-range.cjs",[[1,"limebb-example-date-range"]]],["limebb-example-icon-picker.cjs",[[1,"limebb-example-icon-picker",{"value":[32]}]]],["limebb-example-locale-picker.cjs",[[1,"limebb-example-locale-picker",{"value":[1]}]]],["limebb-example-locale-picker-multiple.cjs",[[1,"limebb-example-locale-picker-multiple",{"value":[1]}]]],["limebb-navigation-button.cjs",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-example-navigation-button-back.cjs",[[1,"limebb-example-navigation-button-back"]]],["limebb-example-navigation-button-close.cjs",[[1,"limebb-example-navigation-button-close"]]],["limebb-example-navigation-button-expand.cjs",[[1,"limebb-example-navigation-button-expand"]]],["limebb-example-navigation-button-float.cjs",[[1,"limebb-example-navigation-button-float"]]],["limebb-example-navigation-button-new-tab.cjs",[[1,"limebb-example-navigation-button-new-tab"]]],["limebb-example-navigation-button-shrink.cjs",[[1,"limebb-example-navigation-button-shrink"]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"disabled":[516],"value":[16]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-date-picker_2.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}],[0,"limebb-example-value",{"label":[513],"value":[8]}]]]], options);
+  return index.bootstrapLazy([["limebb-example-date-picker-date.cjs",[[1,"limebb-example-date-picker-date",{"value":[32]}]]],["limebb-example-date-picker-datetime.cjs",[[1,"limebb-example-date-picker-datetime",{"value":[32]}]]],["limebb-example-date-picker-time.cjs",[[1,"limebb-example-date-picker-time",{"value":[32]}]]],["limebb-example-date-picker-week.cjs",[[1,"limebb-example-date-picker-week",{"value":[32]}]]],["limebb-example-currency-picker.cjs",[[1,"limebb-example-currency-picker",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-european.cjs",[[1,"limebb-example-currency-picker-european",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-nordic.cjs",[[1,"limebb-example-currency-picker-nordic",{"selectedCurrency":[32]}]]],["limebb-example-dashboard-widget.cjs",[[1,"limebb-example-dashboard-widget"]]],["limebb-example-dashboard-widget-slots.cjs",[[1,"limebb-example-dashboard-widget-slots",{"filterMyDeals":[32]}]]],["limebb-example-dashboard-widget-styles.cjs",[[1,"limebb-example-dashboard-widget-styles"]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[8],"timeFormat":[1,"time-format"],"type":[8]}]]],["limebb-example-date-range.cjs",[[1,"limebb-example-date-range"]]],["limebb-example-icon-picker.cjs",[[1,"limebb-example-icon-picker",{"value":[32]}]]],["limebb-example-locale-picker.cjs",[[1,"limebb-example-locale-picker",{"value":[1]}]]],["limebb-example-locale-picker-multiple.cjs",[[1,"limebb-example-locale-picker-multiple",{"value":[1]}]]],["limebb-navigation-button.cjs",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-example-navigation-button-back.cjs",[[1,"limebb-example-navigation-button-back"]]],["limebb-example-navigation-button-close.cjs",[[1,"limebb-example-navigation-button-close"]]],["limebb-example-navigation-button-expand.cjs",[[1,"limebb-example-navigation-button-expand"]]],["limebb-example-navigation-button-float.cjs",[[1,"limebb-example-navigation-button-float"]]],["limebb-example-navigation-button-new-tab.cjs",[[1,"limebb-example-navigation-button-new-tab"]]],["limebb-example-navigation-button-shrink.cjs",[[1,"limebb-example-navigation-button-shrink"]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"disabled":[516],"value":[8]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-date-picker_2.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[520]}],[0,"limebb-example-value",{"label":[513],"value":[8]}]]]], options);
 });

package/dist/cjs/limebb-currency-picker.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 const types = require('./types-172f53c1.js');
 const currencies = require('./currencies-98ac425a.js');
 

package/dist/cjs/limebb-dashboard-widget.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const dashboardWidgetCss = ":host(limebb-dashboard-widget){--dashboard-widget-background-color:var(\n      --start-page-grid-widget-background-color,\n      rgb(var(--contrast-100))\n  );--header-icon-color:var(--dashboard-widget-icon-color);--header-background-color:var(\n      --dashboard-widget-header-background-color,\n      var(--start-page-grid-widget-header-color)\n  );--dashboard-widget-border-radius:var(\n      --start-page-grid-widget-border-radius,\n      1rem\n  );--header-top-right-left-border-radius:0;display:flex;flex-direction:column;border-radius:var(--dashboard-widget-border-radius);background-color:var(--dashboard-widget-background-color);height:100%;width:100%;overflow:hidden}";
 

package/dist/cjs/limebb-date-picker_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 const types = require('./types-172f53c1.js');
 const _nodeUtil = require('./_nodeUtil-d0211145.js');
 
@@ -63,6 +63,39 @@ function isUndefined(value) {
   return value === undefined;
 }
 
+function fromServerDate(parsedDate, type) {
+  if (type === 'datetime' || type === 'time') {
+    return parsedDate;
+  }
+  // Add hours to make sure we don't change the day when parsing server time,
+  // for example "00:00:00+02:00" which correponds to "22:00:00Z".
+  // We expect server time zone to be Europe/Stockholm, but we also try
+  // to account for 00:00 browser local time in most parts of the world,
+  // as well as 12:00 UTC without overflowing to the next day.
+  const maxServerTimeOffsetHours = 10;
+  return new Date(parsedDate.getUTCFullYear(), parsedDate.getUTCMonth(), parsedDate.getUTCDate(), parsedDate.getUTCHours() + maxServerTimeOffsetHours);
+}
+
+/**
+ * Create a UTC date with the same values for year, month and day as the given
+ * date, but with the time component set to 00:00:00.
+ *
+ * Example:
+ * input: 2020-01-01T00:00:00+02:00
+ * output: 2020-01-01T00:00:00Z
+ *
+ * @param {Date} changedDate The date to convert
+ * @param {DateType} type The type of date
+ * @returns {Date} The converted date
+ */
+function toServerDate(changedDate, type) {
+  if (type === 'datetime' || type === 'time') {
+    // These types should retain their time component
+    return changedDate;
+  }
+  return new Date(Date.UTC(changedDate.getFullYear(), changedDate.getMonth(), changedDate.getDate()));
+}
+
 const DatePicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -99,7 +132,7 @@ const DatePicker = class {
         return;
       }
       event.stopPropagation();
-      const date = this.toServerDate(event.detail);
+      const date = toServerDate(event.detail, this.type);
       if (this.shouldEmitValueAsString) {
         this.change.emit(date.toISOString());
         return;
@@ -114,12 +147,6 @@ const DatePicker = class {
     }
     return (index.h("limel-date-picker", { disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, formatter: this.formatter, onChange: this.handleChange }));
   }
-  toServerDate(changedDate) {
-    if (this.type === 'datetime' || this.type === 'time') {
-      return changedDate;
-    }
-    return new Date(Date.UTC(changedDate.getFullYear(), changedDate.getMonth(), changedDate.getDate()));
-  }
   parseDateValue() {
     let value = this.value;
     if (!value) {
@@ -128,19 +155,7 @@ const DatePicker = class {
     if (typeof value === 'string') {
       value = new Date(value);
     }
-    return this.fromServerDate(value);
-  }
-  fromServerDate(parsedDate) {
-    if (this.type === 'datetime' || this.type === 'time') {
-      return parsedDate;
-    }
-    // Add hours to make sure we don't change the day when parsing server time,
-    // for example "00:00:00+02:00" which correponds to "22:00:00Z".
-    // We expect server time zone to be Europe/Stockholm, but we also try
-    // to account for 00:00 browser local time in most parts of the world,
-    // as well as 12:00 UTC without overflowing to the next day.
-    const maxServerTimeOffsetHours = 10;
-    return new Date(parsedDate.getUTCFullYear(), parsedDate.getUTCMonth(), parsedDate.getUTCDate(), parsedDate.getUTCHours() + maxServerTimeOffsetHours);
+    return fromServerDate(value, this.type);
   }
   get dateTimeFormatter() {
     return this.platform.get(types.PlatformServiceName.DateTimeFormatter);

package/dist/cjs/limebb-date-range.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const dateRangeCss = ":host(limebb-date-range){isolation:isolate;display:block;position:relative}*{box-sizing:border-box}.date-pickers{display:grid;grid-template-columns:repeat(auto-fit, minmax(13.5rem, 1fr));gap:0.5rem;padding:0.75rem 1rem 1.25rem 1rem}.label-group{display:flex;align-items:center;margin-bottom:0.25rem}.end-time .label-group{flex-direction:row-reverse}.label-group .label{font-size:0.75rem;padding:0 0.25rem}.label-group .circle{flex-shrink:0;width:0.5rem;height:0.5rem;border-radius:50%}.start-time .label-group .circle{background-color:rgb(var(--color-green-default))}.end-time .label-group .circle{background-color:rgb(var(--color-coral-default))}.label-group .line{flex-grow:1;height:0.25rem;border-radius:1rem}.start-time .label-group .line{background-image:linear-gradient(to right, rgb(var(--color-green-light)), rgb(var(--contrast-400)) 30%)}.end-time .label-group .line{background-image:linear-gradient(to left, rgb(var(--color-coral-light)), rgb(var(--contrast-400)) 30%)}.date-pickers:has(>:last-child:nth-child(2)) .start-time .line{margin-right:-0.5rem}.date-pickers:has(>:last-child:nth-child(2)) .end-time .line{margin-left:-0.5rem}";
 

package/dist/cjs/limebb-example-currency-picker-european.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 const currencies = require('./currencies-98ac425a.js');
 
 const CurrencyPickerExample = class {

package/dist/cjs/limebb-example-currency-picker-nordic.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 const currencies = require('./currencies-98ac425a.js');
 
 const CurrencyPickerExample = class {

package/dist/cjs/limebb-example-currency-picker.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const CurrencyPickerExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-dashboard-widget-slots.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const DashboardWidgetSlotsExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-dashboard-widget-styles.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const dashboardWidgetStylesCss = "limebb-dashboard-widget{--dashboard-widget-header-background-color:rgb(\n      var(--color-yellow-default)\n  );--dashboard-widget-background-color:rgb(var(--contrast-300));--dashboard-widget-icon-color:rgb(var(--color-orange-default))}[slot=content]{padding:0 1rem}";
 

package/dist/cjs/limebb-example-dashboard-widget.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const DashboardWidgetExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-date-picker-date.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 const platform = require('./platform-27260fcd.js');
 require('./types-172f53c1.js');
 require('./index-56288277.js');

package/dist/cjs/limebb-example-date-picker-datetime.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 const platform = require('./platform-27260fcd.js');
 require('./types-172f53c1.js');
 require('./index-56288277.js');

package/dist/cjs/limebb-example-date-picker-time.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 const platform = require('./platform-27260fcd.js');
 require('./types-172f53c1.js');
 require('./index-56288277.js');

package/dist/cjs/limebb-example-date-picker-week.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 const platform = require('./platform-27260fcd.js');
 require('./types-172f53c1.js');
 require('./index-56288277.js');

package/dist/cjs/limebb-example-date-range.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const dateRangeCss = ":host(limebb-example-date-range){display:flex;flex-direction:column;background-color:rgb(var(--contrast-500));border-radius:0.5rem;padding:0.5rem}span{padding-left:0.5rem;font-size:1.25rem}limebb-date-range{margin-top:0.75rem;border-radius:0.75rem;background-color:rgb(var(--contrast-100))}limebb-date-range:before{content:\"\";position:absolute;top:-0.5rem;left:2rem;background-color:inherit;width:1rem;height:1rem;rotate:45deg;border-radius:0.25rem 0 0 0}";
 

package/dist/cjs/limebb-example-icon-picker.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const IconPickerExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-locale-picker-multiple.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
-const platform = require('./platform-e95a3dcc.js');
+const index = require('./index-c40f4fe5.js');
+const platform = require('./platform-e0102f73.js');
 require('./index-56288277.js');
 
 const LocalePickerExample = class {

package/dist/cjs/limebb-example-locale-picker.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
-const platform = require('./platform-e95a3dcc.js');
+const index = require('./index-c40f4fe5.js');
+const platform = require('./platform-e0102f73.js');
 require('./index-56288277.js');
 
 const LocalePickerExample = class {

package/dist/cjs/limebb-example-navigation-button-back.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonBackExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-close.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonCloseExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-expand.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonExpandExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-float.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonFloatExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-new-tab.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonNewTabExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-shrink.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonShrinkExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-icon-picker.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-89d2fa5e.js');
+const index = require('./index-c40f4fe5.js');
 
 const icons = [
 	{