storybook deployed

README.md

@@ -1,4 +1,4 @@
-[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/whatsapp-button) [![npm version](https://badge.fury.io/js/whatsapp-button.svg)](https://badge.fury.io/js/whatsapp-button)
+[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/lit-place-input) [![npm version](https://badge.fury.io/js/whatsapp-button.svg)](https://badge.fury.io/js/lit-place-input)
 
 [![Buy me a coffee][buymeacoffee-shield]][buymeacoffee]
 
@@ -105,3 +105,6 @@ To run a local development server that serves the basic demo located in `demo/in
 npm start:compatibility
 ```
 To run a local development server in compatibility mode for older browsers that serves the basic demo located in `demo/index.html`
+
+[buymeacoffee-shield]: https://www.buymeacoffee.com/assets/img/guidelines/download-assets-sm-2.svg
+[buymeacoffee]: https://www.buymeacoffee.com/0lUd5Y3

custom-elements.json

@@ -9,13 +9,13 @@
           "name": "apiKey",
           "type": "String",
           "description": "Required: A Maps API key. To obtain an API key, see developers.google.com/maps/documentation/javascript/tutorial#api_key.",
-          "default": "AIzaSyBmsetVvB1KlWoSbEXYQg1leRZO1PVPm_Q"
+          "default": "AIzaSyCQjwnft-x6cXQYDkGNYBzaevanW3mVNBA"
         },
         {
           "name": "searchCountryCode",
           "type": "String",
           "description": "bias search results to a country code  (ISO 3166-1 Alpha-2 country code, case insensitive).",
-          "default": "AIzaSyBmsetVvB1KlWoSbEXYQg1leRZO1PVPm_Q"
+          "default": "AIzaSyCQjwnft-x6cXQYDkGNYBzaevanW3mVNBA"
         },
         {
           "name": "searchBounds",

demo/index.html

@@ -32,7 +32,7 @@
       html`
         <lit-place-input class="left right" 
         helper="Almost there!"
-        .searchType="establishment" .apiKey=${"AIzaSyBmsetVvB1KlWoSbEXYQg1leRZO1PVPm_Q"} label="Choose your gym"
+        .searchType="establishment" .apiKey=${"AIzaSyCQjwnft-x6cXQYDkGNYBzaevanW3mVNBA"} label="Choose your gym"
         outlined>
       </lit-place-input>
       `,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lit-place-input",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "description": "A simple and fully customizable place autocomplete component extending @mwc-textfield, following open-wc recommendations",
   "author": "Mohammed Shah <@smashah>",
   "license": "MIT",
@@ -21,7 +21,8 @@
     "test:bs": "karma start karma.bs.config.js --coverage",
     "storybook": "start-storybook --node-resolve --watch --open",
     "storybook:build": "build-storybook",
-    "deploy-storybook": "storybook-to-ghpages --existing-output-dir=.storybook-static"
+    "deploy-storybook": "storybook-to-ghpages --existing-output-dir=storybook-static",
+    "sbbad": "npm run storybook:build && npm run deploy-storybook"
   },
   "dependencies": {
     "@google-web-components/google-apis": "^3.0.1",

stories/index.stories.mdx

@@ -7,7 +7,8 @@ import '../lit-place-input.js';
   decorators={[withKnobs, withWebComponentsKnobs]}
   parameters={{
     component: "lit-place-input",
-    options: { selectedPanel: "storybookjs/knobs/panel" }
+    options: { selectedPanel: "storybookjs/knobs/panel",
+    enableShortcuts: false }
   }}
 />
 
@@ -35,7 +36,7 @@ import 'lit-place-input/lit-place-input.js';
 <Preview withToolbar>
   <Story name="Simple">
     {html`
-    <lit-place-input .apiKey=${"AIzaSyBmsetVvB1KlWoSbEXYQg1leRZO1PVPm_Q"} .label=${'Choose Place'}></lit-place-input>
+    <lit-place-input .apiKey=${"AIzaSyCQjwnft-x6cXQYDkGNYBzaevanW3mVNBA"} .label=${'Choose Place'}></lit-place-input>
     `}
   </Story>
 </Preview>
@@ -57,7 +58,7 @@ import 'lit-place-input/lit-place-input.js';
     --mdc-notched-outline-trailing-border-radius: 0 28px 28px 0;
     "
         helper="Almost there!"
-        .searchType="establishment" .apiKey=${"AIzaSyBmsetVvB1KlWoSbEXYQg1leRZO1PVPm_Q"} label="Choose your gym"
+        .searchType="establishment" .apiKey=${"AIzaSyCQjwnft-x6cXQYDkGNYBzaevanW3mVNBA"} label="Choose your gym"
         outlined>
       </lit-place-input>
   `}