@utrecht/web-component-library-stencil 1.0.0-alpha.161 → 1.0.0-alpha.165

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/blocks/utils.js

@@ -1,42 +0,0 @@
-/* eslint-disable no-underscore-dangle */
-export const getDocsStories = context => {
-  const {
-    storyStore,
-    kind
-  } = context;
-
-  if (!storyStore) {
-    return [];
-  }
-
-  return storyStore.getStoriesForKind(kind).filter(s => !(s.parameters && s.parameters.docs && s.parameters.docs.disable));
-};
-
-const titleCase = str => str.split('-').map(part => part.charAt(0).toUpperCase() + part.slice(1)).join('');
-
-export const getComponentName = component => {
-  if (!component) {
-    return undefined;
-  }
-
-  if (typeof component === 'string') {
-    if (component.includes('-')) {
-      return titleCase(component);
-    }
-
-    return component;
-  }
-
-  if (component.__docgenInfo && component.__docgenInfo.displayName) {
-    return component.__docgenInfo.displayName;
-  }
-
-  return component.name;
-};
-export function scrollToElement(element, block = 'start') {
-  element.scrollIntoView({
-    behavior: 'smooth',
-    block,
-    inline: 'nearest'
-  });
-}

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/angular/compodoc.js

@@ -1,232 +0,0 @@
-/* eslint-disable no-underscore-dangle */
-
-/* global window */
-import { logger } from '@storybook/client-logger';
-export const isMethod = methodOrProp => {
-  return methodOrProp.args !== undefined;
-};
-export const setCompodocJson = compodocJson => {
-  // @ts-ignore
-  window.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
-}; // @ts-ignore
-
-export const getCompodocJson = () => window.__STORYBOOK_COMPODOC_JSON__;
-export const checkValidComponentOrDirective = component => {
-  if (!component.name) {
-    throw new Error(`Invalid component ${JSON.stringify(component)}`);
-  }
-};
-export const checkValidCompodocJson = compodocJson => {
-  if (!compodocJson || !compodocJson.components) {
-    throw new Error('Invalid compodoc JSON');
-  }
-};
-
-const hasDecorator = (item, decoratorName) => item.decorators && item.decorators.find(x => x.name === decoratorName);
-
-const mapPropertyToSection = (key, item) => {
-  if (hasDecorator(item, 'ViewChild')) {
-    return 'view child';
-  }
-
-  if (hasDecorator(item, 'ViewChildren')) {
-    return 'view children';
-  }
-
-  if (hasDecorator(item, 'ContentChild')) {
-    return 'content child';
-  }
-
-  if (hasDecorator(item, 'ContentChildren')) {
-    return 'content children';
-  }
-
-  return 'properties';
-};
-
-const mapItemToSection = (key, item) => {
-  switch (key) {
-    case 'methods':
-    case 'methodsClass':
-      return 'methods';
-
-    case 'inputsClass':
-      return 'inputs';
-
-    case 'outputsClass':
-      return 'outputs';
-
-    case 'properties':
-    case 'propertiesClass':
-      if (isMethod(item)) {
-        throw new Error("Cannot be of type Method if key === 'propertiesClass'");
-      }
-
-      return mapPropertyToSection(key, item);
-
-    default:
-      throw new Error(`Unknown key: ${key}`);
-  }
-};
-
-export const findComponentByName = (name, compodocJson) => compodocJson.components.find(c => c.name === name) || compodocJson.directives.find(c => c.name === name) || compodocJson.pipes.find(c => c.name === name) || compodocJson.injectables.find(c => c.name === name) || compodocJson.classes.find(c => c.name === name);
-
-const getComponentData = component => {
-  if (!component) {
-    return null;
-  }
-
-  checkValidComponentOrDirective(component);
-  const compodocJson = getCompodocJson();
-
-  if (!compodocJson) {
-    return null;
-  }
-
-  checkValidCompodocJson(compodocJson);
-  const {
-    name
-  } = component;
-  const metadata = findComponentByName(name, compodocJson);
-
-  if (!metadata) {
-    logger.warn(`Component not found in compodoc JSON: '${name}'`);
-  }
-
-  return metadata;
-};
-
-const displaySignature = item => {
-  const args = item.args.map(arg => `${arg.name}${arg.optional ? '?' : ''}: ${arg.type}`);
-  return `(${args.join(', ')}) => ${item.returnType}`;
-};
-
-const extractTypeFromValue = defaultValue => {
-  const valueType = typeof defaultValue;
-  return defaultValue || valueType === 'number' || valueType === 'boolean' || valueType === 'string' ? valueType : null;
-};
-
-const extractEnumValues = compodocType => {
-  const compodocJson = getCompodocJson();
-  const enumType = compodocJson === null || compodocJson === void 0 ? void 0 : compodocJson.miscellaneous.enumerations.find(x => x.name === compodocType);
-
-  if (enumType !== null && enumType !== void 0 && enumType.childs.every(x => x.value)) {
-    return enumType.childs.map(x => x.value);
-  }
-
-  if (typeof compodocType !== 'string' || compodocType.indexOf('|') === -1) {
-    return null;
-  }
-
-  try {
-    return compodocType.split('|').map(value => JSON.parse(value));
-  } catch (e) {
-    return null;
-  }
-};
-
-export const extractType = (property, defaultValue) => {
-  const compodocType = property.type || extractTypeFromValue(defaultValue);
-
-  switch (compodocType) {
-    case 'string':
-    case 'boolean':
-    case 'number':
-      return {
-        name: compodocType
-      };
-
-    case undefined:
-    case null:
-      return {
-        name: 'void'
-      };
-
-    default:
-      {
-        const resolvedType = resolveTypealias(compodocType);
-        const enumValues = extractEnumValues(resolvedType);
-        return enumValues ? {
-          name: 'enum',
-          value: enumValues
-        } : {
-          name: 'object'
-        };
-      }
-  }
-};
-
-const extractDefaultValue = property => {
-  try {
-    // eslint-disable-next-line no-eval
-    const value = eval(property.defaultValue);
-    return value;
-  } catch (err) {
-    logger.debug(`Error extracting ${property.name}: ${property.defaultValue}`);
-    return undefined;
-  }
-};
-
-const resolveTypealias = compodocType => {
-  const compodocJson = getCompodocJson();
-  const typeAlias = compodocJson === null || compodocJson === void 0 ? void 0 : compodocJson.miscellaneous.typealiases.find(x => x.name === compodocType);
-  return typeAlias ? resolveTypealias(typeAlias.rawtype) : compodocType;
-};
-
-export const extractArgTypesFromData = componentData => {
-  const sectionToItems = {};
-  const compodocClasses = ['component', 'directive'].includes(componentData.type) ? ['propertiesClass', 'methodsClass', 'inputsClass', 'outputsClass'] : ['properties', 'methods'];
-  compodocClasses.forEach(key => {
-    const data = componentData[key] || [];
-    data.forEach(item => {
-      const section = mapItemToSection(key, item);
-      const defaultValue = isMethod(item) ? undefined : extractDefaultValue(item);
-      const type = isMethod(item) || section !== 'inputs' ? {
-        name: 'void'
-      } : extractType(item, defaultValue);
-      const action = section === 'outputs' ? {
-        action: item.name
-      } : {};
-      const argType = Object.assign({
-        name: item.name,
-        description: item.description,
-        defaultValue,
-        type
-      }, action, {
-        table: {
-          category: section,
-          type: {
-            summary: isMethod(item) ? displaySignature(item) : item.type,
-            required: isMethod(item) ? false : !item.optional
-          }
-        }
-      });
-
-      if (!sectionToItems[section]) {
-        sectionToItems[section] = [];
-      }
-
-      sectionToItems[section].push(argType);
-    });
-  });
-  const SECTIONS = ['inputs', 'outputs', 'properties', 'methods', 'view child', 'view children', 'content child', 'content children'];
-  const argTypes = {};
-  SECTIONS.forEach(section => {
-    const items = sectionToItems[section];
-
-    if (items) {
-      items.forEach(argType => {
-        argTypes[argType.name] = argType;
-      });
-    }
-  });
-  return argTypes;
-};
-export const extractArgTypes = component => {
-  const componentData = getComponentData(component);
-  return componentData && extractArgTypesFromData(componentData);
-};
-export const extractComponentDescription = component => {
-  const componentData = getComponentData(component);
-  return componentData && (componentData.rawdescription || componentData.description);
-};

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/angular/config.js

