OS-DPI/properties.js at main · sofia-bg/OS-DPI · 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
/* info about component properties */

/** @type {Object<string,PropertyInfo>} */
export const PropInfo = {
  stateName: {
    type: "state",
    name: "State",
    description: "Name of the state variable controlling this element.",
  },
  itemPlacement: {
    type: "select",
    values: { fill: "fill", content: "use row and column from content" },
    name: "Item placement",
    description: "How to place items in the grid",
  },
  rows: {
    type: "number",
    name: "Rows",
    description: "Number of rows in a grid",
    disabled: (props) => props.itemPlacement != "fill",
  },
  columns: {
    type: "number",
    name: "Columns",
    description: "Number of columns in a grid.",
    disabled: (props) => props.itemPlacement != "fill",
  },
  tags: {
    type: "tags",
    name: "Tags",
    description: "A list of tags to match",
    addMessage: "Add a tag",
  },
  match: {
    type: "select",
    values: { contains: "contains", sequence: "sequence" },
    name: "Match",
    description: "How to match the tags.",
  },
  direction: {
    type: "select",
    values: { row: "row", column: "column" },
    name: "Direction",
    description: "Which way to stack elements.",
  },
  tabEdge: {
    type: "select",
    values: {
      bottom: "bottom",
      top: "top",
      left: "left",
      right: "right",
      none: "no tabs",
    },
    name: "Tab Edge",
    description: "Which edge the tabs appear on a tab control",
  },
  name: {
    type: "string",
    name: "Name",
    description: "A name assigned to this element.",
  },
  label: {
    type: "string",
    name: "Label",
    description: "A human readable label for this element.",
  },
  value: {
    type: "string",
    name: "Value",
    description: "The value assigned to the state.",
  },
  scale: {
    type: "number",
    name: "Scale",
    description: "Comparative size of this element compared to its siblings.",
  },
  background: {
    type: "color",
    style: "backgroundColor",
    name: "Background color",
    description: "Color of the background.",
  },
  fontSize: {
    type: "number",
    name: "Font Size",
    description: "Font size for the text in this element.",
    step: 0.5,
    min: 0.5,
  },
  selected: {
    type: "color",
    style: "color",
    name: "Selected color",
    description: "Color of buttons that are currently selected.",
  },
  unselected: {
    type: "color",
    style: "color",
    name: "Unselected color",
    description: "Color of buttons that are not currently selected.",
  },
  voiceURI: {
    type: "voiceURI",
    name: "Voice URI",
    description: "Unique name for the selected voice",
  },
  pitch: {
    type: "number",
    name: "Pitch",
    step: 0.1,
    description: "Pitch as which utterance will be spoken.",
  },
  rate: {
    type: "number",
    name: "Rate",
    step: 0.1,
    description: "Rate at which utterance will be spoken.",
  },
  volume: {
    type: "number",
    name: "Volume",
    step: 0.1,
    description: "Volume at which utterance will be spoken.",
  },
};