nexmo-oas-renderer 0.10.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. checksums.yaml +4 -4
  2. data/.rubocop.yml +135 -0
  3. data/.travis.yml +1 -0
  4. data/CHANGELOG.md +15 -0
  5. data/Gemfile +2 -2
  6. data/Gemfile.lock +94 -74
  7. data/README.md +8 -0
  8. data/Rakefile +2 -2
  9. data/bin/console +3 -3
  10. data/lib/nexmo/oas/engine.rb +2 -0
  11. data/lib/nexmo/oas/renderer.rb +5 -5
  12. data/lib/nexmo/oas/renderer/app.rb +79 -40
  13. data/lib/nexmo/oas/renderer/config.ru +4 -2
  14. data/lib/nexmo/oas/renderer/decorators/response_parser_decorator.rb +18 -18
  15. data/lib/nexmo/oas/renderer/helpers/navigation.rb +2 -2
  16. data/lib/nexmo/oas/renderer/helpers/render.rb +2 -1
  17. data/lib/nexmo/oas/renderer/helpers/summary.rb +4 -1
  18. data/lib/nexmo/oas/renderer/helpers/url.rb +2 -0
  19. data/lib/nexmo/oas/renderer/presenters/api_specification.rb +2 -1
  20. data/lib/nexmo/oas/renderer/presenters/endpoint.rb +2 -0
  21. data/lib/nexmo/oas/renderer/presenters/groups.rb +4 -0
  22. data/lib/nexmo/oas/renderer/presenters/navigation.rb +2 -0
  23. data/lib/nexmo/oas/renderer/presenters/open_api_specification.rb +5 -2
  24. data/lib/nexmo/oas/renderer/presenters/request_body_raw.rb +141 -0
  25. data/lib/nexmo/oas/renderer/presenters/response_format.rb +4 -2
  26. data/lib/nexmo/oas/renderer/presenters/response_tab/link.rb +3 -0
  27. data/lib/nexmo/oas/renderer/presenters/response_tab/panel.rb +8 -5
  28. data/lib/nexmo/oas/renderer/presenters/response_tabs.rb +6 -2
  29. data/lib/nexmo/oas/renderer/presenters/versions.rb +11 -10
  30. data/lib/nexmo/oas/renderer/public/assets/javascripts/components/format.js +12 -7
  31. data/lib/nexmo/oas/renderer/public/assets/javascripts/nexmo-oas-renderer.js +51 -24
  32. data/lib/nexmo/oas/renderer/public/assets/javascripts/popper.min.js +5 -0
  33. data/lib/nexmo/oas/renderer/public/assets/javascripts/tooltip.min.js +5 -0
  34. data/lib/nexmo/oas/renderer/public/assets/javascripts/volta.accordion.js +301 -243
  35. data/lib/nexmo/oas/renderer/public/assets/javascripts/volta.tooltip.js +76 -0
  36. data/lib/nexmo/oas/renderer/public/assets/stylesheets/nexmo-oas-renderer.css +255 -823
  37. data/lib/nexmo/oas/renderer/public/assets/stylesheets/nexmo-oas-renderer.css.map +2 -2
  38. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/api.scss +287 -90
  39. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/style.scss +2 -6
  40. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/themes/dark.scss +89 -0
  41. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/themes/light.scss +68 -0
  42. data/lib/nexmo/oas/renderer/public/assets/stylesheets/volta-prism.min.css +1 -1
  43. data/lib/nexmo/oas/renderer/public/assets/stylesheets/volta.min.css +1 -1
  44. data/lib/nexmo/oas/renderer/services/oas_parser.rb +2 -0
  45. data/lib/nexmo/oas/renderer/services/open_api_definition_resolver.rb +3 -1
  46. data/lib/nexmo/oas/renderer/version.rb +3 -1
  47. data/lib/nexmo/oas/renderer/views/layouts/_head.erb +1 -0
  48. data/lib/nexmo/oas/renderer/views/layouts/_javascripts.erb +5 -4
  49. data/lib/nexmo/oas/renderer/views/layouts/open_api.erb +3 -1
  50. data/lib/nexmo/oas/renderer/views/open_api/_auth.erb +74 -0
  51. data/lib/nexmo/oas/renderer/views/open_api/_available_endpoints.erb +25 -0
  52. data/lib/nexmo/oas/renderer/views/open_api/_callback_endpoint.erb +18 -27
  53. data/lib/nexmo/oas/renderer/views/open_api/_callbacks.erb +5 -0
  54. data/lib/nexmo/oas/renderer/views/open_api/_endpoint.erb +39 -124
  55. data/lib/nexmo/oas/renderer/views/open_api/_header.erb +71 -0
  56. data/lib/nexmo/oas/renderer/views/open_api/_model.erb +31 -26
  57. data/lib/nexmo/oas/renderer/views/open_api/_navigation.erb +54 -78
  58. data/lib/nexmo/oas/renderer/views/open_api/_parameter_groups.erb +2 -5
  59. data/lib/nexmo/oas/renderer/views/open_api/_parameters.erb +98 -153
  60. data/lib/nexmo/oas/renderer/views/open_api/_request_json.erb +4 -0
  61. data/lib/nexmo/oas/renderer/views/open_api/_request_one_of.erb +70 -0
  62. data/lib/nexmo/oas/renderer/views/open_api/_request_single.erb +53 -0
  63. data/lib/nexmo/oas/renderer/views/open_api/_requests.erb +22 -0
  64. data/lib/nexmo/oas/renderer/views/open_api/_response_description_parameters.erb +88 -90
  65. data/lib/nexmo/oas/renderer/views/open_api/_response_descriptions.erb +17 -12
  66. data/lib/nexmo/oas/renderer/views/open_api/_response_fields.erb +1 -16
  67. data/lib/nexmo/oas/renderer/views/open_api/_response_tabs.erb +2 -2
  68. data/lib/nexmo/oas/renderer/views/open_api/_responses.erb +35 -0
  69. data/lib/nexmo/oas/renderer/views/open_api/_tabbed_parameters.erb +15 -4
  70. data/lib/nexmo/oas/renderer/views/open_api/_tabbed_single_parameter.erb +56 -0
  71. data/lib/nexmo/oas/renderer/views/open_api/_webhooks.erb +30 -0
  72. data/lib/nexmo/oas/renderer/views/open_api/show.erb +10 -115
  73. data/nexmo-oas-renderer.gemspec +26 -26
  74. metadata +59 -48
  75. data/lib/nexmo/oas/renderer/public/assets/javascripts/components/scroll.js +0 -21
  76. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/core.scss +0 -137
  77. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/navigation.scss +0 -102
  78. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/nexmo.scss +0 -61
  79. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/syntax.scss +0 -63
  80. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/typography.scss +0 -248
  81. data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/volta-templates.scss +0 -119