@@ -1,18 +0,0 @@
-import { SourceType } from '../../shared';
-import { extractArgTypes, extractComponentDescription } from './compodoc';
-import { sourceDecorator } from './sourceDecorator';
-import { prepareForInline } from './prepareForInline';
-export const parameters = {
-  docs: {
-    // probably set this to true by default once it's battle-tested
-    inlineStories: false,
-    prepareForInline,
-    extractArgTypes,
-    extractComponentDescription,
-    source: {
-      type: SourceType.DYNAMIC,
-      language: 'html'
-    }
-  }
-};
-export const decorators = [sourceDecorator];

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/angular/index.js

@@ -1 +0,0 @@
-export * from './compodoc';

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/angular/prepareForInline.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import pLimit from 'p-limit';
-import { rendererFactory } from '@storybook/angular/renderer';
-const limit = pLimit(1);
-/**
- * Uses the angular renderer to generate a story. Uses p-limit to run synchronously
- */
-
-export const prepareForInline = (storyFn, {
-  id,
-  parameters
-}) => {
-  return /*#__PURE__*/React.createElement('div', {
-    ref: async node => {
-      if (!node) {
-        return null;
-      }
-
-      return limit(async () => {
-        const renderer = await rendererFactory.getRendererInstance(id, node);
-        await renderer.render({
-          forced: false,
-          parameters,
-          storyFnAngular: storyFn(),
-          targetDOMNode: node
-        });
-      });
-    }
-  });
-};

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/angular/sourceDecorator.js

