@utrecht/web-component-library-stencil 1.0.0-alpha.162 → 1.0.0-alpha.166

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/svelte/svelte-docgen-loader.js

@@ -1,89 +0,0 @@
-import svelteDoc from 'sveltedoc-parser';
-import dedent from 'ts-dedent';
-import * as path from 'path';
-import * as fs from 'fs';
-import { getOptions } from 'loader-utils';
-import { preprocess } from 'svelte/compiler';
-import { logger } from '@storybook/node-logger'; // From https://github.com/sveltejs/svelte/blob/8db3e8d0297e052556f0b6dde310ef6e197b8d18/src/compiler/compile/utils/get_name_from_filename.ts
-// Copied because it is not exported from the compiler
-
-function getNameFromFilename(filename) {
-  if (!filename) return null;
-  const parts = filename.split(/[/\\]/).map(encodeURI);
-
-  if (parts.length > 1) {
-    const index_match = parts[parts.length - 1].match(/^index(\.\w+)/);
-
-    if (index_match) {
-      parts.pop();
-      parts[parts.length - 1] += index_match[1];
-    }
-  }
-
-  const base = parts.pop().replace(/%/g, 'u').replace(/\.[^.]+$/, '').replace(/[^a-zA-Z_$0-9]+/g, '_').replace(/^_/, '').replace(/_$/, '').replace(/^(\d)/, '_$1');
-
-  if (!base) {
-    throw new Error(`Could not derive component name from file ${filename}`);
-  }
-
-  return base[0].toUpperCase() + base.slice(1);
-}
-/**
- * webpack loader for sveltedoc-parser
- * @param source raw svelte component
- */
-
-
-export default async function svelteDocgen(source) {
-  // eslint-disable-next-line no-underscore-dangle
-  const {
-    resource
-  } = this._module;
-  const svelteOptions = Object.assign({}, getOptions(this));
-  const {
-    preprocess: preprocessOptions,
-    logDocgen = false
-  } = svelteOptions;
-  let docOptions;
-
-  if (preprocessOptions) {
-    const src = fs.readFileSync(resource).toString();
-    const {
-      code: fileContent
-    } = await preprocess(src, preprocessOptions);
-    docOptions = {
-      fileContent
-    };
-  } else {
-    docOptions = {
-      filename: resource
-    };
-  } // set SvelteDoc options
-
-
-  const options = Object.assign({}, docOptions, {
-    version: 3
-  });
-  let docgen = '';
-
-  try {
-    const componentDoc = await svelteDoc.parse(options); // get filename for source content
-
-    const file = path.basename(resource); // populate filename in docgen
-
-    componentDoc.name = path.basename(file);
-    const componentName = getNameFromFilename(resource);
-    docgen = dedent`
-
-              ${componentName}.__docgen = ${JSON.stringify(componentDoc)};
-              `;
-  } catch (error) {
-    if (logDocgen) {
-      logger.error(error);
-    }
-  } // inject __docgen prop in svelte component
-
-
-  const output = source + docgen;
-  return output;
-}

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

@@ -1,13 +0,0 @@
-import { extractArgTypes } from './extractArgTypes';
-import { extractComponentDescription } from '../../lib/docgen';
-import { prepareForInline } from './prepareForInline';
-import { sourceDecorator } from './sourceDecorator';
-export const parameters = {
-  docs: {
-    inlineStories: true,
-    prepareForInline,
-    extractArgTypes,
-    extractComponentDescription
-  }
-};
-export const decorators = [sourceDecorator];

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/vue/extractArgTypes.js

@@ -1,43 +0,0 @@
-import { hasDocgen, extractComponentProps } from '../../lib/docgen';
-import { convert } from '../../lib/convert';
-const SECTIONS = ['props', 'events', 'slots'];
-export const extractArgTypes = component => {
-  if (!hasDocgen(component)) {
-    return null;
-  }
-
-  const results = {};
-  SECTIONS.forEach(section => {
-    const props = extractComponentProps(component, section);
-    props.forEach(({
-      propDef,
-      docgenInfo,
-      jsDocTags
-    }) => {
-      const {
-        name,
-        type,
-        description,
-        defaultValue: defaultSummary,
-        required
-      } = propDef;
-      const sbType = section === 'props' ? convert(docgenInfo) : {
-        name: 'void'
-      };
-      results[name] = {
-        name,
-        description,
-        type: Object.assign({
-          required
-        }, sbType),
-        table: {
-          type,
-          jsDocTags,
-          defaultValue: defaultSummary,
-          category: section
-        }
-      };
-    });
-  });
-  return results;
-};

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

