@digi-frontend/dgate-api-documentation 1.0.53 → 1.0.54

package/dist/styles.css

@@ -367,29 +367,6 @@
 }
 .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
   background-color: #ebecf2;
-}.containerTitleDrawer {
-  height: 64px;
-  min-height: 64px;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  background-color: #f1f2f6;
-  padding: 0 30px 0 30px;
-  width: 100%;
-}
-.containerTitleDrawer span {
-  color: #12131a;
-  font-weight: 600;
-  font-size: 18px;
-  line-height: 25px;
-  letter-spacing: 0em;
-}
-.containerTitleDrawer svg path {
-  stroke: #000 !important;
-}
-.containerTitleDrawer .closeIcon {
-  cursor: pointer;
 }.apiInfoForm {
   display: grid;
   padding: 1.25rem 1.875rem;
@@ -508,101 +485,29 @@
   content: "*";
   color: red;
   transform: translateX(0.125rem);
-}.tooltip-custom-wrapper {
+}.containerTitleDrawer {
+  height: 64px;
+  min-height: 64px;
   display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #f1f2f6;
+  padding: 0 30px 0 30px;
+  width: 100%;
 }
-
-[data-tippy-root] {
-  z-index: 2 !important;
-}
-
-.tippy-box {
-  background-color: #202f5b;
-  font-size: 0.875rem;
-  border-radius: 0.3125rem;
-  width: max-content;
-  max-width: 100%;
-  overflow-wrap: break-word;
-  word-break: break-word;
-  position: relative;
-  border: 1px solid #d8dae5;
-  z-index: 2;
-}
-.tippy-box.function .tippy-content {
-  background-color: #fff !important;
-  color: #000 !important;
-}
-.tippy-box.function[data-placement] > .tippy-arrow:before {
-  color: #fff !important;
-}
-.tippy-box.info .tippy-arrow {
-  color: #202f5b;
-}
-.tippy-box.success {
-  border-radius: 1.875rem;
-  background-color: #3aaa35;
-  padding-inline: 0.625rem;
-}
-.tippy-box .tippy-content {
-  text-align: justify;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  padding: 0.625rem;
-}
-.tippy-box .tippy-arrow {
-  position: relative;
-  width: 1rem;
-  height: 1rem;
-}
-.tippy-box[data-placement^=top] .tippy-arrow:before {
-  bottom: -0.4375rem;
-  border-width: 0.5rem 0.5rem 0 !important;
-}
-.tippy-box[data-placement^=right] .tippy-arrow:before {
-  left: -0.4375rem;
-  border-width: 0.5rem 0.5rem 0.5rem 0 !important;
-}
-.tippy-box[data-placement^=bottom] .tippy-arrow:before {
-  top: -0.4375rem;
-  border-width: 0 0.5rem 0.5rem !important;
-}
-.tippy-box[data-placement^=left] .tippy-arrow:before {
-  right: -0.4375rem;
-  border-width: 0.5rem 0 0.5rem 0.5rem !important;
-}
-.tippy-box[data-placement^=bottom-start] .tippy-arrow {
-  transform: translate(0.937rem, 0) !important;
-}
-.tippy-box[data-placement^=bottom-end] .tippy-arrow {
-  margin-left: calc(100% - 1.937rem);
-  transform: translate(0, 0) !important;
-}
-.tippy-box[data-placement^=top-start] .tippy-arrow {
-  transform: translate(0.937rem, 0) !important;
-}
-.tippy-box[data-placement^=top-end] .tippy-arrow {
-  transform: translate(0.937rem, 0) !important;
-}
-.tippy-box.arrow-with-border {
-  border: 1px solid #d8dae5;
+.containerTitleDrawer span {
+  color: #12131a;
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 25px;
+  letter-spacing: 0em;
 }
-.tippy-box.arrow-with-border[data-placement] .tippy-arrow {
-  top: 1px;
-  background-color: white;
-  z-index: 2;
-  height: 1px;
+.containerTitleDrawer svg path {
+  stroke: #000 !important;
 }
-.tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
-  width: 0.625rem;
-  height: 0.625rem;
-  background-color: white;
-  transform: rotate(45deg);
-  border: none;
-  border-left: 1px solid #d8dae5 !important;
-  border-top: 1px solid #d8dae5 !important;
-  z-index: 2;
-  top: -0.45rem;
-  transform-origin: center !important;
+.containerTitleDrawer .closeIcon {
+  cursor: pointer;
 }#common-dialog.dialog-content-wrapper {
   overflow: visible !important;
   max-height: 100%;
@@ -744,6 +649,101 @@
   display: flex;
   gap: 1.25rem;
   margin-top: 1.875rem;
+}.tooltip-custom-wrapper {
+  display: flex;
+}
+
+[data-tippy-root] {
+  z-index: 2 !important;
+}
+
+.tippy-box {
+  background-color: #202f5b;
+  font-size: 0.875rem;
+  border-radius: 0.3125rem;
+  width: max-content;
+  max-width: 100%;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  position: relative;
+  border: 1px solid #d8dae5;
+  z-index: 2;
+}
+.tippy-box.function .tippy-content {
+  background-color: #fff !important;
+  color: #000 !important;
+}
+.tippy-box.function[data-placement] > .tippy-arrow:before {
+  color: #fff !important;
+}
+.tippy-box.info .tippy-arrow {
+  color: #202f5b;
+}
+.tippy-box.success {
+  border-radius: 1.875rem;
+  background-color: #3aaa35;
+  padding-inline: 0.625rem;
+}
+.tippy-box .tippy-content {
+  text-align: justify;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding: 0.625rem;
+}
+.tippy-box .tippy-arrow {
+  position: relative;
+  width: 1rem;
+  height: 1rem;
+}
+.tippy-box[data-placement^=top] .tippy-arrow:before {
+  bottom: -0.4375rem;
+  border-width: 0.5rem 0.5rem 0 !important;
+}
+.tippy-box[data-placement^=right] .tippy-arrow:before {
+  left: -0.4375rem;
+  border-width: 0.5rem 0.5rem 0.5rem 0 !important;
+}
+.tippy-box[data-placement^=bottom] .tippy-arrow:before {
+  top: -0.4375rem;
+  border-width: 0 0.5rem 0.5rem !important;
+}
+.tippy-box[data-placement^=left] .tippy-arrow:before {
+  right: -0.4375rem;
+  border-width: 0.5rem 0 0.5rem 0.5rem !important;
+}
+.tippy-box[data-placement^=bottom-start] .tippy-arrow {
+  transform: translate(0.937rem, 0) !important;
+}
+.tippy-box[data-placement^=bottom-end] .tippy-arrow {
+  margin-left: calc(100% - 1.937rem);
+  transform: translate(0, 0) !important;
+}
+.tippy-box[data-placement^=top-start] .tippy-arrow {
+  transform: translate(0.937rem, 0) !important;
+}
+.tippy-box[data-placement^=top-end] .tippy-arrow {
+  transform: translate(0.937rem, 0) !important;
+}
+.tippy-box.arrow-with-border {
+  border: 1px solid #d8dae5;
+}
+.tippy-box.arrow-with-border[data-placement] .tippy-arrow {
+  top: 1px;
+  background-color: white;
+  z-index: 2;
+  height: 1px;
+}
+.tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
+  width: 0.625rem;
+  height: 0.625rem;
+  background-color: white;
+  transform: rotate(45deg);
+  border: none;
+  border-left: 1px solid #d8dae5 !important;
+  border-top: 1px solid #d8dae5 !important;
+  z-index: 2;
+  top: -0.45rem;
+  transform-origin: center !important;
 }.livePreviewContainer .titleContainer {
   margin-top: 1.875rem;
   display: flex;
@@ -1396,22 +1396,176 @@ div.endBtnIcon {
 }
 .drawerItemContainer .color-red {
   color: var(--color-error);
-}.api_docs_header {
-  height: 2.625rem;
-  background-color: #f0f1f2;
-  display: flex;
-  align-items: center;
-  padding: 0 1rem;
-}
-.api_docs_header .header_content {
+}.api-docs-api-tree {
   width: 100%;
+  max-width: 12.5rem;
+  padding: 3rem 1.25rem;
+  box-sizing: border-box;
+}
+.api-docs-api-tree > * {
+  box-sizing: border-box;
+}
+.api-docs-api-tree__section-header {
   display: flex;
   align-items: center;
+  gap: 0.25rem;
+  padding-inline: 0.5rem;
+  cursor: pointer;
+  user-select: none;
+  height: 2.5rem;
 }
-.api_docs_header .nav_buttons {
-  display: flex;
-  gap: 1rem;
-  margin-left: 2.9375rem;
+.api-docs-api-tree__section-header:hover {
+  background-color: #f3f4f6;
+}
+.api-docs-api-tree__section-header svg:first-child path {
+  stroke: #bbbec5;
+}
+.api-docs-api-tree__section-title {
+  font-size: 0.75rem;
+  line-height: 0.875rem;
+  font-weight: 500;
+  color: #000;
+  margin-left: 0.25rem;
+}
+.api-docs-api-tree__section__overview {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 1.75rem;
+  border-radius: 0.25rem;
+  cursor: pointer;
+}
+.api-docs-api-tree__section__overview:hover {
+  background-color: #f3f4f6;
+}
+.api-docs-api-tree__section__overview span {
+  font-size: 0.75rem;
+  line-height: 0.875rem;
+  color: #000000;
+}
+.api-docs-api-tree__section__overview[data-active=true] {
+  background-color: #f0f1f2;
+}
+.api-docs-api-tree__section__endpoints {
+  display: flex;
+  align-items: center;
+  height: 1.5rem;
+  gap: 0.5rem;
+  border-radius: 0.25rem;
+  padding-inline: 1.75rem;
+  cursor: pointer;
+}
+.api-docs-api-tree__section__endpoints span {
+  font-size: 0.75rem;
+  line-height: 0.875rem;
+  color: #000000;
+}
+.api-docs-api-tree__section__endpoints[data-active=true] {
+  background-color: #f0f1f2;
+}
+.api-docs-api-tree__section[data-active=true] .api-docs-api-tree__section-title {
+  color: #616874;
+}
+.api-docs-api-tree__endpoints {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: 0.5rem;
+  border-radius: 0.25rem;
+  cursor: pointer;
+}
+.api-docs-api-tree__endpoints span {
+  font-size: 0.75rem;
+  line-height: 0.875rem;
+  color: #000000;
+}
+.api-docs-api-tree__endpoints[data-active=true] {
+  background-color: #f0f1f2;
+}
+.api-docs-api-tree__subsection-header {
+  height: 2rem;
+  display: flex;
+  align-items: center;
+  gap: 0.875rem;
+  padding-inline: 0.5rem;
+  cursor: pointer;
+  user-select: none;
+}
+.api-docs-api-tree__subsection-header svg {
+  color: #6b7280;
+}
+.api-docs-api-tree__subsection-title {
+  font-size: 0.75rem;
+  line-height: 0.875rem;
+  color: #616874;
+}
+.api-docs-api-tree__endpoint {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.5rem 0.75rem;
+  text-transform: capitalize;
+  width: 100%;
+  cursor: pointer;
+}
+.api-docs-api-tree__endpoint[data-active=true] {
+  background-color: #f0f1f2;
+}
+.api-docs-api-tree__endpoint:hover {
+  background-color: #f3f4f6;
+}
+.api-docs-api-tree__endpoint-method {
+  font-size: 0.75rem;
+  line-height: 0.875rem;
+  font-weight: 400;
+  text-align: start;
+}
+.api-docs-api-tree__endpoint-name {
+  font-size: 0.75rem;
+  line-height: 0.875rem;
+  color: #3b3f46;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.api-docs-api-tree__endpoint--get .api-docs-api-tree__endpoint-method {
+  color: #3a6cd1;
+}
+.api-docs-api-tree__endpoint--post .api-docs-api-tree__endpoint-method {
+  color: #3aaa35;
+}
+.api-docs-api-tree__endpoint--put .api-docs-api-tree__endpoint-method {
+  color: #faad14;
+}
+.api-docs-api-tree__endpoint--delete .api-docs-api-tree__endpoint-method {
+  color: #da3f3f;
+}
+.api-docs-api-tree__endpoint--option .api-docs-api-tree__endpoint-method {
+  color: #495d97;
+}
+.api-docs-api-tree__endpoint--head .api-docs-api-tree__endpoint-method {
+  color: #9461c9;
+}
+.api-docs-api-tree__endpoint--patch .api-docs-api-tree__endpoint-method {
+  color: #58e2c2;
+}.api_docs_header {
+  height: 2.625rem;
+  background-color: #f0f1f2;
+  display: flex;
+  align-items: center;
+  padding: 0 1rem;
+}
+.api_docs_header .header_content {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+.api_docs_header .nav_buttons {
+  display: flex;
+  gap: 1rem;
+  margin-left: 2.9375rem;
 }
 .api_docs_header .search_filter_btn {
   background-color: #ffffff !important;
@@ -1635,160 +1789,6 @@ div.endBtnIcon {
   opacity: 1 !important;
   backdrop-filter: blur(0.5rem);
   background-color: rgba(0, 0, 0, 0.281) !important;
-}.api-docs-api-tree {
-  width: 100%;
-  max-width: 12.5rem;
-  padding: 3rem 1.25rem;
-  box-sizing: border-box;
-}
-.api-docs-api-tree > * {
-  box-sizing: border-box;
-}
-.api-docs-api-tree__section-header {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  padding-inline: 0.5rem;
-  cursor: pointer;
-  user-select: none;
-  height: 2.5rem;
-}
-.api-docs-api-tree__section-header:hover {
-  background-color: #f3f4f6;
-}
-.api-docs-api-tree__section-header svg:first-child path {
-  stroke: #bbbec5;
-}
-.api-docs-api-tree__section-title {
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-  font-weight: 500;
-  color: #000;
-  margin-left: 0.25rem;
-}
-.api-docs-api-tree__section__overview {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1.75rem;
-  border-radius: 0.25rem;
-  cursor: pointer;
-}
-.api-docs-api-tree__section__overview:hover {
-  background-color: #f3f4f6;
-}
-.api-docs-api-tree__section__overview span {
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-  color: #000000;
-}
-.api-docs-api-tree__section__overview[data-active=true] {
-  background-color: #f0f1f2;
-}
-.api-docs-api-tree__section__endpoints {
-  display: flex;
-  align-items: center;
-  height: 1.5rem;
-  gap: 0.5rem;
-  border-radius: 0.25rem;
-  padding-inline: 1.75rem;
-  cursor: pointer;
-}
-.api-docs-api-tree__section__endpoints span {
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-  color: #000000;
-}
-.api-docs-api-tree__section__endpoints[data-active=true] {
-  background-color: #f0f1f2;
-}
-.api-docs-api-tree__section[data-active=true] .api-docs-api-tree__section-title {
-  color: #616874;
-}
-.api-docs-api-tree__endpoints {
-  display: flex;
-  flex-direction: column;
-  align-items: start;
-  gap: 0.5rem;
-  border-radius: 0.25rem;
-  cursor: pointer;
-}
-.api-docs-api-tree__endpoints span {
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-  color: #000000;
-}
-.api-docs-api-tree__endpoints[data-active=true] {
-  background-color: #f0f1f2;
-}
-.api-docs-api-tree__subsection-header {
-  height: 2rem;
-  display: flex;
-  align-items: center;
-  gap: 0.875rem;
-  padding-inline: 0.5rem;
-  cursor: pointer;
-  user-select: none;
-}
-.api-docs-api-tree__subsection-header svg {
-  color: #6b7280;
-}
-.api-docs-api-tree__subsection-title {
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-  color: #616874;
-}
-.api-docs-api-tree__endpoint {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  text-transform: capitalize;
-  width: 100%;
-  cursor: pointer;
-}
-.api-docs-api-tree__endpoint[data-active=true] {
-  background-color: #f0f1f2;
-}
-.api-docs-api-tree__endpoint:hover {
-  background-color: #f3f4f6;
-}
-.api-docs-api-tree__endpoint-method {
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-  font-weight: 400;
-  text-align: start;
-}
-.api-docs-api-tree__endpoint-name {
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-  color: #3b3f46;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.api-docs-api-tree__endpoint--get .api-docs-api-tree__endpoint-method {
-  color: #3a6cd1;
-}
-.api-docs-api-tree__endpoint--post .api-docs-api-tree__endpoint-method {
-  color: #3aaa35;
-}
-.api-docs-api-tree__endpoint--put .api-docs-api-tree__endpoint-method {
-  color: #faad14;
-}
-.api-docs-api-tree__endpoint--delete .api-docs-api-tree__endpoint-method {
-  color: #da3f3f;
-}
-.api-docs-api-tree__endpoint--option .api-docs-api-tree__endpoint-method {
-  color: #495d97;
-}
-.api-docs-api-tree__endpoint--head .api-docs-api-tree__endpoint-method {
-  color: #9461c9;
-}
-.api-docs-api-tree__endpoint--patch .api-docs-api-tree__endpoint-method {
-  color: #58e2c2;
 }.codebox {
   border-radius: 0.25rem;
   overflow: hidden;

package/dist/types/layout/docsComponents/DocsContent/DocsContent.d.ts

@@ -1,7 +1,12 @@
+import React from 'react';
 import './style.scss';
 import { EndpointData, OverviewData } from 'src/layout/docsLayout';
 declare const DocsContent: ({ data, activeType, setActiveItemData, setActiveType, setExpandedSections, }: {
     data: OverviewData | EndpointData;
     activeType: "OVERVIEW" | "ENDPOINT";
+    setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>;
+    setActiveType: React.Dispatch<React.SetStateAction<"OVERVIEW" | "ENDPOINT">>;
+    setExpandedSections: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    toggleSection: (apiId: string, sectionId: string, resetOthers?: boolean, key?: string[]) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export default DocsContent;

package/dist/types/layout/docsComponents/DocsContent/EndpointPage/index.d.ts

@@ -1,4 +1,5 @@
 import './style.scss';
+import { EndpointData } from 'src/layout/docsLayout';
 export declare const EndpointPage: ({ data }: {
-    data: any;
+    data: EndpointData;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/layout/docsComponents/DocsContent/TagPage/index.d.ts

@@ -1,7 +1,8 @@
 import './style.scss';
-export declare const TagPage: ({ data, setActiveItemData, setActiveType, setExpandedSections }: {
-    data: any;
-    setActiveItemData: any;
-    setActiveType: any;
-    setExpandedSections: any;
+import { EndpointData, OverviewData } from 'src/layout/docsLayout';
+export declare const TagPage: ({ data, setActiveItemData, setActiveType, setExpandedSections, }: {
+    data: OverviewData;
+    setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>;
+    setActiveType: React.Dispatch<React.SetStateAction<"OVERVIEW" | "ENDPOINT">>;
+    setExpandedSections: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.d.ts

@@ -1,15 +1,17 @@
 import './style.scss';
 import React from 'react';
 import { EndpointData, OverviewData } from 'src/layout/docsLayout';
-declare const DocsSideMenuTree: ({ apis, setActiveItemData, activeItemData, activeType, expandedSections, setExpandedSections, isFirstApiExpanded, setIsFirstApiExpanded, setActiveType, }: {
+declare const DocsSideMenuTree: ({ apis, setActiveItemData, activeItemData, activeType, expandedSections, setExpandedSections, isFirstApiExpanded, setIsFirstApiExpanded, setActiveType, toggleSection, canSelectFirstApi, }: {
     apis: OverviewData[];
     setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>;
     activeItemData: OverviewData | EndpointData;
     expandedSections: Record<string, boolean>;
-    setExpandedSections: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    setExpandedSections: (newSections: Record<string, boolean>) => void;
     isFirstApiExpanded: boolean;
     setIsFirstApiExpanded: React.Dispatch<React.SetStateAction<boolean>>;
     setActiveType: React.Dispatch<React.SetStateAction<"OVERVIEW" | "ENDPOINT">>;
     activeType: "OVERVIEW" | "ENDPOINT";
+    toggleSection: (apiId: string, sectionId: string, resetOthers?: boolean, key?: string[]) => void;
+    canSelectFirstApi?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default DocsSideMenuTree;

package/dist/types/layout/docsLayout.d.ts

@@ -1,8 +1,9 @@
-import { JSX } from 'react';
+import React, { JSX } from 'react';
 import { HTTPMethod, OpenAPIFile, Parameter, RequestBody, Responses } from '@entities/openApi';
 import { ApiSpecModel } from '@entities/index';
 interface ILayoutProps {
     apis?: ApiSpecModel[];
+    activeApiId?: string;
 }
 export interface TagData {
     id: string;
@@ -30,5 +31,5 @@ export interface OverviewData extends Omit<ApiSpecModel, 'metaData'> {
     tags: Record<string, TagData[]>;
     servers: OpenAPIFile['servers'];
 }
-declare const DocsLayout: ({ apis }: ILayoutProps) => JSX.Element;
-export default DocsLayout;
+declare const _default: React.MemoExoticComponent<({ apis, activeApiId }: ILayoutProps) => JSX.Element>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digi-frontend/dgate-api-documentation",
-  "version": "1.0.53",
+  "version": "1.0.54",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "types": "dist/types/index.d.ts",
@@ -17,6 +17,7 @@
   "description": "",
   "dependencies": {
     "digitinary-ui": "1.0.166",
+    "fast-json-stable-stringify": "^2.1.0",
     "formik": "^2.4.6",
     "html-react-parser": "^5.2.2",
     "js-yaml": "^4.1.0",
@@ -29,6 +30,7 @@
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-typescript": "^12.1.2",
     "@rollup/plugin-url": "^8.0.2",