@@ -1,70 +0,0 @@
-import { addons } from '@storybook/addons';
-import { computesTemplateSourceFromComponent } from '@storybook/angular/renderer';
-import prettierHtml from 'prettier/parser-html';
-import prettier from 'prettier/standalone';
-import { SNIPPET_RENDERED, SourceType } from '../../shared';
-export const skipSourceRender = context => {
-  var _context$parameters$d;
-
-  const sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source; // always render if the user forces it
-
-  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.DYNAMIC) {
-    return false;
-  } // never render if the user is forcing the block to render code, or
-  // if the user provides code
-
-
-  return (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.CODE;
-};
-
-const prettyUp = source => {
-  return prettier.format(source, {
-    parser: 'angular',
-    plugins: [prettierHtml],
-    htmlWhitespaceSensitivity: 'ignore'
-  });
-};
-/**
- * Svelte source decorator.
- * @param storyFn Fn
- * @param context  StoryContext
- */
-
-
-export const sourceDecorator = (storyFn, context) => {
-  const story = storyFn();
-
-  if (skipSourceRender(context)) {
-    return story;
-  }
-
-  const channel = addons.getChannel();
-  const {
-    props,
-    template
-  } = story;
-  const {
-    parameters: {
-      component,
-      argTypes
-    }
-  } = context;
-
-  if (component) {
-    const source = computesTemplateSourceFromComponent(component, props, argTypes); // We might have a story with a Directive or Service defined as the component
-    // In these cases there might exist a template, even if we aren't able to create source from component
-
-    if (source || template) {
-      channel.emit(SNIPPET_RENDERED, context.id, prettyUp(source || template));
-    }
-
-    return story;
-  }
-
-  if (template) {
-    channel.emit(SNIPPET_RENDERED, context.id, prettyUp(template));
-    return story;
-  }
-
-  return story;
-};

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/common/config.js

@@ -1,11 +0,0 @@
-import { DocsContainer, DocsPage } from '../../blocks';
-import { enhanceArgTypes } from './enhanceArgTypes';
-export const parameters = {
-  docs: {
-    inlineStories: false,
-    container: DocsContainer,
-    page: DocsPage,
-    iframeHeight: 100
-  }
-};
-export const argTypesEnhancers = [enhanceArgTypes];

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/common/enhanceArgTypes.js

