@storybook/web-components 7.0.0-alpha.4 → 7.0.0-alpha.40

package/dist/chunk-DG4WPIKN.mjs

@@ -0,0 +1,5 @@
+import _ from"global";import y from"global";var{window:u}=y;u.STORYBOOK_ENV="web-components";import{start as S}from"@storybook/core-client";import g from"global";import{dedent as w}from"ts-dedent";import{render as A}from"lit-html";import{isTemplateResult as T}from"lit-html/directive-helpers.js";import{simulatePageLoad as d,simulateDOMContentLoaded as C}from"@storybook/preview-web";var{Node:O}=g,k=(e,n)=>{let{id:i,component:r}=n;if(!r)throw new Error(`Unable to render story ${i} as the component annotation is missing from the default export`);let a=document.createElement(r);return Object.entries(e).forEach(([p,o])=>{a[p]=o}),a};function f({storyFn:e,kind:n,name:i,showMain:r,showError:a,forceRemount:p},o){let t=e();if(r(),T(t)){(p||!o.querySelector('[id="root-inner"]'))&&(o.innerHTML='<div id="root-inner"></div>');let c=o.querySelector('[id="root-inner"]');A(t,c),d(o)}else if(typeof t=="string")o.innerHTML=t,d(o);else if(t instanceof O){if(o.firstChild===t&&!p)return;o.innerHTML="",o.appendChild(t),C()}else a({title:`Expecting an HTML snippet or DOM node from the story: "${i}" of "${n}".`,description:w`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `})}var l="web-components",m=S(f),D=(e,n)=>m.clientApi.storiesOf(e,n).addParameters({framework:l}),H=(...e)=>m.configure(l,...e),K=m.forceReRender,U=m.clientApi.raw;function B(e){if(!e)return!1;if(typeof e=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function j(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags)||e.modules&&Array.isArray(e.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
+    See the readme of addon-docs for web components for more details.`)}function P(e){window.__STORYBOOK_CUSTOM_ELEMENTS__=e}function V(e){window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__=e}function $(){return window.__STORYBOOK_CUSTOM_ELEMENTS__||window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:b,EventSource:M}=_;module&&module.hot&&module.hot.decline&&(module.hot.decline(),new M("__webpack_hmr").addEventListener("message",function(i){try{let{action:r}=JSON.parse(i.data);r==="built"&&b.location.reload()}catch{}}));export{k as a,f as b,D as c,H as d,K as e,U as f,B as g,j as h,P as i,V as j,$ as k};

package/dist/config.d.ts

@@ -0,0 +1,32 @@
+import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
+import * as lib_api_dist from 'lib/api/dist';
+import * as _storybook_csf from '@storybook/csf';
+import { PartialStoryFn, StoryContext, ArgsStoryFn } from '@storybook/csf';
+import { W as WebComponentsFramework } from './types-ad9cebe0.js';
+import { RenderContext } from '@storybook/store';
+import 'lit-html';
+
+declare function sourceDecorator(storyFn: PartialStoryFn<WebComponentsFramework>, context: StoryContext<WebComponentsFramework>): WebComponentsFramework['storyResult'];
+
+declare const decorators: (typeof sourceDecorator)[];
+declare const argTypesEnhancers: (<TFramework extends _storybook_csf.AnyFramework>(context: _storybook_csf.StoryContextForEnhancers<TFramework, _storybook_csf.Args>) => _storybook_csf.StrictArgTypes<_storybook_csf.Args>)[];
+
+declare const render: ArgsStoryFn<WebComponentsFramework>;
+declare function renderToDOM({ storyFn, kind, name, showMain, showError, forceRemount }: RenderContext<WebComponentsFramework>, domElement: Element): void;
+
+declare const parameters: {
+    docs: {
+        extractArgTypes: (tagName: string) => {
+            [x: string]: lib_api_dist.ArgType;
+        };
+        extractComponentDescription: (tagName: string) => string;
+        inlineStories: boolean;
+        source: {
+            type: lib_docs_tools_dist.SourceType;
+            language: string;
+        };
+    };
+    framework: "web-components";
+};
+
+export { argTypesEnhancers, decorators, parameters, render, renderToDOM };

package/dist/config.js

@@ -0,0 +1,5 @@
+var V=Object.create;var d=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var B=(e,r)=>{for(var t in r)d(e,t,{get:r[t],enumerable:!0})},S=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of $(r))!K.call(e,n)&&n!==t&&d(e,n,{get:()=>r[n],enumerable:!(o=Y(r,n))||o.enumerable});return e};var y=(e,r,t)=>(t=e!=null?V(H(e)):{},S(r||!e||!e.__esModule?d(t,"default",{value:e,enumerable:!0}):t,e)),j=e=>S(d({},"__esModule",{value:!0}),e);var se={};B(se,{argTypesEnhancers:()=>P,decorators:()=>W,parameters:()=>ne,render:()=>O,renderToDOM:()=>c});module.exports=j(se);var l=require("@storybook/docs-tools");var w=require("@storybook/client-logger");var R=y(require("global"));var b=y(require("global")),{window:q}=b.default;q.STORYBOOK_ENV="web-components";var _=require("@storybook/core-client");var A=y(require("global")),M=require("ts-dedent"),h=require("lit-html"),E=require("lit-html/directive-helpers.js"),m=require("@storybook/preview-web"),{Node:J}=A.default,O=(e,r)=>{let{id:t,component:o}=r;if(!o)throw new Error(`Unable to render story ${t} as the component annotation is missing from the default export`);let n=document.createElement(o);return Object.entries(e).forEach(([a,s])=>{n[a]=s}),n};function c({storyFn:e,kind:r,name:t,showMain:o,showError:n,forceRemount:a},s){let i=e();if(o(),(0,E.isTemplateResult)(i)){(a||!s.querySelector('[id="root-inner"]'))&&(s.innerHTML='<div id="root-inner"></div>');let U=s.querySelector('[id="root-inner"]');(0,h.render)(i,U),(0,m.simulatePageLoad)(s)}else if(typeof i=="string")s.innerHTML=i,(0,m.simulatePageLoad)(s);else if(i instanceof J){if(s.firstChild===i&&!a)return;s.innerHTML="",s.appendChild(i),(0,m.simulateDOMContentLoaded)()}else n({title:`Expecting an HTML snippet or DOM node from the story: "${t}" of "${r}".`,description:M.dedent`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `})}var D=(0,_.start)(c);var me=D.forceReRender,fe=D.clientApi.raw;function g(e){if(!e)return!1;if(typeof e=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function C(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags)||e.modules&&Array.isArray(e.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
+    See the readme of addon-docs for web components for more details.`)}function T(){return window.__STORYBOOK_CUSTOM_ELEMENTS__||window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:X,EventSource:Z}=R.default;module&&module.hot&&module.hot.decline&&(module.hot.decline(),new Z("__webpack_hmr").addEventListener("message",function(t){try{let{action:o}=JSON.parse(t.data);o==="built"&&X.location.reload()}catch{}}));function k(e,r){var o,n;let t=r==="properties"?{name:((o=e.type)==null?void 0:o.text)||e.type}:{name:"void"};return{name:e.name,required:!1,description:e.description,type:t,table:{category:r,type:{summary:((n=e.type)==null?void 0:n.text)||e.type},defaultValue:{summary:e.default!==void 0?e.default:e.defaultValue}}}}function z(e){let r=e.name.replace(/(-|_|:|\.|\s)+(.)?/g,(t,o,n)=>n?n.toUpperCase():"").replace(/^([A-Z])/,t=>t.toLowerCase());return r=`on${r.charAt(0).toUpperCase()+r.substr(1)}`,[{name:r,action:{name:e.name},table:{disable:!0}},k(e,"events")]}function p(e,r){return e&&e.filter(t=>t&&t.name).reduce((t,o)=>{if(o.kind==="method")return t;switch(r){case"events":z(o).forEach(n=>{t[n.name]=n});break;default:t[o.name]=k(o,r);break}return t},{})}var G=(e,r)=>{if(!g(e)||!C(r))return null;let t=r.tags.find(o=>o.name.toUpperCase()===e.toUpperCase());return t||w.logger.warn(`Component not found in custom-elements.json: ${e}`),t},Q=(e,r)=>{var o;if(!g(e)||!C(r))return null;let t;return(o=r==null?void 0:r.modules)==null||o.forEach(n=>{var a;(a=n==null?void 0:n.declarations)==null||a.forEach(s=>{s.tagName===e&&(t=s)})}),t||w.logger.warn(`Component not found in custom-elements.json: ${e}`),t},x=(e,r)=>(r==null?void 0:r.version)==="experimental"?G(e,r):Q(e,r),ee=(e,r)=>{let t=x(e,r);return t&&{...p(t.attributes,"attributes"),...p(t.members,"properties"),...p(t.properties,"properties"),...p(t.events,"events"),...p(t.slots,"slots"),...p(t.cssProperties,"css custom properties"),...p(t.cssParts,"css shadow parts")}},F=e=>{let r=T();return ee(e,r)},I=e=>{let r=x(e,T());return r&&r.description};var v=require("lit-html"),u=require("@storybook/addons"),f=require("@storybook/docs-tools"),re=/<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;function te(e){var o;let r=(o=e==null?void 0:e.parameters.docs)==null?void 0:o.source,t=e==null?void 0:e.parameters.__isArgsStory;return(r==null?void 0:r.type)===f.SourceType.DYNAMIC?!1:!t||(r==null?void 0:r.code)||(r==null?void 0:r.type)===f.SourceType.CODE}function oe(e,r){let{transformSource:t}=r.parameters.docs??{};return typeof t!="function"?e:t(e,r)}function L(e,r){var n,a;let t=(a=(n=r==null?void 0:r.parameters.docs)==null?void 0:n.source)!=null&&a.excludeDecorators?r.originalStoryFn(r.args,r):e(),o;if((0,u.useEffect)(()=>{o&&u.addons.getChannel().emit(f.SNIPPET_RENDERED,r.id,o)}),!te(r)){let s=window.document.createElement("div");(0,v.render)(t,s),o=oe(s.innerHTML.replace(re,""),r)}return t}var W=[L],N={docs:{extractArgTypes:F,extractComponentDescription:I,inlineStories:!0,source:{type:l.SourceType.DYNAMIC,language:"html"}}},P=[l.enhanceArgTypes];var ne={framework:"web-components",...N};0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToDOM});

