@scalar/api-reference 0.1.26 → 0.1.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiClientModal.vue.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,UAAU,CAAA;AAIpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA4KzB,GAAG;0BACG,GAAG;;AA5KtC,wBA4L0G;AAG1G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiClientModal.vue.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,UAAU,CAAA;AAIpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAsLzB,GAAG;0BACG,GAAG;;AAtLtC,wBAsM0G;AAG1G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Content.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Content/Content.vue.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;;;;;;;;;;;;;;;;;;;;AAwOvC,wBAAkD"}
1
+ {"version":3,"file":"Content.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Content/Content.vue.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;;;;;;;;;;;;;;;;;;;;AAqOvC,wBAAkD"}
@@ -1 +1 @@
1
- {"version":3,"file":"LanguageSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Introduction/LanguageSelector.vue.ts"],"names":[],"mappings":";AA4VA,wBAAkD"}
1
+ {"version":3,"file":"LanguageSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Introduction/LanguageSelector.vue.ts"],"names":[],"mappings":";AAmXA,wBAAkD"}
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import '../../theme/scrollbar.css';
2
- export { default as ApiClientModal, useApiClientStore } from './components/ApiClientModal.vue';
2
+ export { default as ApiClientModal, useApiClientStore, } from './components/ApiClientModal.vue';
3
3
  export { default as ApiReference } from './components/ApiReference.vue';
4
4
  export { default as Sidebar } from './components/Sidebar.vue';
5
5
  export { default as RenderedReference } from './components/Content/Content.vue';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAC9F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAE/E,cAAc,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAA;AAElC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAE/E,cAAc,SAAS,CAAA"}
package/dist/index.js CHANGED
@@ -37189,7 +37189,7 @@ Component that was made reactive: `, type2);
37189
37189
  const FlowModal = _export_sfc$1(_sfc_main$m$1, [
37190
37190
  [
37191
37191
  "__scopeId",
37192
- "data-v-5579cc4c"
37192
+ "data-v-075b7f61"
37193
37193
  ]
37194
37194
  ]);
37195
37195
  const BYTE_UNITS = [
@@ -45295,13 +45295,20 @@ ${closingBraceIndent}]`;
45295
45295
  };
45296
45296
  }
45297
45297
  });
45298
- const ApiClientModal_vue_vue_type_style_index_0_scoped_de2869cd_lang = "";
45298
+ const ApiClientModal_vue_vue_type_style_index_0_scoped_cd5e89a0_lang = "";
45299
45299
  ApiClientModal = _export_sfc(_sfc_main$n, [
45300
45300
  [
45301
45301
  "__scopeId",
45302
- "data-v-de2869cd"
45302
+ "data-v-cd5e89a0"
45303
45303
  ]
45304
45304
  ]);
45305
+ function useRefOnMount(setter) {
45306
+ const value = ref$1(null);
45307
+ onMounted(() => {
45308
+ value.value = setter();
45309
+ });
45310
+ return value;
45311
+ }
45305
45312
  const Card_vue_vue_type_style_index_0_scoped_632b8afa_lang = "";
45306
45313
  const _sfc_main$m = {};
45307
45314
  const _hoisted_1$i = {
@@ -46410,7 +46417,7 @@ ${closingBraceIndent}]`;
46410
46417
  "data-v-e66bcf92"
46411
46418
  ]
46412
46419
  ]);
46413
- const _withScopeId$1 = (n2) => (pushScopeId("data-v-c88c87e1"), n2 = n2(), popScopeId(), n2);
46420
+ const _withScopeId$1 = (n2) => (pushScopeId("data-v-474a477f"), n2 = n2(), popScopeId(), n2);
46414
46421
  const _hoisted_1$e = {
46415
46422
  class: "client-libraries-content"
46416
46423
  };
@@ -46429,20 +46436,24 @@ ${closingBraceIndent}]`;
46429
46436
  const _hoisted_6$5 = [
46430
46437
  "value"
46431
46438
  ];
46432
- const _hoisted_7$3 = _withScopeId$1(() => createElementVNode("svg", {
46433
- class: "code-languages-icon code-languages-icon__more",
46434
- height: "50",
46435
- viewBox: "0 0 50 50",
46436
- width: "50",
46437
- xmlns: "http://www.w3.org/2000/svg"
46439
+ const _hoisted_7$3 = _withScopeId$1(() => createElementVNode("div", {
46440
+ class: "code-languages-background code-languages-icon__more"
46438
46441
  }, [
46439
- createElementVNode("g", {
46440
- fill: "currentColor",
46441
- "fill-rule": "nonzero"
46442
+ createElementVNode("svg", {
46443
+ class: "code-languages-icon code-languages-icon__more",
46444
+ height: "50",
46445
+ viewBox: "0 0 50 50",
46446
+ width: "50",
46447
+ xmlns: "http://www.w3.org/2000/svg"
46442
46448
  }, [
46443
- createElementVNode("path", {
46444
- d: "M10.71 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M21.13 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M31.55 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0"
46445
- })
46449
+ createElementVNode("g", {
46450
+ fill: "currentColor",
46451
+ "fill-rule": "nonzero"
46452
+ }, [
46453
+ createElementVNode("path", {
46454
+ d: "M10.71 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M21.13 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M31.55 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0"
46455
+ })
46456
+ ])
46446
46457
  ])
46447
46458
  ], -1));
46448
46459
  const _hoisted_8$1 = _withScopeId$1(() => createElementVNode("span", null, "More", -1));
@@ -46533,13 +46544,19 @@ ${closingBraceIndent}]`;
46533
46544
  ]),
46534
46545
  onClick: () => selectLanguage(language2.key)
46535
46546
  }, [
46536
- createVNode$1(unref(_sfc_main$s), {
46537
- class: normalizeClass$1(`code-languages-icon code-languages-icon__${language2.key}`),
46538
- src: getIconByLanguageKey(language2.key)
46539
- }, null, 8, [
46540
- "class",
46541
- "src"
46542
- ]),
46547
+ createElementVNode("div", {
46548
+ class: normalizeClass$1([
46549
+ "code-languages-background",
46550
+ `code-languages-icon__${language2.key}`
46551
+ ])
46552
+ }, [
46553
+ createVNode$1(unref(_sfc_main$s), {
46554
+ class: "code-languages-icon",
46555
+ src: getIconByLanguageKey(language2.key)
46556
+ }, null, 8, [
46557
+ "src"
46558
+ ])
46559
+ ], 2),
46543
46560
  createElementVNode("span", null, toDisplayString(language2.title), 1)
46544
46561
  ], 10, _hoisted_2$e);
46545
46562
  }), 128)),
@@ -46563,11 +46580,11 @@ ${closingBraceIndent}]`;
46563
46580
  };
46564
46581
  }
46565
46582
  });
