@storybook/web-components 6.5.0-alpha.9 → 6.5.0-beta.2

package/README.md

@@ -21,8 +21,8 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/docs/web-components/configure/storybook-addons) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/docs/web-components/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/web-components/sharing/publish-storybook) of your storybook and deploy it anywhere you want.
 
 # Hot Module Reloading (HMR)
 

package/dist/cjs/client/customElements.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getCustomElements = getCustomElements;
 exports.isValidComponent = isValidComponent;
 exports.isValidMetaData = isValidMetaData;
 exports.setCustomElements = setCustomElements;
 exports.setCustomElementsManifest = setCustomElementsManifest;
-exports.getCustomElements = getCustomElements;
 
 /* eslint-disable no-underscore-dangle */
 

package/dist/cjs/client/docs/config.js

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

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

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

package/dist/cjs/client/docs/prepareForInline.js

@@ -0,0 +1,96 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.reflect.construct.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareForInline = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.object.get-prototype-of.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _litHtml = require("lit-html");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var prepareForInline = function prepareForInline(storyFn) {
+  var Story = /*#__PURE__*/function (_React$Component) {
+    _inherits(Story, _React$Component);
+
+    var _super = _createSuper(Story);
+
+    function Story() {
+      var _this;
+
+      _classCallCheck(this, Story);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+      _this.wrapperRef = /*#__PURE__*/_react.default.createRef();
+      return _this;
+    }
+
+    _createClass(Story, [{
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        (0, _litHtml.render)(storyFn(), this.wrapperRef.current);
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/_react.default.createElement('div', {
+          ref: this.wrapperRef
+        });
+      }
+    }]);
+
+    return Story;
+  }(_react.default.Component);
+
+  return /*#__PURE__*/_react.default.createElement(Story);
+};
+
+exports.prepareForInline = prepareForInline;

