This repository has been archived by the owner on May 22, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
widget.json
160 lines (144 loc) · 5.34 KB
/
widget.json
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
{
"name": "laxar-details-layer-widget",
"description": "Displays a simple details layer, growing from a source element with animation to its full size.",
"integration": {
"technology": "plain",
"type": "widget"
},
"styleSource": "scss/laxar-details-layer-widget.scss",
"features": {
"$schema": "http://json-schema.org/draft-04/schema#",
"type": "object",
"properties": {
"area": {
"type": "object",
"properties": {
"name": {
"type": "string",
"format": "topic",
"default": "content",
"description": "Name of the area to offer for contents."
}
}
},
"open": {
"type": "object",
"description": "Open the details layer upon action request.",
"properties": {
"onActions": {
"type": "array",
"description": "Names of the actions that trigger opening of the details layer.",
"items": {
"type": "string",
"format": "topic",
"axRole": "inlet"
},
"default": []
},
"resetPosition": {
"type": "boolean",
"default": true,
"description": "If true (default) the popup content will be scrolled to top when opened."
}
}
},
"close": {
"type": "object",
"description": "Close the details layer upon action request.",
"properties": {
"onActions": {
"type": "array",
"description": "Names of the actions that trigger closing of the details layer.",
"items": {
"type": "string",
"format": "topic",
"axRole": "inlet"
},
"default": []
},
"action": {
"type": "string",
"format": "topic",
"axRole": "outlet",
"description": "Name of the action that is published when the layer is closed and all animations are finished."
}
}
},
"closeIcon": {
"type": "object",
"description": "Allow the user to close the details layer using an icon or the escape key.",
"properties": {
"enabled": {
"type": "boolean",
"default": false,
"description": "If true the popup is closed when escape key or the close icon is pressed."
}
}
},
"backdropClose": {
"type": "object",
"description": "Allow the user to close the popup by a backdrop click.",
"properties": {
"enabled": {
"type": "boolean",
"default": false,
"description": "If true the popup is closed when the backdrop is clicked."
}
}
},
"animateFrom": {
"type": "object",
"description": "Configuration for the animation source.",
"properties": {
"activeElement": {
"type": "boolean",
"default": true,
"description": "If true the layer will grow from the current active element when the event is received."
},
"actionSelectorPath": {
"type": "string",
"description": "JSON path to the action event property to interpret as css selector to animate from."
}
}
},
"skipAnimations": {
"type": "object",
"description": "Configuration for skipping the opening animations.",
"properties": {
"actionSelectorPath": {
"type": "string",
"description": "JSON path to the action event property holding a boolean value whether animations should be skipped."
}
}
},
"navigation": {
"type": "object",
"description": "Specify a parameter name and value to enable URL representation of this layer's visiblity state",
"properties": {
"parameterName": {
"type": "string",
"description": "Place parameter to use for indicating the currently visible details"
},
"parameterValue": {
"type": [ "boolean", "string" ],
"description": "Parameter value associated with opening this details layer instance"
}
}
},
"logTag": {
"type": "object",
"description": "Configuration for a log tag to set while the layer is opened",
"properties": {
"name": {
"type": "string",
"description": "Name of the log tag. Should be four upper case letters."
},
"value": {
"type": "string",
"description": "Value for the log tag."
}
}
}
}
}
}