@ppci/source-map/stories/index.js

Source map

import {
  storiesOf, html, withKnobs,
  withClassPropertiesKnobs, object,
} from '@open-wc/demoing-storybook';

/* Components */
import { SourceMap } from '..';
import readme from '../README.md';

storiesOf('Widgets|Source Map', module)
  .addDecorator(withKnobs)
  .add(
    'Default',
    () => withClassPropertiesKnobs(SourceMap, {
      overrides: el => [
        // Properties
        {
          key: 'pins',
          fn: () => object('pins', el.pins, 'Element'),
        },
        {
          key: 'sources',
          fn: () => object('sources', el.sources, 'Element'),
        },
      ],
      template: html`
        <source-map
          apiKey="AIzaSyBN1Qz3Agvd3RWMMZlWkOTe5BlJSS_YGMI"
        ></source-map>
      `,
    }),
    {
      notes: {
        markdown: readme,
      },
      options: {
        selectedPanel: 'storybooks/knobs/panel',
      },
    },
  );