@storybook/web-components 10.1.0-alpha.1 → 10.1.0-alpha.11

package/dist/_browser-chunks/chunk-4BE7D4DS.js

@@ -0,0 +1,9 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+};
+
+export {
+  __export
+};

package/dist/_browser-chunks/{chunk-NIAEHH3S.js → chunk-UN5GYDGC.js}

@@ -1,7 +1,6 @@
 import {
-  __export,
-  __name
-} from "./chunk-JFJ5UJ7Q.js";
+  __export
+} from "./chunk-4BE7D4DS.js";
 
 // src/entry-preview.ts
 var entry_preview_exports = {};
@@ -17,41 +16,30 @@ import { render as litRender } from "lit";
 import { isTemplateResult } from "lit/directive-helpers.js";
 import { simulateDOMContentLoaded, simulatePageLoad } from "storybook/preview-api";
 import { dedent } from "ts-dedent";
-var { Node } = global;
-var render = /* @__PURE__ */ __name((args, context) => {
-  const { id, component } = context;
-  if (!component) {
+var { Node } = global, render = (args, context) => {
+  let { id, component } = context;
+  if (!component)
     throw new Error(
       `Unable to render story ${id} as the component annotation is missing from the default export`
     );
-  }
-  const element = document.createElement(component);
-  Object.entries(args).forEach(([key, val]) => {
+  let element = document.createElement(component);
+  return Object.entries(args).forEach(([key, val]) => {
     element[key] = val;
-  });
-  return element;
-}, "render");
+  }), element;
+};
 function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount }, canvasElement) {
-  const element = storyFn();
-  showMain();
-  if (isTemplateResult(element)) {
-    if (forceRemount || !canvasElement.querySelector('[id="root-inner"]')) {
-      canvasElement.innerHTML = '<div id="root-inner"></div>';
-    }
-    const renderTo = canvasElement.querySelector('[id="root-inner"]');
-    litRender(element, renderTo);
-    simulatePageLoad(canvasElement);
-  } else if (typeof element === "string") {
-    canvasElement.innerHTML = element;
-    simulatePageLoad(canvasElement);
-  } else if (element instanceof Node) {
-    if (canvasElement.firstChild === element && !forceRemount) {
+  let element = storyFn();
+  if (showMain(), isTemplateResult(element)) {
+    (forceRemount || !canvasElement.querySelector('[id="root-inner"]')) && (canvasElement.innerHTML = '<div id="root-inner"></div>');
+    let renderTo = canvasElement.querySelector('[id="root-inner"]');
+    litRender(element, renderTo), simulatePageLoad(canvasElement);
+  } else if (typeof element == "string")
+    canvasElement.innerHTML = element, simulatePageLoad(canvasElement);
+  else if (element instanceof Node) {
+    if (canvasElement.firstChild === element && !forceRemount)
       return;
-    }
-    canvasElement.innerHTML = "";
-    canvasElement.appendChild(element);
-    simulateDOMContentLoaded();
-  } else {
+    canvasElement.innerHTML = "", canvasElement.appendChild(element), simulateDOMContentLoaded();
+  } else
     showError({
       title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,
       description: dedent`
@@ -59,9 +47,7 @@ function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount
         Use "() => <your snippet or node>" or when defining the story.
       `
     });
-  }
 }
-__name(renderToCanvas, "renderToCanvas");
 
 // src/entry-preview.ts
 var parameters = {

package/dist/_browser-chunks/{chunk-CTBWQQZK.js → chunk-XQFQKYGQ.js}

@@ -1,9 +1,6 @@
 import {
   entry_preview_exports
-} from "./chunk-NIAEHH3S.js";
-import {
-  __name
-} from "./chunk-JFJ5UJ7Q.js";
+} from "./chunk-UN5GYDGC.js";
 
 // src/index.ts
 import { global as global3 } from "@storybook/global";
@@ -16,38 +13,29 @@ globalWindow.STORYBOOK_ENV = "web-components";
 // src/framework-api.ts
 import { global as global2 } from "@storybook/global";
 function isValidComponent(tagName) {
-  if (!tagName) {
-    return false;
-  }
-  if (typeof tagName === "string") {
-    return true;
-  }
+  if (!tagName)
+    return !1;
+  if (typeof tagName == "string")
+    return !0;
   throw new Error('Provided component needs to be a string. e.g. component: "my-element"');
 }
