@stencil/storybook-plugin 0.0.16 → 0.2.0

package/@types/rollup-parseAst.d.ts

@@ -17,6 +17,6 @@
  * importing `rollup/parseAst` in `unplugin-stencil`.
  */
 declare module 'rollup/parseAst' {
-  export function parseAst(code: string, options?: any): any
-  export function parseAstAsync(code: string, options?: any): Promise<any>
+  export function parseAst(code: string, options?: any): any;
+  export function parseAstAsync(code: string, options?: any): Promise<any>;
 }

package/README.md

@@ -75,6 +75,36 @@ export const Primary: Story = {
 };
 ```
 
+If you are using slots in your component, pass them as parameters to the story object like this:
+
+```tsx
+import type { Meta, StoryObj } from '@stencil/storybook-plugin';
+import { h } from '@stencil/core';
+
+import { MySlotted } from './my-slotted';
+
+const meta = {
+  title: 'MySlotted',
+  component: MySlotted,
+  parameters: {
+    layout: 'centered',
+  },
+} satisfies Meta<MySlotted>;
+
+export default meta;
+type Story = StoryObj<MySlotted>;
+
+export const Primary: Story = {
+  args: {},
+  parameters: {
+    slots: {
+      default: 'Hello World',
+      another: <div>another</div>
+    },
+  }
+};
+```
+
 ## Limitations
 
 This is early development and we are still seeing some limitations we want to see fixed:

package/dist/index.cjs

@@ -1,6 +1,6 @@
 const require_chunk = require('./chunk-CsX-DzYB.cjs');
-const require_preview = require('./preview-Nz-UTIbe.cjs');
-const __storybook_preview_api = require_chunk.__toESM(require("@storybook/preview-api"));
+const require_preview = require('./preview-D_4Gl5tg.cjs');
+const storybook_preview_api = require_chunk.__toESM(require("storybook/preview-api"));
 
 //#region src/portable-stories.tsx
 /**
@@ -23,8 +23,8 @@ const __storybook_preview_api = require_chunk.__toESM(require("@storybook/previe
 * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')
 */
 function setProjectAnnotations(projectAnnotations) {
-	(0, __storybook_preview_api.setDefaultProjectAnnotations)(require_preview.preview_exports);
-	return (0, __storybook_preview_api.setProjectAnnotations)(projectAnnotations);
+	(0, storybook_preview_api.setDefaultProjectAnnotations)(require_preview.preview_exports);
+	return (0, storybook_preview_api.setProjectAnnotations)(projectAnnotations);
 }
 
 //#endregion

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["projectAnnotations:\n        | NamedOrDefaultProjectAnnotations<any>\n        | NamedOrDefaultProjectAnnotations<any>[]","stencilAnnotations"],"sources":["../src/portable-stories.tsx"],"sourcesContent":["import type {\n    NamedOrDefaultProjectAnnotations,\n    NormalizedProjectAnnotations,\n} from '@storybook/types';\n\nimport {\n    setProjectAnnotations as originalSetProjectAnnotations,\n    setDefaultProjectAnnotations,\n} from '@storybook/preview-api';\n\nimport * as stencilAnnotations from './preview';\nimport type { StencilRenderer } from './types';\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook/web-components';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n    projectAnnotations:\n        | NamedOrDefaultProjectAnnotations<any>\n        | NamedOrDefaultProjectAnnotations<any>[]\n): NormalizedProjectAnnotations<StencilRenderer<unknown>> {\n    setDefaultProjectAnnotations(stencilAnnotations);\n    return originalSetProjectAnnotations(\n        projectAnnotations\n    ) as NormalizedProjectAnnotations<StencilRenderer<unknown>>;\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,sBACZA,oBAGsD;AACtD,2DAA6BC,gCAAmB;AAChD,QAAO,mDACH,mBACH;AACJ"}
+{"version":3,"file":"index.cjs","names":["projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]","stencilAnnotations"],"sources":["../src/portable-stories.tsx"],"sourcesContent":["import type { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';\n\nimport {\n  setProjectAnnotations as originalSetProjectAnnotations,\n  setDefaultProjectAnnotations,\n} from 'storybook/preview-api';\n\nimport * as stencilAnnotations from './preview';\nimport type { StencilRenderer } from './types';\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook/web-components';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n  projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[],\n): NormalizedProjectAnnotations<StencilRenderer<unknown>> {\n  setDefaultProjectAnnotations(stencilAnnotations);\n  return originalSetProjectAnnotations(projectAnnotations) as NormalizedProjectAnnotations<StencilRenderer<unknown>>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,sBACdA,oBACwD;AACxD,yDAA6BC,gCAAmB;AAChD,QAAO,iDAA8B,mBAAmB;AACzD"}

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { ArgTypes, Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, StrictArgs } from "./types-BC4h6q-i.cjs";
-import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from "@storybook/types";
+import { ArgTypes, Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, StrictArgs } from "./types-CR2AtVj_.cjs";
+import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from "storybook/internal/types";
 
 //#region @types/rollup-parseAst.d.ts
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import "./rollup-parseAst-t-4tfMPG.js";
-import { ArgTypes, Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, StrictArgs } from "./types-CrBVXXLO.js";
-import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from "@storybook/types";
+import { ArgTypes, Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, StrictArgs } from "./types-DoLyzAU3.js";
+import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from "storybook/internal/types";
 
 //#region src/portable-stories.d.ts
 

package/dist/index.js

@@ -1,6 +1,6 @@
-import { preview_exports } from "./preview-B75wzZrU.js";
+import { preview_exports } from "./preview-Dn8QZb01.js";
 import "./rollup-parseAst-t-4tfMPG.d.ts";
-import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from "@storybook/preview-api";
+import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from "storybook/preview-api";
 
 //#region src/portable-stories.tsx
 /**

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["projectAnnotations:\n        | NamedOrDefaultProjectAnnotations<any>\n        | NamedOrDefaultProjectAnnotations<any>[]","stencilAnnotations"],"sources":["../src/portable-stories.tsx"],"sourcesContent":["import type {\n    NamedOrDefaultProjectAnnotations,\n    NormalizedProjectAnnotations,\n} from '@storybook/types';\n\nimport {\n    setProjectAnnotations as originalSetProjectAnnotations,\n    setDefaultProjectAnnotations,\n} from '@storybook/preview-api';\n\nimport * as stencilAnnotations from './preview';\nimport type { StencilRenderer } from './types';\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook/web-components';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n    projectAnnotations:\n        | NamedOrDefaultProjectAnnotations<any>\n        | NamedOrDefaultProjectAnnotations<any>[]\n): NormalizedProjectAnnotations<StencilRenderer<unknown>> {\n    setDefaultProjectAnnotations(stencilAnnotations);\n    return originalSetProjectAnnotations(\n        projectAnnotations\n    ) as NormalizedProjectAnnotations<StencilRenderer<unknown>>;\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,sBACZA,oBAGsD;AACtD,8BAA6BC,gBAAmB;AAChD,QAAO,wBACH,mBACH;AACJ"}
+{"version":3,"file":"index.js","names":["projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]","stencilAnnotations"],"sources":["../src/portable-stories.tsx"],"sourcesContent":["import type { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';\n\nimport {\n  setProjectAnnotations as originalSetProjectAnnotations,\n  setDefaultProjectAnnotations,\n} from 'storybook/preview-api';\n\nimport * as stencilAnnotations from './preview';\nimport type { StencilRenderer } from './types';\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook/web-components';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n  projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[],\n): NormalizedProjectAnnotations<StencilRenderer<unknown>> {\n  setDefaultProjectAnnotations(stencilAnnotations);\n  return originalSetProjectAnnotations(projectAnnotations) as NormalizedProjectAnnotations<StencilRenderer<unknown>>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,sBACdA,oBACwD;AACxD,8BAA6BC,gBAAmB;AAChD,QAAO,wBAA8B,mBAAmB;AACzD"}

package/dist/node/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["config: StorybookConfig"],"sources":["../../src/node/index.ts"],"sourcesContent":["import type { StorybookConfig } from '../types';\n\nexport function defineMain(config: StorybookConfig) {\n  return config;\n}"],"mappings":";;AAEA,SAAgB,WAAWA,QAAyB;AAClD,QAAO;AACR"}
+{"version":3,"file":"index.cjs","names":["config: StorybookConfig"],"sources":["../../src/node/index.ts"],"sourcesContent":["import type { StorybookConfig } from '../types';\n\nexport function defineMain(config: StorybookConfig) {\n  return config;\n}\n"],"mappings":";;AAEA,SAAgB,WAAWA,QAAyB;AAClD,QAAO;AACR"}

package/dist/node/index.d.cts

@@ -1,4 +1,4 @@
-import { StorybookConfig } from "../types-BC4h6q-i.cjs";
+import { StorybookConfig } from "../types-CR2AtVj_.cjs";
 
 //#region src/node/index.d.ts
 declare function defineMain(config: StorybookConfig): StorybookConfig;

package/dist/node/index.d.ts

@@ -1,4 +1,4 @@
-import { StorybookConfig } from "../types-CrBVXXLO.js";
+import { StorybookConfig } from "../types-DoLyzAU3.js";
 
 //#region src/node/index.d.ts
 declare function defineMain(config: StorybookConfig): StorybookConfig;

package/dist/node/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["config: StorybookConfig"],"sources":["../../src/node/index.ts"],"sourcesContent":["import type { StorybookConfig } from '../types';\n\nexport function defineMain(config: StorybookConfig) {\n  return config;\n}"],"mappings":";AAEA,SAAgB,WAAWA,QAAyB;AAClD,QAAO;AACR"}
+{"version":3,"file":"index.js","names":["config: StorybookConfig"],"sources":["../../src/node/index.ts"],"sourcesContent":["import type { StorybookConfig } from '../types';\n\nexport function defineMain(config: StorybookConfig) {\n  return config;\n}\n"],"mappings":";AAEA,SAAgB,WAAWA,QAAyB;AAClD,QAAO;AACR"}

package/dist/preset.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"preset.cjs","names":["require","input: I","__dirname","core: StorybookConfig['core']","viteFinal: StorybookConfig[\"viteFinal\"]","previewAnnotations: StorybookConfig[\"previewAnnotations\"]","result: string[]"],"sources":["../src/preset.ts"],"sourcesContent":["/**\n * we can't prefix the Node.js imports with `node:` because it will break\n * within Storybook due to its Vite setup.\n */\nimport { dirname, join, resolve } from \"path\";\nimport { createRequire } from \"module\";\nimport { fileURLToPath } from 'url';\n\nimport { mergeConfig } from 'vite'\nimport stencil from 'unplugin-stencil/vite'\n\nimport { StorybookConfig } from './types.js'\n\nconst require = createRequire(import.meta.url);\nconst getAbsolutePath = <I extends string>(input: I): I =>\n  dirname(require.resolve(join(input, 'package.json'))) as any;\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nconst renderer = join(__dirname, 'preview.js')\n\nexport const core: StorybookConfig['core'] = {\n  builder: getAbsolutePath('@storybook/builder-vite'),\n  renderer,\n};\n\nexport const viteFinal: StorybookConfig[\"viteFinal\"] = async (\n  defaultConfig,\n) => {\n  const config = mergeConfig(defaultConfig, {\n    build: {\n      target: \"es2020\",\n      rollupOptions: {\n        external: ['@stencil/core'],\n      },\n    },\n    plugins: [stencil({\n      rootPath: defaultConfig.root,\n    })],\n  });\n\n  return config;\n};\n\nexport const previewAnnotations: StorybookConfig[\"previewAnnotations\"] = async (\n  input = [],\n  options\n) => {\n  const docsEnabled = Object.keys(await options.presets.apply('docs', {}, options)).length > 0;\n  const result: string[] = [];\n\n  return result\n    .concat(input)\n    .concat([renderer])\n    .concat(docsEnabled ? [resolve(getAbsolutePath('@storybook/html'), 'dist', 'entry-preview-docs.mjs')] : []);\n};\n"],"mappings":";;;;;;;;AAaA,MAAMA,YAAU,0EAA8B;AAC9C,MAAM,kBAAkB,CAAmBC,UACzC,kBAAQ,UAAQ,QAAQ,eAAK,OAAO,eAAe,CAAC,CAAC;AAEvD,MAAMC,cAAY,kBAAQ,qEAA8B,CAAC;AAEzD,MAAM,WAAW,eAAKA,aAAW,aAAa;AAE9C,MAAaC,OAAgC;CAC3C,SAAS,gBAAgB,0BAA0B;CACnD;AACD;AAED,MAAaC,YAA0C,OACrD,kBACG;CACH,MAAM,SAAS,sBAAY,eAAe;EACxC,OAAO;GACL,QAAQ;GACR,eAAe,EACb,UAAU,CAAC,eAAgB,EAC5B;EACF;EACD,SAAS,CAAC,mCAAQ,EAChB,UAAU,cAAc,KACzB,EAAC,AAAC;CACJ,EAAC;AAEF,QAAO;AACR;AAED,MAAaC,qBAA4D,OACvE,QAAQ,CAAE,GACV,YACG;CACH,MAAM,cAAc,OAAO,KAAK,MAAM,QAAQ,QAAQ,MAAM,QAAQ,CAAE,GAAE,QAAQ,CAAC,CAAC,SAAS;CAC3F,MAAMC,SAAmB,CAAE;AAE3B,QAAO,OACJ,OAAO,MAAM,CACb,OAAO,CAAC,QAAS,EAAC,CAClB,OAAO,cAAc,CAAC,kBAAQ,gBAAgB,kBAAkB,EAAE,QAAQ,yBAAyB,AAAC,IAAG,CAAE,EAAC;AAC9G"}
+{"version":3,"file":"preset.cjs","names":["require","input: I","__dirname","core: StorybookConfig['core']","viteFinal: StorybookConfig['viteFinal']","previewAnnotations: StorybookConfig['previewAnnotations']","result: string[]"],"sources":["../src/preset.ts"],"sourcesContent":["/**\n * we can't prefix the Node.js imports with `node:` because it will break\n * within Storybook due to its Vite setup.\n */\nimport { dirname, join, resolve } from 'path';\nimport { createRequire } from 'module';\nimport { fileURLToPath } from 'url';\n\nimport { mergeConfig } from 'vite';\nimport stencil from 'unplugin-stencil/vite';\n\nimport { StorybookConfig } from './types.js';\n\nconst require = createRequire(import.meta.url);\nconst getAbsolutePath = <I extends string>(input: I): I => dirname(require.resolve(join(input, 'package.json'))) as any;\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nconst renderer = join(__dirname, 'preview.js');\n\nexport const core: StorybookConfig['core'] = {\n  builder: getAbsolutePath('@storybook/builder-vite'),\n  renderer,\n};\n\nexport const viteFinal: StorybookConfig['viteFinal'] = async (defaultConfig) => {\n  const config = mergeConfig(defaultConfig, {\n    build: {\n      target: 'es2020',\n      rollupOptions: {\n        external: ['@stencil/core'],\n      },\n    },\n    plugins: [\n      stencil({\n        rootPath: defaultConfig.root,\n      }),\n    ],\n  });\n\n  return config;\n};\n\nexport const previewAnnotations: StorybookConfig['previewAnnotations'] = async (input = [], options) => {\n  const docsEnabled = Object.keys(await options.presets.apply('docs', {}, options)).length > 0;\n  const result: string[] = [];\n\n  return result\n    .concat(input)\n    .concat([renderer])\n    .concat(docsEnabled ? [resolve(getAbsolutePath('@storybook/html'), 'dist', 'entry-preview-docs.mjs')] : []);\n};\n"],"mappings":";;;;;;;;AAaA,MAAMA,YAAU,0EAA8B;AAC9C,MAAM,kBAAkB,CAAmBC,UAAgB,kBAAQ,UAAQ,QAAQ,eAAK,OAAO,eAAe,CAAC,CAAC;AAEhH,MAAMC,cAAY,kBAAQ,qEAA8B,CAAC;AAEzD,MAAM,WAAW,eAAKA,aAAW,aAAa;AAE9C,MAAaC,OAAgC;CAC3C,SAAS,gBAAgB,0BAA0B;CACnD;AACD;AAED,MAAaC,YAA0C,OAAO,kBAAkB;CAC9E,MAAM,SAAS,sBAAY,eAAe;EACxC,OAAO;GACL,QAAQ;GACR,eAAe,EACb,UAAU,CAAC,eAAgB,EAC5B;EACF;EACD,SAAS,CACP,mCAAQ,EACN,UAAU,cAAc,KACzB,EAAC,AACH;CACF,EAAC;AAEF,QAAO;AACR;AAED,MAAaC,qBAA4D,OAAO,QAAQ,CAAE,GAAE,YAAY;CACtG,MAAM,cAAc,OAAO,KAAK,MAAM,QAAQ,QAAQ,MAAM,QAAQ,CAAE,GAAE,QAAQ,CAAC,CAAC,SAAS;CAC3F,MAAMC,SAAmB,CAAE;AAE3B,QAAO,OACJ,OAAO,MAAM,CACb,OAAO,CAAC,QAAS,EAAC,CAClB,OAAO,cAAc,CAAC,kBAAQ,gBAAgB,kBAAkB,EAAE,QAAQ,yBAAyB,AAAC,IAAG,CAAE,EAAC;AAC9G"}

package/dist/preset.d.cts

@@ -1,9 +1,9 @@
-import { StorybookConfig } from "./types-BC4h6q-i.cjs";
+import { StorybookConfig } from "./types-CR2AtVj_.cjs";
 
 //#region src/preset.d.ts
 declare const core: StorybookConfig['core'];
-declare const viteFinal: StorybookConfig["viteFinal"];
-declare const previewAnnotations: StorybookConfig["previewAnnotations"];
+declare const viteFinal: StorybookConfig['viteFinal'];
+declare const previewAnnotations: StorybookConfig['previewAnnotations'];
 //#endregion
 export { core, previewAnnotations, viteFinal };
 //# sourceMappingURL=preset.d.cts.map

package/dist/preset.d.ts

@@ -1,9 +1,9 @@
-import { StorybookConfig } from "./types-CrBVXXLO.js";
+import { StorybookConfig } from "./types-DoLyzAU3.js";
 
 //#region src/preset.d.ts
 declare const core: StorybookConfig['core'];
-declare const viteFinal: StorybookConfig["viteFinal"];
-declare const previewAnnotations: StorybookConfig["previewAnnotations"];
+declare const viteFinal: StorybookConfig['viteFinal'];
+declare const previewAnnotations: StorybookConfig['previewAnnotations'];
 //#endregion
 export { core, previewAnnotations, viteFinal };
 //# sourceMappingURL=preset.d.ts.map

package/dist/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","names":["input: I","core: StorybookConfig['core']","viteFinal: StorybookConfig[\"viteFinal\"]","previewAnnotations: StorybookConfig[\"previewAnnotations\"]","result: string[]"],"sources":["../src/preset.ts"],"sourcesContent":["/**\n * we can't prefix the Node.js imports with `node:` because it will break\n * within Storybook due to its Vite setup.\n */\nimport { dirname, join, resolve } from \"path\";\nimport { createRequire } from \"module\";\nimport { fileURLToPath } from 'url';\n\nimport { mergeConfig } from 'vite'\nimport stencil from 'unplugin-stencil/vite'\n\nimport { StorybookConfig } from './types.js'\n\nconst require = createRequire(import.meta.url);\nconst getAbsolutePath = <I extends string>(input: I): I =>\n  dirname(require.resolve(join(input, 'package.json'))) as any;\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nconst renderer = join(__dirname, 'preview.js')\n\nexport const core: StorybookConfig['core'] = {\n  builder: getAbsolutePath('@storybook/builder-vite'),\n  renderer,\n};\n\nexport const viteFinal: StorybookConfig[\"viteFinal\"] = async (\n  defaultConfig,\n) => {\n  const config = mergeConfig(defaultConfig, {\n    build: {\n      target: \"es2020\",\n      rollupOptions: {\n        external: ['@stencil/core'],\n      },\n    },\n    plugins: [stencil({\n      rootPath: defaultConfig.root,\n    })],\n  });\n\n  return config;\n};\n\nexport const previewAnnotations: StorybookConfig[\"previewAnnotations\"] = async (\n  input = [],\n  options\n) => {\n  const docsEnabled = Object.keys(await options.presets.apply('docs', {}, options)).length > 0;\n  const result: string[] = [];\n\n  return result\n    .concat(input)\n    .concat([renderer])\n    .concat(docsEnabled ? [resolve(getAbsolutePath('@storybook/html'), 'dist', 'entry-preview-docs.mjs')] : []);\n};\n"],"mappings":";;;;;;;AAaA,MAAM,UAAU,cAAc,OAAO,KAAK,IAAI;AAC9C,MAAM,kBAAkB,CAAmBA,UACzC,QAAQ,QAAQ,QAAQ,KAAK,OAAO,eAAe,CAAC,CAAC;AAEvD,MAAM,YAAY,QAAQ,cAAc,OAAO,KAAK,IAAI,CAAC;AAEzD,MAAM,WAAW,KAAK,WAAW,aAAa;AAE9C,MAAaC,OAAgC;CAC3C,SAAS,gBAAgB,0BAA0B;CACnD;AACD;AAED,MAAaC,YAA0C,OACrD,kBACG;CACH,MAAM,SAAS,YAAY,eAAe;EACxC,OAAO;GACL,QAAQ;GACR,eAAe,EACb,UAAU,CAAC,eAAgB,EAC5B;EACF;EACD,SAAS,CAAC,QAAQ,EAChB,UAAU,cAAc,KACzB,EAAC,AAAC;CACJ,EAAC;AAEF,QAAO;AACR;AAED,MAAaC,qBAA4D,OACvE,QAAQ,CAAE,GACV,YACG;CACH,MAAM,cAAc,OAAO,KAAK,MAAM,QAAQ,QAAQ,MAAM,QAAQ,CAAE,GAAE,QAAQ,CAAC,CAAC,SAAS;CAC3F,MAAMC,SAAmB,CAAE;AAE3B,QAAO,OACJ,OAAO,MAAM,CACb,OAAO,CAAC,QAAS,EAAC,CAClB,OAAO,cAAc,CAAC,QAAQ,gBAAgB,kBAAkB,EAAE,QAAQ,yBAAyB,AAAC,IAAG,CAAE,EAAC;AAC9G"}
+{"version":3,"file":"preset.js","names":["input: I","core: StorybookConfig['core']","viteFinal: StorybookConfig['viteFinal']","previewAnnotations: StorybookConfig['previewAnnotations']","result: string[]"],"sources":["../src/preset.ts"],"sourcesContent":["/**\n * we can't prefix the Node.js imports with `node:` because it will break\n * within Storybook due to its Vite setup.\n */\nimport { dirname, join, resolve } from 'path';\nimport { createRequire } from 'module';\nimport { fileURLToPath } from 'url';\n\nimport { mergeConfig } from 'vite';\nimport stencil from 'unplugin-stencil/vite';\n\nimport { StorybookConfig } from './types.js';\n\nconst require = createRequire(import.meta.url);\nconst getAbsolutePath = <I extends string>(input: I): I => dirname(require.resolve(join(input, 'package.json'))) as any;\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nconst renderer = join(__dirname, 'preview.js');\n\nexport const core: StorybookConfig['core'] = {\n  builder: getAbsolutePath('@storybook/builder-vite'),\n  renderer,\n};\n\nexport const viteFinal: StorybookConfig['viteFinal'] = async (defaultConfig) => {\n  const config = mergeConfig(defaultConfig, {\n    build: {\n      target: 'es2020',\n      rollupOptions: {\n        external: ['@stencil/core'],\n      },\n    },\n    plugins: [\n      stencil({\n        rootPath: defaultConfig.root,\n      }),\n    ],\n  });\n\n  return config;\n};\n\nexport const previewAnnotations: StorybookConfig['previewAnnotations'] = async (input = [], options) => {\n  const docsEnabled = Object.keys(await options.presets.apply('docs', {}, options)).length > 0;\n  const result: string[] = [];\n\n  return result\n    .concat(input)\n    .concat([renderer])\n    .concat(docsEnabled ? [resolve(getAbsolutePath('@storybook/html'), 'dist', 'entry-preview-docs.mjs')] : []);\n};\n"],"mappings":";;;;;;;AAaA,MAAM,UAAU,cAAc,OAAO,KAAK,IAAI;AAC9C,MAAM,kBAAkB,CAAmBA,UAAgB,QAAQ,QAAQ,QAAQ,KAAK,OAAO,eAAe,CAAC,CAAC;AAEhH,MAAM,YAAY,QAAQ,cAAc,OAAO,KAAK,IAAI,CAAC;AAEzD,MAAM,WAAW,KAAK,WAAW,aAAa;AAE9C,MAAaC,OAAgC;CAC3C,SAAS,gBAAgB,0BAA0B;CACnD;AACD;AAED,MAAaC,YAA0C,OAAO,kBAAkB;CAC9E,MAAM,SAAS,YAAY,eAAe;EACxC,OAAO;GACL,QAAQ;GACR,eAAe,EACb,UAAU,CAAC,eAAgB,EAC5B;EACF;EACD,SAAS,CACP,QAAQ,EACN,UAAU,cAAc,KACzB,EAAC,AACH;CACF,EAAC;AAEF,QAAO;AACR;AAED,MAAaC,qBAA4D,OAAO,QAAQ,CAAE,GAAE,YAAY;CACtG,MAAM,cAAc,OAAO,KAAK,MAAM,QAAQ,QAAQ,MAAM,QAAQ,CAAE,GAAE,QAAQ,CAAC,CAAC,SAAS;CAC3F,MAAMC,SAAmB,CAAE;AAE3B,QAAO,OACJ,OAAO,MAAM,CACb,OAAO,CAAC,QAAS,EAAC,CAClB,OAAO,cAAc,CAAC,QAAQ,gBAAgB,kBAAkB,EAAE,QAAQ,yBAAyB,AAAC,IAAG,CAAE,EAAC;AAC9G"}

package/dist/{preview-Nz-UTIbe.cjs → preview-D_4Gl5tg.cjs}

@@ -1,15 +1,24 @@
 const require_chunk = require('./chunk-CsX-DzYB.cjs');
-const __storybook_preview_api = require_chunk.__toESM(require("@storybook/preview-api"));
+const storybook_preview_api = require_chunk.__toESM(require("storybook/preview-api"));
 const __stencil_core = require_chunk.__toESM(require("@stencil/core"));
 
 //#region src/render.ts
 const render = (args, context) => {
-	const { component } = context;
+	const { component, parameters: parameters$1 } = context;
 	if (Array.isArray(component)) throw new Error("If your story does not contain a render function, you must provide a component property!");
 	const cmpName = customElements.getName(component);
 	if (!cmpName) throw new Error("Component is not registered!");
+	const children = Object.entries(parameters$1.slots || []).map(([key, value]) => {
+		const slot = key === "default" ? void 0 : key;
+		const child = typeof value === "string" ? (0, __stencil_core.h)(void 0, { slot }, value) : {
+			...value,
+			$attrs$: { slot }
+		};
+		child.$tag$ = child.$tag$ || (slot ? "span" : null);
+		return child.$tag$ ? child : child.$children$;
+	});
 	const Component = `${cmpName}`;
-	return (0, __stencil_core.h)(Component, { ...args });
+	return (0, __stencil_core.h)(Component, { ...args }, children);
 };
 function renderToCanvas({ storyFn, showMain, storyContext }, canvasElement) {
 	const vdom = storyFn();
@@ -22,7 +31,7 @@ function renderToCanvas({ storyFn, showMain, storyContext }, canvasElement) {
 	const element = document.createElement("div");
 	canvasElement.appendChild(element);
 	(0, __stencil_core.render)(vdom, element);
-	(0, __storybook_preview_api.simulatePageLoad)(element);
+	(0, storybook_preview_api.simulatePageLoad)(element);
 }
 
 //#endregion
@@ -60,4 +69,4 @@ Object.defineProperty(exports, 'renderToCanvas', {
     return renderToCanvas;
   }
 });
-//# sourceMappingURL=preview-Nz-UTIbe.cjs.map
+//# sourceMappingURL=preview-D_4Gl5tg.cjs.map

package/dist/preview-D_4Gl5tg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-D_4Gl5tg.cjs","names":["render: ArgsStoryFn<StencilRenderer<unknown>>","children: any[]","parameters","canvasElement: StencilRenderer<unknown>['canvasElement']","parameters: { renderer: 'stencil' }"],"sources":["../src/render.ts","../src/preview.ts"],"sourcesContent":["import { ArgsStoryFn, RenderContext } from 'storybook/internal/types';\nimport { simulatePageLoad } from 'storybook/preview-api';\nimport { render as renderStencil, h, VNode, Fragment } from '@stencil/core';\n\nimport type { StencilRenderer } from './types';\n\nexport const render: ArgsStoryFn<StencilRenderer<unknown>> = (args, context) => {\n  const { component, parameters } = context;\n\n  if (Array.isArray(component)) {\n    throw new Error('If your story does not contain a render function, you must provide a component property!');\n  }\n\n  const cmpName = customElements.getName(component);\n  if (!cmpName) {\n    throw new Error('Component is not registered!');\n  }\n\n  const children: any[] = Object.entries<VNode>(parameters.slots || []).map(([key, value]) => {\n    // if the parameter key is 'default' don't give it a slot name so it renders just as a child\n    const slot = key === 'default' ? undefined : key;\n    // if the value it s a string, create a vnode with the string as the children\n    const child =\n      typeof value === 'string'\n        ? h(undefined, { slot }, value)\n        : {\n            ...value,\n            $attrs$: {\n              slot,\n            },\n          };\n    // if the value is a fragment and it is a named slot, create a span element with the slot name\n    child.$tag$ = child.$tag$ || (slot ? 'span' : null);\n    return child.$tag$ ? child : child.$children$;\n  });\n\n  const Component = `${cmpName}`;\n  return h(Component, { ...args }, children);\n};\n\nexport function renderToCanvas(\n  { storyFn, showMain, storyContext }: RenderContext<StencilRenderer<unknown>>,\n  canvasElement: StencilRenderer<unknown>['canvasElement'],\n) {\n  const vdom = storyFn();\n  showMain();\n\n  /**\n   * If the component is not automatically registered after import, register it here\n   */\n  if (storyContext.component && storyContext.component.is && !customElements.get(storyContext.component.is)) {\n    customElements.define(storyContext.component.is, storyContext.component);\n  }\n\n  if (canvasElement.firstChild) {\n    canvasElement.removeChild(canvasElement.firstChild);\n  }\n\n  const element = document.createElement('div');\n  canvasElement.appendChild(element);\n  renderStencil(vdom, element);\n  simulatePageLoad(element);\n}\n","export const parameters: { renderer: 'stencil' } = { renderer: 'stencil' };\nexport { render, renderToCanvas } from './render.js';\n"],"mappings":";;;;;AAMA,MAAaA,SAAgD,CAAC,MAAM,YAAY;CAC9E,MAAM,EAAE,WAAW,0BAAY,GAAG;AAElC,KAAI,MAAM,QAAQ,UAAU,CAC1B,OAAM,IAAI,MAAM;CAGlB,MAAM,UAAU,eAAe,QAAQ,UAAU;AACjD,MAAK,QACH,OAAM,IAAI,MAAM;CAGlB,MAAMC,WAAkB,OAAO,QAAeC,aAAW,SAAS,CAAE,EAAC,CAAC,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;EAE1F,MAAM,OAAO,QAAQ,qBAAwB;EAE7C,MAAM,eACG,UAAU,WACb,8BAAa,EAAE,KAAM,GAAE,MAAM,GAC7B;GACE,GAAG;GACH,SAAS,EACP,KACD;EACF;AAEP,QAAM,QAAQ,MAAM,UAAU,OAAO,SAAS;AAC9C,SAAO,MAAM,QAAQ,QAAQ,MAAM;CACpC,EAAC;CAEF,MAAM,aAAa,EAAE,QAAQ;AAC7B,QAAO,sBAAE,WAAW,EAAE,GAAG,KAAM,GAAE,SAAS;AAC3C;AAED,SAAgB,eACd,EAAE,SAAS,UAAU,cAAuD,EAC5EC,eACA;CACA,MAAM,OAAO,SAAS;AACtB,WAAU;;;;AAKV,KAAI,aAAa,aAAa,aAAa,UAAU,OAAO,eAAe,IAAI,aAAa,UAAU,GAAG,CACvG,gBAAe,OAAO,aAAa,UAAU,IAAI,aAAa,UAAU;AAG1E,KAAI,cAAc,WAChB,eAAc,YAAY,cAAc,WAAW;CAGrD,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,eAAc,YAAY,QAAQ;AAClC,4BAAc,MAAM,QAAQ;AAC5B,6CAAiB,QAAQ;AAC1B;;;;;;;;;;AC9DD,MAAaC,aAAsC,EAAE,UAAU,UAAW"}

package/dist/{preview-B75wzZrU.js → preview-Dn8QZb01.js}

@@ -1,4 +1,4 @@
-import { simulatePageLoad } from "@storybook/preview-api";
+import { simulatePageLoad } from "storybook/preview-api";
 import { h, render } from "@stencil/core";
 
 //#region rolldown:runtime
@@ -13,12 +13,21 @@ var __export = (target, all) => {
 //#endregion
 //#region src/render.ts
 const render$1 = (args, context) => {
-	const { component } = context;
+	const { component, parameters: parameters$1 } = context;
 	if (Array.isArray(component)) throw new Error("If your story does not contain a render function, you must provide a component property!");
 	const cmpName = customElements.getName(component);
 	if (!cmpName) throw new Error("Component is not registered!");
+	const children = Object.entries(parameters$1.slots || []).map(([key, value]) => {
+		const slot = key === "default" ? void 0 : key;
+		const child = typeof value === "string" ? h(void 0, { slot }, value) : {
+			...value,
+			$attrs$: { slot }
+		};
+		child.$tag$ = child.$tag$ || (slot ? "span" : null);
+		return child.$tag$ ? child : child.$children$;
+	});
 	const Component = `${cmpName}`;
-	return h(Component, { ...args });
+	return h(Component, { ...args }, children);
 };
 function renderToCanvas({ storyFn, showMain, storyContext }, canvasElement) {
 	const vdom = storyFn();
@@ -46,4 +55,4 @@ const parameters = { renderer: "stencil" };
 
 //#endregion
 export { parameters, preview_exports, render$1 as render, renderToCanvas };
-//# sourceMappingURL=preview-B75wzZrU.js.map
+//# sourceMappingURL=preview-Dn8QZb01.js.map

package/dist/preview-Dn8QZb01.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-Dn8QZb01.js","names":["render: ArgsStoryFn<StencilRenderer<unknown>>","children: any[]","parameters","canvasElement: StencilRenderer<unknown>['canvasElement']","parameters: { renderer: 'stencil' }"],"sources":["../src/render.ts","../src/preview.ts"],"sourcesContent":["import { ArgsStoryFn, RenderContext } from 'storybook/internal/types';\nimport { simulatePageLoad } from 'storybook/preview-api';\nimport { render as renderStencil, h, VNode, Fragment } from '@stencil/core';\n\nimport type { StencilRenderer } from './types';\n\nexport const render: ArgsStoryFn<StencilRenderer<unknown>> = (args, context) => {\n  const { component, parameters } = context;\n\n  if (Array.isArray(component)) {\n    throw new Error('If your story does not contain a render function, you must provide a component property!');\n  }\n\n  const cmpName = customElements.getName(component);\n  if (!cmpName) {\n    throw new Error('Component is not registered!');\n  }\n\n  const children: any[] = Object.entries<VNode>(parameters.slots || []).map(([key, value]) => {\n    // if the parameter key is 'default' don't give it a slot name so it renders just as a child\n    const slot = key === 'default' ? undefined : key;\n    // if the value it s a string, create a vnode with the string as the children\n    const child =\n      typeof value === 'string'\n        ? h(undefined, { slot }, value)\n        : {\n            ...value,\n            $attrs$: {\n              slot,\n            },\n          };\n    // if the value is a fragment and it is a named slot, create a span element with the slot name\n    child.$tag$ = child.$tag$ || (slot ? 'span' : null);\n    return child.$tag$ ? child : child.$children$;\n  });\n\n  const Component = `${cmpName}`;\n  return h(Component, { ...args }, children);\n};\n\nexport function renderToCanvas(\n  { storyFn, showMain, storyContext }: RenderContext<StencilRenderer<unknown>>,\n  canvasElement: StencilRenderer<unknown>['canvasElement'],\n) {\n  const vdom = storyFn();\n  showMain();\n\n  /**\n   * If the component is not automatically registered after import, register it here\n   */\n  if (storyContext.component && storyContext.component.is && !customElements.get(storyContext.component.is)) {\n    customElements.define(storyContext.component.is, storyContext.component);\n  }\n\n  if (canvasElement.firstChild) {\n    canvasElement.removeChild(canvasElement.firstChild);\n  }\n\n  const element = document.createElement('div');\n  canvasElement.appendChild(element);\n  renderStencil(vdom, element);\n  simulatePageLoad(element);\n}\n","export const parameters: { renderer: 'stencil' } = { renderer: 'stencil' };\nexport { render, renderToCanvas } from './render.js';\n"],"mappings":";;;;;;;;;;;;;;AAMA,MAAaA,WAAgD,CAAC,MAAM,YAAY;CAC9E,MAAM,EAAE,WAAW,0BAAY,GAAG;AAElC,KAAI,MAAM,QAAQ,UAAU,CAC1B,OAAM,IAAI,MAAM;CAGlB,MAAM,UAAU,eAAe,QAAQ,UAAU;AACjD,MAAK,QACH,OAAM,IAAI,MAAM;CAGlB,MAAMC,WAAkB,OAAO,QAAeC,aAAW,SAAS,CAAE,EAAC,CAAC,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;EAE1F,MAAM,OAAO,QAAQ,qBAAwB;EAE7C,MAAM,eACG,UAAU,WACb,UAAa,EAAE,KAAM,GAAE,MAAM,GAC7B;GACE,GAAG;GACH,SAAS,EACP,KACD;EACF;AAEP,QAAM,QAAQ,MAAM,UAAU,OAAO,SAAS;AAC9C,SAAO,MAAM,QAAQ,QAAQ,MAAM;CACpC,EAAC;CAEF,MAAM,aAAa,EAAE,QAAQ;AAC7B,QAAO,EAAE,WAAW,EAAE,GAAG,KAAM,GAAE,SAAS;AAC3C;AAED,SAAgB,eACd,EAAE,SAAS,UAAU,cAAuD,EAC5EC,eACA;CACA,MAAM,OAAO,SAAS;AACtB,WAAU;;;;AAKV,KAAI,aAAa,aAAa,aAAa,UAAU,OAAO,eAAe,IAAI,aAAa,UAAU,GAAG,CACvG,gBAAe,OAAO,aAAa,UAAU,IAAI,aAAa,UAAU;AAG1E,KAAI,cAAc,WAChB,eAAc,YAAY,cAAc,WAAW;CAGrD,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,eAAc,YAAY,QAAQ;AAClC,QAAc,MAAM,QAAQ;AAC5B,kBAAiB,QAAQ;AAC1B;;;;;;;;;;AC9DD,MAAaC,aAAsC,EAAE,UAAU,UAAW"}

package/dist/preview.cjs

@@ -1,4 +1,4 @@
-const require_preview = require('./preview-Nz-UTIbe.cjs');
+const require_preview = require('./preview-D_4Gl5tg.cjs');
 
 exports.parameters = require_preview.parameters;
 exports.render = require_preview.render;

package/dist/preview.d.cts

@@ -1,5 +1,5 @@
-import { StencilRenderer } from "./types-BC4h6q-i.cjs";
-import { ArgsStoryFn, RenderContext } from "@storybook/types";
+import { StencilRenderer } from "./types-CR2AtVj_.cjs";
+import { ArgsStoryFn, RenderContext } from "storybook/internal/types";
 
 //#region src/render.d.ts
 declare const render: ArgsStoryFn<StencilRenderer<unknown>>;

package/dist/preview.d.ts

@@ -1,5 +1,5 @@
-import { StencilRenderer } from "./types-CrBVXXLO.js";
-import { ArgsStoryFn, RenderContext } from "@storybook/types";
+import { StencilRenderer } from "./types-DoLyzAU3.js";
+import { ArgsStoryFn, RenderContext } from "storybook/internal/types";
 
 //#region src/render.d.ts
 declare const render: ArgsStoryFn<StencilRenderer<unknown>>;

package/dist/preview.js

@@ -1,3 +1,3 @@
-import { parameters, render, renderToCanvas } from "./preview-B75wzZrU.js";
+import { parameters, render, renderToCanvas } from "./preview-Dn8QZb01.js";
 
 export { parameters, render, renderToCanvas };

package/dist/{types-CrBVXXLO.d.ts → types-CR2AtVj_.d.cts}

@@ -1,6 +1,6 @@
 import { JSX, VNode } from "@stencil/core";
 import { StorybookConfigVite } from "@storybook/builder-vite";
-import { AnnotatedStoryFn, ArgTypes, Args, Args as Args$1, ComponentAnnotations, DecoratorFunction, LoaderFunction, Parameters, ProjectAnnotations, StoryAnnotations, StoryContext, StorybookConfig, StrictArgs, StrictArgs as StrictArgs$1, WebRenderer } from "@storybook/types";
+import { AnnotatedStoryFn, ArgTypes, Args, Args as Args$1, ComponentAnnotations, DecoratorFunction, LoaderFunction, Parameters, ProjectAnnotations, StoryAnnotations, StoryContext, StorybookConfig, StrictArgs, StrictArgs as StrictArgs$1, WebRenderer } from "storybook/internal/types";
 
 //#region src/types.d.ts
 interface DevJSX {
@@ -68,4 +68,4 @@ declare global {
 }
 //#endregion
 export { ArgTypes, Args$1 as Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext$1 as StoryContext, StoryFn, StoryObj, StorybookConfig$1 as StorybookConfig, StrictArgs$1 as StrictArgs };
-//# sourceMappingURL=types-CrBVXXLO.d.ts.map
+//# sourceMappingURL=types-CR2AtVj_.d.cts.map

package/dist/{types-BC4h6q-i.d.cts → types-DoLyzAU3.d.ts}

@@ -1,6 +1,6 @@
 import { JSX, VNode } from "@stencil/core";
 import { StorybookConfigVite } from "@storybook/builder-vite";
-import { AnnotatedStoryFn, ArgTypes, Args, Args as Args$1, ComponentAnnotations, DecoratorFunction, LoaderFunction, Parameters, ProjectAnnotations, StoryAnnotations, StoryContext, StorybookConfig, StrictArgs, StrictArgs as StrictArgs$1, WebRenderer } from "@storybook/types";
+import { AnnotatedStoryFn, ArgTypes, Args, Args as Args$1, ComponentAnnotations, DecoratorFunction, LoaderFunction, Parameters, ProjectAnnotations, StoryAnnotations, StoryContext, StorybookConfig, StrictArgs, StrictArgs as StrictArgs$1, WebRenderer } from "storybook/internal/types";
 
 //#region src/types.d.ts
 interface DevJSX {
@@ -68,4 +68,4 @@ declare global {
 }
 //#endregion
 export { ArgTypes, Args$1 as Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext$1 as StoryContext, StoryFn, StoryObj, StorybookConfig$1 as StorybookConfig, StrictArgs$1 as StrictArgs };
-//# sourceMappingURL=types-BC4h6q-i.d.cts.map
+//# sourceMappingURL=types-DoLyzAU3.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/storybook-plugin",
-  "version": "0.0.16",
+  "version": "0.2.0",
   "description": "Storybook plugin for Stencil",
   "license": "MIT",
   "homepage": "https://github.com/stenciljs/storybook",
@@ -64,24 +64,20 @@
     "build": "tsdown"
   },
   "dependencies": {
-    "@storybook/addon-actions": "^8.6.12",
-    "@storybook/builder-vite": "^8.6.12",
-    "@storybook/core-events": "^8.6.12",
-    "@storybook/docs-tools": "^8.6.12",
+    "@storybook/addon-actions": "^9.0.5",
+    "@storybook/builder-vite": "^9.0.5",
     "@storybook/global": "^5.0.0",
-    "@storybook/html": "^8.6.12",
-    "@storybook/preview-api": "^8.6.12",
-    "@storybook/types": "^8.6.12",
+    "@storybook/html": "^9.0.5",
     "preact-render-to-string": "^6.5.13",
     "react-docgen-typescript": "^2.2.2",
     "unplugin-stencil": "^0.3.2"
   },
   "peerDependencies": {
-    "@stencil/core": "^4.30.0"
+    "@stencil/core": "^4.30.0",
+    "storybook": "^9.0.5"
   },
   "devDependencies": {
-    "@stencil/core": "4.30.0",
-    "@storybook/types": "^8.6.12",
+    "@stencil/core": "^4.30.0",
     "@types/node": "^22.15.3",
     "tsdown": "^0.12.4",
     "typescript": "~5.8.3",

package/preset.js

@@ -1,2 +1,2 @@
 // This file seems to only be necessary for Windows
-module.exports = require("./dist/preset.js");
+module.exports = require('./dist/preset.js');

package/template/cli/MyComponent.stories.ts

@@ -24,5 +24,5 @@ export const Primary: Story = {
     first: 'John',
     last: 'Doe',
     middle: 'Michael',
-  }
+  },
 };

package/template/cli/MyComponent.tsx

@@ -32,4 +32,4 @@ export class MyComponent {
 
 function format(first?: string, middle?: string, last?: string): string {
   return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
-}
+}

package/dist/preview-B75wzZrU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview-B75wzZrU.js","names":["render: ArgsStoryFn<StencilRenderer<unknown>>","canvasElement: StencilRenderer<unknown>['canvasElement']","parameters: { renderer: 'stencil' }"],"sources":["../src/render.ts","../src/preview.ts"],"sourcesContent":["import { ArgsStoryFn, RenderContext } from '@storybook/types'\nimport { simulatePageLoad } from '@storybook/preview-api'\nimport { render as renderStencil, h } from '@stencil/core'\n\nimport type { StencilRenderer } from './types'\n\nexport const render: ArgsStoryFn<StencilRenderer<unknown>> = (args, context) => {\n    const { component } = context;\n\n    if (Array.isArray(component)) {\n        throw new Error('If your story does not contain a render function, you must provide a component property!')\n    }\n\n    const cmpName = customElements.getName(component)\n    if (!cmpName) {\n        throw new Error('Component is not registered!')\n    }\n\n    const Component = `${cmpName}`;\n    return h(Component, { ...args })\n};\n\nexport function renderToCanvas(\n    { storyFn, showMain, storyContext }: RenderContext<StencilRenderer<unknown>>,\n    canvasElement: StencilRenderer<unknown>['canvasElement']\n) {\n    const vdom = storyFn()\n    showMain()\n\n    /**\n     * If the component is not automatically registered after import, register it here\n     */\n    if (storyContext.component && storyContext.component.is && !customElements.get(storyContext.component.is)) {\n        customElements.define(storyContext.component.is, storyContext.component);\n    }\n\n    if (canvasElement.firstChild) {\n        canvasElement.removeChild(canvasElement.firstChild)\n    }\n\n    const element = document.createElement('div')\n    canvasElement.appendChild(element)\n    renderStencil(vdom, element);\n    simulatePageLoad(element)\n}\n","export const parameters: { renderer: 'stencil' } = { renderer: 'stencil' };\nexport { render, renderToCanvas } from './render.js';\n"],"mappings":";;;;;;;;;;;;;;AAMA,MAAaA,WAAgD,CAAC,MAAM,YAAY;CAC5E,MAAM,EAAE,WAAW,GAAG;AAEtB,KAAI,MAAM,QAAQ,UAAU,CACxB,OAAM,IAAI,MAAM;CAGpB,MAAM,UAAU,eAAe,QAAQ,UAAU;AACjD,MAAK,QACD,OAAM,IAAI,MAAM;CAGpB,MAAM,aAAa,EAAE,QAAQ;AAC7B,QAAO,EAAE,WAAW,EAAE,GAAG,KAAM,EAAC;AACnC;AAED,SAAgB,eACZ,EAAE,SAAS,UAAU,cAAuD,EAC5EC,eACF;CACE,MAAM,OAAO,SAAS;AACtB,WAAU;;;;AAKV,KAAI,aAAa,aAAa,aAAa,UAAU,OAAO,eAAe,IAAI,aAAa,UAAU,GAAG,CACrG,gBAAe,OAAO,aAAa,UAAU,IAAI,aAAa,UAAU;AAG5E,KAAI,cAAc,WACd,eAAc,YAAY,cAAc,WAAW;CAGvD,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,eAAc,YAAY,QAAQ;AAClC,QAAc,MAAM,QAAQ;AAC5B,kBAAiB,QAAQ;AAC5B;;;;;;;;;;AC5CD,MAAaC,aAAsC,EAAE,UAAU,UAAW"}

package/dist/preview-Nz-UTIbe.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview-Nz-UTIbe.cjs","names":["render: ArgsStoryFn<StencilRenderer<unknown>>","canvasElement: StencilRenderer<unknown>['canvasElement']","parameters: { renderer: 'stencil' }"],"sources":["../src/render.ts","../src/preview.ts"],"sourcesContent":["import { ArgsStoryFn, RenderContext } from '@storybook/types'\nimport { simulatePageLoad } from '@storybook/preview-api'\nimport { render as renderStencil, h } from '@stencil/core'\n\nimport type { StencilRenderer } from './types'\n\nexport const render: ArgsStoryFn<StencilRenderer<unknown>> = (args, context) => {\n    const { component } = context;\n\n    if (Array.isArray(component)) {\n        throw new Error('If your story does not contain a render function, you must provide a component property!')\n    }\n\n    const cmpName = customElements.getName(component)\n    if (!cmpName) {\n        throw new Error('Component is not registered!')\n    }\n\n    const Component = `${cmpName}`;\n    return h(Component, { ...args })\n};\n\nexport function renderToCanvas(\n    { storyFn, showMain, storyContext }: RenderContext<StencilRenderer<unknown>>,\n    canvasElement: StencilRenderer<unknown>['canvasElement']\n) {\n    const vdom = storyFn()\n    showMain()\n\n    /**\n     * If the component is not automatically registered after import, register it here\n     */\n    if (storyContext.component && storyContext.component.is && !customElements.get(storyContext.component.is)) {\n        customElements.define(storyContext.component.is, storyContext.component);\n    }\n\n    if (canvasElement.firstChild) {\n        canvasElement.removeChild(canvasElement.firstChild)\n    }\n\n    const element = document.createElement('div')\n    canvasElement.appendChild(element)\n    renderStencil(vdom, element);\n    simulatePageLoad(element)\n}\n","export const parameters: { renderer: 'stencil' } = { renderer: 'stencil' };\nexport { render, renderToCanvas } from './render.js';\n"],"mappings":";;;;;AAMA,MAAaA,SAAgD,CAAC,MAAM,YAAY;CAC5E,MAAM,EAAE,WAAW,GAAG;AAEtB,KAAI,MAAM,QAAQ,UAAU,CACxB,OAAM,IAAI,MAAM;CAGpB,MAAM,UAAU,eAAe,QAAQ,UAAU;AACjD,MAAK,QACD,OAAM,IAAI,MAAM;CAGpB,MAAM,aAAa,EAAE,QAAQ;AAC7B,QAAO,sBAAE,WAAW,EAAE,GAAG,KAAM,EAAC;AACnC;AAED,SAAgB,eACZ,EAAE,SAAS,UAAU,cAAuD,EAC5EC,eACF;CACE,MAAM,OAAO,SAAS;AACtB,WAAU;;;;AAKV,KAAI,aAAa,aAAa,aAAa,UAAU,OAAO,eAAe,IAAI,aAAa,UAAU,GAAG,CACrG,gBAAe,OAAO,aAAa,UAAU,IAAI,aAAa,UAAU;AAG5E,KAAI,cAAc,WACd,eAAc,YAAY,cAAc,WAAW;CAGvD,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,eAAc,YAAY,QAAQ;AAClC,4BAAc,MAAM,QAAQ;AAC5B,+CAAiB,QAAQ;AAC5B;;;;;;;;;;AC5CD,MAAaC,aAAsC,EAAE,UAAU,UAAW"}