46566
- const LanguageSelector_vue_vue_type_style_index_0_scoped_c88c87e1_lang = "";
46583
+ const LanguageSelector_vue_vue_type_style_index_0_scoped_474a477f_lang = "";
46567
46584
  const LanguageSelector = _export_sfc(_sfc_main$e, [
46568
46585
  [
46569
46586
  "__scopeId",
46570
- "data-v-c88c87e1"
46587
+ "data-v-474a477f"
46571
46588
  ]
46572
46589
  ]);
46573
46590
  const _hoisted_1$d = {
@@ -46725,11 +46742,11 @@ ${closingBraceIndent}]`;
46725
46742
  };
46726
46743
  }
46727
46744
  });
46728
- const Introduction_vue_vue_type_style_index_0_scoped_81d26b6e_lang = "";
46745
+ const Introduction_vue_vue_type_style_index_0_scoped_5de9da25_lang = "";
46729
46746
  const Introduction = _export_sfc(_sfc_main$d, [
46730
46747
  [
46731
46748
  "__scopeId",
46732
- "data-v-81d26b6e"
46749
+ "data-v-5de9da25"
46733
46750
  ]
46734
46751
  ]);
46735
46752
  const _hoisted_1$c = {
@@ -48431,13 +48448,6 @@ ${closingBraceIndent}]`;
48431
48448
  "data-v-16147dd7"
48432
48449
  ]
48433
48450
  ]);
48434
- function useRefOnMount(setter) {
48435
- const value = ref$1(null);
48436
- onMounted(() => {
48437
- value.value = setter();
48438
- });
48439
- return value;
48440
- }
48441
48451
  const _hoisted_1$1 = [
48442
48452
  "onClick"
48443
48453
  ];
