kmap-term-tree/dist/stories/index.stories.js

Renders a tree from a mathematical term

import { html } from 'lit-html';
import '../src/kmap-term-tree.js';
export default {
    title: 'KmapTermTree',
    component: 'kmap-term-tree',
    argTypes: {
        term: { control: 'text' },
        textColor: { control: 'color' },
        backgroundColor: { control: 'color' },
        borderColor: { control: 'color' },
        edgeColor: { control: 'color' },
    },
};
const Template = ({ term = '2a+sin(3b)', textColor, backgroundColor, borderColor, edgeColor, }) => html `
  <kmap-term-tree
    style="--kmap-term-tree-text-color: ${textColor || 'black'}; --kmap-term-tree-background-color: ${backgroundColor || 'white'}; --kmap-term-tree-border-color: ${borderColor || '#005b9f'}; --kmap-term-tree-edge-color: ${edgeColor || '#fbc02d'};"
    .term=${term}
  >
  </kmap-term-tree>
`;
export const Regular = Template.bind({});
//# sourceMappingURL=index.stories.js.map