package/dist/config.mjs

@@ -0,0 +1 @@
+import{a as T,b as S,g as a,h as p,k as i}from"./chunk-DG4WPIKN.mjs";import{SourceType as M,enhanceArgTypes as v}from"@storybook/docs-tools";import{logger as c}from"@storybook/client-logger";function u(r,e){let t=e==="properties"?{name:r.type?.text||r.type}:{name:"void"};return{name:r.name,required:!1,description:r.description,type:t,table:{category:e,type:{summary:r.type?.text||r.type},defaultValue:{summary:r.default!==void 0?r.default:r.defaultValue}}}}function b(r){let e=r.name.replace(/(-|_|:|\.|\s)+(.)?/g,(t,o,s)=>s?s.toUpperCase():"").replace(/^([A-Z])/,t=>t.toLowerCase());return e=`on${e.charAt(0).toUpperCase()+e.substr(1)}`,[{name:e,action:{name:r.name},table:{disable:!0}},u(r,"events")]}function n(r,e){return r&&r.filter(t=>t&&t.name).reduce((t,o)=>{if(o.kind==="method")return t;switch(e){case"events":b(o).forEach(s=>{t[s.name]=s});break;default:t[o.name]=u(o,e);break}return t},{})}var D=(r,e)=>{if(!a(r)||!p(e))return null;let t=e.tags.find(o=>o.name.toUpperCase()===r.toUpperCase());return t||c.warn(`Component not found in custom-elements.json: ${r}`),t},E=(r,e)=>{if(!a(r)||!p(e))return null;let t;return e?.modules?.forEach(o=>{o?.declarations?.forEach(s=>{s.tagName===r&&(t=s)})}),t||c.warn(`Component not found in custom-elements.json: ${r}`),t},f=(r,e)=>e?.version==="experimental"?D(r,e):E(r,e),I=(r,e)=>{let t=f(r,e);return t&&{...n(t.attributes,"attributes"),...n(t.members,"properties"),...n(t.properties,"properties"),...n(t.events,"events"),...n(t.slots,"slots"),...n(t.cssProperties,"css custom properties"),...n(t.cssParts,"css shadow parts")}},l=r=>{let e=i();return I(r,e)},g=r=>{let e=f(r,i());return e&&e.description};import{render as w}from"lit-html";import{addons as x,useEffect as A}from"@storybook/addons";import{SNIPPET_RENDERED as k,SourceType as y}from"@storybook/docs-tools";var h=/<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;function F(r){let e=r?.parameters.docs?.source,t=r?.parameters.__isArgsStory;return e?.type===y.DYNAMIC?!1:!t||e?.code||e?.type===y.CODE}function P(r,e){let{transformSource:t}=e.parameters.docs??{};return typeof t!="function"?r:t(r,e)}function d(r,e){let t=e?.parameters.docs?.source?.excludeDecorators?e.originalStoryFn(e.args,e):r(),o;if(A(()=>{o&&x.getChannel().emit(k,e.id,o)}),!F(e)){let s=window.document.createElement("div");w(t,s),o=P(s.innerHTML.replace(h,""),e)}return t}var _=[d],C={docs:{extractArgTypes:l,extractComponentDescription:g,inlineStories:!0,source:{type:M.DYNAMIC,language:"html"}}},W=[v];var Z={framework:"web-components",...C};export{W as argTypesEnhancers,_ as decorators,Z as parameters,T as render,S as renderToDOM};

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations } from '@storybook/csf';
+import { W as WebComponentsFramework } from './types-ad9cebe0.js';
+import { ClientStoryApi, Loadable } from '@storybook/addons';
+import 'lit-html';
+
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+declare type Meta<TArgs = Args> = ComponentAnnotations<WebComponentsFramework, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<WebComponentsFramework, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+declare type StoryObj<TArgs = Args> = StoryAnnotations<WebComponentsFramework, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+declare type Story<TArgs = Args> = StoryObj<TArgs>;
+
+interface ClientApi extends ClientStoryApi<WebComponentsFramework['storyResult']> {
+    configure(loader: Loadable, module: NodeModule): void;
+    forceReRender(): void;
+    raw: () => any;
+}
+declare const storiesOf: ClientApi['storiesOf'];
+declare const configure: ClientApi['configure'];
+declare const forceReRender: ClientApi['forceReRender'];
+declare const raw: ClientApi['raw'];
+
+declare function isValidComponent(tagName: string): boolean;
+declare function isValidMetaData(customElements: any): boolean;
+/**
+ * @param customElements any for now as spec is not super stable yet
+ */
+declare function setCustomElements(customElements: any): void;
+declare function setCustomElementsManifest(customElements: any): void;
+declare function getCustomElements(): any;
+
+export { Meta, Story, StoryFn, StoryObj, configure, forceReRender, getCustomElements, isValidComponent, isValidMetaData, raw, setCustomElements, setCustomElementsManifest, storiesOf };