@@ -1,40 +0,0 @@
-import React from 'react';
-import Vue from 'vue';
-// Inspired by https://github.com/egoist/vue-to-react,
-// modified to store args as props in the root store
-// FIXME get this from @storybook/vue
-const COMPONENT = 'STORYBOOK_COMPONENT';
-const VALUES = 'STORYBOOK_VALUES';
-export const prepareForInline = (storyFn, {
-  args
-}) => {
-  const component = storyFn();
-  const el = React.useRef(null); // FIXME: This recreates the Vue instance every time, which should be optimized
-
-  React.useEffect(() => {
-    const root = new Vue({
-      el: el.current,
-
-      data() {
-        return {
-          [COMPONENT]: component,
-          [VALUES]: args
-        };
-      },
-
-      render(h) {
-        const children = this[COMPONENT] ? [h(this[COMPONENT])] : undefined;
-        return h('div', {
-          attrs: {
-            id: 'root'
-          }
-        }, children);
-      }
-
-    });
-    return () => root.$destroy();
-  });
-  return /*#__PURE__*/React.createElement('div', null, /*#__PURE__*/React.createElement('div', {
-    ref: el
-  }));
-};

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

@@ -1,24 +0,0 @@
-export function webpackFinal(webpackConfig = {}, options) {
-  var _options$presetsList;
-
-  let vueDocgenOptions = {};
-  (_options$presetsList = options.presetsList) === null || _options$presetsList === void 0 ? void 0 : _options$presetsList.forEach(preset => {
-    if (preset.name.includes('addon-docs') && preset.options.vueDocgenOptions) {
-      const appendableOptions = preset.options.vueDocgenOptions;
-      vueDocgenOptions = Object.assign({}, vueDocgenOptions, appendableOptions);
-    }
-  });
-  webpackConfig.module.rules.push({
-    test: /\.vue$/,
-    loader: require.resolve('vue-docgen-loader', {
-      paths: [require.resolve('@storybook/vue')]
-    }),
-    enforce: 'post',
-    options: {
-      docgenOptions: Object.assign({
-        alias: webpackConfig.resolve.alias
-      }, vueDocgenOptions)
-    }
-  });
-  return webpackConfig;
-}

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

