embeds-preview/topic.stories-4GjbOr1p.js at main · rubyevents/embeds-preview · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import { b } from './lit-element-xPuJNNul.js';
import { g as getBaseUrl, d as FALLBACK_TOPIC_SLUGS } from './slugs-BWy3PvLo.js';
import './state-CRAeqyPl.js';

const meta = {
    title: 'Components/Topic',
    component: 'rubyevents-topic',
    argTypes: {
        slug: {
            control: 'select',
            options: FALLBACK_TOPIC_SLUGS,
            description: 'The slug of the topic to display',
        },
        limit: {
            control: 'number',
            description: 'Maximum number of talks to display',
        },
        'base-url': {
            control: 'text',
            description: 'Base URL for the RubyEvents API',
        },
        'show-footer': {
            control: 'boolean',
            description: 'Whether to show the "Powered by" footer',
        },
    },
    args: {
        slug: 'truffleruby',
        limit: 10,
        'base-url': getBaseUrl(),
        'show-footer': true,
    },
};
const Default = {
    render: args => b `
    <rubyevents-topic
      slug=${args.slug}
      limit=${args.limit}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-topic>
  `,
    parameters: {
        docs: {
            source: {
                code: `<rubyevents-topic slug="truffleruby" show-footer></rubyevents-topic>`,
            },
        },
    },
};
const WithMoreTalks = {
    args: {
        slug: 'ruby-on-rails',
        limit: 3,
    },
    render: args => b `
    <rubyevents-topic
      slug=${args.slug}
      limit=${args.limit}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-topic>
  `,
    parameters: {
        docs: {
            source: {
                code: `<rubyevents-topic slug="ruby-on-rails" limit="3" show-footer></rubyevents-topic>`,
            },
        },
    },
};
const WithoutFooter = {
    args: {
        'show-footer': false,
    },
    render: args => b `
    <rubyevents-topic
      slug=${args.slug}
      limit=${args.limit}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-topic>
  `,
    parameters: {
        docs: {
            source: {
                code: `<rubyevents-topic slug="truffleruby"></rubyevents-topic>`,
            },
        },
    },
};

export { Default, WithMoreTalks, WithoutFooter, meta as default };