@@ -1,20 +0,0 @@
-import mapValues from 'lodash/mapValues';
-import { combineParameters } from '@storybook/client-api';
-import { normalizeArgTypes } from './normalizeArgTypes';
-export const enhanceArgTypes = context => {
-  const {
-    component,
-    argTypes: userArgTypes = {},
-    docs = {}
-  } = context.parameters;
-  const {
-    extractArgTypes
-  } = docs;
-  const normalizedArgTypes = normalizeArgTypes(userArgTypes);
-  const namedArgTypes = mapValues(normalizedArgTypes, (val, key) => Object.assign({
-    name: key
-  }, val));
-  const extractedArgTypes = extractArgTypes && component ? extractArgTypes(component) : {};
-  const withExtractedTypes = extractedArgTypes ? combineParameters(extractedArgTypes, namedArgTypes) : namedArgTypes;
-  return withExtractedTypes;
-};

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/common/normalizeArgTypes.js

@@ -1,21 +0,0 @@
-import mapValues from 'lodash/mapValues';
-
-const normalizeType = type => typeof type === 'string' ? {
-  name: type
-} : type;
-
-const normalizeControl = control => typeof control === 'string' ? {
-  type: control
-} : control;
-
-export const normalizeArgTypes = argTypes => mapValues(argTypes, argType => {
-  if (!argType) return argType;
-  const normalized = Object.assign({}, argType);
-  const {
-    type,
-    control
-  } = argType;
-  if (type) normalized.type = normalizeType(type);
-  if (control) normalized.control = normalizeControl(control);
-  return normalized;
-});

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/common/preset.js

@@ -1,127 +0,0 @@
-import path from 'path';
-import remarkSlug from 'remark-slug';
-import remarkExternalLinks from 'remark-external-links'; // @ts-ignore
-
-import { createCompiler } from '@storybook/csf-tools/mdx';
-
-const resolvedBabelLoader = require.resolve('babel-loader', {
-  paths: [require.resolve('@storybook/builder-webpack4')] // FIXME!!!
-
-}); // for frameworks that are not working with react, we need to configure
-// the jsx to transpile mdx, for now there will be a flag for that
-// for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
-
-
-function createBabelOptions({
-  babelOptions,
-  mdxBabelOptions,
-  configureJSX
-}) {
-  const babelPlugins = (mdxBabelOptions === null || mdxBabelOptions === void 0 ? void 0 : mdxBabelOptions.plugins) || (babelOptions === null || babelOptions === void 0 ? void 0 : babelOptions.plugins) || [];
-  const jsxPlugin = [require.resolve('@babel/plugin-transform-react-jsx'), {
-    pragma: 'React.createElement',
-    pragmaFrag: 'React.Fragment'
-  }];
-  const plugins = configureJSX ? [...babelPlugins, jsxPlugin] : babelPlugins;
-  return Object.assign({
-    // don't use the root babelrc by default (users can override this in mdxBabelOptions)
-    babelrc: false,
-    configFile: false
-  }, babelOptions, mdxBabelOptions, {
-    plugins
-  });
-}
-
-export function webpack(webpackConfig = {}, options = {}) {
-  const {
-    module = {}
-  } = webpackConfig; // it will reuse babel options that are already in use in storybook
-  // also, these babel options are chained with other presets.
-
-  const {
-    babelOptions,
-    mdxBabelOptions,
-    configureJSX = true,
-    sourceLoaderOptions = {
-      injectStoryParameters: true
-    },
-    transcludeMarkdown = false
-  } = options;
-  const mdxLoaderOptions = {
-    remarkPlugins: [remarkSlug, remarkExternalLinks]
-  }; // set `sourceLoaderOptions` to `null` to disable for manual configuration
-
-  const sourceLoader = sourceLoaderOptions ? [{
-    test: /\.(stories|story)\.[tj]sx?$/,
-    loader: require.resolve('@storybook/source-loader'),
-    options: Object.assign({}, sourceLoaderOptions, {
-      inspectLocalDependencies: true
-    }),
-    enforce: 'pre'
-  }] : [];
-  let rules = module.rules || [];
-
-  if (transcludeMarkdown) {
-    rules = [...rules.filter(rule => rule.test.toString() !== '/\\.md$/'), {
-      test: /\.md$/,
-      use: [{
-        loader: resolvedBabelLoader,
-        options: createBabelOptions({
-          babelOptions,
-          mdxBabelOptions,
-          configureJSX
-        })
-      }, {
-        loader: require.resolve('@mdx-js/loader'),
-        options: mdxLoaderOptions
-      }]
-    }];
-  }
-
-  const result = Object.assign({}, webpackConfig, {
-    module: Object.assign({}, module, {
-      rules: [...rules, {
-        test: /\.js$/,
-        include: new RegExp(`node_modules\\${path.sep}acorn-jsx`),
-        use: [{
-          loader: resolvedBabelLoader,
-          options: {
-            presets: [[require.resolve('@babel/preset-env'), {
-              modules: 'commonjs'
-            }]]
-          }
-        }]
-      }, {
-        test: /(stories|story)\.mdx$/,
-        use: [{
-          loader: resolvedBabelLoader,
-          options: createBabelOptions({
-            babelOptions,
-            mdxBabelOptions,
-            configureJSX
-          })
-        }, {
-          loader: require.resolve('@mdx-js/loader'),
-          options: Object.assign({
-            compilers: [createCompiler(options)]
-          }, mdxLoaderOptions)
-        }]
-      }, {
-        test: /\.mdx$/,
-        exclude: /(stories|story)\.mdx$/,
-        use: [{
-          loader: resolvedBabelLoader,
-          options: createBabelOptions({
-            babelOptions,
-            mdxBabelOptions,
-            configureJSX
-          })
-        }, {
-          loader: require.resolve('@mdx-js/loader'),
-          options: mdxLoaderOptions
-        }]
-      }, ...sourceLoader]
-    })
-  });
-  return result;
-}

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/ember/config.js

