@roadtrip/components 2.25.1 → 2.26.0

package/dist/collection/components/select/select.js

@@ -41,13 +41,18 @@ export class Select {
       }
     };
     this.onBlur = () => {
+      this.roadblur.emit();
       this.roadBlur.emit();
     };
     this.onFocus = () => {
+      this.roadfocus.emit();
       this.roadFocus.emit();
     };
   }
   valueChanged() {
+    this.roadchange.emit({
+      value: this.value,
+    });
     this.roadChange.emit({
       value: this.value,
     });
@@ -254,8 +259,8 @@ export class Select {
     }
   }; }
   static get events() { return [{
-      "method": "roadChange",
-      "name": "roadChange",
+      "method": "roadchange",
+      "name": "roadchange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -268,15 +273,66 @@ export class Select {
         "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": "roadfocus",
+      "name": "roadfocus",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the select 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 select has focus."
+        "text": "Emitted when the select loses focus."
       },
       "complexType": {
         "original": "void",
@@ -290,8 +346,11 @@ export class Select {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
-        "text": "Emitted when the select loses focus."
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
       },
       "complexType": {
         "original": "void",

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

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

package/dist/collection/components/select-filter/select-filter.js

@@ -27,6 +27,10 @@ export class SelectFilter {
     this.onClick = (value, label) => {
       this.el.querySelector('road-input').value = label;
       this.isOpen = false;
+      this.roadselected.emit({
+        value: value.toString(),
+        label: label,
+      });
       this.roadSelected.emit({
         value: value.toString(),
         label: label,
@@ -127,8 +131,8 @@ export class SelectFilter {
     "currentValue": {}
   }; }
   static get events() { return [{
-      "method": "roadSelected",
-      "name": "roadSelected",
+      "method": "roadselected",
+      "name": "roadselected",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -141,6 +145,24 @@ export class SelectFilter {
         "resolved": "{ value: string | null | undefined; label: string; }",
         "references": {}
       }
+    }, {
+      "method": "roadSelected",
+      "name": "roadSelected",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "{\n    value: string | undefined | null,\n    label: string\n  }",
+        "resolved": "{ value: string | null | undefined; label: string; }",
+        "references": {}
+      }
     }]; }
   static get elementRef() { return "el"; }
   static get listeners() { return [{
@@ -149,12 +171,24 @@ export class SelectFilter {
       "target": undefined,
       "capture": false,
       "passive": false
+    }, {
+      "name": "roadfocus",
+      "method": "handleFocus",
+      "target": undefined,
+      "capture": false,
+      "passive": false
     }, {
       "name": "roadChange",
       "method": "handleChange",
       "target": undefined,
       "capture": false,
       "passive": false
+    }, {
+      "name": "roadchange",
+      "method": "handleChange",
+      "target": undefined,
+      "capture": false,
+      "passive": false
     }, {
       "name": "click",
       "method": "onClickOutside",

package/dist/collection/components/select-filter/select-filter.stories.js

@@ -7,7 +7,7 @@ export default {
   component: 'road-select-filter',
   parameters: {
     actions: {
-      handles: ['roadBlur', 'roadFocus'],
+      handles: ['roadblur', 'roadfocus'],
     },
   },
   argTypes: {
@@ -20,8 +20,8 @@ export default {
     parameters: {
       control: 'object',
     },
-    roadSelected: {
-      action: 'roadSelected',
+    roadselected: {
+      action: 'roadselected',
       control: {
         type: null,
       },
@@ -52,7 +52,7 @@ export default {
 };
 
 const Template = (args) => html`
-<road-select-filter .options=${args.options} only-select="${ifDefined(args['only-select'])}" @roadSelected=${event => args.roadSelected(event.detail)}>
+<road-select-filter .options=${args.options} only-select="${ifDefined(args['only-select'])}" @roadselected=${event => args.roadselected(event.detail)}>
   ${unsafeHTML(args[' '])}
 </road-select-filter>
 `;

package/dist/collection/components/switch/switch.js

@@ -50,13 +50,19 @@ export class Switch {
       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,
@@ -289,8 +295,8 @@ export class Switch {
     }
   }; }
   static get events() { return [{
-      "method": "roadChange",
-      "name": "roadChange",
+      "method": "roadchange",
+      "name": "roadchange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -303,15 +309,66 @@ export class Switch {
         "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 switch 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 switch has focus."
+        "text": "Emitted when the switch loses focus."
       },
       "complexType": {
         "original": "void",
@@ -325,8 +382,11 @@ export class Switch {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
-        "text": "Emitted when the switch loses focus."
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
       },
       "complexType": {
         "original": "void",

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

@@ -6,7 +6,7 @@ export default {
   component: 'road-switch',
   parameters: {
     actions: {
-      handles: ['roadBlur', 'roadFocus'],
+      handles: ['roadblur', 'roadfocus'],
     },
   },
   argTypes: {
@@ -46,18 +46,18 @@ export default {
     'is-spaced': {
       control: 'boolean',
     },
-    roadBlur: {
+    roadblur: {
       control: {
         type: null,
       },
     },
-    roadFocus: {
+    roadfocus: {
       control: {
         type: null,
       },
     },
-    roadChange: {
-      action: 'roadChange',
+    roadchange: {
+      action: 'roadchange',
       control: {
         type: null,
       },
@@ -97,7 +97,7 @@ const Template = (args) => html`
     has-left-label="${ifDefined(args['has-left-label'])}"
     is-spaced="${ifDefined(args['is-spaced'])}"
     switch-id="${ifDefined(args['switch-id'])}"
-    @roadChange=${event => args.roadChange(event.detail)}
+    @roadchange=${event => args.roadchange(event.detail)}
   ></road-switch>
 `;
 

package/dist/collection/components/tab-bar/tab-bar.js

@@ -16,6 +16,9 @@ export class TabBar {
   }
   selectedTabChanged() {
     if (this.selectedTab !== undefined) {
+      this.roadtabbarchanged.emit({
+        tab: this.selectedTab,
+      });
       this.roadTabBarChanged.emit({
         tab: this.selectedTab,
       });
@@ -96,6 +99,24 @@ export class TabBar {
     }
   }; }
   static get events() { return [{
+      "method": "roadtabbarchanged",
+      "name": "roadtabbarchanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
       "method": "roadTabBarChanged",
       "name": "roadTabBarChanged",
       "bubbles": true,

package/dist/collection/components/tab-button/tab-button.js

@@ -33,6 +33,11 @@ export class TabButton {
   }
   selectTab(ev) {
     if (this.tab !== undefined) {
+      this.roadtabbuttonclick.emit({
+        tab: this.tab,
+        href: this.href,
+        selected: this.selected,
+      });
       this.roadTabButtonClick.emit({
         tab: this.tab,
         href: this.href,
@@ -206,6 +211,24 @@ export class TabButton {
     }
   }; }
   static get events() { return [{
+      "method": "roadtabbuttonclick",
+      "name": "roadtabbuttonclick",
+      "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": "roadTabButtonClick",
       "name": "roadTabButtonClick",
       "bubbles": true,
@@ -216,7 +239,7 @@ export class TabButton {
             "name": "internal",
             "text": undefined
           }],
-        "text": "Emitted when the tab bar is clicked"
+        "text": ""
       },
       "complexType": {
         "original": "any",
@@ -231,5 +254,11 @@ export class TabButton {
       "target": "window",
       "capture": false,
       "passive": false
+    }, {
+      "name": "roadTabbarchanged",
+      "method": "onTabBarChanged",
+      "target": "window",
+      "capture": false,
+      "passive": false
     }]; }
 }

package/dist/collection/components/tabs/tabs.js

@@ -103,14 +103,47 @@ export class Tabs {
     "selectedTab": {}
   }; }
   static get events() { return [{
+      "method": "roadtabswillchange",
+      "name": "roadtabswillchange",
+      "bubbles": false,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the navigation is about to transition to a new component."
+      },
+      "complexType": {
+        "original": "{tab: string}",
+        "resolved": "{ tab: string; }",
+        "references": {}
+      }
+    }, {
       "method": "roadTabsWillChange",
       "name": "roadTabsWillChange",
       "bubbles": false,
       "cancelable": true,
       "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "{tab: string}",
+        "resolved": "{ tab: string; }",
+        "references": {}
+      }
+    }, {
+      "method": "roadtabsdidchange",
+      "name": "roadtabsdidchange",
+      "bubbles": false,
+      "cancelable": true,
+      "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the navigation is about to transition to a new component."
+        "text": "Emitted when the navigation has finished transitioning to a new component."
       },
       "complexType": {
         "original": "{tab: string}",
@@ -124,8 +157,11 @@ export class Tabs {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
-        "text": "Emitted when the navigation has finished transitioning to a new component."
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
       },
       "complexType": {
         "original": "{tab: string}",

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

@@ -11,7 +11,7 @@ export default {
   },
   parameters: {
     actions: {
-      handles: ['roadTabButtonClick'],
+      handles: ['roadtabbuttonclick'],
     },
     backgrounds: {
       default: 'grey',
@@ -24,12 +24,12 @@ export default {
     ' ': {
       control: 'text',
     },
-    roadTabsDidChange: {
+    roadtabsdidchange: {
       control: {
         type: null,
       },
     },
-    roadTabsWillChange: {
+    roadtabswillchange: {
       control: {
         type: null,
       },