@@ -48550,11 +48560,11 @@ ${closingBraceIndent}]`;
48550
48560
  };
48551
48561
  }
48552
48562
  });
48553
- const Content_vue_vue_type_style_index_0_scoped_e556a2e8_lang = "";
48563
+ const Content_vue_vue_type_style_index_0_scoped_914a90eb_lang = "";
48554
48564
  Content = _export_sfc(_sfc_main$1, [
48555
48565
  [
48556
48566
  "__scopeId",
48557
- "data-v-e556a2e8"
48567
+ "data-v-914a90eb"
48558
48568
  ]
48559
48569
  ]);
48560
48570
  const _hoisted_1 = {
package/dist/style.css CHANGED
@@ -527,10 +527,10 @@ to {
527
527
  }
528
528
  }
529
529
 
530
- .scalar-api-client__container .scalar-api-client[data-v-de2869cd] {
530
+ .scalar-api-client__container .scalar-api-client[data-v-cd5e89a0] {
531
531
  width: calc(100% - var(--scalar-api-reference-theme-sidebar-width));
532
532
  }
533
- .scalar-api-client__container[data-v-de2869cd] {
533
+ .scalar-api-client__container[data-v-cd5e89a0] {
534
534
  position: absolute;
535
535
  right: 0;
536
536
  left: 0;
@@ -551,11 +551,11 @@ to {
551
551
  flex-direction: column;
552
552
  }
553
553
  @media screen and (max-width: 1265px) {
554
- .scalar-api-client__container[data-v-de2869cd] {
554
+ .scalar-api-client__container[data-v-cd5e89a0] {
555
555
  width: 100vw !important;
556
556
  }
557
557
  }
558
- .scalar-api-client__navigation[data-v-de2869cd] {
558
+ .scalar-api-client__navigation[data-v-cd5e89a0] {
559
559
  width: 100%;
560
560
  display: flex;
561
561
  align-items: center;
@@ -567,7 +567,7 @@ to {
567
567
  border-bottom: 1px solid var(--theme-border-color);
568
568
  top: 0;
569
569
  }
570
- .scalar-api-client__close[data-v-de2869cd] {
570
+ .scalar-api-client__close[data-v-cd5e89a0] {
571
571
  appearance: none;
572
572
  border: none;
573
573
  outline: none;
@@ -578,7 +578,7 @@ to {
578
578
  color: var(--theme-color-1);
579
579
  font-weight: var(--theme-semibold);
580
580
  }
581
- .scalar-api-client__close[data-v-de2869cd]:hover {
581
+ .scalar-api-client__close[data-v-cd5e89a0]:hover {
582
582
  cursor: pointer;
583
583
  }
584
584
  /*
@@ -601,7 +601,7 @@ TODO: Markup is missing
601
601
  height: 12px;
602
602
  transform: rotate(180deg);
603
603
  } */
604
- .api-client-drawer[data-v-de2869cd] {
604
+ .api-client-drawer[data-v-cd5e89a0] {
605
605
  background: var(--theme-background-1);
606
606
  height: calc(100vh - 58px);
607
607
  width: calc(100vw - 8px);
@@ -613,9 +613,9 @@ TODO: Markup is missing
613
613
  left: 4px;
614
614
  z-index: 9999;
615
615
  opacity: 0;
616
- animation: apiclientfadein-de2869cd 0.35s forwards;
616
+ animation: apiclientfadein-cd5e89a0 0.35s forwards;
617
617
  }
618
- @keyframes apiclientfadein-de2869cd {
618
+ @keyframes apiclientfadein-cd5e89a0 {
619
619
  from {
620
620
  transform: translate3d(0, 20px, 0) scale(0.985);
621
621
  opacity: 0;
@@ -625,7 +625,7 @@ to {
625
625
  opacity: 1;
626
626
  }
627
627
  }
628
- .api-client-drawer-exit[data-v-de2869cd] {
628
+ .api-client-drawer-exit[data-v-cd5e89a0] {
629
629
  position: fixed;
630
630
  top: 0;
631
631
  left: 0;
@@ -635,9 +635,9 @@ to {
635
635
  transition: all 0.3s ease-in-out;
636
636
  z-index: 9998;
637
637
  cursor: pointer;
638
- animation: drawerexitfadein-de2869cd 0.35s forwards;
638
+ animation: drawerexitfadein-cd5e89a0 0.35s forwards;
639
639
  }
640
- @keyframes drawerexitfadein-de2869cd {
640
+ @keyframes drawerexitfadein-cd5e89a0 {
641
641
  from {
642
642
  opacity: 0;
643
643
  }
@@ -645,10 +645,10 @@ to {
645
645
  opacity: 1;
646
646
  }
647
647
  }
648
- .scalar-api-client-height[data-v-de2869cd] {
648
+ .scalar-api-client-height[data-v-cd5e89a0] {
649
649
  height: 100%;
650
650
  }
651
- .scalar-api-client-height .sidebar[data-v-de2869cd] {
651
+ .scalar-api-client-height .sidebar[data-v-cd5e89a0] {
652
652
  flex: 1 1 0%;
653
653
  flex-grow: 1;
654
654
  flex-shrink: 1;
@@ -844,13 +844,13 @@ to {
844
844
  flex-direction: column;
845
845
  }
846
846
 
847
- .client-libraries-content[data-v-c88c87e1] {
847
+ .client-libraries-content[data-v-474a477f] {
848
848
  display: flex;
849
849
  justify-content: center;
850
850
  gap: 6px;
851
851
  padding: 0 12px;
852
852
  }
853
- .code-languages[data-v-c88c87e1] {
853
+ .code-languages[data-v-474a477f] {
854
854
  display: flex;
855
855
  align-items: center;
856
856
  justify-content: center;
@@ -864,98 +864,113 @@ to {
864
864
  }
865
865
  /* remove php and c on mobile */
866
866
  @media screen and (max-width: 450px) {
867
- .code-languages[data-v-c88c87e1]:nth-of-type(4),
868
- .code-languages[data-v-c88c87e1]:nth-of-type(6) {
867
+ .code-languages[data-v-474a477f]:nth-of-type(4),
868
+ .code-languages[data-v-474a477f]:nth-of-type(6) {
869
869
  display: none;
870
870
  }
871
871
  }
872
- .code-languages-icon[data-v-c88c87e1] {
872
+ .code-languages-icon[data-v-474a477f] {
873
873
  max-width: 48px;
874
874
  width: 100%;
875
875
  max-height: 48px;
876
876
  aspect-ratio: 1;
877
- border-radius: 12px;
878
877
  padding: 7px;
879
878
  display: flex;
880
879
  align-items: center;
881
- color: #fff;
882
880
  justify-content: center;
881
+ position: relative;
882
+ color: var(--theme-code-language-color-supersede, #fff);
883
883
  }
884
- .code-languages-icon__shell[data-v-c88c87e1] {
884
+ .code-languages-background[data-v-474a477f] {
885
+ border-radius: 12px;
886
+ position: relative;
887
+ overflow: hidden;
888
+ box-shadow: 0 0 0 1px var(--theme-code-languages-border-color);
889
+ }
890
+ .code-languages-background[data-v-474a477f]:before {
891
+ content: '';
892
+ width: 100%;
893
+ height: 100%;
894
+ position: absolute;
895
+ top: 0;
896
+ left: 0;
897
+ pointer-events: none;
898
+ background: var(--theme-code-languages-background-supersede);
899
+ }
900
+ .code-languages-icon__shell[data-v-474a477f] {
885
901
  background: #000;
886
- box-shadow: 0 0 0 1px var(--theme-border-color);
887
902
  }
888
- .code-languages-icon__ruby[data-v-c88c87e1] {
903
+ .code-languages-icon__ruby[data-v-474a477f] {
889
904
  background: #d91404;
890
905
  }
891
- .code-languages-icon__php[data-v-c88c87e1] {
906
+ .code-languages-icon__php[data-v-474a477f] {
892
907
  background: #6181b6;
893
908
  }
894
- .code-languages-icon__python[data-v-c88c87e1] {
909
+ .code-languages-icon__python[data-v-474a477f] {
895
910
  background: #306998;
896
911
  }
897
- .code-languages-icon__more[data-v-c88c87e1] {
912
+ .code-languages-icon__more[data-v-474a477f] {
898
913
  background: var(--theme-background-3);
899
914
  }
900
- .code-languages-icon__node[data-v-c88c87e1] {
915
+ .code-languages-icon__node[data-v-474a477f] {
901
916
  background: #83cd29;
902
917
  }
903
- .code-languages-icon__c[data-v-c88c87e1] {
918
+ .code-languages-icon__c[data-v-474a477f] {
904
919
  background: #03599c;
905
920
  }
906
- .code-languages-icon__csharp[data-v-c88c87e1] {
921
+ .code-languages-icon__csharp[data-v-474a477f] {
907
922
  background: #68217a;
908
923
  }
909
- .code-languages-icon__cplusplus[data-v-c88c87e1] {
924
+ .code-languages-icon__cplusplus[data-v-474a477f] {
910
925
  background: #9c033a;
911
926
  }
912
- .code-languages-icon__clojure[data-v-c88c87e1] {
927
+ .code-languages-icon__clojure[data-v-474a477f] {
913
928
  background: #5881d8;
914
929
  }
915
- .code-languages-icon__go[data-v-c88c87e1] {
930
+ .code-languages-icon__go[data-v-474a477f] {
916
931
  background: #00acd7;
917
932
  }
918
- .code-languages-icon__http[data-v-c88c87e1] {
933
+ .code-languages-icon__http[data-v-474a477f] {
919
934
  background: #005b9b;
920
935
  }
921
- .code-languages-icon__java[data-v-c88c87e1] {
936
+ .code-languages-icon__java[data-v-474a477f] {
922
937
  background: #ea2d2e;
923
938
  }
924
- .code-languages-icon__javascript[data-v-c88c87e1] {
939
+ .code-languages-icon__javascript[data-v-474a477f] {
925
940
  background: #f0db4f;
926
941
  }
927
- .code-languages-icon__kotlin[data-v-c88c87e1] {
942
+ .code-languages-icon__kotlin[data-v-474a477f] {
928
943
  background: #7f6cb1;
929
944
  }
930
- .code-languages-icon__objc[data-v-c88c87e1] {
945
+ .code-languages-icon__objc[data-v-474a477f] {
931
946
  background: #0b5a9d;
932
947
  }
933
- .code-languages-icon__ocaml[data-v-c88c87e1] {
948
+ .code-languages-icon__ocaml[data-v-474a477f] {
934
949
  background: #f29100;
935
950
  }
936
- .code-languages-icon__powershell[data-v-c88c87e1] {
951
+ .code-languages-icon__powershell[data-v-474a477f] {
937
952
  background: #2671be;
938
953
  }
939
- .code-languages-icon__r[data-v-c88c87e1] {
954
+ .code-languages-icon__r[data-v-474a477f] {
940
955
  background: #cbced0;
941
956
  }
942
- .code-languages-icon__swift[data-v-c88c87e1] {
957
+ .code-languages-icon__swift[data-v-474a477f] {
943
958
  background: #f05138;
944
959
  }
945
- .code-languages__loading .code-languages-icon[data-v-c88c87e1]:before {
960
+ .code-languages__loading .code-languages-icon[data-v-474a477f]:before {
946
961
  border: 1px solid rgba(255, 255, 255, 0.44);
947
962
  border-top: 1px solid white;
948
- animation: codeloader-c88c87e1 0.45s linear infinite;
963
+ animation: codeloader-474a477f 0.45s linear infinite;
949
964
  background: transparent;
950
965
  width: 18px;
951
966
  height: 18px;
952
967
  content: '';
953
968
  border-radius: 50%;
954
969
  }
955
- .code-languages__loading .code-languages-icon svg[data-v-c88c87e1] {
970
+ .code-languages__loading .code-languages-icon svg[data-v-474a477f] {
956
971
  display: none;
957
972
  }
958
- .code-languages__active[data-v-c88c87e1]:after {
973
+ .code-languages__active[data-v-474a477f]:after {
959
974
  content: '';
960
975
  position: absolute;
961
976
  bottom: 0;
@@ -963,7 +978,7 @@ to {
963
978
  width: 100%;
964
979
  background: var(--theme-color-1);
965
980
  }
966
- @keyframes codeloader-c88c87e1 {
981
+ @keyframes codeloader-474a477f {
967
982
  0% {
968
983
  transform: rotate(0deg);
969
984
  }
@@ -971,15 +986,15 @@ to {
971
986
  transform: rotate(1turn);
972
987
  }
973
988
  }
974
- .code-languages span[data-v-c88c87e1] {
989
+ .code-languages span[data-v-474a477f] {
975
990
  margin-top: 3px;
976
991
  color: var(--theme-color-2);
977
992
  font-size: var(--theme-micro);
978
993
  }
979
- .code-languages__active span[data-v-c88c87e1] {
994
+ .code-languages__active span[data-v-474a477f] {
980
995
  color: var(--theme-color-1);
981
996
  }
982
- .code-languages__select select[data-v-c88c87e1] {
997
+ .code-languages__select select[data-v-474a477f] {
983
998
  opacity: 0;
984
999
  width: 100%;
985
1000
  height: 100%;
@@ -987,13 +1002,14 @@ to {
987
1002
  top: 0;
988
1003
  left: 0;
989
1004
  cursor: pointer;
1005
+ z-index: 1;
990
1006
  }
991
- .code-languages__select span[data-v-c88c87e1] {
1007
+ .code-languages__select span[data-v-474a477f] {
992
1008
  position: relative;
993
1009
  display: flex;
994
1010
  align-items: center;
995
1011
  }
996
- .code-languages__select span[data-v-c88c87e1]:after {
1012
+ .code-languages__select span[data-v-474a477f]:after {
997
1013
  content: '';
998
1014
  width: 8px;
999
1015
  height: 8px;
@@ -1005,30 +1021,30 @@ to {
1005
1021
  margin-top: -7px;
1006
1022
  }
1007
1023
 
1008
- .heading[data-v-81d26b6e] {
1024
+ .heading[data-v-5de9da25] {
1009
1025
  margin-top: 0px !important;
1010
1026
  }
1011
- .loading[data-v-81d26b6e] {
1027
+ .loading[data-v-5de9da25] {
1012
1028
  background: var(--theme-background-2);
1013
- animation: loading-skeleton-81d26b6e 2s infinite alternate;
1029
+ animation: loading-skeleton-5de9da25 2s infinite alternate;
1014
1030
  border-radius: var(--theme-radius-lg);
1015
1031
  }
1016
- .heading.loading[data-v-81d26b6e] {
1032
+ .heading.loading[data-v-5de9da25] {
1017
1033
  width: 80%;
1018
1034
  }
1019
- .tag-description .loading[data-v-81d26b6e] {
1035
+ .tag-description .loading[data-v-5de9da25] {
1020
1036
  height: 20px;
1021
1037
  margin-bottom: 4px;
1022
1038
  width: 100%;
1023
1039
  display: inline-block;
1024
1040
  }
1025
- .tag-description .loading[data-v-81d26b6e]:first-of-type {
1041
+ .tag-description .loading[data-v-5de9da25]:first-of-type {
1026
1042
  margin-top: 12px;
1027
1043
  }
1028
- .tag-description .loading[data-v-81d26b6e]:last-of-type {
1044
+ .tag-description .loading[data-v-5de9da25]:last-of-type {
1029
1045
  width: 40%;
1030
1046
  }
1031
- @keyframes loading-skeleton-81d26b6e {
1047
+ @keyframes loading-skeleton-5de9da25 {
1032
1048
  from {
1033
1049
  background: var(--theme-background-2);
1034
1050
  }
@@ -1339,7 +1355,7 @@ to {
1339
1355
  }
1340
1356
  }
1341
1357
 
1342
- .render-loading[data-v-e556a2e8] {
1358
+ .render-loading[data-v-914a90eb] {
1343
1359
  height: calc(
1344
1360
  var(--scalar-api-reference-full-height) -
1345
1361
  var(--scalar-api-reference-theme-header-height)
@@ -1348,7 +1364,7 @@ to {
1348
1364
  align-items: center;
1349
1365
  justify-content: center;
1350
1366
  }
1351
- .show-more[data-v-e556a2e8] {
1367
+ .show-more[data-v-914a90eb] {
1352
1368
  background: var(--theme-background-1);
1353
1369
  appearance: none;
1354
1370
  border: none;
@@ -1366,191 +1382,192 @@ to {
1366
1382
  margin-bottom: 48px;
1367
1383
  position: relative;
1368
1384
  }
1369
- .show-more[data-v-e556a2e8]:hover {
1385
+ .show-more[data-v-914a90eb]:hover {
1370
1386
  color: var(--theme-color-2);
1371
1387
  cursor: pointer;
1372
1388
  }
1373
- .show-more-icon[data-v-e556a2e8] {
1389
+ .show-more-icon[data-v-914a90eb] {
1374
1390
  width: 14px;
1375
1391
  height: 14px;
1376
1392
  margin-left: 3px;
1377
1393
  }
1378
- .show-more[data-v-e556a2e8]:active {
1394
+ .show-more[data-v-914a90eb]:active {
1379
1395
  box-shadow: 0 0 0 1px var(--theme-border-color);
1380
1396
  }
1381
1397
  @media (max-width: 1165px) {
1382
- .show-more[data-v-e556a2e8] {
1398
+ .show-more[data-v-914a90eb] {
1383
1399
  margin-top: -24px;
1384
1400
  margin-bottom: 24px;
1385
1401
  }
1386
1402
  }
1387
1403
  /* fonts */
1388
1404
  :root {
1389
- --app-header-height: 50px;
1390
- --theme-border-width: 1px;
1391
- --theme-radius: 3px;
1392
- --theme-radius-lg: 6px;
1393
- --theme-radius-xl: 8px;
1394
-
1395
- --theme-header-height: 50px;
1396
- --theme-sidebar-width: 250px;
1397
- --theme-toc-width: 250px;
1398
-
1399
- /* TYPOGRAPHY ------------------------------------ */
1400
- --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
1401
- Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
1402
- --theme-font-code: 'JetBrains Mono';
1403
-
1404
- /** Font sizes for rendered text content (editor styles or static content) */
1405
- --theme-heading-1: 40px; /* Editor Page heading */
1406
- --theme-page-description: 24px;
1407
- --theme-heading-2: 24px; /* Editor section headings */
1408
- --theme-heading-3: 20px;
1409
- --theme-heading-4: 16px;
1410
- --theme-heading-5: 16px;
1411
- --theme-heading-6: 16px;
1412
-
1413
- --theme-paragraph: 16px;
1414
- --theme-small: 14px;
1415
- --theme-mini: 13px;
1416
- --theme-micro: 12px;
1417
- --theme-bold: 600;
1418
- --theme-semibold: 500;
1419
- --theme-regular: 400;
1420
-
1421
- /* Font sizes for interactive applications (not rendered text content) */
1422
- --theme-font-size-1: 24px;
1423
- --theme-font-size-2: 16px;
1424
- --theme-font-size-3: 14px;
1425
- --theme-font-size-4: 13px;
1426
- --theme-font-size-5: 12px;
1427
-
1428
- --theme-line-height-1: 32px;
1429
- --theme-line-height-2: 24px;
1430
- --theme-line-height-3: 20px;
1431
- --theme-line-height-4: 18px;
1432
- --theme-line-height-5: 16px;
1433
-
1434
- --theme-font-medium: 500;
1435
- --theme-font-bold: 700;
1436
-
1437
- /* let's clean these up please :) */
1438
- --scalar-api-reference-theme-header-height: 0;
1439
- --scalar-api-reference-theme-sidebar-width: 250px;
1440
- --scalar-api-reference-theme-toc-width: 250px;
1441
- --scalar-api-reference-app-header-height: 100px;
1442
- --scalar-api-reference-col-width-1: 250px;
1443
- --scalar-api-reference-col-width-2: calc(50% - 150px);
1444
- --scalar-api-reference-col-width-3: calc(50% - 150px);
1445
- --scalar-api-reference-document-height: 100vh;
1446
- --scalar-api-reference-full-height: 100%;
1405
+ --app-header-height: 50px;
1406
+ --theme-border-width: 1px;
1407
+ --theme-radius: 3px;
1408
+ --theme-radius-lg: 6px;
1409
+ --theme-radius-xl: 8px;
1410
+
1411
+ --theme-header-height: 50px;
1412
+ --theme-sidebar-width: 250px;
1413
+ --theme-toc-width: 250px;
1414
+
1415
+ /* TYPOGRAPHY ------------------------------------ */
1416
+ --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
1417
+ Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
1418
+ --theme-font-code: 'JetBrains Mono';
1419
+
1420
+ /** Font sizes for rendered text content (editor styles or static content) */
1421
+ --theme-heading-1: 40px; /* Editor Page heading */
1422
+ --theme-page-description: 24px;
1423
+ --theme-heading-2: 24px; /* Editor section headings */
1424
+ --theme-heading-3: 20px;
1425
+ --theme-heading-4: 16px;
1426
+ --theme-heading-5: 16px;
1427
+ --theme-heading-6: 16px;
1428
+
1429
+ --theme-paragraph: 16px;
1430
+ --theme-small: 14px;
1431
+ --theme-mini: 13px;
1432
+ --theme-micro: 12px;
1433
+ --theme-bold: 600;
1434
+ --theme-semibold: 500;
1435
+ --theme-regular: 400;
1436
+
1437
+ /* Font sizes for interactive applications (not rendered text content) */
1438
+ --theme-font-size-1: 24px;
1439
+ --theme-font-size-2: 16px;
1440
+ --theme-font-size-3: 14px;
1441
+ --theme-font-size-4: 13px;
1442
+ --theme-font-size-5: 12px;
1443
+
1444
+ --theme-line-height-1: 32px;
1445
+ --theme-line-height-2: 24px;
1446
+ --theme-line-height-3: 20px;
1447
+ --theme-line-height-4: 18px;
1448
+ --theme-line-height-5: 16px;
1449
+
1450
+ --theme-font-medium: 500;
1451
+ --theme-font-bold: 700;
1452
+
1453
+ /* let's clean these up please :) */
1454
+ --scalar-api-reference-theme-header-height: 0;
1455
+ --scalar-api-reference-theme-sidebar-width: 250px;
1456
+ --scalar-api-reference-theme-toc-width: 250px;
1457
+ --scalar-api-reference-app-header-height: 100px;
1458
+ --scalar-api-reference-col-width-1: 250px;
1459
+ --scalar-api-reference-col-width-2: calc(50% - 150px);
1460
+ --scalar-api-reference-col-width-3: calc(50% - 150px);
1461
+ --scalar-api-reference-document-height: 100vh;
1462
+ --scalar-api-reference-full-height: 100%;
1447
1463
  }
1448
1464
  @media (max-width: 460px) {
1449
1465
  :root {
1450
- --theme-font-size-1: 22px;
1451
- --theme-font-size-2: 14px;
1452
- --theme-font-size-3: 12px;
1466
+ --theme-font-size-1: 22px;
1467
+ --theme-font-size-2: 14px;
1468
+ --theme-font-size-3: 12px;
1453
1469
  }
1454
1470
  }
1455
1471
  @media (max-width: 720px) {
1456
1472
  :root {
1457
- --theme-heading-1: 24px;
1458
- --theme-page-description: 20px;
1473
+ --theme-heading-1: 24px;
1474
+ --theme-page-description: 20px;
1459
1475
  }
1460
1476
  }
1461
1477
  .light-mode {
1462
- color-scheme: light;
1463
- --theme-color-1: #2a2f45;
1464
- --theme-color-2: #757575;
1465
- --theme-color-3: #8e8e8e;
1466
- --theme-color-disabled: #b4b1b1;
1467
- --theme-color-ghost: #a7a7a7;
1468
- --theme-color-accent: #0099ff;
1469
- --theme-background-1: #fff;
1470
- --theme-background-2: #f6f6f6;
1471
- --theme-background-3: #e7e7e7;
1472
- --theme-background-4: rgba(0, 0, 0, 0.06);
1473
- --theme-background-accent: #8ab4f81f;
1474
-
1475
- --theme-border-color: rgba(0, 0, 0, 0.1);
1476
- --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
1477
- --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
1478
- --theme-lifted-brightness: 1;
1479
- --theme-backdrop-brightness: 1;
1480
-
1481
- --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
1482
- --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
1483
- rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
1484
-
1485
- --theme-button-1: rgb(49 53 56);
1486
- --theme-button-1-color: #fff;
1487
- --theme-button-1-hover: rgb(28 31 33);
1488
-
1489
- --theme-error-color: #ae262f;
1490
- --theme-warning-color: #d89c6a;
1491
- --theme-success-color: #26ae42;
1492
-
1493
- /* REST API Client Colors */
1494
- --theme-post-color: #00a67d;
1495
- --theme-post-background: #00a67d1a;
1496
- --theme-delete-color: #ef0006;
1497
- --theme-delete-background: #ef00061a;
1498
- --theme-patch-color: #b2b062;
1499
- --theme-patch-background: #ffe6001a;
1500
- --theme-get-color: #0082d0;
1501
- --theme-get-background: #0082d01a;
1502
- --theme-put-color: #f3830e;
1503
- --theme-put-background: #f3830e1a;
1504
-
1505
- /* Misc Scalar Branding */
1506
- --scalar-brand: #faf6e9;
1478
+ color-scheme: light;
1479
+ --theme-color-1: #2a2f45;
1480
+ --theme-color-2: #757575;
1481
+ --theme-color-3: #8e8e8e;
1482
+ --theme-color-disabled: #b4b1b1;
1483
+ --theme-color-ghost: #a7a7a7;
1484
+ --theme-color-accent: #0099ff;
1485
+ --theme-background-1: #fff;
1486
+ --theme-background-2: #f6f6f6;
1487
+ --theme-background-3: #e7e7e7;
1488
+ --theme-background-4: rgba(0, 0, 0, 0.06);
1489
+ --theme-background-accent: #8ab4f81f;
1490
+
1491
+ --theme-border-color: rgba(0, 0, 0, 0.1);
1492
+ --theme-scrollbar-color: rgba(0, 0, 0, 0.18);
1493
+ --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);
1494
+ --theme-lifted-brightness: 1;
1495
+ --theme-backdrop-brightness: 1;
1496
+
1497
+ --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
1498
+ --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,
1499
+ rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
1500
+
1501
+ --theme-button-1: rgb(49 53 56);
1502
+ --theme-button-1-color: #fff;
1503
+ --theme-button-1-hover: rgb(28 31 33);
1504
+
1505
+ --theme-error-color: #ae262f;
1506
+ --theme-warning-color: #d89c6a;
1507
+ --theme-success-color: #26ae42;
1508
+
1509
+ /* REST API Client Colors */
1510
+ --theme-post-color: #00a67d;
1511
+ --theme-post-background: #00a67d1a;
1512
+ --theme-delete-color: #ef0006;
1513
+ --theme-delete-background: #ef00061a;
1514
+ --theme-patch-color: #b2b062;
1515
+ --theme-patch-background: #ffe6001a;
1516
+ --theme-get-color: #0082d0;
1517
+ --theme-get-background: #0082d01a;
1518
+ --theme-put-color: #f3830e;
1519
+ --theme-put-background: #f3830e1a;
1520
+
1521
+ /* Misc Scalar Branding */
1522
+ --scalar-brand: #faf6e9;
1507
1523
  }
1508
1524
  .dark-mode {
1509
- color-scheme: dark;
1510
- --theme-color-1: rgba(255, 255, 255, 0.9);
1511
- --theme-color-2: rgba(255, 255, 255, 0.62);
1512
- --theme-color-3: rgba(255, 255, 255, 0.44);
1513
- --theme-color-disabled: rgba(255, 255, 255, 0.34);
1514
- --theme-color-ghost: rgba(255, 255, 255, 0.26);
1515
- --theme-color-accent: #8ab4f8;
1516
- --theme-background-1: #1a1a1a;
1517
- --theme-background-2: #252525;
1518
- --theme-background-3: #323232;
1519
- --theme-background-4: rgba(255, 255, 255, 0.06);
1520
- --theme-background-accent: #8ab4f81f;
1521
-
1522
- --theme-border-color: rgba(255, 255, 255, 0.1);
1523
- --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
1524
- --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
1525
- --theme-lifted-brightness: 1.45;
1526
- --theme-backdrop-brightness: 0.5;
1527
-
1528
- --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
1529
- --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
1530
- rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
1531
-
1532
- --theme-button-1: #f6f6f6;
1533
- --theme-button-1-color: #000;
1534
- --theme-button-1-hover: #e7e7e7;
1535
-
1536
- --theme-error-color: #ff0011;
1537
- --theme-success-color: #26ae42;
1538
-
1539
- /* REST API Client Colors */
1540
- --theme-post-color: #7ee787;
1541
- --theme-post-background: #7ee78714;
1542
- --theme-delete-color: #e77e7e;
1543
- --theme-delete-background: #e77e7e24;
1544
- --theme-patch-color: #b2b062;
1545
- --theme-patch-background: #b2b06229;
1546
- --theme-get-color: #79c0ff;
1547
- --theme-get-background: #79c0ff21;
1548
- --theme-put-color: #e9950c;
1549
- --theme-put-background: #e9950c21;
1550
-
1551
- /* Misc Scalar Branding */
1552
- --scalar-brand: #8b7256;
1525
+ color-scheme: dark;
1526
+ --theme-color-1: rgba(255, 255, 255, 0.9);
1527
+ --theme-color-2: rgba(255, 255, 255, 0.62);
1528
+ --theme-color-3: rgba(255, 255, 255, 0.44);
1529
+ --theme-color-disabled: rgba(255, 255, 255, 0.34);
1530
+ --theme-color-ghost: rgba(255, 255, 255, 0.26);
1531
+ --theme-color-accent: #8ab4f8;
1532
+ --theme-background-1: #1a1a1a;
1533
+ --theme-background-2: #252525;
1534
+ --theme-background-3: #323232;
1535
+ --theme-background-4: rgba(255, 255, 255, 0.06);
1536
+ --theme-background-accent: #8ab4f81f;
1537
+
1538
+ --theme-border-color: rgba(255, 255, 255, 0.1);
1539
+ --theme-scrollbar-color: rgba(255, 255, 255, 0.24);
1540
+ --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);
1541
+ --theme-lifted-brightness: 1.45;
1542
+ --theme-backdrop-brightness: 0.5;
1543
+
1544
+ --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
1545
+ --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,
1546
+ rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
1547
+
1548
+ --theme-button-1: #f6f6f6;
1549
+ --theme-button-1-color: #000;
1550
+ --theme-button-1-hover: #e7e7e7;
1551
+
1552
+ --theme-error-color: #ff0011;
1553
+ --theme-success-color: #26ae42;
1554
+
1555
+ /* REST API Client Colors */
1556
+ --theme-post-color: #7ee787;
1557
+ --theme-post-background: #7ee78714;
1558
+ --theme-delete-color: #e77e7e;
1559
+ --theme-delete-background: #e77e7e24;
1560
+ --theme-patch-color: #b2b062;
1561
+ --theme-patch-background: #b2b06229;
1562
+ --theme-get-color: #79c0ff;
1563
+ --theme-get-background: #79c0ff21;
1564
+ --theme-put-color: #e9950c;
1565
+ --theme-put-background: #e9950c21;
1566
+
1567
+ /* Misc Scalar Branding */
1568
+ --scalar-brand: #8b7256;
1553
1569
  }
1570
+
1554
1571
  /** Utilities, how do we deal with them? */
1555
1572
  .flex {
1556
1573
  display: flex;
@@ -1579,8 +1596,7 @@ to {
1579
1596
  background: var(--theme-background-2);
1580
1597
  border-bottom: 1px solid var(--theme-border-color);
1581
1598
  padding: 0 7px 0 12px;
1582
- border-radius: var(--theme-radius)
1583
- var(--theme-radius) 0 0;
1599
+ border-radius: var(--theme-radius) var(--theme-radius) 0 0;
1584
1600
  }
1585
1601
  .codemenu {
1586
1602
  display: flex;
@@ -1757,7 +1773,6 @@ to {
1757
1773
  text-decoration: underline;
1758
1774
  }
1759
1775
 
1760
-
1761
1776
  /* ----------------------------------------------------- */
1762
1777
  /* Responsive styles for narrow reference container (900px) */
1763
1778
  .references-narrow .reference {
@@ -1852,6 +1867,7 @@ to {
1852
1867
  grid-area: content;
1853
1868
  min-width: 0;
1854
1869
  background: var(--theme-background-1);
1870
+ display: flex;
1855
1871
  }
1856
1872
 
1857
1873
  /* Measures the visible viewport of the editor */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scalar/api-reference",
3
- "version": "0.1.26",
3
+ "version": "0.1.28",
4
4
  "author": "Scalar",
5
5
  "license": "UNLICENSED",
6
6
  "engines": {
@@ -42,10 +42,10 @@
42
42
  "typographic-base": "1.0.4",
43
43
  "unified": "10.1.2",
44
44
  "xmldom": "0.6.0",
45
- "@scalar/api-client": "0.1.17",
46
- "@scalar/use-tooltip": "0.1.4",
47
- "@scalar/swagger-editor": "0.1.12",
48
- "@scalar/use-clipboard": "0.1.4"
45
+ "@scalar/api-client": "0.1.18",
46
+ "@scalar/use-clipboard": "0.1.4",
47
+ "@scalar/swagger-editor": "0.1.13",
48
+ "@scalar/use-tooltip": "0.1.4"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@vitejs/plugin-vue": "4.2.3",