fleetcor-lwc 3.17.0 → 3.19.0

package/README.md

@@ -231,9 +231,9 @@ Add / update `lwc.config.json` file in your project
 
 #### Icon variables
 
-| @api variables | type   | values                                                                                                                                                                                                                                                                                                                                                                                                                                     | required | description |
-| -------------- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | ----------- |
-| icon           | string | `arrow-left, ev, carwash, car, van, unleaded, fuel, driver, vehicle, both, shared-card, ev-and-fuel, oil, key, blocked, multiple-users,arrow-right, diesel, hydrogen, signature, plus, plus-small, document, close, hgv, eye, sign, check, discount, pin-drop, credit-card, receipt, gear-wheel, app-shortcut, drug-indicator, sell, parking-sign, headset-mic, gas-station, directions-car, local-shipping, public, place, info, warning` | -        |             |
+| @api variables | type   | values                                                                                                                                                                                                                                                                                                                                                                                                                                                             | required | description |
+| -------------- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | ----------- |
+| icon           | string | `arrow-left, ev, carwash, car, van, unleaded, fuel, driver, vehicle, both, shared-card, ev-and-fuel, oil, key, blocked, multiple-users,arrow-right, diesel, hydrogen, signature, plus, plus-small, document, close, hgv, eye, sign, check, discount, pin-drop, credit-card, receipt, gear-wheel, app-shortcut, drug-indicator, sell, parking-sign, headset-mic, gas-station, directions-car, local-shipping, public, place, info, warning, arrow-back, arrow-next` | -        |             |
 
 </details>
 
@@ -952,16 +952,36 @@ You can override them as you wish by global css variables as priority.
 <details>
 <summary>Click to expand/collapse</summary>
 
+v.3.19.0
+
+- Added 2 new icons `arrow-back` and `arrow-next`
+
+---
+
+v.3.18.0
+
+- Bug fix `flt-picklist` component
+
+---
+
+v.3.17.0
+
+- Bug fix `flt-picklist` component
+
+---
+
 v.3.16.0
 
-- Update `flt-input-text` -  it's become more powerfull with type number 
+- Update `flt-input-text` - it's become more powerfull with type number
 
 ---
+
 v.3.15.0
 
 - Added to `flt-input-with-picklist` api attribute `inputmode` and `input-type`
 
 ---
+
 v.3.14.0
 
 - Added to `flt-input-text`, `flt-input-email`, `flt-input-phone` api attribute `inputmode`

package/frontend/components/flt/icon/icon.js

@@ -54,6 +54,8 @@ import TMPL_PLACE from './icons/tmpl-place.html'
 import TMPL_WARNING from './icons/tmpl-warning.html'
 import TMPL_INFO from './icons/tmpl-info.html'
 import TMPL_QUESTION from './icons/tmpl-question.html'
+import TMPL_ARROW_BACK from './icons/tmpl-arrow-back.html'
+import TMPL_ARROW_NEXT from './icons/tmpl-arrow-next.html'
 
 /**
  * @class Icon
@@ -76,6 +78,8 @@ export default class Icon extends LightningDomElement {
 
 const ICONS = {
     search: TMPL_SEARCH,
+    'arrow-back': TMPL_ARROW_BACK,
+    'arrow-next': TMPL_ARROW_NEXT,
     plus: TMPL_PLUS,
     'plus-small': TMPL_SMALL_PLUS,
     document: TMPL_DOCUMENT,
@@ -123,7 +127,7 @@ const ICONS = {
     place: TMPL_PLACE,
     warning: TMPL_WARNING,
     info: TMPL_INFO,
-    question: TMPL_QUESTION,
+    question: TMPL_QUESTION
 }
 
 export const ICONS_LIST = Object.keys(ICONS)

package/frontend/components/flt/icon/icons/tmpl-arrow-back.html

@@ -0,0 +1,7 @@
+<template lwc:render-mode="light">
+    <svg class="flt-icon flt-icon__arrow-back" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M15.6599 9.17148H6.35156L10.4182 5.10482C10.7432 4.77982 10.7432 4.24648 10.4182 3.92148C10.0932 3.59648 9.56823 3.59648 9.24323 3.92148L3.75156 9.41315C3.42656 9.73815 3.42656 10.2632 3.75156 10.5882L9.24323 16.0798C9.56823 16.4048 10.0932 16.4048 10.4182 16.0798C10.7432 15.7548 10.7432 15.2298 10.4182 14.9048L6.35156 10.8382H15.6599C16.1182 10.8382 16.4932 10.4632 16.4932 10.0048C16.4932 9.54648 16.1182 9.17148 15.6599 9.17148Z"
+            class="flt-icon__prop-fill" />
+    </svg>
+</template>

package/frontend/components/flt/icon/icons/tmpl-arrow-next.html

@@ -0,0 +1,13 @@
+<template lwc:render-mode="light">
+    <svg
+        class="flt-icon flt-icon__arrow-next"
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M4.34115 10.8342H13.6495L9.58281 14.9009C9.25781 15.2259 9.25781 15.7592 9.58281 16.0842C9.90781 16.4092 10.4328 16.4092 10.7578 16.0842L16.2495 10.5926C16.5745 10.2676 16.5745 9.74258 16.2495 9.41758L10.7661 3.91758C10.4411 3.59258 9.91615 3.59258 9.59115 3.91758C9.26615 4.24258 9.26615 4.76758 9.59115 5.09258L13.6495 9.16758H4.34115C3.88281 9.16758 3.50781 9.54258 3.50781 10.0009C3.50781 10.4592 3.88281 10.8342 4.34115 10.8342Z"
+            class="flt-icon__prop-fill" />
+    </svg>
+</template>

package/frontend/components/flt/loader/loader.html

@@ -3,11 +3,6 @@
         <div class="flt-loader__circle">
             <div class="flt-loader__inner-circle"></div>
         </div>
-        <template lwc:if={tempMessage}>
-            <p>{tempMessage}</p>
-        </template>
-        <template lwc:else>
-            <slot></slot>
-        </template>
+        <slot></slot>
     </div>
 </template>

package/frontend/components/flt/loader/loader.js

@@ -1,7 +1,4 @@
 import { LightningDomElement } from 'fleetcor-lwc'
-import { api } from 'lwc'
 import './loader.scss'
 
-export default class Loader extends LightningDomElement {
-    @api tempMessage;
-}
+export default class Loader extends LightningDomElement {}

package/frontend/components/flt/picklist/picklist.js

@@ -76,7 +76,13 @@ export default class Picklist extends SelectElement {
     }
 
     handleMousedownView(event) {
-        if (event.currentTarget === document.activeElement) {
+        let classList = event.target.parentElement.classList;
+        
+        if (
+            event.currentTarget === document.activeElement &&
+            !classList.contains('flt-picklist__dropdown') &&
+            !classList.contains('flt-picklist__dropdown-container')
+        ) {
             event.currentTarget.blur();
             event.preventDefault();
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "fleetcor-lwc",
-    "version": "3.17.0",
+    "version": "3.19.0",
     "description": "LWC framework by Fleetcor",
     "repository": {
         "type": "git",