@storybook/web-components 7.0.0-alpha.34 → 7.0.0-alpha.37

package/dist/chunk-Y3GGBYGB.mjs

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

package/dist/config.d.ts

@@ -1,8 +1,8 @@
 import * as lib_docs_tools_dist_types from 'lib/docs-tools/dist/types';
-import * as lib_api_dist_types from 'lib/api/dist/types';
-import * as lib_addons_dist_types from 'lib/addons/dist/types';
+import * as lib_api_dist from 'lib/api/dist';
+import * as lib_addons_dist from 'lib/addons/dist';
 import * as _storybook_csf from '@storybook/csf';
-import { PartialStoryFn, StoryContext } from '@storybook/csf';
+import { PartialStoryFn, StoryContext, ArgsStoryFn } from '@storybook/csf';
 import { W as WebComponentsFramework } from './types-7ab3c005.js';
 import { RenderContext } from '@storybook/store';
 import 'lit-html';
@@ -10,14 +10,15 @@ 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> | lib_addons_dist_types.Parameters)[];
+declare const argTypesEnhancers: (<TFramework extends _storybook_csf.AnyFramework>(context: _storybook_csf.StoryContextForEnhancers<TFramework, _storybook_csf.Args>) => _storybook_csf.StrictArgTypes<_storybook_csf.Args> | lib_addons_dist.Parameters)[];
 
+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_types.ArgType;
+            [x: string]: lib_api_dist.ArgType;
         };
         extractComponentDescription: (tagName: string) => string;
         inlineStories: boolean;
@@ -29,4 +30,4 @@ declare const parameters: {
     framework: "web-components";
 };
 
-export { argTypesEnhancers, decorators, parameters, renderToDOM };
+export { argTypesEnhancers, decorators, parameters, render, renderToDOM };

package/dist/config.js

