UNPKG

storybook-prebuilt

Version:

A prebuilt storybook version for web components

42 lines (41 loc) 8.41 kB
function e(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t,r,o,n,i,a){try{var s=e[i](a),c=s.value}catch(e){return void r(e)}s.done?t(c):Promise.resolve(c).then(o,n)}function n(e){return function(){var t=this,r=arguments;return new Promise((function(n,i){var a=e.apply(t,r);function s(e){o(a,n,i,s,c,"next",e)}function c(e){o(a,n,i,s,c,"throw",e)}s(void 0)}))}}function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}import"./dist/storybook-prebuilt-3ba63d3f.js";import"./dist/storybook-prebuilt-0b3b0ce5.js";import"./dist/storybook-prebuilt-ef0ce90f.js";import"./dist/storybook-prebuilt-c5081207.js";import"./dist/storybook-prebuilt-e17bc3b1.js";import"./dist/storybook-prebuilt-1a6e3162.js";import"./dist/storybook-prebuilt-6918c481.js";import"./dist/storybook-prebuilt-d40d7550.js";import"./dist/storybook-prebuilt-8f2fc776.js";import"./dist/storybook-prebuilt-52e8b197.js";import"./dist/storybook-prebuilt-85a38199.js";import"./dist/storybook-prebuilt-e856152c.js";import"./dist/storybook-prebuilt-6aa1ee92.js";import"./dist/storybook-prebuilt-8a2afaac.js";import{render as a}from"lit-html";import"./dist/storybook-prebuilt-ac2ac362.js";import{f as s,g as c,j as u,i as p,c as l,a as f,h as b,r as m}from"./dist/storybook-prebuilt-e7a9ee0d.js"; /** * @license * Copyright (c) 2017 The Polymer Project Authors. All rights reserved. * This code may only be used under the BSD style license found at * http://polymer.github.io/LICENSE.txt * The complete set of authors may be found at * http://polymer.github.io/AUTHORS.txt * The complete set of contributors may be found at * http://polymer.github.io/CONTRIBUTORS.txt * Code distributed by Google as part of the polymer project is also * subject to an additional IP rights grant found at * http://polymer.github.io/PATENTS.txt */"{{lit-".concat(String(Math.random()).slice(2),"}}"); /** * @license * Copyright (c) 2017 The Polymer Project Authors. All rights reserved. * This code may only be used under the BSD style license found at * http://polymer.github.io/LICENSE.txt * The complete set of authors may be found at * http://polymer.github.io/AUTHORS.txt * The complete set of contributors may be found at * http://polymer.github.io/CONTRIBUTORS.txt * Code distributed by Google as part of the polymer project is also * subject to an additional IP rights grant found at * http://polymer.github.io/PATENTS.txt */try{var y={get capture(){return!0,!1}};window.addEventListener("test",y,y),window.removeEventListener("test",y,y)}catch(e){} /** * @license * Copyright (c) 2017 The Polymer Project Authors. All rights reserved. * This code may only be used under the BSD style license found at * http://polymer.github.io/LICENSE.txt * The complete set of authors may be found at * http://polymer.github.io/AUTHORS.txt * The complete set of contributors may be found at * http://polymer.github.io/CONTRIBUTORS.txt * Code distributed by Google as part of the polymer project is also * subject to an additional IP rights grant found at * http://polymer.github.io/PATENTS.txt */function d(){return new Promise((function(e){return requestAnimationFrame((function(){return e()}))}))}(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.1.2");var v=function(e){return"object"===i(e)&&Promise.resolve(e)===e};function h(){return(h=n(regeneratorRuntime.mark((function e(t){var r,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=!1,o=t&&t.updateComplete,!v(o)){e.next=6;break}return e.next=5,o;case 5:r=!0;case 6:if(o=!(!t||!t.componentOnReady)&&t.componentOnReady(),!v(o)){e.next=11;break}return e.next=10,o;case 10:r=!0;case 11:if(r){e.next=14;break}return e.next=14,d();case 14:return window.ShadyDOM&&"function"==typeof window.ShadyDOM.flush&&window.ShadyDOM.flush(),e.abrupt("return",t);case 16:case"end":return e.stop()}}),e)})))).apply(this,arguments)}Object.freeze({ELEMENT_NODE:1,TEXT_NODE:3,COMMENT_NODE:8,DOCUMENT_FRAGMENT_NODE:11});function w(e){var t="string";return e.type&&(t=e.type),e.storybookKnobs&&e.storybookKnobs.type&&(t=e.storybookKnobs.type),t.toLowerCase()}function g(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Properties",o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],n=arguments.length>4?arguments[4]:void 0;if(n)return"Debug";var i=r;return e.storybookKnobs&&e.storybookKnobs.group&&(i=e.storybookKnobs.group),o&&(i="".concat(t,": ").concat(i)),i}function j(e){var t=e.meta,r=e.elIndex;return e.filterProperties?"".concat(r,": ").concat(t.name):t.name}function k(o,n){var i=window.__STORYBOOK_CUSTOM_ELEMENTS__;if(function(e){if(!e)return!1;if("string"==typeof e)return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}(n.parameters.component)&&function(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags))return!0;throw new Error("You need to setup valid meta data in your config.js via setCustomElements().\n See the readme of addon-docs for web components for more details.")}(i)){var y=n.parameters.component;n.parameters.customElements&&(i=function(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?t(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):t(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},i,{},n.parameters.customElements)),i.querySelectorAll&&(y=i.querySelectorAll);var d=i.filterProperties,v=document.createElement("div");a(o(),v);var k=Array.from(v.querySelectorAll(y)).filter((function(e){return e.tagName.includes("-")}));if(0===k.length)throw new Error('The provided querySelectorString "'.concat(y,'" did\n not select any custom elements (with a "-" in the tag name)'));var O=k.length>1;return k.forEach((function(t,r){var o=i.tags.find((function(e){return e.name.toUpperCase()===t.tagName}));if(o&&o.properties&&function(e){var t=e.el,r=e.elIndex,o=e.metaData,n=e.hasMultiple,i=e.filterProperties;o&&o.properties&&(i?o.properties.filter((function(e){return i.includes(e.name)})):o.properties).forEach((function(e){var o=e.name,a=w(e),b=g(e,r,"Properties",n,i),m=j({meta:e,elIndex:r,filterProperties:i});if(a)switch(a){case"string":t[o]=f(m,t[o],b);break;case"number":t[o]=l(m,t[o],{},b);break;case"array":t[o]=p(m,t[o],",",b);break;case"boolean":t[o]=u(m,t[o],b);break;case"object":case"array<object>":t[o]=c(m,t[o],b);break;case"date":t[o]=new Date(s(m,t[o],b))}}))}({el:t,elIndex:r,metaData:o,hasMultiple:O,filterProperties:d}),function(e){return h.apply(this,arguments)}(t).then((function(){!d&&o&&o.cssProperties&&function(e,t,r,o){r.forEach((function(r){var n=r.name,i=w(r),a=g(r,t,"CSS",o);if(["length","string","color"].includes(i)){var s,c=window.getComputedStyle(e).getPropertyValue(n);switch(i){case"string":case"length":s=f(n,c,a);break;case"color":s=b(n,c,a)}s&&e.style.setProperty(n,s)}}))}(t,r,o.cssProperties,O)})),o){var n=o.events?o.events.map((function(e){return e.name})):[];e(new Set([].concat(["click","focusin","focusout","keyup"],e(n)))).forEach((function(e){t.addEventListener(e,(function(){!function(e,t,r,o,n){r.properties&&(n?r.properties.filter((function(e){return n.includes(e.name)})):r.properties).forEach((function(r){var i=g(r,t,"Properties",o,n),a=j({meta:r,elIndex:t,filterProperties:n}),s="".concat(a,"_").concat(i);m.knobStore.update(s,{value:e[r.name]})})),m._mayCallChannel()}(t,r,o,O,d)}))}))}})),v}return o()}export{k as withWebComponentsKnobs}; //# sourceMappingURL=addon-web-components-knobs.js.map