package/dist/index.js

@@ -0,0 +1,5 @@
+var S=Object.create;var p=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var A=(e,o)=>{for(var r in o)p(e,r,{get:o[r],enumerable:!0})},l=(e,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of h(o))!x.call(e,i)&&i!==r&&p(e,i,{get:()=>o[i],enumerable:!(n=b(o,i))||n.enumerable});return e};var f=(e,o,r)=>(r=e!=null?S(R(e)):{},l(o||!e||!e.__esModule?p(r,"default",{value:e,enumerable:!0}):r,e)),E=e=>l(p({},"__esModule",{value:!0}),e);var V={};A(V,{configure:()=>v,forceReRender:()=>N,getCustomElements:()=>Y,isValidComponent:()=>D,isValidMetaData:()=>H,raw:()=>W,setCustomElements:()=>K,setCustomElementsManifest:()=>U,storiesOf:()=>k});module.exports=E(V);var T=f(require("global"));var c=f(require("global")),{window:L}=c.default;L.STORYBOOK_ENV="web-components";var C=require("@storybook/core-client");var u=f(require("global")),w=require("ts-dedent"),y=require("lit-html"),O=require("lit-html/directive-helpers.js"),a=require("@storybook/preview-web"),{Node:F}=u.default;function _({storyFn:e,kind:o,name:r,showMain:n,showError:i,forceRemount:m},t){let s=e();if(n(),(0,O.isTemplateResult)(s)){(m||!t.querySelector('[id="root-inner"]'))&&(t.innerHTML='<div id="root-inner"></div>');let M=t.querySelector('[id="root-inner"]');(0,y.render)(s,M),(0,a.simulatePageLoad)(t)}else if(typeof s=="string")t.innerHTML=s,(0,a.simulatePageLoad)(t);else if(s instanceof F){if(t.firstChild===s&&!m)return;t.innerHTML="",t.appendChild(s),(0,a.simulateDOMContentLoaded)()}else i({title:`Expecting an HTML snippet or DOM node from the story: "${r}" of "${o}".`,description:w.dedent`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `})}var g="web-components",d=(0,C.start)(_),k=(e,o)=>d.clientApi.storiesOf(e,o).addParameters({framework:g}),v=(...e)=>d.configure(g,...e),N=d.forceReRender,W=d.clientApi.raw;function D(e){if(!e)return!1;if(typeof e=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function H(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags)||e.modules&&Array.isArray(e.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
+    See the readme of addon-docs for web components for more details.`)}function K(e){window.__STORYBOOK_CUSTOM_ELEMENTS__=e}function U(e){window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__=e}function Y(){return window.__STORYBOOK_CUSTOM_ELEMENTS__||window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:B,EventSource:P}=T.default;module&&module.hot&&module.hot.decline&&(module.hot.decline(),new P("__webpack_hmr").addEventListener("message",function(r){try{let{action:n}=JSON.parse(r.data);n==="built"&&B.location.reload()}catch{}}));0&&(module.exports={configure,forceReRender,getCustomElements,isValidComponent,isValidMetaData,raw,setCustomElements,setCustomElementsManifest,storiesOf});

package/dist/index.mjs

@@ -0,0 +1 @@
+import{c as a,d as b,e as c,f as d,g as e,h as f,i as g,j as h,k as i}from"./chunk-DG4WPIKN.mjs";export{b as configure,c as forceReRender,i as getCustomElements,e as isValidComponent,f as isValidMetaData,d as raw,g as setCustomElements,h as setCustomElementsManifest,a as storiesOf};

package/dist/types-ad9cebe0.d.ts

@@ -0,0 +1,9 @@
+import { TemplateResult, SVGTemplateResult } from 'lit-html';
+
+declare type StoryFnHtmlReturnType = string | Node | TemplateResult | SVGTemplateResult;
+declare type WebComponentsFramework = {
+    component: string;
+    storyResult: StoryFnHtmlReturnType;
+};
+
+export { WebComponentsFramework as W };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.40",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit-html",
@@ -21,9 +21,26 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preview": {
+      "require": "./dist/config.js",
+      "import": "./dist/config.mjs",
+      "types": "./dist/config.d.ts"
+    },
+    "./package.json": {
+      "require": "./package.json",
+      "import": "./package.json",
+      "types": "./package.json"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -31,25 +48,27 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../scripts/prepare.js"
+    "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/api": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
-    "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
-    "@storybook/preview-web": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
-    "core-js": "^3.8.2",
+    "@storybook/addons": "7.0.0-alpha.40",
+    "@storybook/api": "7.0.0-alpha.40",
+    "@storybook/client-logger": "7.0.0-alpha.40",
+    "@storybook/core-client": "7.0.0-alpha.40",
+    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/docs-tools": "7.0.0-alpha.40",
+    "@storybook/preview-web": "7.0.0-alpha.40",
+    "@storybook/store": "7.0.0-alpha.40",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "lit-html": "2.0.2"
+    "lit": "2.3.1",
+    "lit-html": "2.0.2",
+    "typescript": "~4.6.3"
   },
   "peerDependencies": {
     "lit-html": "^1.4.1 || ^2.0.0"
@@ -60,5 +79,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/config.ts"
+    ],
+    "platform": "browser"
+  },
+  "gitHead": "8f6d8629f1ad7e776c39e2c7621f4a0d538aa93c"
 }

package/preview.js

@@ -1 +1 @@
-export * from './dist/esm/config';
+export * from './dist/config';

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/dist/cjs/config.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  parameters: true,
-  decorators: true,
-  argTypesEnhancers: true
-};
-Object.defineProperty(exports, "argTypesEnhancers", {
-  enumerable: true,
-  get: function () {
-    return _config.argTypesEnhancers;
-  }
-});
-Object.defineProperty(exports, "decorators", {
-  enumerable: true,
-  get: function () {
-    return _config.decorators;
-  }
-});
-exports.parameters = void 0;
-
-var _config = require("./docs/config");
-
-var _config2 = require("./preview/config");
-
-Object.keys(_config2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _config2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _config2[key];
-    }
-  });
-});
-const parameters = Object.assign({
-  framework: 'web-components'
-}, _config.parameters);
-exports.parameters = parameters;

package/dist/cjs/customElements.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCustomElements = getCustomElements;
-exports.isValidComponent = isValidComponent;
-exports.isValidMetaData = isValidMetaData;
-exports.setCustomElements = setCustomElements;
-exports.setCustomElementsManifest = setCustomElementsManifest;
-
-/* eslint-disable no-underscore-dangle */
-
-/* global window */
-function isValidComponent(tagName) {
-  if (!tagName) {
-    return false;
-  }
-
-  if (typeof tagName === 'string') {
-    return true;
-  }
-
-  throw new Error('Provided component needs to be a string. e.g. component: "my-element"');
-}
-
-function isValidMetaData(customElements) {
-  if (!customElements) {
-    return false;
-  }
-
-  if (customElements.tags && Array.isArray(customElements.tags) || customElements.modules && Array.isArray(customElements.modules)) {
-    return true;
-  }
-
-  throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
-    See the readme of addon-docs for web components for more details.`);
-}
-/**
- * @param customElements any for now as spec is not super stable yet
- */
-
-
-function setCustomElements(customElements) {
-  // @ts-ignore
-  window.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements;
-}
-
-function setCustomElementsManifest(customElements) {
-  // @ts-ignore
-  window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements;
-}
-
-function getCustomElements() {
-  // @ts-ignore
-  return window.__STORYBOOK_CUSTOM_ELEMENTS__ || window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__;
-}

package/dist/cjs/docs/config.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parameters = exports.decorators = exports.argTypesEnhancers = void 0;
-
-var _docsTools = require("@storybook/docs-tools");
-
-var _customElements = require("./custom-elements");
-
-var _sourceDecorator = require("./sourceDecorator");
-
-const decorators = [_sourceDecorator.sourceDecorator];
-exports.decorators = decorators;
-const parameters = {
-  docs: {
-    extractArgTypes: _customElements.extractArgTypes,
-    extractComponentDescription: _customElements.extractComponentDescription,
-    inlineStories: true,
-    source: {
-      type: _docsTools.SourceType.DYNAMIC,
-      language: 'html'
-    }
-  }
-};
-exports.parameters = parameters;
-const argTypesEnhancers = [_docsTools.enhanceArgTypes];
-exports.argTypesEnhancers = argTypesEnhancers;

package/dist/cjs/docs/custom-elements.js

@@ -1,139 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractComponentDescription = exports.extractArgTypesFromElements = exports.extractArgTypes = void 0;
-
-var _clientLogger = require("@storybook/client-logger");
-
-var _ = require("..");
-
-function mapItem(item, category) {
-  var _item$type, _item$type2;
-
-  const type = category === 'properties' ? {
-    name: ((_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.text) || item.type
-  } : {
-    name: 'void'
-  };
-  return {
-    name: item.name,
-    required: false,
-    description: item.description,
-    type,
-    table: {
-      category,
-      type: {
-        summary: ((_item$type2 = item.type) === null || _item$type2 === void 0 ? void 0 : _item$type2.text) || item.type
-      },
-      defaultValue: {
-        summary: item.default !== undefined ? item.default : item.defaultValue
-      }
-    }
-  };
-}
-
-function mapEvent(item) {
-  let name = item.name.replace(/(-|_|:|\.|\s)+(.)?/g, (_match, _separator, chr) => {
-    return chr ? chr.toUpperCase() : '';
-  }).replace(/^([A-Z])/, match => match.toLowerCase());
-  name = `on${name.charAt(0).toUpperCase() + name.substr(1)}`;
-  return [{
-    name,
-    action: {
-      name: item.name
-    },
-    table: {
-      disable: true
-    }
-  }, mapItem(item, 'events')];
-}
-
-function mapData(data, category) {
-  return data && data.filter(item => item && item.name).reduce((acc, item) => {
-    if (item.kind === 'method') return acc;
-
-    switch (category) {
-      case 'events':
-        mapEvent(item).forEach(argType => {
-          acc[argType.name] = argType;
-        });
-        break;
-
-      default:
-        acc[item.name] = mapItem(item, category);
-        break;
-    }
-
-    return acc;
-  }, {});
-}
-
-const getMetaDataExperimental = (tagName, customElements) => {
-  if (!(0, _.isValidComponent)(tagName) || !(0, _.isValidMetaData)(customElements)) {
-    return null;
-  }
-
-  const metaData = customElements.tags.find(tag => tag.name.toUpperCase() === tagName.toUpperCase());
-
-  if (!metaData) {
-    _clientLogger.logger.warn(`Component not found in custom-elements.json: ${tagName}`);
-  }
-
-  return metaData;
-};
-
-const getMetaDataV1 = (tagName, customElements) => {
-  var _customElements$modul;
-
-  if (!(0, _.isValidComponent)(tagName) || !(0, _.isValidMetaData)(customElements)) {
-    return null;
-  }
-
-  let metadata;
-  customElements === null || customElements === void 0 ? void 0 : (_customElements$modul = customElements.modules) === null || _customElements$modul === void 0 ? void 0 : _customElements$modul.forEach(_module => {
-    var _module$declarations;
-
-    _module === null || _module === void 0 ? void 0 : (_module$declarations = _module.declarations) === null || _module$declarations === void 0 ? void 0 : _module$declarations.forEach(declaration => {
-      if (declaration.tagName === tagName) {
-        metadata = declaration;
-      }
-    });
-  });
-
-  if (!metadata) {
-    _clientLogger.logger.warn(`Component not found in custom-elements.json: ${tagName}`);
-  }
-
-  return metadata;
-};
-
-const getMetaData = (tagName, manifest) => {
-  if ((manifest === null || manifest === void 0 ? void 0 : manifest.version) === 'experimental') {
-    return getMetaDataExperimental(tagName, manifest);
-  }
-
-  return getMetaDataV1(tagName, manifest);
-};
-
-const extractArgTypesFromElements = (tagName, customElements) => {
-  const metaData = getMetaData(tagName, customElements);
-  return metaData && Object.assign({}, mapData(metaData.attributes, 'attributes'), mapData(metaData.members, 'properties'), mapData(metaData.properties, 'properties'), mapData(metaData.events, 'events'), mapData(metaData.slots, 'slots'), mapData(metaData.cssProperties, 'css custom properties'), mapData(metaData.cssParts, 'css shadow parts'));
-};
-
-exports.extractArgTypesFromElements = extractArgTypesFromElements;
-
-const extractArgTypes = tagName => {
-  const cem = (0, _.getCustomElements)();
-  return extractArgTypesFromElements(tagName, cem);
-};
-
-exports.extractArgTypes = extractArgTypes;
-
-const extractComponentDescription = tagName => {
-  const metaData = getMetaData(tagName, (0, _.getCustomElements)());
-  return metaData && metaData.description;
-};
-
-exports.extractComponentDescription = extractComponentDescription;

package/dist/cjs/docs/sourceDecorator.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sourceDecorator = sourceDecorator;
-
-var _litHtml = require("lit-html");
-
-var _addons = require("@storybook/addons");
-
-var _docsTools = require("@storybook/docs-tools");
-
-/* eslint-disable no-underscore-dangle */
-
-/* global window */
-// Taken from https://github.com/lit/lit/blob/main/packages/lit-html/src/test/test-utils/strip-markers.ts
-const LIT_EXPRESSION_COMMENTS = /<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;
-
-function skipSourceRender(context) {
-  var _context$parameters$d;
-
-  const sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
-  const isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
-
-  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === _docsTools.SourceType.DYNAMIC) {
-    return false;
-  } // never render if the user is forcing the block to render code, or
-  // if the user provides code, or if it's not an args story.
-
-
-  return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === _docsTools.SourceType.CODE;
-}
-
-function applyTransformSource(source, context) {
-  const {
-    transformSource
-  } = context.parameters.docs ?? {};
-  if (typeof transformSource !== 'function') return source;
-  return transformSource(source, context);
-}
-
-function sourceDecorator(storyFn, context) {
-  var _context$parameters$d2, _context$parameters$d3;
-
-  const story = context !== null && context !== void 0 && (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 && (_context$parameters$d3 = _context$parameters$d2.source) !== null && _context$parameters$d3 !== void 0 && _context$parameters$d3.excludeDecorators ? context.originalStoryFn(context.args, context) : storyFn();
-  let source;
-  (0, _addons.useEffect)(() => {
-    if (source) _addons.addons.getChannel().emit(_docsTools.SNIPPET_RENDERED, context.id, source);
-  });
-
-  if (!skipSourceRender(context)) {
-    const container = window.document.createElement('div');
-    (0, _litHtml.render)(story, container);
-    source = applyTransformSource(container.innerHTML.replace(LIT_EXPRESSION_COMMENTS, ''), context);
-  }
-
-  return story;
-}