« 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: f52bc043caed58b9c9de99a9f961059a06782ad1 (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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
export default {
  extraDependencies: ['html'],
  contentDependencies: ['generateColorStyleAttribute'],

  relations: (relation) => ({
    colorStyle: relation('generateColorStyleAttribute'),
  }),

  slots: {
    title: {
      type: 'html',
      mutable: false,
    },

    stickyTitle: {
      type: 'html',
      mutable: false,
    },

    accent: {
      type: 'html',
      mutable: false,
    },

    attributes: {
      type: 'attributes',
      mutable: false,
    },

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

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

  generate: (relations, slots, {html}) =>
    html.tag(slots.tag, {class: 'content-heading'},
      {tabindex: '0'},
      {[html.onlyIfSiblings]: true},

      slots.attributes,

      slots.color &&
        relations.colorStyle.slot('color', slots.color),

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

        html.tag('template', {class: 'content-heading-sticky-title'},
          {[html.onlyIfContent]: true},
          slots.stickyTitle),

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