@roadtrip/components 2.25.1 → 2.26.0

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

@@ -6,7 +6,7 @@ export default {
   component: 'road-input',
   parameters: {
     actions: {
-      handles: ['roadBlur', 'roadFocus'],
+      handles: ['roadblur', 'roadfocus'],
     },
   },
   argTypes: {
@@ -103,24 +103,24 @@ export default {
     'input-id': {
       control: 'text',
     },
-    roadBlur: {
+    roadblur: {
       control: {
         type: null,
       },
     },
-    roadFocus: {
+    roadfocus: {
       control: {
         type: null,
       },
     },
-    roadChange: {
-      action: 'roadChange',
+    roadchange: {
+      action: 'roadchange',
       control: {
         type: null,
       },
     },
-    roadInput: {
-      action: 'roadInput',
+    roadinput: {
+      action: 'roadinput',
       control: {
         type: null,
       },
@@ -194,8 +194,8 @@ const Template = (args) => html`
     inputmode="${ifDefined(args.inputmode)}"
     readonly="${ifDefined(args.readonly)}"
     debounce="${ifDefined(args.debounce)}"
-    @roadChange=${event => args.roadChange(event.detail.value)}
-    @roadInput=${event => args.roadInput(event.target.value)}
+    @roadchange=${event => args.roadchange(event.detail.value)}
+    @roadinput=${event => args.roadinput(event.target.value)}
   ></road-input>
 `;
 

package/dist/collection/components/navbar/navbar.js

@@ -6,6 +6,9 @@ import './../../utils/polyfill';
 export class Navbar {
   selectedTabChanged() {
     if (this.selectedTab !== undefined) {
+      this.roadnavbarchanged.emit({
+        tab: this.selectedTab,
+      });
       this.roadNavbarChanged.emit({
         tab: this.selectedTab,
       });
@@ -49,6 +52,24 @@ export class Navbar {
     }
   }; }
   static get events() { return [{
+      "method": "roadnavbarchanged",
+      "name": "roadnavbarchanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
       "method": "roadNavbarChanged",
       "name": "roadNavbarChanged",
       "bubbles": true,
@@ -77,5 +98,11 @@ export class Navbar {
       "target": undefined,
       "capture": false,
       "passive": false
+    }, {
+      "name": "roadnavbaritemclick",
+      "method": "onNavbarChanged",
+      "target": undefined,
+      "capture": false,
+      "passive": false
     }]; }
 }

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

@@ -10,7 +10,7 @@ export default {
   },
   parameters: {
     actions: {
-      handles: ['roadNavbarItemClick'],
+      handles: ['roadnavbaritemclick'],
     },
     backgrounds: {
       default: 'grey',

package/dist/collection/components/navbar-item/navbar-item.js

@@ -29,6 +29,11 @@ export class NavbarItem {
   selectTab(ev) {
     if (this.tab !== undefined) {
       if (!this.disabled) {
+        this.roadnavbaritemclick.emit({
+          tab: this.tab,
+          href: this.href,
+          selected: this.selected,
+        });
         this.roadNavbarItemClick.emit({
           tab: this.tab,
           href: this.href,
@@ -188,6 +193,24 @@ export class NavbarItem {
     }
   }; }
   static get events() { return [{
+      "method": "roadnavbaritemclick",
+      "name": "roadnavbaritemclick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": "Emitted when the tab bar is clicked"
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
       "method": "roadNavbarItemClick",
       "name": "roadNavbarItemClick",
       "bubbles": true,
@@ -198,7 +221,7 @@ export class NavbarItem {
             "name": "internal",
             "text": undefined
           }],
-        "text": "Emitted when the tab bar is clicked"
+        "text": ""
       },
       "complexType": {
         "original": "any",
@@ -213,5 +236,11 @@ export class NavbarItem {
       "target": "window",
       "capture": false,
       "passive": false
+    }, {
+      "name": "roadnavbarchanged",
+      "method": "onNavbarChanged",
+      "target": "window",
+      "capture": false,
+      "passive": false
     }]; }
 }

package/dist/collection/components/plate-number/plate-number.js

@@ -47,12 +47,15 @@ export class PlateNumber {
       if (input) {
         this.value = input.value.toUpperCase() || '';
       }
+      this.roadinput.emit(ev);
       this.roadInput.emit(ev);
     };
     this.onBlur = () => {
+      this.roadblur.emit();
       this.roadBlur.emit();
     };
     this.onFocus = () => {
+      this.roadfocus.emit();
       this.roadFocus.emit();
     };
   }
@@ -60,6 +63,7 @@ export class PlateNumber {
    * 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() {
@@ -164,8 +168,8 @@ export class PlateNumber {
     }
   }; }
   static get events() { return [{
-      "method": "roadInput",
-      "name": "roadInput",
+      "method": "roadinput",
+      "name": "roadinput",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -183,8 +187,30 @@ export class PlateNumber {
         }
       }
     }, {
-      "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,
@@ -197,15 +223,66 @@ export class PlateNumber {
         "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",
@@ -219,8 +296,11 @@ export class PlateNumber {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
-        "text": "Emitted when the input has focus."
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
       },
       "complexType": {
         "original": "void",

package/dist/collection/components/plate-number/plate-number.stories.js

@@ -6,7 +6,7 @@ export default {
   component: 'road-plate-number',
   parameters: {
     actions: {
-      handles: ['roadBlur', 'roadFocus'],
+      handles: ['roadblur', 'roadfocus'],
     },
   },
 };
@@ -17,8 +17,8 @@ export const Playground = (args) => html`
   motorbike="${ifDefined(args.motorbike)}"
   placeholder="${ifDefined(args.placeholder)}"
   value="${ifDefined(args.value)}"
-  @roadChange=${event => args.roadChange(event.detail.value)}
-  @roadInput=${event => args.roadInput(event.target.value)}
+  @roadchange=${event => args.roadchange(event.detail.value)}
+  @roadinput=${event => args.roadinput(event.target.value)}
 ></road-plate-number>
 `;
 Playground.args = {
@@ -40,18 +40,18 @@ Playground.argTypes = {
   value: {
     control: 'text',
   },
-  roadBlur: {
+  roadblur: {
     control: {
       type: null,
     },
   },
-  roadFocus: {
+  roadfocus: {
     control: {
       type: null,
     },
   },
-  roadChange: {
-    action: 'roadChange',
+  roadchange: {
+    action: 'roadchange',
     control: {
       type: null,
     },

package/dist/collection/components/radio/radio.js

@@ -41,9 +41,11 @@ export class Radio {
       }
     };
     this.onFocus = () => {
+      this.roadfocus.emit();
       this.roadFocus.emit();
     };
     this.onBlur = () => {
+      this.roadblur.emit();
       this.roadBlur.emit();
     };
   }
@@ -248,14 +250,47 @@ export class Radio {
     "checked": {}
   }; }
   static get events() { return [{
+      "method": "roadfocus",
+      "name": "roadfocus",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the radio button 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 radio button has focus."
+        "text": "Emitted when the radio button loses focus."
       },
       "complexType": {
         "original": "void",
@@ -269,8 +304,11 @@ export class Radio {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
-        "text": "Emitted when the radio button loses focus."
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
       },
       "complexType": {
         "original": "void",
@@ -285,6 +323,12 @@ export class Radio {
       "target": "window",
       "capture": false,
       "passive": false
+    }, {
+      "name": "roadchange",
+      "method": "onRoadChangedChanged",
+      "target": "window",
+      "capture": false,
+      "passive": false
     }]; }
 }
 let radioIds = 0;

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

@@ -9,7 +9,7 @@ export default {
   },
   parameters: {
     actions: {
-      handles: ['roadBlur', 'roadFocus'],
+      handles: ['roadblur', 'roadfocus'],
     },
     docs: {
       description: {
@@ -24,7 +24,7 @@ export const Playground = (args) => html`
   name="${ifDefined(args.name)}"
   label="Label of radio group" 
   error="${ifDefined(args.error)}" 
-  @roadChange=${event => args.roadChange(event.detail.value)}
+  @roadchange=${event => args.roadchange(event.detail.value)}
   asterisk="${ifDefined(args.asterisk)}"
 >
   <road-radio
@@ -78,18 +78,18 @@ Playground.argTypes = {
   'radio-id': {
     control: 'text',
   },
-  roadBlur: {
+  roadblur: {
     control: {
       type: null,
     },
   },
-  roadFocus: {
+  roadfocus: {
     control: {
       type: null,
     },
   },
-  roadChange: {
-    action: 'roadChange',
+  roadchange: {
+    action: 'roadchange',
     control: {
       type: null,
     },

package/dist/collection/components/radio-group/radio-group.js

@@ -40,6 +40,7 @@ export class RadioGroup {
     };
   }
   valueChanged(value) {
+    this.roadchange.emit({ value });
     this.roadChange.emit({ value });
   }
   errorChanged() {
@@ -218,8 +219,8 @@ export class RadioGroup {
     }
   }; }
   static get events() { return [{
-      "method": "roadChange",
-      "name": "roadChange",
+      "method": "roadchange",
+      "name": "roadchange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -232,6 +233,24 @@ export class RadioGroup {
         "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": {}
+      }
     }]; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{

package/dist/collection/components/range/range.js

@@ -27,6 +27,7 @@ export class Range {
    * 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() {
@@ -157,8 +158,8 @@ export class Range {
     }
   }; }
   static get events() { return [{
-      "method": "roadChange",
-      "name": "roadChange",
+      "method": "roadchange",
+      "name": "roadchange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -171,6 +172,24 @@ export class Range {
         "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": {}
+      }
     }]; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{

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

@@ -23,8 +23,8 @@ export default {
     'range-id': {
       control: 'text',
     },
-    roadChange: {
-      action: 'roadChange',
+    roadchange: {
+      action: 'roadchange',
       control: {
         type: null,
       },
@@ -46,6 +46,6 @@ export const Playground = (args) => html`
     step="${ifDefined(args.step)}" 
     value="${ifDefined(args.value)}"
     show-value="${ifDefined(args['show-value'])}"
-    @roadChange=${event => args.roadChange(event.detail.value)}
+    @roadchange=${event => args.roadchange(event.detail.value)}
   ></road-range>
 `;