@roadtrip/components 2.25.1 → 2.26.0

package/dist/collection/components/carousel/carousel.stories.js

@@ -11,22 +11,22 @@ export default {
   parameters: {
     actions: {
       handles: [
-        'roadSlidesDidLoad',
-        'roadSlideTap',
-        'roadSlideDoubleTap',
-        'roadSlideWillChange',
-        'roadSlideDidChange',
-        'roadSlideNextStart',
-        'roadSlidePrevStart',
-        'roadSlideNextEnd',
-        'roadSlidePrevEnd',
-        'roadSlideTransitionStart',
-        'roadSlideTransitionEnd',
-        'roadSlideDrag',
-        'roadSlideReachStart',
-        'roadSlideReachEnd',
-        'roadSlideTouchStart',
-        'roadSlideTouchEnd'
+        'roadslidesdidload',
+        'roadslidetap',
+        'roadslidedoubletap',
+        'roadslidewillchange',
+        'roadslidedidchange',
+        'roadslidenextstart',
+        'roadslideprevstart',
+        'roadslidenextend',
+        'roadslideprevend',
+        'roadslidetransitionstart',
+        'roadslidetransitionend',
+        'roadslidedrag',
+        'roadslidereachstart',
+        'roadslidereachend',
+        'roadslidetouchstart',
+        'roadslidetouchend'
       ],
     },
     docs: {
@@ -240,82 +240,82 @@ export default {
         summary: null,
       },
     },
-    roadSlidesDidLoad: {
+    roadslidesdidload: {
       control: {
         type: null,
       },
     },
-    roadSlideTap: {
+    roadslidetap: {
       control: {
         type: null,
       },
     },
-    roadSlideDoubleTap: {
+    roadslidedoubletap: {
       control: {
         type: null,
       },
     },
-    roadSlideWillChange: {
+    roadslidewillchange: {
       control: {
         type: null,
       },
     },
-    roadSlideDidChange: {
+    roadslidedidchange: {
       control: {
         type: null,
       },
     },
-    roadSlideNextStart: {
+    roadslidenextstart: {
       control: {
         type: null,
       },
     },
-    roadSlidePrevStart: {
+    roadslideprevstart: {
       control: {
         type: null,
       },
     },
-    roadSlideNextEnd: {
+    roadslidenextend: {
       control: {
         type: null,
       },
     },
-    roadSlidePrevEnd: {
+    roadslideprevend: {
       control: {
         type: null,
       },
     },
-    roadSlideTransitionStart: {
+    roadslidetransitionstart: {
       control: {
         type: null,
       },
     },
-    roadSlideTransitionEnd: {
+    roadslidetransitionend: {
       control: {
         type: null,
       },
     },
-    roadSlideDrag: {
+    roadslidedrag: {
       control: {
         type: null,
       },
     },
-    roadSlideReachStart: {
+    roadslidereachstart: {
       control: {
         type: null,
       },
     },
-    roadSlideReachEnd: {
+    roadslidereachend: {
       control: {
         type: null,
       },
     },
-    roadSlideTouchStart: {
+    roadslidetouchstart: {
       control: {
         type: null,
       },
     },
-    roadSlideTouchEnd: {
+    roadslidetouchend: {
       control: {
         type: null,
       },

package/dist/collection/components/checkbox/checkbox.js

@@ -41,13 +41,19 @@ export class Checkbox {
       this.checked = !this.checked;
     };
     this.onFocus = () => {
+      this.roadfocus.emit();
       this.roadFocus.emit();
     };
     this.onBlur = () => {
+      this.roadblur.emit();
       this.roadBlur.emit();
     };
   }
   checkedChanged(isChecked) {
+    this.roadchange.emit({
+      checked: isChecked,
+      value: this.value,
+    });
     this.roadChange.emit({
       checked: isChecked,
       value: this.value,
@@ -239,8 +245,8 @@ export class Checkbox {
     }
   }; }
   static get events() { return [{
-      "method": "roadChange",
-      "name": "roadChange",
+      "method": "roadchange",
+      "name": "roadchange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -253,15 +259,66 @@ export class Checkbox {
         "resolved": "{ checked: boolean; value: string | null | undefined; }",
         "references": {}
       }
+    }, {
+      "method": "roadChange",
+      "name": "roadChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "{\n    checked: boolean,\n    value: string | undefined | null\n  }",
+        "resolved": "{ checked: boolean; value: string | null | undefined; }",
+        "references": {}
+      }
+    }, {
+      "method": "roadfocus",
+      "name": "roadfocus",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the checkbox has focus."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
     }, {
       "method": "roadFocus",
       "name": "roadFocus",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }, {
+      "method": "roadblur",
+      "name": "roadblur",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the checkbox has focus."
+        "text": "Emitted when the checkbox loses focus."
       },
       "complexType": {
         "original": "void",
@@ -275,8 +332,11 @@ export class Checkbox {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
-        "text": "Emitted when the checkbox loses focus."
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
       },
       "complexType": {
         "original": "void",

package/dist/collection/components/checkbox/checkbox.stories.js

@@ -6,7 +6,7 @@ export default {
   component: 'road-checkbox',
   parameters: {
     actions: {
-      handles: ['roadBlur', 'roadFocus'],
+      handles: ['roadblur', 'roadfocus'],
     },
   },
   argTypes: {
@@ -42,18 +42,18 @@ export default {
         type: null,
       },
     },
-    roadBlur: {
+    roadblur: {
       control: {
         type: null,
       },
     },
-    roadFocus: {
+    roadfocus: {
       control: {
         type: null,
       },
     },
-    roadChange: {
-      action: 'roadChange',
+    roadchange: {
+      action: 'roadchange',
       control: {
         type: null,
       },
@@ -80,7 +80,7 @@ const Template = (args) => html`
   required="${ifDefined(args.required)}"
   value="${ifDefined(args.value)}"
   checkbox-id="${ifDefined(args['checkbox-id'])}"
-  @roadChange=${event => args.roadChange(event.detail)}
+  @roadchange=${event => args.roadchange(event.detail)}
 ></road-checkbox>
 `;
 

package/dist/collection/components/counter/counter.js

@@ -11,10 +11,12 @@ export class Counter {
     this.value = 1;
     this.increase = () => {
       this.el.querySelector('input').stepUp();
+      this.roadincrease.emit();
       this.roadIncrease.emit();
     };
     this.decrease = () => {
       this.el.querySelector('input').stepDown();
+      this.roaddecrease.emit();
       this.roadDecrease.emit();
     };
   }
@@ -139,14 +141,47 @@ export class Counter {
     }
   }; }
   static get events() { return [{
+      "method": "roadincrease",
+      "name": "roadincrease",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the plus button is clicked"
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }, {
       "method": "roadIncrease",
       "name": "roadIncrease",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }, {
+      "method": "roaddecrease",
+      "name": "roaddecrease",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the plus button is clicked"
+        "text": "Emitted when the minus button is clicked"
       },
       "complexType": {
         "original": "void",
@@ -160,8 +195,11 @@ export class Counter {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
-        "text": "Emitted when the minus button is clicked"
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
       },
       "complexType": {
         "original": "void",

package/dist/collection/components/counter/counter.stories.js

@@ -6,7 +6,7 @@ export default {
   component: 'road-counter',
   parameters: {
     actions: {
-      handles: ['roadChange', 'roadInput', 'roadBlur', 'roadFocus', 'roadIncrease', 'roadDecrease'],
+      handles: ['roadchange', 'roadinput', 'roadblur', 'roadfocus', 'roadincrease', 'roaddecrease'],
     },
   },
   argTypes: {
@@ -31,12 +31,12 @@ export default {
     value: {
       control: 'number',
     },
-    roadDecrease: {
+    roaddecrease: {
       control: {
         type: null,
       },
     },
-    roadIncrease: {
+    roadincrease: {
       control: {
         type: null,
       },

package/dist/collection/components/img/img.js

@@ -5,9 +5,11 @@ import { Component, Element, Event, Host, Prop, State, Watch, h } from '@stencil
 export class Img {
   constructor() {
     this.onLoad = () => {
+      this.roadimgdidload.emit();
       this.roadImgDidLoad.emit();
     };
     this.onError = () => {
+      this.roaderror.emit();
       this.roadError.emit();
     };
   }
@@ -45,6 +47,7 @@ export class Img {
   load() {
     this.loadError = this.onError;
     this.loadSrc = this.src;
+    this.roadimgwillload.emit();
     this.roadImgWillLoad.emit();
   }
   removeIO() {
@@ -107,14 +110,47 @@ export class Img {
     "loadError": {}
   }; }
   static get events() { return [{
+      "method": "roadimgwillload",
+      "name": "roadimgwillload",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the img src has been set"
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }, {
       "method": "roadImgWillLoad",
       "name": "roadImgWillLoad",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }, {
+      "method": "roadimgdidload",
+      "name": "roadimgdidload",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the img src has been set"
+        "text": "Emitted when the image has finished loading"
       },
       "complexType": {
         "original": "void",
@@ -127,9 +163,27 @@ export class Img {
       "bubbles": true,
       "cancelable": true,
       "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }, {
+      "method": "roaderror",
+      "name": "roaderror",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the image has finished loading"
+        "text": "Emitted when the img fails to load"
       },
       "complexType": {
         "original": "void",
@@ -143,8 +197,11 @@ export class Img {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
-        "text": "Emitted when the img fails to load"
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
       },
       "complexType": {
         "original": "void",

package/dist/collection/components/img/img.stories.js

@@ -5,7 +5,7 @@ export default {
   component: 'road-img',
   parameters: {
     actions: {
-      handles: ['roadImgWillLoad', 'roadImgDidLoad', 'roadError'],
+      handles: ['roadimgwillload', 'roadimgdidload', 'roaderror'],
     },
   },
 };

package/dist/collection/components/input/input.js

@@ -76,22 +76,27 @@ export class Input {
       if (input) {
         this.value = input.value || '';
       }
+      this.roadinput.emit(ev);
       this.roadInput.emit(ev);
     };
     this.onBlur = () => {
+      this.roadblur.emit();
       this.roadBlur.emit();
     };
     this.onFocus = () => {
+      this.roadfocus.emit();
       this.roadFocus.emit();
     };
   }
   debounceChanged() {
+    this.roadchange = debounceEvent(this.roadchange, this.debounce);
     this.roadChange = debounceEvent(this.roadChange, this.debounce);
   }
   /**
    * Update the native input element when the value changes
    */
   valueChanged() {
+    this.roadchange.emit({ value: this.value == null ? this.value : this.value.toString() });
     this.roadChange.emit({ value: this.value == null ? this.value : this.value.toString() });
   }
   getValue() {
@@ -570,8 +575,8 @@ export class Input {
     }
   }; }
   static get events() { return [{
-      "method": "roadInput",
-      "name": "roadInput",
+      "method": "roadinput",
+      "name": "roadinput",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -589,8 +594,30 @@ export class Input {
         }
       }
     }, {
-      "method": "roadChange",
-      "name": "roadChange",
+      "method": "roadInput",
+      "name": "roadInput",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "KeyboardEvent",
+        "resolved": "KeyboardEvent",
+        "references": {
+          "KeyboardEvent": {
+            "location": "global"
+          }
+        }
+      }
+    }, {
+      "method": "roadchange",
+      "name": "roadchange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -603,15 +630,66 @@ export class Input {
         "resolved": "{ value: string | null | undefined; }",
         "references": {}
       }
+    }, {
+      "method": "roadChange",
+      "name": "roadChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "{\n    value: string | undefined | null;\n  }",
+        "resolved": "{ value: string | null | undefined; }",
+        "references": {}
+      }
+    }, {
+      "method": "roadblur",
+      "name": "roadblur",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the input loses focus."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
     }, {
       "method": "roadBlur",
       "name": "roadBlur",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }, {
+      "method": "roadfocus",
+      "name": "roadfocus",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the input loses focus."
+        "text": "Emitted when the input has focus."
       },
       "complexType": {
         "original": "void",
@@ -625,8 +703,11 @@ export class Input {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
-        "text": "Emitted when the input has focus."
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
       },
       "complexType": {
         "original": "void",