@@ -1,5 +1,5 @@
-var U=Object.create;var f=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var K=(e,r)=>{for(var t in r)f(e,t,{get:r[t],enumerable:!0})},w=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of Y(r))!$.call(e,n)&&n!==t&&f(e,n,{get:()=>r[n],enumerable:!(o=V(r,n))||o.enumerable});return e};var g=(e,r,t)=>(t=e!=null?U(H(e)):{},w(r||!e||!e.__esModule?f(t,"default",{value:e,enumerable:!0}):t,e)),B=e=>w(f({},"__esModule",{value:!0}),e);var ne={};K(ne,{argTypesEnhancers:()=>W,decorators:()=>L,parameters:()=>oe,renderToDOM:()=>l});module.exports=B(ne);var y=require("@storybook/docs-tools");var A=require("@storybook/client-logger");var h=g(require("global"));var b=g(require("global")),{window:j}=b.default;j.STORYBOOK_ENV="web-components";var E=require("@storybook/core-client");var M=g(require("global")),D=require("ts-dedent"),_=require("lit-html"),O=require("lit-html/directive-helpers.js"),m=require("@storybook/preview-web"),{Node:q}=M.default;function l({storyFn:e,kind:r,name:t,showMain:o,showError:n,forceRemount:a},s){let i=e();if(o(),(0,O.isTemplateResult)(i)){(a||!s.querySelector('[id="root-inner"]'))&&(s.innerHTML='<div id="root-inner"></div>');let N=s.querySelector('[id="root-inner"]');(0,_.render)(i,N),(0,m.simulatePageLoad)(s)}else if(typeof i=="string")s.innerHTML=i,(0,m.simulatePageLoad)(s);else if(i instanceof q){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:D.dedent`
+var V=Object.create;var f=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)f(e,t,{get:r[t],enumerable:!0})},A=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of $(r))!K.call(e,n)&&n!==t&&f(e,n,{get:()=>r[n],enumerable:!(o=Y(r,n))||o.enumerable});return e};var g=(e,r,t)=>(t=e!=null?V(H(e)):{},A(r||!e||!e.__esModule?f(t,"default",{value:e,enumerable:!0}):t,e)),j=e=>A(f({},"__esModule",{value:!0}),e);var se={};B(se,{argTypesEnhancers:()=>N,decorators:()=>P,parameters:()=>ne,render:()=>O,renderToDOM:()=>l});module.exports=j(se);var y=require("@storybook/docs-tools");var w=require("@storybook/client-logger");var k=g(require("global"));var b=g(require("global")),{window:q}=b.default;q.STORYBOOK_ENV="web-components";var _=require("@storybook/core-client");var M=g(require("global")),h=require("ts-dedent"),D=require("lit-html"),E=require("lit-html/directive-helpers.js"),d=require("@storybook/preview-web"),{Node:J}=M.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 l({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,D.render)(i,U),(0,d.simulatePageLoad)(s)}else if(typeof i=="string")s.innerHTML=i,(0,d.simulatePageLoad)(s);else if(i instanceof J){if(s.firstChild===i&&!a)return;s.innerHTML="",s.appendChild(i),(0,d.simulateDOMContentLoaded)()}else n({title:`Expecting an HTML snippet or DOM node from the story: "${t}" of "${r}".`,description:h.dedent`
         Did you forget to return the HTML snippet from the story?
         Use "() => <your snippet or node>" or when defining the story.
-      `})}var p=(0,E.start)(l);var pe=p.clientApi.addDecorator,de=p.clientApi.addParameters,me=p.clientApi.clearDecorators,ce=p.clientApi.setAddon,fe=p.forceReRender,le=p.clientApi.getStorybook,ue=p.clientApi.raw;function C(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 T(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 S(){return window.__STORYBOOK_CUSTOM_ELEMENTS__||window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:J,EventSource:X}=h.default;module&&module.hot&&module.hot.decline&&(module.hot.decline(),new X("__webpack_hmr").addEventListener("message",function(t){try{let{action:o}=JSON.parse(t.data);o==="built"&&J.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 d(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 z=(e,r)=>{if(!C(e)||!T(r))return null;let t=r.tags.find(o=>o.name.toUpperCase()===e.toUpperCase());return t||A.logger.warn(`Component not found in custom-elements.json: ${e}`),t},G=(e,r)=>{var o;if(!C(e)||!T(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||A.logger.warn(`Component not found in custom-elements.json: ${e}`),t},x=(e,r)=>(r==null?void 0:r.version)==="experimental"?z(e,r):G(e,r),Q=(e,r)=>{let t=x(e,r);return t&&{...d(t.attributes,"attributes"),...d(t.members,"properties"),...d(t.properties,"properties"),...d(t.events,"events"),...d(t.slots,"slots"),...d(t.cssProperties,"css custom properties"),...d(t.cssParts,"css shadow parts")}},R=e=>{let r=S();return Q(e,r)},I=e=>{let r=x(e,S());return r&&r.description};var v=require("lit-html"),u=require("@storybook/addons"),c=require("@storybook/docs-tools"),ee=/<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;function re(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)===c.SourceType.DYNAMIC?!1:!t||(r==null?void 0:r.code)||(r==null?void 0:r.type)===c.SourceType.CODE}function te(e,r){let{transformSource:t}=r.parameters.docs??{};return typeof t!="function"?e:t(e,r)}function F(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(c.SNIPPET_RENDERED,r.id,o)}),!re(r)){let s=window.document.createElement("div");(0,v.render)(t,s),o=te(s.innerHTML.replace(ee,""),r)}return t}var L=[F],P={docs:{extractArgTypes:R,extractComponentDescription:I,inlineStories:!0,source:{type:y.SourceType.DYNAMIC,language:"html"}}},W=[y.enhanceArgTypes];var oe={framework:"web-components",...P};0&&(module.exports={argTypesEnhancers,decorators,parameters,renderToDOM});
+      `})}var p=(0,_.start)(l);var me=p.clientApi.addDecorator,de=p.clientApi.addParameters,ce=p.clientApi.clearDecorators,fe=p.clientApi.setAddon,le=p.forceReRender,ue=p.clientApi.getStorybook,ye=p.clientApi.raw;function C(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 T(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 S(){return window.__STORYBOOK_CUSTOM_ELEMENTS__||window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:X,EventSource:Z}=k.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 x(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}},x(e,"events")]}function m(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]=x(o,r);break}return t},{})}var G=(e,r)=>{if(!C(e)||!T(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(!C(e)||!T(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},R=(e,r)=>(r==null?void 0:r.version)==="experimental"?G(e,r):Q(e,r),ee=(e,r)=>{let t=R(e,r);return t&&{...m(t.attributes,"attributes"),...m(t.members,"properties"),...m(t.properties,"properties"),...m(t.events,"events"),...m(t.slots,"slots"),...m(t.cssProperties,"css custom properties"),...m(t.cssParts,"css shadow parts")}},F=e=>{let r=S();return ee(e,r)},I=e=>{let r=R(e,S());return r&&r.description};var v=require("lit-html"),u=require("@storybook/addons"),c=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)===c.SourceType.DYNAMIC?!1:!t||(r==null?void 0:r.code)||(r==null?void 0:r.type)===c.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(c.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 P=[L],W={docs:{extractArgTypes:F,extractComponentDescription:I,inlineStories:!0,source:{type:y.SourceType.DYNAMIC,language:"html"}}},N=[y.enhanceArgTypes];var ne={framework:"web-components",...W};0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToDOM});

package/dist/config.mjs

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

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

package/dist/index.mjs

@@ -1 +1 @@
-import{b as a,c as b,d as c,e as d,f as e,g as f,h as g,i as h,j as i,k as j,l as k,m as l,n as m,o as n}from"./chunk-ZUHVAFTB.mjs";export{c as addDecorator,d as addParameters,e as clearDecorators,b as configure,g as forceReRender,n as getCustomElements,h as getStorybook,j as isValidComponent,k as isValidMetaData,i as raw,f as setAddon,l as setCustomElements,m as setCustomElementsManifest,a as storiesOf};
+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,l as j,m as k,n as l,o as m,p as n}from"./chunk-Y3GGBYGB.mjs";export{c as addDecorator,d as addParameters,e as clearDecorators,b as configure,g as forceReRender,n as getCustomElements,h as getStorybook,j as isValidComponent,k as isValidMetaData,i as raw,f as setAddon,l as setCustomElements,m as setCustomElementsManifest,a as storiesOf};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "7.0.0-alpha.34",
+  "version": "7.0.0-alpha.37",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit-html",
@@ -52,20 +52,21 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.34",
-    "@storybook/api": "7.0.0-alpha.34",
-    "@storybook/client-logger": "7.0.0-alpha.34",
-    "@storybook/core-client": "7.0.0-alpha.34",
-    "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.34",
-    "@storybook/preview-web": "7.0.0-alpha.34",
-    "@storybook/store": "7.0.0-alpha.34",
+    "@storybook/addons": "7.0.0-alpha.37",
+    "@storybook/api": "7.0.0-alpha.37",
+    "@storybook/client-logger": "7.0.0-alpha.37",
+    "@storybook/core-client": "7.0.0-alpha.37",
+    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/docs-tools": "7.0.0-alpha.37",
+    "@storybook/preview-web": "7.0.0-alpha.37",
+    "@storybook/store": "7.0.0-alpha.37",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
+    "lit": "2.3.1",
     "lit-html": "2.0.2",
     "typescript": "~4.6.3"
   },
