« get me outta code hell

generateContentHeading.js « dependencies « content « src - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/content/dependencies/generateContentHeading.js
blob: 0343409ccc44e864fd502304c517a6b1ed37793f (plain)
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
export default {
  extraDependencies: ['html'],
  contentDependencies: ['generateColorStyleVariables'],

  relations: (relation) => ({
    colorVariables: relation('generateColorStyleVariables'),
  }),

  slots: {
    title: {type: 'html'},
    accent: {type: 'html'},

    color: {validate: v => v.isColor},

    id: {type: 'string'},
    tag: {type: 'string', default: 'p'},
  },

  generate(relations, slots, {html}) {
    return html.tag(slots.tag,
      {
        class: 'content-heading',
        id: slots.id,
        tabindex: '0',

        style:
          slots.color &&
            relations.colorVariables
              .slot('color', slots.color)
              .content,
      }, [
        html.tag('span',
          {[html.onlyIfContent]: true, class: 'content-heading-main-title'},
          slots.title),

        html.tag('span',
          {[html.onlyIfContent]: true, class: 'content-heading-accent'},
          slots.accent),
      ]);
  }
}