package/dist/cjs/client/docs/sourceDecorator.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sourceDecorator = sourceDecorator;
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.replace.js");
+
+var _litHtml = require("lit-html");
+
+var _addons = require("@storybook/addons");
+
+var _docsTools = require("@storybook/docs-tools");
+
+/* global window */
+function skipSourceRender(context) {
+  var _context$parameters$d;
+
+  var sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
+  var isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
+
+  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === _docsTools.SourceType.DYNAMIC) {
+    return false;
+  } // never render if the user is forcing the block to render code, or
+  // if the user provides code, or if it's not an args story.
+
+
+  return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === _docsTools.SourceType.CODE;
+}
+
+function applyTransformSource(source, context) {
+  var _context$parameters$d2;
+
+  var _ref = (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 ? _context$parameters$d2 : {},
+      transformSource = _ref.transformSource;
+
+  if (typeof transformSource !== 'function') return source;
+  return transformSource(source, context);
+}
+
+function sourceDecorator(storyFn, context) {
+  var _context$parameters$d3, _context$parameters$d4;
+
+  var story = context !== null && context !== void 0 && (_context$parameters$d3 = context.parameters.docs) !== null && _context$parameters$d3 !== void 0 && (_context$parameters$d4 = _context$parameters$d3.source) !== null && _context$parameters$d4 !== void 0 && _context$parameters$d4.excludeDecorators ? context.originalStoryFn(context.args, context) : storyFn();
+  var source;
+  (0, _addons.useEffect)(function () {
+    if (source) _addons.addons.getChannel().emit(_docsTools.SNIPPET_RENDERED, context.id, source);
+  });
+
+  if (!skipSourceRender(context)) {
+    var container = window.document.createElement('div');
+    (0, _litHtml.render)(story, container);
+    source = applyTransformSource(container.innerHTML.replace(/<!---->/g, ''), context);
+  }
+
+  return story;
+}

package/dist/cjs/client/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/web.dom-collections.for-each.js");
 
 require("core-js/modules/es.object.keys.js");
@@ -22,34 +24,34 @@ var _exportNames = {
   isValidComponent: true,
   isValidMetaData: true
 };
-Object.defineProperty(exports, "storiesOf", {
+Object.defineProperty(exports, "addDecorator", {
   enumerable: true,
   get: function get() {
-    return _preview.storiesOf;
+    return _preview.addDecorator;
   }
 });
-Object.defineProperty(exports, "setAddon", {
+Object.defineProperty(exports, "addParameters", {
   enumerable: true,
   get: function get() {
-    return _preview.setAddon;
+    return _preview.addParameters;
   }
 });
-Object.defineProperty(exports, "addDecorator", {
+Object.defineProperty(exports, "configure", {
   enumerable: true,
   get: function get() {
-    return _preview.addDecorator;
+    return _preview.configure;
   }
 });
-Object.defineProperty(exports, "addParameters", {
+Object.defineProperty(exports, "forceReRender", {
   enumerable: true,
   get: function get() {
-    return _preview.addParameters;
+    return _preview.forceReRender;
   }
 });
-Object.defineProperty(exports, "configure", {
+Object.defineProperty(exports, "getCustomElements", {
   enumerable: true,
   get: function get() {
-    return _preview.configure;
+    return _customElements.getCustomElements;
   }
 });
 Object.defineProperty(exports, "getStorybook", {
@@ -58,10 +60,16 @@ Object.defineProperty(exports, "getStorybook", {
     return _preview.getStorybook;
   }
 });
-Object.defineProperty(exports, "forceReRender", {
+Object.defineProperty(exports, "isValidComponent", {
   enumerable: true,
   get: function get() {
-    return _preview.forceReRender;
+    return _customElements.isValidComponent;
+  }
+});
+Object.defineProperty(exports, "isValidMetaData", {
+  enumerable: true,
+  get: function get() {
+    return _customElements.isValidMetaData;
   }
 });
 Object.defineProperty(exports, "raw", {
@@ -70,10 +78,10 @@ Object.defineProperty(exports, "raw", {
     return _preview.raw;
   }
 });
-Object.defineProperty(exports, "getCustomElements", {
+Object.defineProperty(exports, "setAddon", {
   enumerable: true,
   get: function get() {
-    return _customElements.getCustomElements;
+    return _preview.setAddon;
   }
 });
 Object.defineProperty(exports, "setCustomElements", {
@@ -88,16 +96,10 @@ Object.defineProperty(exports, "setCustomElementsManifest", {
     return _customElements.setCustomElementsManifest;
   }
 });
-Object.defineProperty(exports, "isValidComponent", {
-  enumerable: true,
-  get: function get() {
-    return _customElements.isValidComponent;
-  }
-});
-Object.defineProperty(exports, "isValidMetaData", {
+Object.defineProperty(exports, "storiesOf", {
   enumerable: true,
   get: function get() {
-    return _customElements.isValidMetaData;
+    return _preview.storiesOf;
   }
 });
 

package/dist/cjs/client/preview/config.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.parameters = void 0;
 Object.defineProperty(exports, "renderToDOM", {
   enumerable: true,
   get: function get() {
     return _render.renderToDOM;
   }
 });
-exports.parameters = void 0;
 
 var _render = require("./render");
 

package/dist/cjs/client/preview/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
+exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
 
 require("core-js/modules/es.array.concat.js");
 
-var _client = require("@storybook/core/client");
+var _core = require("@storybook/core");
 
 require("./globals");
 
@@ -15,7 +15,7 @@ var _render = require("./render");
 
 /* eslint-disable prefer-destructuring */
 var framework = 'web-components';
-var api = (0, _client.start)(_render.renderToDOM);
+var api = (0, _core.start)(_render.renderToDOM);
 
 var storiesOf = function storiesOf(kind, m) {
   return api.clientApi.storiesOf(kind, m).addParameters({

package/dist/cjs/client/preview/types-6-0.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/client/preview/types-7-0.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/client/preview/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/server/framework-preset-web-components-docs.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.previewAnnotations = void 0;
+
+var _coreCommon = require("@storybook/core-common");
+
+var _docsTools = require("@storybook/docs-tools");
+
+var previewAnnotations = function (entry = [], options) {
+  if (!(0, _docsTools.hasDocsOrControls)(options)) return entry;
+  return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/docs/config')];
+};
+
+exports.previewAnnotations = previewAnnotations;

package/dist/cjs/server/framework-preset-web-components.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.previewAnnotations = void 0;
 exports.webpack = webpack;
-exports.config = void 0;
 
 var _coreCommon = require("@storybook/core-common");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -39,8 +39,8 @@ function webpack(config, options) {
   return config;
 }
 
-var config = function (entry = []) {
+var previewAnnotations = function (entry = []) {
   return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
 };
 
-exports.config = config;
+exports.previewAnnotations = previewAnnotations;

package/dist/cjs/server/options.js

@@ -12,6 +12,6 @@ var _default = {
     cwd: __dirname
   }).packageJson,
   framework: 'web-components',
-  frameworkPresets: [require.resolve('./framework-preset-web-components')]
+  frameworkPresets: [require.resolve('./preset')]
 };
 exports.default = _default;

package/dist/cjs/server/preset.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addons = void 0;
+var addons = [require.resolve('./framework-preset-web-components'), require.resolve('./framework-preset-web-components-docs')];
+exports.addons = addons;

package/dist/esm/client/docs/config.js

@@ -0,0 +1,18 @@
+import { SourceType, enhanceArgTypes } from '@storybook/docs-tools';
+import { extractArgTypes, extractComponentDescription } from './custom-elements';
+import { sourceDecorator } from './sourceDecorator';
+import { prepareForInline } from './prepareForInline';
+export var decorators = [sourceDecorator];
+export var parameters = {
+  docs: {
+    extractArgTypes: extractArgTypes,
+    extractComponentDescription: extractComponentDescription,
+    inlineStories: true,
+    prepareForInline: prepareForInline,
+    source: {
+      type: SourceType.DYNAMIC,
+      language: 'html'
+    }
+  }
+};
+export var argTypesEnhancers = [enhanceArgTypes];