@@ -0,0 +1,76 @@
1
+ /**
2
+ * Copyright (c) 2001-present, Vonage.
3
+ *
4
+ * Tooltips (requires popper.js, tooltip.js)
5
+ */
6
+ 'use strict';
7
+
8
+ Volta.tooltip = function () {
9
+ var _class = {
10
+ bottom: 'Vlt-tooltip--bottom',
11
+ left: 'Vlt-tooltip--left',
12
+ tooltip: 'Vlt-tooltip',
13
+ top: 'Vlt-tooltip--top',
14
+ right: 'Vlt-tooltip--right',
15
+ large: 'Vlt-tooltip--large'
16
+ }
17
+
18
+ return {
19
+ create: create,
20
+ init: attachTooltipHandlers
21
+ }
22
+
23
+ /**
24
+ * @public
25
+ *
26
+ * @description Create a Tooltip instance for every Vlt-tooltip
27
+ */
28
+ function attachTooltipHandlers() {
29
+ document.querySelectorAll('.' + _class.tooltip).forEach(create);
30
+ }
31
+
32
+ /**
33
+ * @public
34
+ *
35
+ * @description Create a Tooltip instance
36
+ * @param {HTMLElement} tooltip
37
+ * @return {object} a Tooltip element
38
+ */
39
+ function create(tooltip) {
40
+ var placement;
41
+ var size;
42
+
43
+ if (Volta._hasClass(tooltip, _class.bottom)) {
44
+ placement = 'bottom';
45
+ } else if (Volta._hasClass(tooltip, _class.top)) {
46
+ placement = 'top';
47
+ } else if (Volta._hasClass(tooltip, _class.left)) {
48
+ placement = 'left';
49
+ } else if (Volta._hasClass(tooltip, _class.right)) {
50
+ placement = 'right';
51
+ }
52
+
53
+ if (Volta._hasClass(tooltip, _class.large)) {
54
+ size = ' Vlt-tooltip--large';
55
+ } else {
56
+ size='';
57
+ }
58
+
59
+ var template =
60
+ '<div class="Vlt-tooltip--js' + size + '" role="tooltip">' +
61
+ '<div class="tooltip-arrow Vlt-tooltip__arrow"></div>' +
62
+ '<div class="tooltip-inner Vlt-tooltip__content"></div>' +
63
+ '</div>';
64
+
65
+ var title = tooltip.title;
66
+ //remove the title so deafult title does not show
67
+ tooltip.title = "";
68
+
69
+ return new Tooltip(tooltip, {
70
+ html: true,
71
+ template: template,
72
+ title: title,
73
+ placement: placement
74
+ });
75
+ }
76
+ }();
@@ -1,32 +1,3 @@
1
- .Vlt-sidenav {
2
- display: inline-flex; }
3
-
4
- body {
5
- background: #f8fafc; }
6
-
7
- @media only screen and (min-width: 576px) {
8
- .Vlt-S-only {
9
- display: none !important; } }
10
-
11
- @media only screen and (max-width: 575px) {
12
- .Vlt-M-only {
13
- display: none !important; } }
14
- @media only screen and (min-width: 768px) {
15
- .Vlt-M-only {
16
- display: none !important; } }
17
-
18
- @media only screen and (max-width: 767px) {
19
- .Vlt-L-plus {
20
- display: none !important; } }
21
-
22
- @media only screen and (max-width: 575px) {
23
- .Vlt-M-plus {
24
- display: none !important; } }
25
-
26
- @media only screen and (min-width: 768px) {
27
- .Vlt-M-less {
28
- display: none !important; } }
29
-
30
1
  @media only screen and (min-width: 576px) {
31
2
  .Vlt-S-only {
32
3
  display: none !important; } }
@@ -50,806 +21,267 @@ body {
50
21
  .Vlt-M-less {
51
22
  display: none !important; } }
52
23
 
53
- .Nxd-content {
54
- display: flex; }
55
-
56
- .Nxd-menu__indent {
57
- margin-left: 31px !important; }
58
-
59
- .Nxd-method-badge {
24
+ .oas-page .Nxd-header__sub__menu {
25
+ margin-bottom: 0; }
26
+ .oas-page .oas-wrapper {
27
+ margin-top: 0; }
28
+ .oas-page .oas-wrapper .oas-navbar {
29
+ position: sticky;
30
+ height: 56px; }
31
+ .oas-page .oas-wrapper .oas-navbar .Vlt-native-dropdown {
32
+ margin-left: auto; }
33
+ .oas-page .oas-wrapper .oas-navbar .Vlt-native-dropdown select {
34
+ padding-right: 32px; }
35
+
36
+ .oas-wrapper {
37
+ margin-top: 50px; }
38
+ .oas-wrapper em {
39
+ font-style: italic; }
40
+ .oas-wrapper .Vlt-tooltip__content {
41
+ width: auto !important;
42
+ max-width: none !important; }
43
+ .oas-wrapper .Nxd-content {
44
+ display: flex; }
45
+ .oas-wrapper .Nxd-method-badge {
46
+ text-transform: uppercase; }
47
+ .oas-wrapper .api-path-parameter {
48
+ color: #33aaee; }
49
+ .oas-wrapper .Vlt-col {
50
+ padding: 0; }
51
+ .oas-wrapper .Vlt-accordion--chevron-left .Vlt-accordion__trigger:before {
52
+ margin-right: 8px !important; }
53
+ .oas-wrapper .oas-parameter-description {
54
+ margin-left: 16px; }
55
+ .oas-wrapper .oas-parameter-meta {
56
+ border-bottom: 1px solid #ccc;
57
+ margin-bottom: 4px; }
58
+ .oas-wrapper .oas-parameter-nested {
59
+ margin-left: 12px;
60
+ padding-left: 12px;
61
+ border-left: 1px solid #ccc; }
62
+ .oas-wrapper .oas-navbar {
63
+ position: fixed;
64
+ top: 0;
65
+ padding-left: 18px;
66
+ z-index: 100000;
67
+ width: 100vw;
68
+ display: flex; }
69
+ .oas-wrapper .oas-navbar .Vlt-native-dropdown {
70
+ height: fit-content;
71
+ margin-top: 8px;
72
+ margin-left: auto;
73
+ margin-right: 32px;
74
+ justify-content: flex-end; }
75
+ .oas-wrapper .header-row .Vlt-col {
76
+ padding: 0; }
77
+ .oas-wrapper .Vlt-grid {
78
+ margin: 0 !important; }
79
+ .oas-wrapper pre[class*=language-] code {
80
+ white-space: pre-wrap; }
81
+ .oas-wrapper .Vlt-accordion__trigger {
82
+ width: auto;
83
+ font-size: 1.5rem; }
84
+ .oas-wrapper .oas-grid {
85
+ display: flex;
86
+ width: 100%;
87
+ flex-direction: column; }
88
+ .oas-wrapper .oas-parameter-name {
89
+ margin-top: 8px; }
90
+ .oas-wrapper .oas-parameter-name-nested b {
91
+ border-bottom: 1px dashed #ccc; }
92
+ .oas-wrapper .oas-left-panel {
93
+ padding: 0 36px;
94
+ max-width: 51%;
95
+ width: 50%;
96
+ background: white; }
97
+ .oas-wrapper .oas-right-panel {
98
+ font-size: 13px;
99
+ max-width: 49%;
100
+ width: 49%;
101
+ padding: 0 16px; }
102
+ .oas-wrapper .oas-right-panel .Vlt-tabs__header {
103
+ border: 0;
104
+ padding-left: 8px; }
105
+ .oas-wrapper .oas-right-panel .Vlt-js-tabs__link_active {
106
+ font-weight: bold; }
107
+ .oas-wrapper .response-description-toggle strong {
108
+ margin-right: 4px; }
109
+ .oas-wrapper .response-tabs-selector {
110
+ display: flex;
111
+ margin-bottom: 12px;
112
+ flex-direction: row;
113
+ flex-wrap: wrap; }
114
+ .oas-wrapper .response-tabs-selector span {
115
+ padding: 6px 12px;
116
+ margin-right: 2px; }
117
+ .oas-wrapper .response-tabs-selector .response-tabs-selector-item.Vlt-js-tabs__link_active {
118
+ font-weight: normal; }
119
+ .oas-wrapper .oas-path-full {
120
+ display: flex; }
121
+ .oas-wrapper .oas-path-small, .oas-wrapper .oas-navbar-small {
122
+ display: none; }
123
+ @media only screen and (max-width: 1080px) {
124
+ .oas-wrapper .Nxd-header {
125
+ display: none !important; }
126
+ .oas-wrapper .oas-navbar {
127
+ position: sticky !important;
128
+ height: auto !important; }
129
+ .oas-wrapper .oas-navbar-full {
130
+ display: none; }
131
+ .oas-wrapper .oas-navbar-small {
132
+ display: flex; } }
133
+ @media only screen and (max-width: 1080px) {
134
+ .oas-wrapper .response-tabs-selector span {
135
+ margin-bottom: 2px; }
136
+ .oas-wrapper .oas-navbar {
137
+ padding-left: 0; }
138
+ .oas-wrapper .oas-navbar .Vlt-accordion__trigger {
139
+ padding-left: 18px; }
140
+ .oas-wrapper .oas-path-full {
141
+ display: none; }
142
+ .oas-wrapper .oas-path-small {
143
+ display: flex; }
144
+ .oas-wrapper .oas-row {
145
+ padding-left: 0; }
146
+ .oas-wrapper .oas-left-panel, .oas-wrapper .oas-right-panel {
147
+ min-width: 100%; }
148
+ .oas-wrapper .oas-right-panel {
149
+ padding: 36px; }
150
+ .oas-wrapper .oas-left-panel h2, .oas-wrapper .oas-left-panel h3 {
151
+ margin-top: 30px; }
152
+ .oas-wrapper .sm-hidden {
153
+ display: none; }
154
+ .oas-wrapper .Vlt-grid {
155
+ flex-direction: column !important; }
156
+ .oas-wrapper .Vlt-col {
157
+ margin-top: 0px !important;
158
+ margin-bottom: 0px !important; }
159
+ .oas-wrapper .Vlt-right-sm {
160
+ text-align: left !important; } }
161
+ .oas-wrapper .full-background {
162
+ position: absolute;
163
+ height: 100vh;
164
+ z-index: 0; }
165
+ .oas-wrapper .full-background.oas-right-panel {
166
+ left: 51%; }
167
+ .oas-wrapper .oas-trigger-content {
168
+ display: none;
169
+ padding: 16px; }
170
+ .oas-wrapper .oas-trigger {
171
+ font-size: 3rem;
172
+ display: inline-block;
173
+ width: 100%;
174
+ cursor: pointer;
175
+ padding: 12px 0;
176
+ padding-left: 16px;
177
+ border-bottom: 1px solid #ccc;
178
+ display: flex; }
179
+ .oas-wrapper .oas-trigger .Vlt-native-dropdown {
180
+ margin-top: 0; }
181
+ .oas-wrapper .oas-trigger:before {
182
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABkCAMAAACCTv/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA5ubmSUUG+gAAAAJ0Uk5T/wDltzBKAAAAPklEQVR42uzYQQ0AAAgDseHfNC4IyVoD912WAACUm3uampqampqamq+aAAD+IVtTU1NTU1NT0z8EAFBsBRgAX+kR+Qam138AAAAASUVORK5CYII=);
183
+ background-position: center center;
184
+ background-repeat: no-repeat;
185
+ background-size: 22px;
186
+ content: '';
187
+ display: inline-block;
188
+ -ms-flex: 0 0 24px;
189
+ flex: 0 0 24px;
190
+ min-height: 24px;
191
+ width: 24px;
192
+ margin-right: 8px; }
193
+ .oas-wrapper .Nxd-version p {
194
+ text-transform: uppercase;
195
+ font-size: 1.3rem !important; }
196
+ .oas-wrapper .Nxd-version a {
197
+ font-size: 1.3rem !important;
198
+ color: #005282 !important; }
199
+ .oas-wrapper .Nxd-version a.active {
200
+ font-weight: bold; }
201
+ .oas-wrapper .constraint {
202
+ text-transform: uppercase;
203
+ font-size: 0.82em;
204
+ font-weight: 600;
205
+ color: #f25a6b; }
206
+ .oas-wrapper .xml-flag {
207
+ text-transform: uppercase;
208
+ font-size: 0.82em;
209
+ font-weight: 600;
210
+ color: #117bb8; }
211
+
212
+ .theme-light .Vlt-switch__slider:after {
213
+ background-image: url("data:image/svg+xml,%0A%3Csvg height='15px' viewBox='0 0 230 200' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23131415' d='M45.3408,0 L-0.0002,0 L64.6808,146.958 C65.1748,148.081 66.7718,148.07 67.2508,146.942 L88.7628,96.337 L45.3408,0 Z'%3E%3C/path%3E%3Cpath fill='%23131415' d='M183.4502,0 C183.4502,0 113.9562,159.156 104.6482,173.833 C93.8292,190.896 86.6592,197.409 73.3912,199.496 C73.2682,199.515 73.1772,199.621 73.1772,199.746 C73.1772,199.886 73.2912,200 73.4312,200 L114.9552,200 C132.9432,200 145.9152,184.979 153.1042,171.714 C161.2742,156.637 229.5902,0 229.5902,0 L183.4502,0 Z'%3E%3C/path%3E%3C/svg%3E");
214
+ background-repeat: no-repeat;
215
+ background-position: center; }
216
+ .theme-light .theme-link {
217
+ color: black; }
218
+ .theme-light .oas-navbar, .theme-light .oas-right-panel {
219
+ background: #f8fafc !important; }
220
+ .theme-light .group-link {
221
+ background: black !important;
222
+ color: white; }
223
+ .theme-light .Nxd-method-badge--post {
224
+ color: #2d966f;
225
+ background: #d7f2e8; }
226
+ .theme-light .Nxd-method-badge--get {
227
+ color: #117bb8;
228
+ background: #d6eefc; }
229
+ .theme-light .Nxd-method-badge--delete {
230
+ color: #bb3241;
231
+ background: #fde8eb; }
232
+ .theme-light .Nxd-method-badge--patch {
233
+ color: #00848e;
234
+ background: #dbf3f6; }
235
+ .theme-light .Nxd-method-badge--put {
236
+ color: #8f4fa7;
237
+ background: #f3e7f8; }
238
+ .theme-light .oas-right-panel .Vlt-js-tabs__link_active {
239
+ background: #131415 !important;
240
+ color: white; }
241
+ .theme-light .oas-right-panel h4,
242
+ .theme-light .oas-right-panel .Vlt-tabs__link {
243
+ color: black !important; }
244
+
245
+ .theme-dark .Vlt-switch__slider:after {
246
+ background: black;
247
+ background-image: url("data:image/svg+xml,%0A%3Csvg width='15px' height='200px' viewBox='0 0 230 200' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M45.3408,0 L-0.0002,0 L64.6808,146.958 C65.1748,148.081 66.7718,148.07 67.2508,146.942 L88.7628,96.337 L45.3408,0 Z'%3E%3C/path%3E%3Cpath fill='%23ffffff' d='M183.4502,0 C183.4502,0 113.9562,159.156 104.6482,173.833 C93.8292,190.896 86.6592,197.409 73.3912,199.496 C73.2682,199.515 73.1772,199.621 73.1772,199.746 C73.1772,199.886 73.2912,200 73.4312,200 L114.9552,200 C132.9432,200 145.9152,184.979 153.1042,171.714 C161.2742,156.637 229.5902,0 229.5902,0 L183.4502,0 Z'%3E%3C/path%3E%3C/svg%3E");
248
+ background-repeat: no-repeat;
249
+ background-position: center;
250
+ left: 22px; }
251
+ .theme-dark .theme-link {
252
+ color: white !important; }
253
+ .theme-dark .group-link {
254
+ background: #e1e2e6 !important;
255
+ color: #131415; }
256
+ .theme-dark .oas-navbar .oas-trigger, .theme-dark .oas-navbar h4 {
257
+ color: white !important; }
258
+ .theme-dark .oas-navbar .oas-trigger:before, .theme-dark .oas-navbar h4:before {
259
+ filter: invert(100%); }
260
+ .theme-dark .oas-navbar, .theme-dark .oas-right-panel {
261
+ background: #131415; }
262
+ .theme-dark .Vlt-native-dropdown select {
263
+ background: #e1e2e6 !important;
264
+ color: black; }
265
+ .theme-dark .Vlt-native-dropdown:after {
266
+ filter: invert(100%); }
267
+ .theme-dark .Nxd-method-badge {
268
+ color: white;
60
269
  text-transform: uppercase; }
61
- .Nxd-method-badge--post {
270
+ .theme-dark .Nxd-method-badge--post {
62
271
  background: #35be8b; }
63
- .Nxd-method-badge--get {
272
+ .theme-dark .Nxd-method-badge--get {
64
273
  background: #117bb8; }
65
- .Nxd-method-badge--delete {
274
+ .theme-dark .Nxd-method-badge--delete {
66
275
  background: #f25a6b; }
67
- .Nxd-method-badge--patch {
276
+ .theme-dark .Nxd-method-badge--patch {
68
277
  background: #4cc3d2; }
69
- .Nxd-method-badge--put {
278
+ .theme-dark .Nxd-method-badge--put {
70
279
  background: #8f4fa7; }
71
-
72
- .table-no-line td {
73
- border-bottom: none !important; }
74
-
75
- .Nxd-api {
76
- padding-top: 0;
77
- padding-right: 16px; }
78
- @media only screen and (max-width: 575px) {
79
- .Nxd-api {
80
- padding-left: 16px; } }
81
- .Nxd-api__responses {
82
- top: 30px;
83
- position: sticky;
84
- display: block;
85
- overflow: scroll; }
86
- .Nxd-api__code {
87
- background: #e7ebee;
88
- border-bottom: 1px solid #f8fafc;
89
- padding: 16px; }
90
- .Nxd-api__code h4,
91
- .Nxd-api__code h5 {
92
- color: #4e5a64; }
93
- .Nxd-api__code__header {
94
- margin: -24px -16px 16px -16px; }
95
- .Nxd-api__code__header .Vlt-native-dropdown {
96
- margin-right: 16px;
97
- float: right; }
98
- .Nxd-api__code__header--sticky {
99
- position: fixed;
100
- top: 30px;
101
- width: 27.5%;
102
- z-index: 1000; }
103
- @media only screen and (max-width: 575px) {
104
- .Nxd-api__code__header--sticky {
105
- left: 0;
106
- padding: 0 8px;
107
- top: 52px;
108
- width: 100vw;
109
- margin: 0; } }
110
- .Nxd-api__code .Vlt-accordion__trigger:after {
111
- background-color: rgba(255, 255, 255, 0.2);
112
- border-radius: 100%; }
113
- .Nxd-api__docs {
114
- padding-top: 24px; }
115
- @media only screen and (min-width: 576px) {
116
- .Nxd-api__docs {
117
- border-bottom: 1px solid #e7ebee;
118
- padding-top: 40px; } }
119
- .Nxd-api__docs .Vlt-tooltip {
120
- white-space: nowrap; }
121
- .Nxd-api--noborder {
122
- margin-bottom: -16px; }
123
- .Nxd-api--noborder .Nxd-api__docs {
124
- border: 0; }
125
- .Nxd-api--noborder .Nxd-api__code {
126
- border: 0; }
127
- @media only screen and (max-width: 575px) {
128
- .Nxd-api--noborder .Nxd-api__code {
129
- display: none; } }
130
-
131
- .Nxd-version p {
132
- text-transform: uppercase;
133
- font-size: 1.3rem !important; }
134
- .Nxd-version a {
135
- font-size: 1.3rem !important;
136
- color: #005282 !important; }
137
- .Nxd-version a.active {
138
- font-weight: bold; }
139
-
140
- .Vlt-sidenav {
141
- display: inline-flex; }
142
-
143
- body {
144
- background: #f8fafc; }
145
-
146
- @media only screen and (min-width: 576px) {
147
- .Vlt-S-only {
148
- display: none !important; } }
149
-
150
- @media only screen and (max-width: 575px) {
151
- .Vlt-M-only {
152
- display: none !important; } }
153
- @media only screen and (min-width: 768px) {
154
- .Vlt-M-only {
155
- display: none !important; } }
156
-
157
- @media only screen and (max-width: 767px) {
158
- .Vlt-L-plus {
159
- display: none !important; } }
160
-
161
- @media only screen and (max-width: 575px) {
162
- .Vlt-M-plus {
163
- display: none !important; } }
164
-
165
- @media only screen and (min-width: 768px) {
166
- .Vlt-M-less {
167
- display: none !important; } }
168
-
169
- * {
170
- box-sizing: border-box;
171
- font-smoothing: antialiased;
172
- -webkit-font-smoothing: antialiased; }
173
-
174
- body {
175
- display: flex;
176
- min-height: 100vh;
177
- flex-direction: column; }
178
-
179
- .Nxd-template {
180
- display: flex;
181
- flex-flow: row wrap;
182
- width: 100%;
183
- justify-content: center; }
184
-
185
- .Nxd-main {
186
- outline: none; }
187
-
188
- @media only screen and (min-width: 576px) {
189
- .Nxd-main {
190
- height: calc(100vh - 111px); } }
191
- .Nxd-landing-main {
192
- padding: 24px 32px; }
193
-
194
- .container {
195
- max-width: 1300px;
196
- padding: 24px 20px 0;
197
- margin: auto; }
198
-
199
- .row {
200
- max-width: 1300px;
201
- margin-left: -0.9375rem;
202
- margin-right: -0.9375rem; }
203
-
204
- img {
205
- max-width: 100%; }
206
-
207
- table code {
208
- white-space: nowrap; }
209
-
210
- .spacious {
211
- padding: 40px 0; }
212
-
213
- .clearfix {
214
- content: "";
215
- display: table;
216
- clear: both; }
217
-
218
- @keyframes spin {
219
- 0% {
220
- -webkit-transform: rotate(0deg); }
221
- 100% {
222
- -webkit-transform: rotate(359deg); } }
223
- .spinner {
224
- width: 100%;
225
- margin: 40px 0;
226
- text-align: center;
227
- animation: spin 1.2s infinite ease-in-out; }
228
- .spinner i {
229
- font-size: 40px;
230
- color: #E4EEF3; }
231
-
232
- .flex {
233
- display: flex; }
234
-
235
- .flex--auto > * {
236
- flex: 1; }
237
-
238
- .hide {
239
- display: none; }
240
-
241
- .grecaptcha-badge {
242
- display: none; }
243
-
244
- .float-right {
245
- float: right; }
246
-
247
- .Nxd-header-notices .Vlt-callout {
248
- margin-bottom: 32px; }
249
-
250
- table .Vlt-icon:not(.Vlt-icon--smaller) {
251
- display: block;
252
- margin: 0 auto; }
253
-
254
- .Vlt-title--icon {
255
- position: relative; }
256
-
257
- .heading-permalink {
258
- opacity: 0;
259
- transition: opacity 0.2s;
260
- position: absolute;
261
- left: -20px; }
262
- .heading-permalink svg {
263
- height: 18px !important;
264
- width: 18px !important; }
265
- .Vlt-title--icon:hover .heading-permalink {
266
- opacity: 1; }
267
-
268
- .Vlt-sidenav {
269
- flex: 0 0 300px;
270
- width: 300px; }
271
-
272
- .Vlt-sidemenu--flat .Vlt-sidemenu__link {
273
- padding: 4px 10px; }
274
- .Vlt-sidemenu--flat li a {
275
- font-weight: 900; }
276
- .Vlt-sidemenu--flat li li a {
277
- font-weight: 600; }
278
- .Vlt-sidemenu--flat li li li a {
279
- font-weight: 400; }
280
-
281
- .Vlt-sidemenu__title + ul > li {
282
- margin-left: 0 !important; }
283
-
284
- @media only screen and (min-width: 576px) {
285
- .Vlt-sidenav {
286
- height: calc(100vh - 111px); } }
287
- .navigation--documentation .navigation-item--api-reference a {
288
- color: #117bb8; }
289
- .navigation--documentation .navigation-item--sdk-documentation > a {
290
- color: #35be8b; }
291
- .navigation--documentation .navigation-item--ncco-reference a {
292
- color: #4cc3d2; }
293
- .navigation--documentation .navigation-item--ncco-reference a .navigation-item--ncco-reference a {
294
- color: #4cc3d2; }
295
-
296
- #Vlt-sidenav-mobile-trigger {
297
- display: inline-block;
298
- margin-top: 4px;
299
- margin-right: 16px; }
300
- #Vlt-sidenav-mobile-trigger svg {
301
- height: 24px;
302
- width: 24px; }
303
- @media only screen and (min-width: 576px) {
304
- #Vlt-sidenav-mobile-trigger {
305
- display: none; } }
306
-
307
- .Nxd-tutorial {
308
- border-right: 1px solid silver; }
309
-
310
- .Nxd-tutorial-sidenav {
311
- padding: 0px; }
312
- .Nxd-tutorial-sidenav a {
313
- color: black; }
314
- .Nxd-tutorial-sidenav li li {
315
- margin-left: 10px !important; }
316
-
317
- .Vlt-sidemenu__link_active {
280
+ .theme-dark .oas-right-panel .Vlt-tabs__link {
318
281
  color: white !important; }
319
-
320
- .highlight .c {
321
- color: #919eab; }
322
-
323
- /* Comment */
324
- .highlight .err {
325
- color: #fde8eb;
326
- background-color: rgba(247, 156, 166, 0.7); }
327
-
328
- /* Error */
329
- .highlight .k {
330
- color: #33aaee; }
331
-
332
- /* Keyword */
333
- .highlight .l {
334
- color: #dcb6e9; }
335
-
336
- /* Literal */
337
- .highlight .n {
338
- color: #c4cdd5; }
339
-
340
- /* Name */
341
- .highlight .o {
342
- color: #f79ca6; }
343
-
344
- /* Operator */
345
- .highlight .p {
346
- color: #c4cdd5; }
347
-
348
- /* Punctuation */
349
- .highlight .cm {
350
- color: #919eab; }
351
-
352
- /* Comment.Multiline */
353
- .highlight .cp {
354
- color: #919eab; }
355
-
356
- /* Comment.Preproc */
357
- .highlight .c1 {
358
- color: #919eab; }
359
-
360
- /* Comment.Single */
361
- .highlight .cs {
362
- color: #919eab; }
363
-
364
- /* Comment.Special */
365
- .highlight .ge {
366
- font-style: italic; }
367
-
368
- /* Generic.Emph */
369
- .highlight .gs {
370
- font-weight: bold; }
371
-
372
- /* Generic.Strong */
373
- .highlight .kc {
374
- color: #33aaee; }
375
-
376
- /* Keyword.Constant */
377
- .highlight .kd {
378
- color: #33aaee; }
379
-
380
- /* Keyword.Declaration */
381
- .highlight .kn {
382
- color: #f79ca6; }
383
-
384
- /* Keyword.Namespace */
385
- .highlight .kp {
386
- color: #33aaee; }
387
-
388
- /* Keyword.Pseudo */
389
- .highlight .kr {
390
- color: #33aaee; }
391
-
392
- /* Keyword.Reserved */
393
- .highlight .kt {
394
- color: #33aaee; }
395
-
396
- /* Keyword.Type */
397
- .highlight .ld {
398
- color: #ffc000; }
399
-
400
- /* Literal.Date */
401
- .highlight .m {
402
- color: #dcb6e9; }
403
-
404
- /* Literal.Number */
405
- .highlight .s {
406
- color: #ffc000; }
407
-
408
- /* Literal.String */
409
- .highlight .na {
410
- color: #86d8b9; }
411
-
412
- /* Name.Attribute */
413
- .highlight .nb {
414
- color: #c4cdd5; }
415
-
416
- /* Name.Builtin */
417
- .highlight .nc {
418
- color: #86d8b9; }
419
-
420
- /* Name.Class */
421
- .highlight .no {
422
- color: #33aaee; }
423
-
424
- /* Name.Constant */
425
- .highlight .nd {
426
- color: #86d8b9; }
427
-
428
- /* Name.Decorator */
429
- .highlight .ni {
430
- color: #c4cdd5; }
431
-
432
- /* Name.Entity */
433
- .highlight .ne {
434
- color: #86d8b9; }
435
-
436
- /* Name.Exception */
437
- .highlight .nf {
438
- color: #86d8b9; }
439
-
440
- /* Name.Function */
441
- .highlight .nl {
442
- color: #c4cdd5; }
443
-
444
- /* Name.Label */
445
- .highlight .nn {
446
- color: #c4cdd5; }
447
-
448
- /* Name.Namespace */
449
- .highlight .nx {
450
- color: #86d8b9; }
451
-
452
- /* Name.Other */
453
- .highlight .py {
454
- color: #c4cdd5; }
455
-
456
- /* Name.Property */
457
- .highlight .nt {
458
- color: #f79ca6; }
459
-
460
- /* Name.Tag */
461
- .highlight .nv {
462
- color: #c4cdd5; }
463
-
464
- /* Name.Variable */
465
- .highlight .ow {
466
- color: #f79ca6; }
467
-
468
- /* Operator.Word */
469
- .highlight .w {
470
- color: #c4cdd5; }
471
-
472
- /* Text.Whitespace */
473
- .highlight .mf {
474
- color: #dcb6e9; }
475
-
476
- /* Literal.Number.Float */
477
- .highlight .mh {
478
- color: #dcb6e9; }
479
-
480
- /* Literal.Number.Hex */
481
- .highlight .mi {
482
- color: #dcb6e9; }
483
-
484
- /* Literal.Number.Integer */
485
- .highlight .mo {
486
- color: #dcb6e9; }
487
-
488
- /* Literal.Number.Oct */
489
- .highlight .sb {
490
- color: #ffc000; }
491
-
492
- /* Literal.String.Backtick */
493
- .highlight .sc {
494
- color: #ffc000; }
495
-
496
- /* Literal.String.Char */
497
- .highlight .sd {
498
- color: #ffc000; }
499
-
500
- /* Literal.String.Doc */
501
- .highlight .s2 {
502
- color: #ffc000; }
503
-
504
- /* Literal.String.Double */
505
- .highlight .se {
506
- color: #dcb6e9; }
507
-
508
- /* Literal.String.Escape */
509
- .highlight .sh {
510
- color: #ffc000; }
511
-
512
- /* Literal.String.Heredoc */
513
- .highlight .si {
514
- color: #ffbc67; }
515
-
516
- /* Literal.String.Interpol */
517
- .highlight .sx {
518
- color: #ffc000; }
519
-
520
- /* Literal.String.Other */
521
- .highlight .sr {
522
- color: #ffc000; }
523
-
524
- /* Literal.String.Regex */
525
- .highlight .s1 {
526
- color: #ffc000; }
527
-
528
- /* Literal.String.Single */
529
- .highlight .ss {
530
- color: #ffc000; }
531
-
532
- /* Literal.String.Symbol */
533
- .highlight .bp {
534
- color: #c4cdd5; }
535
-
536
- /* Name.Builtin.Pseudo */
537
- .highlight .vc {
538
- color: #c4cdd5; }
539
-
540
- /* Name.Variable.Class */
541
- .highlight .vg {
542
- color: #c4cdd5; }
543
-
544
- /* Name.Variable.Global */
545
- .highlight .vi {
546
- color: #c4cdd5; }
547
-
548
- /* Name.Variable.Instance */
549
- .highlight .il {
550
- color: #dcb6e9; }
551
-
552
- /* Literal.Number.Integer.Long */
553
- /* Generic Heading & Diff Header */
554
- .highlight .gu {
555
- color: #919eab; }
556
-
557
- /* Generic.Subheading & Diff Unified/Comment? */
558
- .highlight .gd {
559
- color: #f79ca6; }
560
-
561
- /* Generic.Deleted & Diff Deleted */
562
- .highlight .gi {
563
- color: #86d8b9; }
564
-
565
- /* Generic.Inserted & Diff Inserted */
566
- ul pre code, ol pre code, p pre code, h1 pre code, h2 pre code, h3 pre code, h4 pre code, h5 pre code, h6 pre code, table pre code {
567
- display: inline;
568
- border: none;
569
- color: inherit;
570
- background: none;
571
- padding: 0;
572
- margin: 0;
573
- border-radius: none; }
574
-
575
- nav a, h1 a {
576
- border-bottom: none; }
577
-
578
- .center {
579
- text-align: center; }
580
-
581
- .left {
582
- text-align: left; }
583
-
584
- .right {
585
- text-align: right; }
586
-
587
- .indent {
588
- margin-left: 30px; }
589
-
590
- pre.highlight {
591
- background: #2c2d30;
592
- -webkit-font-smoothing: antialiased;
593
- padding: 20px;
594
- color: #ffffff;
595
- margin-bottom: 20px;
596
- line-height: 1.35;
597
- overflow: auto;
598
- position: relative;
599
- border-radius: 4px; }
600
- pre.highlight code {
601
- color: #e7ebee; }
602
-
603
- pre {
604
- font-family: Consolas, monospace;
605
- font-size: 16px; }
606
-
607
- .gutter {
608
- color: #5f697c;
609
- text-align: right;
610
- padding-right: 5px;
611
- user-select: none; }
612
-
613
- .active {
614
- color: #117bb8; }
615
-
616
- .Nxd-article li ul, .Nxd-article li ol {
617
- margin-top: 5px; }
618
- .Nxd-article ul {
619
- margin-bottom: 15px; }
620
- .Nxd-article ul li {
621
- font-size: 1em;
622
- margin-bottom: 5px; }
623
- .Nxd-article .tight {
624
- margin: 0; }
625
-
626
- .tight {
627
- margin: 0; }
628
-
629
- .color-text {
630
- color: #224E66; }
631
-
632
- .color--warn {
633
- color: #ff8f02; }
634
-
635
- .color--error {
636
- color: #f25a6b; }
637
-
638
- .color--success {
639
- color: #35be8b; }
640
-
641
- .meta {
642
- display: block;
643
- color: #5b8297;
644
- text-transform: uppercase;
645
- font-weight: 700;
646
- font-size: 13px;
647
- margin-bottom: 5px; }
648
-
649
- .tooltip {
650
- position: relative;
651
- display: inline-block;
652
- color: #4a748a;
653
- border-bottom: 1px dotted #93B6C7;
654
- font-size: 0.95em;
655
- cursor: pointer; }
656
- .tooltip:before {
657
- display: none;
658
- content: ' ';
659
- width: 0;
660
- height: 0;
661
- border-style: solid;
662
- border-width: 0 10px 12px 10px;
663
- border-color: transparent transparent #282c34 transparent;
664
- position: absolute;
665
- left: 50%;
666
- margin-left: -5px;
667
- bottom: -12px; }
668
- .tooltip:after {
669
- display: none;
670
- content: attr(data-text);
671
- pointer-events: none;
672
- background: #282c34;
673
- color: #ffffff;
674
- padding: 10px;
675
- position: absolute;
676
- width: 300px;
677
- left: 50%;
678
- margin-left: -150px;
679
- margin-top: 10px;
680
- text-align: center;
681
- z-index: 2; }
682
- .tooltip:hover, .tooltip:focus {
683
- outline: none;
684
- color: #E6547B;
685
- border-bottom-color: #E6547B; }
686
- .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after {
687
- display: block; }
688
-
689
- .flash {
690
- font-size: 1.2em;
691
- margin: 20px 0;
692
- color: #E6547B; }
693
-
694
- .version {
695
- margin-top: 40px; }
696
-
697
- .api-path {
698
- display: block;
699
- border: 2px solid #E4EEF3;
700
- border-radius: 4px;
701
- overflow: hidden;
702
- margin-bottom: 20px;
703
- font-size: 1.2em;
704
- background: #ffffff; }
705
- .api-path .api-path-parameter {
706
- color: #E6547B; }
707
- .api-path .api-path-method {
708
- display: inline-block;
709
- font-family: Consolas, monospace;
710
- color: #117bb8;
711
- background: #f3f8fb;
712
- border-right: 1px solid #dbebf4;
713
- margin-right: 10px;
714
- font-weight: 700;
715
- padding: 6px 20px 3px 20px; }
716
- .api-path .api-path-method--post {
717
- color: #35be8b;
718
- background: #f5fcf9;
719
- border-right: 1px solid #e1f5ee; }
720
- .api-path .api-path-method--delete {
721
- color: #f25a6b;
722
- background: #fef7f8;
723
- border-right: 1px solid #fde6e9; }
724
- .api-path .api-path-method--update {
725
- color: #ff8f02;
726
- background: #fff9f2;
727
- border-right: 1px solid #ffeed9; }
728
- .api-path .api-path-host {
729
- margin-right: -10px;
730
- color: #96abb6; }
731
-
732
- .api-reference b {
733
- color: #4a748a; }
734
-
735
- .flag {
736
- text-transform: uppercase;
737
- font-size: 0.82em;
738
- font-weight: 600;
739
- color: #117bb8; }
740
- .flag--strong {
741
- color: #f25a6b; }
742
-
743
- .subtle {
744
- color: #4a748a; }
745
-
746
- .truncate {
747
- overflow: hidden;
748
- display: -webkit-box;
749
- -webkit-line-clamp: 3;
750
- -webkit-box-orient: vertical; }
751
-
752
- @media only screen and (min-width: 576px) {
753
- .Vlt-S-only {
754
- display: none !important; } }
755
-
756
- @media only screen and (max-width: 575px) {
757
- .Vlt-M-only {
758
- display: none !important; } }
759
- @media only screen and (min-width: 768px) {
760
- .Vlt-M-only {
761
- display: none !important; } }
762
-
763
- @media only screen and (max-width: 767px) {
764
- .Vlt-L-plus {
765
- display: none !important; } }
766
-
767
- @media only screen and (max-width: 575px) {
768
- .Vlt-M-plus {
769
- display: none !important; } }
770
-
771
- @media only screen and (min-width: 768px) {
772
- .Vlt-M-less {
773
- display: none !important; } }
774
-
775
- .Vlt-template {
776
- display: flex;
777
- flex-flow: row wrap;
778
- width: 100%; }
779
- @media only screen and (max-width: 575px) {
780
- .Vlt-template--header .Vlt-sidenav__mobile {
781
- top: 70px;
782
- z-index: 650; } }
783
-
784
- .Vlt-header {
785
- align-items: center;
786
- background: #ffffff;
787
- box-shadow: 1px 0 8px rgba(44, 45, 48, 0.2);
788
- display: flex;
789
- flex: 0 0 100%;
790
- height: 70px;
791
- justify-content: space-between;
792
- padding: 4px 20px;
793
- transition: height 0.5s;
794
- width: 100%;
795
- z-index: 700; }
796
- @media only screen and (max-width: 575px) {
797
- .Vlt-header {
798
- position: fixed; } }
799
- .Vlt-header__logo {
800
- display: block;
801
- flex: 0 0 270px; }
802
- @media only screen and (max-width: 575px) {
803
- .Vlt-header__logo {
804
- flex: 0 0 50px; } }
805
- .Vlt-header__logo img {
806
- height: 40px;
807
- margin: 10px 0; }
808
- .Vlt-header__menu {
809
- flex: 1; }
810
- .Vlt-header__menu--right {
811
- text-align: right; }
812
- .Vlt-header .Vlt-tabs__header {
813
- border: 0; }
814
-
815
- .Vlt-main {
816
- flex: 1;
817
- height: 100vh;
818
- overflow-y: auto;
819
- padding-bottom: 20px;
820
- padding-left: 10px;
821
- padding-right: 20px;
822
- padding-top: 15px; }
823
- @media only screen and (max-width: 575px) {
824
- .Vlt-main {
825
- padding: 10px; } }
826
- .Vlt-main--light {
827
- background: #f8fafc; }
828
- @media only screen and (max-width: 575px) {
829
- .Vlt-template--sidenav .Vlt-main {
830
- padding-top: 70px; } }
831
- .Vlt-template--auth .Vlt-main {
832
- align-items: center;
833
- display: flex;
834
- justify-content: center; }
835
- @media only screen and (max-width: 575px) {
836
- .Vlt-template--auth .Vlt-main {
837
- padding-top: 100px; } }
838
- @media only screen and (max-width: 575px) {
839
- .Vlt-template--sidenav.Vlt-template--header .Vlt-main {
840
- padding-top: 140px; } }
841
- .Vlt-main__content {
842
- max-height: calc(100vh - 130px);
843
- max-width: 600px;
844
- overflow-y: auto;
845
- text-align: center; }
846
- @media only screen and (max-width: 575px) {
847
- .Vlt-main__content {
848
- max-height: calc(100vh - 100px); } }
849
-
850
- @media only screen and (min-width: 576px) {
851
- .Vlt-template--header .Vlt-sidenav,
852
- .Vlt-template--header .Vlt-main {
853
- height: calc(100vh - 70px); } }
282
+ .theme-dark .oas-right-panel .Vlt-tabs__link_active:after {
283
+ background: white !important; }
284
+ .theme-dark .oas-right-panel .Vlt-js-tabs__link_active {
285
+ background: white !important; }
854
286
 
855
287
  /*# sourceMappingURL=nexmo-oas-renderer.css.map */