-__name(isValidComponent, "isValidComponent");
 function isValidMetaData(customElements) {
-  if (!customElements) {
-    return false;
-  }
-  if (customElements.tags && Array.isArray(customElements.tags) || customElements.modules && Array.isArray(customElements.modules)) {
-    return true;
-  }
+  if (!customElements)
+    return !1;
+  if (customElements.tags && Array.isArray(customElements.tags) || customElements.modules && Array.isArray(customElements.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.`);
 }
-__name(isValidMetaData, "isValidMetaData");
 function setCustomElements(customElements) {
   global2.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements;
 }
-__name(setCustomElements, "setCustomElements");
 function setCustomElementsManifest(customElements) {
   global2.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements;
 }
-__name(setCustomElementsManifest, "setCustomElementsManifest");
 function getCustomElements() {
   return global2.__STORYBOOK_CUSTOM_ELEMENTS__ || global2.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__;
 }
-__name(getCustomElements, "getCustomElements");
 
 // src/portable-stories.ts
 import {
@@ -55,28 +43,20 @@ import {
   setDefaultProjectAnnotations
 } from "storybook/preview-api";
 function setProjectAnnotations(projectAnnotations) {
-  setDefaultProjectAnnotations(entry_preview_exports);
-  return originalSetProjectAnnotations(
+  return setDefaultProjectAnnotations(entry_preview_exports), originalSetProjectAnnotations(
     projectAnnotations
   );
 }
-__name(setProjectAnnotations, "setProjectAnnotations");
 
 // src/index.ts
 var { window, EventSource } = global3;
-if (typeof module !== "undefined" && module?.hot?.decline) {
-  module.hot.decline();
-  const hmr = new EventSource("__webpack_hmr");
-  hmr.addEventListener("message", /* @__PURE__ */ __name(function fullPageReload(event) {
-    try {
-      const { action } = JSON.parse(event.data);
-      if (action === "built") {
-        window.location.reload();
-      }
-    } catch (error) {
-    }
-  }, "fullPageReload"));
-}
+typeof module < "u" && module?.hot?.decline && (module.hot.decline(), new EventSource("__webpack_hmr").addEventListener("message", function(event) {
+  try {
+    let { action } = JSON.parse(event.data);
+    action === "built" && window.location.reload();
+  } catch {
+  }
+}));
 
 export {
   isValidComponent,

package/dist/entry-preview-argtypes.js

@@ -2,11 +2,9 @@ import {
   getCustomElements,
   isValidComponent,
   isValidMetaData
-} from "./_browser-chunks/chunk-CTBWQQZK.js";
-import "./_browser-chunks/chunk-NIAEHH3S.js";
-import {
-  __name
-} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+} from "./_browser-chunks/chunk-XQFQKYGQ.js";
+import "./_browser-chunks/chunk-UN5GYDGC.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/entry-preview-argtypes.ts
 import { enhanceArgTypes } from "storybook/internal/docs-tools";
@@ -30,7 +28,7 @@ function mapItem(item, category) {
   }
   return {
     name: item.name,
-    required: false,
+    required: !1,
     description: item.description,
     type,
     table: {
@@ -42,25 +40,18 @@ function mapItem(item, category) {
     }
   };
 }
-__name(mapItem, "mapItem");
 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")];
+  let name = item.name.replace(/(-|_|:|\.|\s)+(.)?/g, (_match, _separator, chr) => chr ? chr.toUpperCase() : "").replace(/^([A-Z])/, (match) => match.toLowerCase());
+  return name = `on${name.charAt(0).toUpperCase() + name.substr(1)}`, [{ name, action: { name: item.name }, table: { disable: !0 } }, mapItem(item, "events")];
 }
-__name(mapEvent, "mapEvent");
 function mapData(data, category) {
   return data && data.filter((item) => item && item.name).reduce((acc, item) => {
-    if (item.kind === "method") {
+    if (item.kind === "method")
       return acc;
-    }
     switch (category) {
       case "events":
         mapEvent(item).forEach((argType) => {
-          invariant(argType.name, `${argType} should have a name property.`);
-          acc[argType.name] = argType;
+          invariant(argType.name, `${argType} should have a name property.`), acc[argType.name] = argType;
         });
         break;
       default:
@@ -70,44 +61,24 @@ function mapData(data, category) {
     return acc;
   }, {});
 }
-__name(mapData, "mapData");
-var getMetaDataExperimental = /* @__PURE__ */ __name((tagName, customElements) => {
-  if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
+var getMetaDataExperimental = (tagName, customElements) => {
+  if (!isValidComponent(tagName) || !isValidMetaData(customElements))
     return null;
-  }
-  const metaData = customElements.tags.find(
+  let metaData = customElements.tags.find(
     (tag) => tag.name.toUpperCase() === tagName.toUpperCase()
   );
-  if (!metaData) {
-    logger.warn(`Component not found in custom-elements.json: ${tagName}`);
-  }
-  return metaData;
-}, "getMetaDataExperimental");
-var getMetaDataV1 = /* @__PURE__ */ __name((tagName, customElements) => {
-  if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
+  return metaData || logger.warn(`Component not found in custom-elements.json: ${tagName}`), metaData;
+}, getMetaDataV1 = (tagName, customElements) => {
+  if (!isValidComponent(tagName) || !isValidMetaData(customElements))
     return null;
-  }
   let metadata;
-  customElements?.modules?.forEach((_module) => {
+  return customElements?.modules?.forEach((_module) => {
     _module?.declarations?.forEach((declaration) => {
-      if (declaration.tagName === tagName) {
-        metadata = declaration;
-      }
+      declaration.tagName === tagName && (metadata = declaration);
     });
-  });
-  if (!metadata) {
-    logger.warn(`Component not found in custom-elements.json: ${tagName}`);
-  }
-  return metadata;
-}, "getMetaDataV1");
-var getMetaData = /* @__PURE__ */ __name((tagName, manifest) => {
-  if (manifest?.version === "experimental") {
-    return getMetaDataExperimental(tagName, manifest);
-  }
-  return getMetaDataV1(tagName, manifest);
-}, "getMetaData");
-var extractArgTypesFromElements = /* @__PURE__ */ __name((tagName, customElements) => {
-  const metaData = getMetaData(tagName, customElements);
+  }), metadata || logger.warn(`Component not found in custom-elements.json: ${tagName}`), metadata;
+}, getMetaData = (tagName, manifest) => manifest?.version === "experimental" ? getMetaDataExperimental(tagName, manifest) : getMetaDataV1(tagName, manifest), extractArgTypesFromElements = (tagName, customElements) => {
+  let metaData = getMetaData(tagName, customElements);
   return metaData && {
     ...mapData(metaData.members ?? [], "properties"),
     ...mapData(metaData.properties ?? [], "properties"),
@@ -117,15 +88,13 @@ var extractArgTypesFromElements = /* @__PURE__ */ __name((tagName, customElement
     ...mapData(metaData.cssProperties ?? [], "css custom properties"),
     ...mapData(metaData.cssParts ?? [], "css shadow parts")
   };
-}, "extractArgTypesFromElements");
-var extractArgTypes = /* @__PURE__ */ __name((tagName) => {
-  const cem = getCustomElements();
+}, extractArgTypes = (tagName) => {
+  let cem = getCustomElements();
   return extractArgTypesFromElements(tagName, cem);
-}, "extractArgTypes");
-var extractComponentDescription = /* @__PURE__ */ __name((tagName) => {
-  const metaData = getMetaData(tagName, getCustomElements());
+}, extractComponentDescription = (tagName) => {
+  let metaData = getMetaData(tagName, getCustomElements());
   return metaData && metaData.description;
-}, "extractComponentDescription");
+};
 
 // src/entry-preview-argtypes.ts
 var parameters = {
@@ -133,8 +102,7 @@ var parameters = {
     extractArgTypes,
     extractComponentDescription
   }
-};
-var argTypesEnhancers = [enhanceArgTypes];
+}, argTypesEnhancers = [enhanceArgTypes];
 export {
   argTypesEnhancers,
   parameters

package/dist/entry-preview-docs.js

@@ -1,6 +1,4 @@
-import {
-  __name
-} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/entry-preview-docs.ts
 import { SourceType as SourceType2 } from "storybook/internal/docs-tools";
@@ -11,45 +9,28 @@ import { render } from "lit";
 import { emitTransformCode, useEffect } from "storybook/preview-api";
 var LIT_EXPRESSION_COMMENTS = /<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;
 function skipSourceRender(context) {
-  const sourceParams = context?.parameters.docs?.source;
-  const isArgsStory = context?.parameters.__isArgsStory;
-  if (sourceParams?.type === SourceType.DYNAMIC) {
-    return false;
-  }
-  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
+  let sourceParams = context?.parameters.docs?.source, isArgsStory = context?.parameters.__isArgsStory;
+  return sourceParams?.type === SourceType.DYNAMIC ? !1 : !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
 }
-__name(skipSourceRender, "skipSourceRender");
 function sourceDecorator(storyFn, context) {
-  const story = storyFn();
-  const renderedForSource = context?.parameters.docs?.source?.excludeDecorators ? context.originalStoryFn(context.args, context) : story;
-  let source;
-  useEffect(() => {
-    if (source) {
-      emitTransformCode(source, context);
-    }
-  });
-  if (!skipSourceRender(context)) {
-    const container = window.document.createElement("div");
-    if (renderedForSource instanceof DocumentFragment) {
-      render(renderedForSource.cloneNode(true), container);
-    } else {
-      render(renderedForSource, container);
-    }
-    source = container.innerHTML.replace(LIT_EXPRESSION_COMMENTS, "");
+  let story = storyFn(), renderedForSource = context?.parameters.docs?.source?.excludeDecorators ? context.originalStoryFn(context.args, context) : story, source;
+  if (useEffect(() => {
+    source && emitTransformCode(source, context);
+  }), !skipSourceRender(context)) {
+    let container = window.document.createElement("div");
+    renderedForSource instanceof DocumentFragment ? render(renderedForSource.cloneNode(!0), container) : render(renderedForSource, container), source = container.innerHTML.replace(LIT_EXPRESSION_COMMENTS, "");
   }
   return story;
 }
-__name(sourceDecorator, "sourceDecorator");
 
 // src/entry-preview-docs.ts
-var decorators = [sourceDecorator];
-var parameters = {
+var decorators = [sourceDecorator], parameters = {
   docs: {
     source: {
       type: SourceType2.DYNAMIC,
       language: "html"
     },
-    story: { inline: true }
+    story: { inline: !0 }
   }
 };
 export {

package/dist/entry-preview.js

@@ -2,8 +2,8 @@ import {
   parameters,
   render,
   renderToCanvas
-} from "./_browser-chunks/chunk-NIAEHH3S.js";
-import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+} from "./_browser-chunks/chunk-UN5GYDGC.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {
   parameters,
   render,

package/dist/index.js

@@ -5,9 +5,9 @@ import {
   setCustomElements,
   setCustomElementsManifest,
   setProjectAnnotations
-} from "./_browser-chunks/chunk-CTBWQQZK.js";
-import "./_browser-chunks/chunk-NIAEHH3S.js";
-import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+} from "./_browser-chunks/chunk-XQFQKYGQ.js";
+import "./_browser-chunks/chunk-UN5GYDGC.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {
   getCustomElements,
   isValidComponent,

package/dist/preset.js

@@ -1,26 +1,26 @@
-import CJS_COMPAT_NODE_URL_m2q8l9h37u from 'node:url';
-import CJS_COMPAT_NODE_PATH_m2q8l9h37u from 'node:path';
-import CJS_COMPAT_NODE_MODULE_m2q8l9h37u from "node:module";
+import CJS_COMPAT_NODE_URL_svyss76repj from 'node:url';
+import CJS_COMPAT_NODE_PATH_svyss76repj from 'node:path';
+import CJS_COMPAT_NODE_MODULE_svyss76repj from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_m2q8l9h37u.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_m2q8l9h37u.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_m2q8l9h37u.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_svyss76repj.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_svyss76repj.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_svyss76repj.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
 // src/preset.ts
 import { fileURLToPath } from "node:url";
-var previewAnnotations = /* @__PURE__ */ __name(async (input = [], options) => {
-  const docsEnabled = Object.keys(await options.presets.apply("docs", {}, options)).length > 0;
-  const result = [];
-  return result.concat(input).concat([fileURLToPath(import.meta.resolve("@storybook/web-components/entry-preview"))]).concat(
+var previewAnnotations = async (input = [], options) => {
+  let docsEnabled = Object.keys(await options.presets.apply("docs", {}, options)).length > 0;
+  return [].concat(input).concat([
+    fileURLToPath(import.meta.resolve("@storybook/web-components/entry-preview")),
+    fileURLToPath(import.meta.resolve("@storybook/web-components/entry-preview-argtypes"))
+  ]).concat(
     docsEnabled ? [fileURLToPath(import.meta.resolve("@storybook/web-components/entry-preview-docs"))] : []
   );
-}, "previewAnnotations");
+};
 export {
   previewAnnotations
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "10.1.0-alpha.1",
+  "version": "10.1.0-alpha.11",
   "description": "Storybook Web Components renderer: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -66,10 +66,10 @@
   },
   "peerDependencies": {
     "lit": "^2.0.0 || ^3.0.0",
-    "storybook": "^10.1.0-alpha.1"
+    "storybook": "^10.1.0-alpha.11"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1l"
 }

package/dist/_browser-chunks/chunk-JFJ5UJ7Q.js

@@ -1,11 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-export {
-  __name,
-  __export
-};