@@ -1,8 +0,0 @@
-import { extractArgTypes, extractComponentDescription } from './jsondoc';
-export const parameters = {
-  docs: {
-    iframeHeight: 80,
-    extractArgTypes,
-    extractComponentDescription
-  }
-};

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/ember/index.js

@@ -1 +0,0 @@
-export { setJSONDoc } from './jsondoc';

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/ember/jsondoc.js

@@ -1,57 +0,0 @@
-import "core-js/modules/es.array.reduce.js";
-
-/* eslint-disable no-underscore-dangle */
-
-/* global window */
-export const setJSONDoc = jsondoc => {
-  window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
-};
-export const getJSONDoc = () => {
-  return window.__EMBER_GENERATED_DOC_JSON__;
-};
-export const extractArgTypes = componentName => {
-  const json = getJSONDoc();
-
-  if (!(json && json.included)) {
-    return null;
-  }
-
-  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
-
-  if (!componentDoc) {
-    return null;
-  }
-
-  return componentDoc.attributes.arguments.reduce((acc, prop) => {
-    acc[prop.name] = {
-      name: prop.name,
-      defaultValue: prop.defaultValue,
-      description: prop.description,
-      table: {
-        defaultValue: {
-          summary: prop.defaultValue
-        },
-        type: {
-          summary: prop.type,
-          required: prop.tags.length ? prop.tags.some(tag => tag.name === 'required') : false
-        }
-      }
-    };
-    return acc;
-  }, {});
-};
-export const extractComponentDescription = componentName => {
-  const json = getJSONDoc();
-
-  if (!(json && json.included)) {
-    return null;
-  }
-
-  const componentDoc = json.included.find(doc => doc.attributes.name === componentName);
-
-  if (!componentDoc) {
-    return null;
-  }
-
-  return componentDoc.attributes.description;
-};

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/html/config.js

@@ -1,22 +0,0 @@
-import React from 'react';
-export const parameters = {
-  docs: {
-    inlineStories: true,
-    prepareForInline: storyFn => {
-      const html = storyFn();
-
-      if (typeof html === 'string') {
-        // eslint-disable-next-line react/no-danger
-        return /*#__PURE__*/React.createElement("div", {
-          dangerouslySetInnerHTML: {
-            __html: html
-          }
-        });
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        ref: node => node ? node.appendChild(html) : null
-      });
-    }
-  }
-};

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/react/config.js

@@ -1,13 +0,0 @@
-import { extractArgTypes } from './extractArgTypes';
-import { extractComponentDescription } from '../../lib/docgen';
-import { jsxDecorator } from './jsxDecorator';
-export const parameters = {
-  docs: {
-    inlineStories: true,
-    // NOTE: that the result is a react element. Hooks support is provided by the outer code.
-    prepareForInline: storyFn => storyFn(),
-    extractArgTypes,
-    extractComponentDescription
-  }
-};
-export const decorators = [jsxDecorator];