@@ -1,190 +0,0 @@
-import "core-js/modules/es.array.reduce.js";
-
-/* eslint no-underscore-dangle: ["error", { "allow": ["_vnode"] }] */
-import { addons } from '@storybook/addons';
-import { logger } from '@storybook/client-logger';
-import prettier from 'prettier/standalone';
-import prettierHtml from 'prettier/parser-html';
-import { SourceType, SNIPPET_RENDERED } 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;
-  const 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) === 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) === SourceType.CODE;
-};
-export const sourceDecorator = (storyFn, context) => {
-  const story = storyFn(); // See ../react/jsxDecorator.tsx
-
-  if (skipSourceRender(context)) {
-    return story;
-  }
-
-  const channel = addons.getChannel();
-  const storyComponent = getStoryComponent(story.options.STORYBOOK_WRAPS);
-  return {
-    components: {
-      Story: story
-    },
-
-    // We need to wait until the wrapper component to be mounted so Vue runtime
-    // struct VNode tree. We get `this._vnode == null` if switch to `created`
-    // lifecycle hook.
-    mounted() {
-      // Theoretically this does not happens but we need to check it.
-      if (!this._vnode) {
-        return;
-      }
-
-      try {
-        const storyNode = lookupStoryInstance(this, storyComponent);
-        const code = vnodeToString(storyNode._vnode);
-        channel.emit(SNIPPET_RENDERED, (context || {}).id, prettier.format(`<template>${code}</template>`, {
-          parser: 'vue',
-          plugins: [prettierHtml],
-          // Because the parsed vnode missing spaces right before/after the surround tag,
-          // we always get weird wrapped code without this option.
-          htmlWhitespaceSensitivity: 'ignore'
-        }));
-      } catch (e) {
-        logger.warn(`Failed to generate dynamic story source: ${e}`);
-      }
-    },
-
-    template: '<story />'
-  };
-};
-export function vnodeToString(vnode) {
-  var _vnode$data, _vnode$componentOptio, _vnode$data2;
-
-  const attrString = [...((_vnode$data = vnode.data) !== null && _vnode$data !== void 0 && _vnode$data.slot ? [['slot', vnode.data.slot]] : []), ['class', stringifyClassAttribute(vnode)], ...((_vnode$componentOptio = vnode.componentOptions) !== null && _vnode$componentOptio !== void 0 && _vnode$componentOptio.propsData ? Object.entries(vnode.componentOptions.propsData) : []), ...((_vnode$data2 = vnode.data) !== null && _vnode$data2 !== void 0 && _vnode$data2.attrs ? Object.entries(vnode.data.attrs) : [])].filter(([name], index, list) => list.findIndex(item => item[0] === name) === index).map(([name, value]) => stringifyAttr(name, value)).filter(Boolean).join(' ');
-
-  if (!vnode.componentOptions) {
-    // Non-component elements (div, span, etc...)
-    if (vnode.tag) {
-      if (!vnode.children) {
-        return `<${vnode.tag} ${attrString}/>`;
-      }
-
-      return `<${vnode.tag} ${attrString}>${vnode.children.map(vnodeToString).join('')}</${vnode.tag}>`;
-    } // TextNode
-
-
-    if (vnode.text) {
-      if (/[<>"&]/.test(vnode.text)) {
-        return `{{\`${vnode.text.replace(/`/g, '\\`')}\`}}`;
-      }
-
-      return vnode.text;
-    } // Unknown
-
-
-    return '';
-  } // Probably users never see the "unknown-component". It seems that vnode.tag
-  // is always set.
-
-
-  const tag = vnode.componentOptions.tag || vnode.tag || 'unknown-component';
-
-  if (!vnode.componentOptions.children) {
-    return `<${tag} ${attrString}/>`;
-  }
-
-  return `<${tag} ${attrString}>${vnode.componentOptions.children.map(vnodeToString).join('')}</${tag}>`;
-}
-
-function stringifyClassAttribute(vnode) {
-  var _vnode$data$staticCla, _vnode$data$staticCla2;
-
-  if (!vnode.data || !vnode.data.staticClass && !vnode.data.class) {
-    return undefined;
-  }
-
-  return [...((_vnode$data$staticCla = (_vnode$data$staticCla2 = vnode.data.staticClass) === null || _vnode$data$staticCla2 === void 0 ? void 0 : _vnode$data$staticCla2.split(' ')) !== null && _vnode$data$staticCla !== void 0 ? _vnode$data$staticCla : []), ...normalizeClassBinding(vnode.data.class)].filter(Boolean).join(' ') || undefined;
-} // https://vuejs.org/v2/guide/class-and-style.html#Binding-HTML-Classes
-
-
-function normalizeClassBinding(binding) {
-  if (!binding) {
-    return [];
-  }
-
-  if (typeof binding === 'string') {
-    return [binding];
-  }
-
-  if (binding instanceof Array) {
-    // To handle an object-in-array binding smartly, we use recursion
-    return binding.map(normalizeClassBinding).reduce((a, b) => [...a, ...b], []);
-  }
-
-  if (typeof binding === 'object') {
-    return Object.entries(binding).filter(([, active]) => !!active).map(([className]) => className);
-  } // Unknown class binding
-
-
-  return [];
-}
-
-function stringifyAttr(attrName, value) {
-  if (typeof value === 'undefined' || typeof value === 'function') {
-    return null;
-  }
-
-  if (value === true) {
-    return attrName;
-  }
-
-  if (typeof value === 'string') {
-    return `${attrName}=${quote(value)}`;
-  } // TODO: Better serialization (unquoted object key, Symbol/Classes, etc...)
-  //       Seems like Prettier don't format JSON-look object (= when keys are quoted)
-
-
-  return `:${attrName}=${quote(JSON.stringify(value))}`;
-}
-
-function quote(value) {
-  return value.includes(`"`) && !value.includes(`'`) ? `'${value}'` : `"${value.replace(/"/g, '&quot;')}"`;
-}
-/**
- * Skip decorators and grab a story component itself.
- * https://github.com/pocka/storybook-addon-vue-info/pull/113
- */
-
-
-function getStoryComponent(w) {
-  let matched = w;
-
-  while (matched && matched.options && matched.options.components && matched.options.components.story && matched.options.components.story.options && matched.options.components.story.options.STORYBOOK_WRAPS) {
-    matched = matched.options.components.story.options.STORYBOOK_WRAPS;
-  }
-
-  return matched;
-}
-
-/**
- * Find the story's instance from VNode tree.
- */
-function lookupStoryInstance(instance, storyComponent) {
-  if (instance.$vnode && instance.$vnode.componentOptions && instance.$vnode.componentOptions.Ctor === storyComponent) {
-    return instance;
-  }
-
-  for (let i = 0, l = instance.$children.length; i < l; i += 1) {
-    const found = lookupStoryInstance(instance.$children[i], storyComponent);
-
-    if (found) {
-      return found;
-    }
-  }
-
-  return null;
-}

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

