Skip to content

Commit 3cc2bcc

Browse files
committed
updated packages and generated build
1 parent 21746a7 commit 3cc2bcc

11 files changed

+230
-150
lines changed

dist/rapidoc-min.js

Lines changed: 50 additions & 51 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/rapidoc-min.js.gz

11 Bytes
Binary file not shown.

dist/rapidoc-min.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/rapidoc-min.js.map.gz

105 Bytes
Binary file not shown.

dist/rapidoc.js

Lines changed: 59 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -30693,25 +30693,52 @@ class ApiRequest extends lit_element_s {
3069330693
</div>
3069430694
`;
3069530695
}
30696-
30697-
updated(changedProperties) {
30696+
/*
30697+
async updated(changedProperties) {
3069830698
// In focused mode after rendering the request component, update the text-areas(which contains examples) using
3069930699
// the original values from hidden textareas
3070030700
// This is done coz, user may update the dom by editing the textarea's and once the DOM is updated externally change detection wont happen, therefore update the values manually
3070130701
if (this.renderStyle === 'focused') {
30702-
if (changedProperties.size === 1 && changedProperties.has('activeSchemaTab')) {// dont update example as only tabs is switched
30702+
if (changedProperties.size === 1 && changedProperties.has('activeSchemaTab')) {
30703+
// dont update example as only tabs is switched
3070330704
} else {
30704-
const exampleTextAreaEls = [...this.shadowRoot.querySelectorAll('textarea[data-ptype="form-data"]')];
30705-
exampleTextAreaEls.forEach(el => {
30706-
const origExampleEl = this.shadowRoot.querySelector(`textarea[data-pname='hidden-${el.dataset.pname}']`);
30707-
30708-
if (origExampleEl) {
30709-
el.value = origExampleEl.value;
30710-
}
30711-
});
30705+
this.requestUpdate();
3071230706
}
3071330707
}
3071430708
}
30709+
*/
30710+
30711+
30712+
async saveExampleState() {
30713+
if (this.renderStyle === 'focused') {
30714+
const reqBodyTextAreaEls = [...this.shadowRoot.querySelectorAll('textarea.request-body-param-user-input')];
30715+
reqBodyTextAreaEls.forEach(el => {
30716+
el.dataset.user_example = el.value;
30717+
});
30718+
const exampleTextAreaEls = [...this.shadowRoot.querySelectorAll('textarea[data-ptype="form-data"]')];
30719+
exampleTextAreaEls.forEach(el => {
30720+
el.dataset.user_example = el.value;
30721+
});
30722+
this.requestUpdate();
30723+
}
30724+
}
30725+
30726+
async updateExamplesFromDataAttr() {
30727+
// In focused mode after rendering the request component, update the text-areas(which contains examples) using
30728+
// the original values from hidden textareas
30729+
// This is done coz, user may update the dom by editing the textarea's and once the DOM is updated externally change detection wont happen, therefore update the values manually
30730+
if (this.renderStyle === 'focused') {
30731+
const reqBodyTextAreaEls = [...this.shadowRoot.querySelectorAll('textarea.request-body-param-user-input')];
30732+
reqBodyTextAreaEls.forEach(el => {
30733+
el.value = el.dataset.user_example || el.dataset.example;
30734+
});
30735+
const exampleTextAreaEls = [...this.shadowRoot.querySelectorAll('textarea[data-ptype="form-data"]')];
30736+
exampleTextAreaEls.forEach(el => {
30737+
el.value = el.dataset.user_example || el.dataset.example;
30738+
});
30739+
this.requestUpdate();
30740+
}
30741+
}
3071530742

3071630743
renderExample(example, paramType, paramName) {
3071730744
var _example$value, _example$value2;
@@ -30964,11 +30991,17 @@ class ApiRequest extends lit_element_s {
3096430991
${tableRows}
3096530992
</table>
3096630993
</div>`;
30967-
}
30994+
} // This method is called before navigation change in focusd mode
30995+
3096830996