@@ -85,5 +86,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
+  "gitHead": "82667a655108283aafc828427f00bb3590a334e5"
 }

package/dist/chunk-ZUHVAFTB.mjs

@@ -1,5 +0,0 @@
-import O from"global";import A from"global";var{window:y}=A;y.STORYBOOK_ENV="web-components";import{start as b}from"@storybook/core-client";import u from"global";import{dedent as g}from"ts-dedent";import{render as C}from"lit-html";import{isTemplateResult as S}from"lit-html/directive-helpers.js";import{simulatePageLoad as d,simulateDOMContentLoaded as w}from"@storybook/preview-web";var{Node:T}=u;function c({storyFn:o,kind:i,name:a,showMain:s,showError:f,forceRemount:p},e){let t=o();if(s(),S(t)){(p||!e.querySelector('[id="root-inner"]'))&&(e.innerHTML='<div id="root-inner"></div>');let l=e.querySelector('[id="root-inner"]');C(t,l),d(e)}else if(typeof t=="string")e.innerHTML=t,d(e);else if(t instanceof T){if(e.firstChild===t&&!p)return;e.innerHTML="",e.appendChild(t),w()}else f({title:`Expecting an HTML snippet or DOM node from the story: "${a}" of "${i}".`,description:g`
-        Did you forget to return the HTML snippet from the story?
-        Use "() => <your snippet or node>" or when defining the story.
-      `})}var m="web-components",r=b(c),W=(o,i)=>r.clientApi.storiesOf(o,i).addParameters({framework:m}),N=(...o)=>r.configure(m,...o),P=r.clientApi.addDecorator,H=r.clientApi.addParameters,K=r.clientApi.clearDecorators,Y=r.clientApi.setAddon,B=r.forceReRender,U=r.clientApi.getStorybook,I=r.clientApi.raw;function V(o){if(!o)return!1;if(typeof o=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function q(o){if(!o)return!1;if(o.tags&&Array.isArray(o.tags)||o.modules&&Array.isArray(o.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 $(o){window.__STORYBOOK_CUSTOM_ELEMENTS__=o}function J(o){window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__=o}function z(){return window.__STORYBOOK_CUSTOM_ELEMENTS__||window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:_,EventSource:x}=O;module&&module.hot&&module.hot.decline&&(module.hot.decline(),new x("__webpack_hmr").addEventListener("message",function(a){try{let{action:s}=JSON.parse(a.data);s==="built"&&_.location.reload()}catch{}}));export{c as a,W as b,N as c,P as d,H as e,K as f,Y as g,B as h,U as i,I as j,V as k,q as l,$ as m,J as n,z as o};