@@ -1,11 +0,0 @@
-import { extractArgTypes } from './extractArgTypes';
-import { extractComponentDescription } from '../../lib/docgen';
-import { prepareForInline } from './prepareForInline';
-export const parameters = {
-  docs: {
-    inlineStories: true,
-    prepareForInline,
-    extractArgTypes,
-    extractComponentDescription
-  }
-};

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/vue3/extractArgTypes.js

@@ -1,43 +0,0 @@
-import { hasDocgen, extractComponentProps } from '../../lib/docgen';
-import { convert } from '../../lib/convert';
-const SECTIONS = ['props', 'events', 'slots'];
-export const extractArgTypes = component => {
-  if (!hasDocgen(component)) {
-    return null;
-  }
-
-  const results = {};
-  SECTIONS.forEach(section => {
-    const props = extractComponentProps(component, section);
-    props.forEach(({
-      propDef,
-      docgenInfo,
-      jsDocTags
-    }) => {
-      const {
-        name,
-        type,
-        description,
-        defaultValue: defaultSummary,
-        required
-      } = propDef;
-      const sbType = section === 'props' ? convert(docgenInfo) : {
-        name: 'void'
-      };
-      results[name] = {
-        name,
-        description,
-        type: Object.assign({
-          required
-        }, sbType),
-        table: {
-          type,
-          jsDocTags,
-          defaultValue: defaultSummary,
-          category: section
-        }
-      };
-    });
-  });
-  return results;
-};

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import * as Vue from 'vue';
-import { app } from '@storybook/vue3'; // This is cast as `any` to workaround type errors caused by Vue 2 types
-
-const {
-  render,
-  h
-} = Vue;
-export const prepareForInline = (storyFn, {
-  args
-}) => {
-  const component = storyFn();
-  const vnode = h(component, args); // By attaching the app context from `@storybook/vue3` to the vnode
-  // like this, these stoeis are able to access any app config stuff
-  // the end-user set inside `.storybook/preview.js`
-
-  vnode.appContext = app._context; // eslint-disable-line no-underscore-dangle
-
-  return /*#__PURE__*/React.createElement('div', {
-    ref: node => node ? render(vnode, node) : null
-  });
-};

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

@@ -1,24 +0,0 @@
-export function webpackFinal(webpackConfig = {}, options) {
-  var _options$presetsList;
-
-  let vueDocgenOptions = {};
-  (_options$presetsList = options.presetsList) === null || _options$presetsList === void 0 ? void 0 : _options$presetsList.forEach(preset => {
-    if (preset.name.includes('addon-docs') && preset.options.vueDocgenOptions) {
-      const appendableOptions = preset.options.vueDocgenOptions;
-      vueDocgenOptions = Object.assign({}, vueDocgenOptions, appendableOptions);
-    }
-  });
-  webpackConfig.module.rules.push({
-    test: /\.vue$/,
-    loader: require.resolve('vue-docgen-loader', {
-      paths: [require.resolve('@storybook/vue3')]
-    }),
-    enforce: 'post',
-    options: {
-      docgenOptions: Object.assign({
-        alias: webpackConfig.resolve.alias
-      }, vueDocgenOptions)
-    }
-  });
-  return webpackConfig;
-}

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