30969-
resetRequestBodySelection() {
30997+
async beforerNavigationFocusedMode() {// this.saveExampleState();
30998+
} // This method is called after navigation change in focusd mode
30999+
31000+
31001+
async afterNavigationFocusedMode() {
3097031002
this.selectedRequestBodyType = '';
3097131003
this.selectedRequestBodyExample = '';
31004+
this.updateExamplesFromDataAttr();
3097231005
this.clearResponseData();
3097331006
} // Request-Body Event Handlers
3097431007

@@ -31171,7 +31204,8 @@ class ApiRequest extends lit_element_s {
3117131204
<button class="tab-btn ${this.activeSchemaTab === 'example' ? 'active' : ''}" data-tab = 'example'>EXAMPLE</button>
3117231205
<button class="tab-btn ${this.activeSchemaTab !== 'example' ? 'active' : ''}" data-tab = 'schema'>SCHEMA</button>
3117331206
</div>
31174-
${this.activeSchemaTab === 'example' ? $`<div class="tab-content col"> ${reqBodyExampleHtml}</div>` : $`<div class="tab-content col"> ${reqBodySchemaHtml}</div>`}
31207+
${$`<div class="tab-content col" style="display:${this.activeSchemaTab === 'example' ? 'block' : 'none'};"> ${reqBodyExampleHtml}</div>`}
31208+
${$`<div class="tab-content col" style="display:${this.activeSchemaTab === 'example' ? 'none' : 'block'};"> ${reqBodySchemaHtml}</div>`}
3117531209
</div>` : $`
3117631210
${reqBodyFileInputHtml}
3117731211
${reqBodyFormHtml}`}
@@ -31234,8 +31268,6 @@ class ApiRequest extends lit_element_s {
3123431268
.textContent = "${this.fillRequestFieldsWithExample === 'true' ? formdataPartExample[0].exampleValue : ''}"
3123531269
spellcheck = "false"
3123631270
></textarea>
31237-
<!-- This textarea(hidden) is to store the original example value, in focused mode on navbar change it is used to update the example text -->
31238-
<textarea data-pname = "hidden-${fieldName}" data-ptype = "${mimeType.includes('form-urlencode') ? 'hidden-form-urlencode' : 'hidden-form-data'}" class="is-hidden" style="display:none">${formdataPartExample[0].exampleValue}</textarea>
3123931271
</div>`}
3124031272
${$`
3124131273
<div class="tab-content col" data-tab = 'schema' style="display:${this.activeSchemaTab !== 'example' ? 'block' : 'none'}; padding-left:5px; width:100%;">
@@ -35688,6 +35720,15 @@ class RapiDoc extends lit_element_s {
3568835720
}
3568935721

3569035722
this.isIntersectionObserverActive = false;
35723+
35724+
if (this.renderStyle === 'focused') {
35725+
const requestEl = this.shadowRoot.querySelector('api-request');
35726+
35727+
if (requestEl) {
35728+
requestEl.beforerNavigationFocusedMode();
35729+
}
35730+
}
35731+
3569135732
this.scrollTo(navEl.dataset.contentId, true, scrollNavItemToView);
3569235733
setTimeout(() => {
3569335734
this.isIntersectionObserverActive = true;
@@ -35725,7 +35766,7 @@ class RapiDoc extends lit_element_s {
3572535766
const requestEl = this.shadowRoot.querySelector('api-request');
3572635767

3572735768
if (requestEl) {
35728-
requestEl.resetRequestBodySelection();
35769+
requestEl.afterNavigationFocusedMode();
3572935770
}
3573035771

3573135772
const responseEl = this.shadowRoot.querySelector('api-response');
@@ -40413,7 +40454,7 @@ function getType(str) {
4041340454
/******/
4041440455
/******/ /* webpack/runtime/getFullHash */
4041540456
/******/ (() => {
40416-
/******/ __webpack_require__.h = () => ("ccec3cb349627a1ca179")
40457+
/******/ __webpack_require__.h = () => ("7e5b4aa8cf9c2be345b4")
4041740458
/******/ })();
4041840459
/******/
4041940460
/******/ /* webpack/runtime/global */

dist/report.html

Lines changed: 2 additions & 2 deletions
Large diffs are not rendered by default.

docs/examples/multipart-formdata.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
spec-url="../specs/multipart-formdata.yaml"
2424
allow-authentication = "false"
2525
show-header = "false"
26-
render-style = "read"
26+
render-style = "focused"
2727
allow-try = "true"
2828
regular-font = 'Open Sans'
2929
mono-font = "Roboto Mono"

docs/rapidoc-min.js

Lines changed: 50 additions & 51 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/rapidoc.js

Lines changed: 59 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -30693,25 +30693,52 @@ class ApiRequest extends lit_element_s {
3069330693
</div>
3069430694
`;
3069530695
}
30696-
30697-
updated(changedProperties) {
30696+
/*
30697+
async updated(changedProperties) {
3069830698
// In focused mode after rendering the request component, update the text-areas(which contains examples) using
3069930699
// the original values from hidden textareas
3070030700
// This is done coz, user may update the dom by editing the textarea's and once the DOM is updated externally change detection wont happen, therefore update the values manually
3070130701
if (this.renderStyle === 'focused') {
30702-
if (changedProperties.size === 1 && changedProperties.has('activeSchemaTab')) {// dont update example as only tabs is switched
30702+
if (changedProperties.size === 1 && changedProperties.has('activeSchemaTab')) {
30703+
// dont update example as only tabs is switched
3070330704
} else {
30704-
const exampleTextAreaEls = [...this.shadowRoot.querySelectorAll('textarea[data-ptype="form-data"]')];
30705-
exampleTextAreaEls.forEach(el => {
30706-
const origExampleEl = this.shadowRoot.querySelector(`textarea[data-pname='hidden-${el.dataset.pname}']`);
30707-
30708-
if (origExampleEl) {
30709-
el.value = origExampleEl.value;
30710-
}
30711-
});
30705+
this.requestUpdate();
3071230706
}
3071330707
}
3071430708
}
30709+
*/
30710+
30711+
30712+
async saveExampleState() {
30713+
if (this.renderStyle === 'focused') {
30714+
const reqBodyTextAreaEls = [...this.shadowRoot.querySelectorAll('textarea.request-body-param-user-input')];
30715+
reqBodyTextAreaEls.forEach(el => {
30716+
el.dataset.user_example = el.value;
30717+
});
30718+
const exampleTextAreaEls = [...this.shadowRoot.querySelectorAll('textarea[data-ptype="form-data"]')];
30719+
exampleTextAreaEls.forEach(el => {
30720+
el.dataset.user_example = el.value;
30721+
});
30722+
this.requestUpdate();
30723+
}
30724+
}
30725+
30726+
async updateExamplesFromDataAttr() {
30727+
// In focused mode after rendering the request component, update the text-areas(which contains examples) using
30728+
// the original values from hidden textareas
30729+
// This is done coz, user may update the dom by editing the textarea's and once the DOM is updated externally change detection wont happen, therefore update the values manually
30730+
if (this.renderStyle === 'focused') {
30731+
const reqBodyTextAreaEls = [...this.shadowRoot.querySelectorAll('textarea.request-body-param-user-input')];
30732+
reqBodyTextAreaEls.forEach(el => {
30733+
el.value = el.dataset.user_example || el.dataset.example;
30734+
});
30735+
const exampleTextAreaEls = [...this.shadowRoot.querySelectorAll('textarea[data-ptype="form-data"]')];
30736+
exampleTextAreaEls.forEach(el => {
30737+
el.value = el.dataset.user_example || el.dataset.example;
30738+
});
30739+
this.requestUpdate();
30740+
}
30741+
}
3071530742

3071630743
renderExample(example, paramType, paramName) {
3071730744
var _example$value, _example$value2;
@@ -30964,11 +30991,17 @@ class ApiRequest extends lit_element_s {
3096430991
${tableRows}
3096530992
</table>
3096630993
</div>`;
30967-
}
30994+
} // This method is called before navigation change in focusd mode
30995+
3096830996

30969-
resetRequestBodySelection() {
30997+
async beforerNavigationFocusedMode() {// this.saveExampleState();
30998+
} // This method is called after navigation change in focusd mode
30999+
31000+
31001+
async afterNavigationFocusedMode() {
3097031002
this.selectedRequestBodyType = '';
3097131003
this.selectedRequestBodyExample = '';
31004+
this.updateExamplesFromDataAttr();
3097231005
this.clearResponseData();
3097331006
} // Request-Body Event Handlers
3097431007

@@ -31171,7 +31204,8 @@ class ApiRequest extends lit_element_s {
3117131204
<button class="tab-btn ${this.activeSchemaTab === 'example' ? 'active' : ''}" data-tab = 'example'>EXAMPLE</button>
3117231205
<button class="tab-btn ${this.activeSchemaTab !== 'example' ? 'active' : ''}" data-tab = 'schema'>SCHEMA</button>
3117331206
</div>
31174-
${this.activeSchemaTab === 'example' ? $`<div class="tab-content col"> ${reqBodyExampleHtml}</div>` : $`<div class="tab-content col"> ${reqBodySchemaHtml}</div>`}
31207+
${$`<div class="tab-content col" style="display:${this.activeSchemaTab === 'example' ? 'block' : 'none'};"> ${reqBodyExampleHtml}</div>`}
31208+
${$`<div class="tab-content col" style="display:${this.activeSchemaTab === 'example' ? 'none' : 'block'};"> ${reqBodySchemaHtml}</div>`}
3117531209
</div>` : $`
3117631210
${reqBodyFileInputHtml}
3117731211
${reqBodyFormHtml}`}
@@ -31234,8 +31268,6 @@ class ApiRequest extends lit_element_s {
3123431268
.textContent = "${this.fillRequestFieldsWithExample === 'true' ? formdataPartExample[0].exampleValue : ''}"
3123531269
spellcheck = "false"
3123631270
></textarea>
31237-
<!-- This textarea(hidden) is to store the original example value, in focused mode on navbar change it is used to update the example text -->
31238-
<textarea data-pname = "hidden-${fieldName}" data-ptype = "${mimeType.includes('form-urlencode') ? 'hidden-form-urlencode' : 'hidden-form-data'}" class="is-hidden" style="display:none">${formdataPartExample[0].exampleValue}</textarea>
3123931271
</div>`}
3124031272
${$`
3124131273
<div class="tab-content col" data-tab = 'schema' style="display:${this.activeSchemaTab !== 'example' ? 'block' : 'none'}; padding-left:5px; width:100%;">
@@ -35688,6 +35720,15 @@ class RapiDoc extends lit_element_s {
3568835720
}
3568935721

3569035722
this.isIntersectionObserverActive = false;
35723+
35724+
if (this.renderStyle === 'focused') {
35725+
const requestEl = this.shadowRoot.querySelector('api-request');
35726+
35727+
if (requestEl) {
35728+
requestEl.beforerNavigationFocusedMode();
35729+
}
35730+
}
35731+
3569135732
this.scrollTo(navEl.dataset.contentId, true, scrollNavItemToView);
3569235733
setTimeout(() => {
3569335734
this.isIntersectionObserverActive = true;
@@ -35725,7 +35766,7 @@ class RapiDoc extends lit_element_s {
3572535766
const requestEl = this.shadowRoot.querySelector('api-request');
3572635767

3572735768
if (requestEl) {
35728-
requestEl.resetRequestBodySelection();
35769+
requestEl.afterNavigationFocusedMode();
3572935770
}
3573035771

3573135772
const responseEl = this.shadowRoot.querySelector('api-response');
@@ -40413,7 +40454,7 @@ function getType(str) {
4041340454
/******/
4041440455
/******/ /* webpack/runtime/getFullHash */
4041540456
/******/ (() => {
40416-
/******/ __webpack_require__.h = () => ("ccec3cb349627a1ca179")
40457+
/******/ __webpack_require__.h = () => ("7e5b4aa8cf9c2be345b4")
4041740458
/******/ })();
4041840459
/******/
4041940460
/******/ /* webpack/runtime/global */

package-lock.json

Lines changed: 7 additions & 7 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)