@@ -1,32 +0,0 @@
-/* global window */
-import React from 'react';
-import { render } from 'lit-html';
-import { extractArgTypes, extractComponentDescription } from './custom-elements';
-export const parameters = {
-  docs: {
-    extractArgTypes,
-    extractComponentDescription,
-    inlineStories: true,
-    prepareForInline: storyFn => {
-      class Story extends React.Component {
-        constructor(props) {
-          super(props);
-          this.wrapperRef = /*#__PURE__*/React.createRef();
-        }
-
-        componentDidMount() {
-          render(storyFn(), this.wrapperRef.current);
-        }
-
-        render() {
-          return /*#__PURE__*/React.createElement('div', {
-            ref: this.wrapperRef
-          });
-        }
-
-      }
-
-      return /*#__PURE__*/React.createElement(Story);
-    }
-  }
-};

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/web-components/custom-elements.js

@@ -1,55 +0,0 @@
-import "core-js/modules/es.array.reduce.js";
-import { getCustomElements, isValidComponent, isValidMetaData } from '@storybook/web-components';
-import { logger } from '@storybook/client-logger';
-
-function mapData(data, category) {
-  return data && data.reduce((acc, item) => {
-    const type = category === 'properties' ? {
-      name: item.type
-    } : {
-      name: 'void'
-    };
-    acc[item.name] = {
-      name: item.name,
-      required: false,
-      description: item.description,
-      type,
-      table: {
-        category,
-        type: {
-          summary: item.type
-        },
-        defaultValue: {
-          summary: item.default !== undefined ? item.default : item.defaultValue
-        }
-      }
-    };
-    return acc;
-  }, {});
-}
-
-const getMetaData = (tagName, customElements) => {
-  if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
-    return null;
-  }
-
-  const metaData = customElements.tags.find(tag => tag.name.toUpperCase() === tagName.toUpperCase());
-
-  if (!metaData) {
-    logger.warn(`Component not found in custom-elements.json: ${tagName}`);
-  }
-
-  return metaData;
-};
-
-export const extractArgTypesFromElements = (tagName, customElements) => {
-  const metaData = getMetaData(tagName, customElements);
-  return metaData && Object.assign({}, mapData(metaData.attributes, 'attributes'), mapData(metaData.properties, 'properties'), mapData(metaData.events, 'events'), mapData(metaData.methods, 'methods'), mapData(metaData.slots, 'slots'), mapData(metaData.cssProperties, 'css custom properties'), mapData(metaData.cssParts, 'css shadow parts'));
-};
-export const extractArgTypes = tagName => {
-  return extractArgTypesFromElements(tagName, getCustomElements());
-};
-export const extractComponentDescription = tagName => {
-  const metaData = getMetaData(tagName, getCustomElements());
-  return metaData && metaData.description;
-};

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

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

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/lib/convert/flow/convert.js

@@ -1,89 +0,0 @@
-/* eslint-disable no-case-declarations */
-const isLiteral = type => type.name === 'literal';
-
-const toEnumOption = element => element.value.replace(/['|"]/g, '');
-
-const convertSig = type => {
-  switch (type.type) {
-    case 'function':
-      return {
-        name: 'function'
-      };
-
-    case 'object':
-      const values = {};
-      type.signature.properties.forEach(prop => {
-        values[prop.key] = convert(prop.value);
-      });
-      return {
-        name: 'object',
-        value: values
-      };
-
-    default:
-      throw new Error(`Unknown: ${type}`);
-  }
-};
-
-export const convert = type => {
-  const {
-    name,
-    raw
-  } = type;
-  const base = {};
-  if (typeof raw !== 'undefined') base.raw = raw;
-
-  switch (type.name) {
-    case 'literal':
-      return Object.assign({}, base, {
-        name: 'other',
-        value: type.value
-      });
-
-    case 'string':
-    case 'number':
-    case 'symbol':
-    case 'boolean':
-      {
-        return Object.assign({}, base, {
-          name
-        });
-      }
-
-    case 'Array':
-      {
-        return Object.assign({}, base, {
-          name: 'array',
-          value: type.elements.map(convert)
-        });
-      }
-
-    case 'signature':
-      return Object.assign({}, base, convertSig(type));
-
-    case 'union':
-      if (type.elements.every(isLiteral)) {
-        return Object.assign({}, base, {
-          name: 'enum',
-          value: type.elements.map(toEnumOption)
-        });
-      }
-
-      return Object.assign({}, base, {
-        name,
-        value: type.elements.map(convert)
-      });
-
-    case 'intersection':
-      return Object.assign({}, base, {
-        name,
-        value: type.elements.map(convert)
-      });
-
-    default:
-      return Object.assign({}, base, {
-        name: 'other',
-        value: name
-      });
-  }
-};