Sizing a child area to fit its content? --> group with border #1496
Comments
|
Hello @dnotq, Interestingly a few people haven't been trying to do the same thing. It's quite overkill to use a child window for that so I'd prefer if we had a better solution. I'll still investigate that changed with this assert. I haven't thought it very much, but you may try something along the line of: I agree we could ideally have primitive to make that sort of things easier. (Also linking #1395.) |
|
Thanks for the suggestion, I will try to use a group and then draw a rectangle (hopefully I can get rounded corners?) I agree, using a child window just to get a border seemed like overkill to me too, but I did not see any other controls that offered a border around other content. Just for reference, before I pulled the latest changes with the assert change I mentioned, using the negative value for the y coordinate gave the desired result (at least in the y axis, I would still like the x axis to shirk too):
However, specifying a -y value (other than -1) stopped working after I pulled, and if I specify (0,0) or (-1,-1), I now get this:
The first area always fills the parent and causes a scroll bar, the other child areas are squashed. I did search the issues here on github before posting and found several posts related to this, but nothing seemed to do what I was looking for. Also, I'm not sure what the This is for a server of sorts, and when a connection is made each area expands with additional details and other data. I would like the child area to always be fully expanded (never have scroll bars) and only the main parent window should ever scroll. The functionality I'm after is very similar to the Collapsing Group, however add a border, and lose the title and the ability to close the group. Matthew |
ocornut
changed the title
|
@dnotq did you find a good way? I'm also looking for some sort of auto-sized panels that enclose their contents in a box growing/shrinking dynamically; ideally with collapsible header too. I'm trying the suggested aproach Begin/EndGroup() + AddRect(); and with some extra padding around the returned rectangle I can get a nice area; but I can't really add a background color to the panel; I can only draw on top of all the existing gui? Is there a way to reverse drawing order?
Maybe there's a way to "run" the layout part of what's inside the Begin/EndGroup() without actually drawing, just to get the final height beforehand? The problem is a lot of these panels offer different gui sliders / options depending on other panels / values in or out of the panel, so its quite hard to nail down the height without actually running all the imgui code. Edit: Full GUI shot to get a sense of what I'm trying to do here; visually nesting these "panels" would be super useful.
|
|
I don't remember what I ended up doing, it has been a while since I messed with that code. I think the group might have done the trick, but I'm not sure (I don't have access to that code right now). I seem to recall realizing that I did not need a full-blown child window. Sorry I can't me of more help. Matthew |
|
i just discovering this now, with a similar need to @armadillu. i hacked around it by drawing twice, first to get the measurements, then blanking it out with a rectangle, then drawing over it again. not totally ideal but it works for me, so i thought i'd share if anyone found this thread looking to do the same thing 😃 |
Could you fix this reply with GetItemRectMax() |
|
Well, I spend a fairly large amount of time on a similar issue. Best I could do is to put a white rectangle on top of the elements. Using the GetBackgroundDrawList() instead, showed to rectangles at all.
|
|
Edit: Version without line trough text is here #1496 (comment) My 3 cents: ImGui::BeginGroupPanel(ICON_MDI_GPU " Renderer", ImVec2(-1.0f, 0.0f));
// m_RendererSelector->Draw(); boils down to:
if (ImGui::BeginThinCombo("Backend:##Backend", currentBackendName.c_str(), ImGuiComboFlags_HeightLarge))
{
// ... few calls to: ImGui::Selectable(backendName.c_str(), isSelected)
ImGui::EndThinCombo();
}
m_ResolutionSelector->Draw();
ImGui::EndGroupPanel();I end up with something I think looks decent enough and keep other widgets in bay. void ImGui::BeginGroupPanel(const char* name, const ImVec2& size = ImVec2(-1.0f, -1.0f))
{
ImGui::BeginGroup();
auto cursorPos = ImGui::GetCursorScreenPos();
auto itemSpacing = ImGui::GetStyle().ItemSpacing;
ImGui::PushStyleVar(ImGuiStyleVar_FramePadding, ImVec2(0.0f, 0.0f));
ImGui::PushStyleVar(ImGuiStyleVar_ItemSpacing, ImVec2(0.0f, 0.0f));
auto frameHeight = ImGui::GetFrameHeight();
ImGui::BeginGroup();
ImVec2 effectiveSize = size;
if (size.x < 0.0f)
effectiveSize.x = ImGui::GetContentRegionAvail().x;
else
effectiveSize.x = size.x;
ImGui::Dummy(ImVec2(effectiveSize.x, 0.0f));
ImGui::Dummy(ImVec2(frameHeight * 0.5f, 0.0f));
ImGui::SameLine(0.0f, 0.0f);
ImGui::BeginGroup();
ImGui::Dummy(ImVec2(frameHeight * 0.5f, 0.0f));
ImGui::SameLine(0.0f, 0.0f);
ImGui::TextUnformatted(name);
ImGui::SameLine(0.0f, 0.0f);
ImGui::Dummy(ImVec2(0.0, frameHeight + itemSpacing.y));
ImGui::BeginGroup();
ImGui::PopStyleVar(2);
ImGui::GetCurrentWindow()->ContentRegionRect.Max.x -= frameHeight * 0.5f;
ImGui::GetCurrentWindow()->WorkRect.Max.x -= frameHeight * 0.5f;
ImGui::GetCurrentWindow()->Size.x -= frameHeight;
ImGui::PushItemWidth(effectiveSize.x - frameHeight);
}
void ImGui::EndGroupPanel()
{
ImGui::PopItemWidth();
auto itemSpacing = ImGui::GetStyle().ItemSpacing;
ImGui::PushStyleVar(ImGuiStyleVar_FramePadding, ImVec2(0.0f, 0.0f));
ImGui::PushStyleVar(ImGuiStyleVar_ItemSpacing, ImVec2(0.0f, 0.0f));
auto frameHeight = ImGui::GetFrameHeight();
// workaround for incorrect capture of columns/table width by placing
// zero-sized dummy element in the same group, this ensure
// max X cursor position is updated correctly
ImGui::SameLine(0.0f, 0.0f);
ImGui::Dummy(ImVec2(0.0f, 0.0f));
ImGui::EndGroup();
//ImGui::GetWindowDrawList()->AddRectFilled(ImGui::GetItemRectMin(), ImGui::GetItemRectMax(), IM_COL32(0, 255, 0, 64), 4.0f);
ImGui::EndGroup();
ImGui::SameLine(0.0f, 0.0f);
ImGui::Dummy(ImVec2(frameHeight * 0.5f, 0.0f));
ImGui::Dummy(ImVec2(0.0, frameHeight - frameHeight * 0.5f - itemSpacing.y));
ImGui::EndGroup();
auto itemMin = ImGui::GetItemRectMin();
auto itemMax = ImGui::GetItemRectMax();
//ImGui::GetWindowDrawList()->AddRectFilled(itemMin, itemMax, IM_COL32(255, 0, 0, 64), 4.0f);
ImVec2 halfFrame = ImVec2(frameHeight * 0.25f, frameHeight) * 0.5f;
ImGui::GetWindowDrawList()->AddRect(
itemMin + halfFrame, itemMax - ImVec2(halfFrame.x, 0.0f),
ImColor(ImGui::GetStyleColorVec4(ImGuiCol_Border)),
halfFrame.x);
ImGui::PopStyleVar(2);
ImGui::GetCurrentWindow()->ContentRegionRect.Max.x += frameHeight * 0.5f;
ImGui::GetCurrentWindow()->WorkRect.Max.x += frameHeight * 0.5f;
ImGui::GetCurrentWindow()->Size.x += frameHeight;
ImGui::Dummy(ImVec2(0.0f, 0.0f));
ImGui::EndGroup();
} |
|
You do have a background that looks decent! |
|
The weird thing about this is that the collapsible header already supports all this correctly IMO. |
|
I tried @thedmd solution, it looks fine, but the line is crossing the text (text needs background cover) |
|
Edit: Update to work with ImGui 1.14 WIP (17301) @gamelaster I solved that:
void BeginGroupPanel(const char* name, const ImVec2& size = ImVec2(0.0f, 0.0f));
void EndGroupPanel();#define IMGUI_DEFINE_MATH_OPERATORS
#include "imgui_internal.h"
static ImVector<ImRect> s_GroupPanelLabelStack;
void ImGui::BeginGroupPanel(const char* name, const ImVec2& size)
{
ImGui::BeginGroup();
auto cursorPos = ImGui::GetCursorScreenPos();
auto itemSpacing = ImGui::GetStyle().ItemSpacing;
ImGui::PushStyleVar(ImGuiStyleVar_FramePadding, ImVec2(0.0f, 0.0f));
ImGui::PushStyleVar(ImGuiStyleVar_ItemSpacing, ImVec2(0.0f, 0.0f));
auto frameHeight = ImGui::GetFrameHeight();
ImGui::BeginGroup();
ImVec2 effectiveSize = size;
if (size.x < 0.0f)
effectiveSize.x = ImGui::GetContentRegionAvailWidth();
else
effectiveSize.x = size.x;
ImGui::Dummy(ImVec2(effectiveSize.x, 0.0f));
ImGui::Dummy(ImVec2(frameHeight * 0.5f, 0.0f));
ImGui::SameLine(0.0f, 0.0f);
ImGui::BeginGroup();
ImGui::Dummy(ImVec2(frameHeight * 0.5f, 0.0f));
ImGui::SameLine(0.0f, 0.0f);
ImGui::TextUnformatted(name);
auto labelMin = ImGui::GetItemRectMin();
auto labelMax = ImGui::GetItemRectMax();
ImGui::SameLine(0.0f, 0.0f);
ImGui::Dummy(ImVec2(0.0, frameHeight + itemSpacing.y));
ImGui::BeginGroup();
//ImGui::GetWindowDrawList()->AddRect(labelMin, labelMax, IM_COL32(255, 0, 255, 255));
ImGui::PopStyleVar(2);
#if IMGUI_VERSION_NUM >= 17301
ImGui::GetCurrentWindow()->ContentRegionRect.Max.x -= frameHeight * 0.5f;
ImGui::GetCurrentWindow()->WorkRect.Max.x -= frameHeight * 0.5f;
ImGui::GetCurrentWindow()->InnerRect.Max.x -= frameHeight * 0.5f;
#else
ImGui::GetCurrentWindow()->ContentsRegionRect.Max.x -= frameHeight * 0.5f;
#endif
ImGui::GetCurrentWindow()->Size.x -= frameHeight;
auto itemWidth = ImGui::CalcItemWidth();
ImGui::PushItemWidth(ImMax(0.0f, itemWidth - frameHeight));
s_GroupPanelLabelStack.push_back(ImRect(labelMin, labelMax));
}
void ImGui::EndGroupPanel()
{
ImGui::PopItemWidth();
auto itemSpacing = ImGui::GetStyle().ItemSpacing;
ImGui::PushStyleVar(ImGuiStyleVar_FramePadding, ImVec2(0.0f, 0.0f));
ImGui::PushStyleVar(ImGuiStyleVar_ItemSpacing, ImVec2(0.0f, 0.0f));
auto frameHeight = ImGui::GetFrameHeight();
ImGui::EndGroup();
//ImGui::GetWindowDrawList()->AddRectFilled(ImGui::GetItemRectMin(), ImGui::GetItemRectMax(), IM_COL32(0, 255, 0, 64), 4.0f);
ImGui::EndGroup();
ImGui::SameLine(0.0f, 0.0f);
ImGui::Dummy(ImVec2(frameHeight * 0.5f, 0.0f));
ImGui::Dummy(ImVec2(0.0, frameHeight - frameHeight * 0.5f - itemSpacing.y));
ImGui::EndGroup();
auto itemMin = ImGui::GetItemRectMin();
auto itemMax = ImGui::GetItemRectMax();
//ImGui::GetWindowDrawList()->AddRectFilled(itemMin, itemMax, IM_COL32(255, 0, 0, 64), 4.0f);
auto labelRect = s_GroupPanelLabelStack.back();
s_GroupPanelLabelStack.pop_back();
ImVec2 halfFrame = ImVec2(frameHeight * 0.25f, frameHeight) * 0.5f;
ImRect frameRect = ImRect(itemMin + halfFrame, itemMax - ImVec2(halfFrame.x, 0.0f));
labelRect.Min.x -= itemSpacing.x;
labelRect.Max.x += itemSpacing.x;
for (int i = 0; i < 4; ++i)
{
switch (i)
{
// left half-plane
case 0: ImGui::PushClipRect(ImVec2(-FLT_MAX, -FLT_MAX), ImVec2(labelRect.Min.x, FLT_MAX), true); break;
// right half-plane
case 1: ImGui::PushClipRect(ImVec2(labelRect.Max.x, -FLT_MAX), ImVec2(FLT_MAX, FLT_MAX), true); break;
// top
case 2: ImGui::PushClipRect(ImVec2(labelRect.Min.x, -FLT_MAX), ImVec2(labelRect.Max.x, labelRect.Min.y), true); break;
// bottom
case 3: ImGui::PushClipRect(ImVec2(labelRect.Min.x, labelRect.Max.y), ImVec2(labelRect.Max.x, FLT_MAX), true); break;
}
ImGui::GetWindowDrawList()->AddRect(
frameRect.Min, frameRect.Max,
ImColor(ImGui::GetStyleColorVec4(ImGuiCol_Border)),
halfFrame.x);
ImGui::PopClipRect();
}
ImGui::PopStyleVar(2);
#if IMGUI_VERSION_NUM >= 17301
ImGui::GetCurrentWindow()->ContentRegionRect.Max.x += frameHeight * 0.5f;
ImGui::GetCurrentWindow()->WorkRect.Max.x += frameHeight * 0.5f;
ImGui::GetCurrentWindow()->InnerRect.Max.x += frameHeight * 0.5f;
#else
ImGui::GetCurrentWindow()->ContentsRegionRect.Max.x += frameHeight * 0.5f;
#endif
ImGui::GetCurrentWindow()->Size.x += frameHeight;
ImGui::Dummy(ImVec2(0.0f, 0.0f));
ImGui::EndGroup();
} |
|
I get several errors about "ContentsRegionRect" not being available - was this deprecated? edit: looks like it was just a typo, I'm assuming he meant "ContentRegionRect" edit2: it's mostly working, although it cuts off the text for "InputDouble" fields - https://i.imgur.com/4Gge2jY.png edit3: fix seems to be SetNextItemWidth - https://i.imgur.com/fRFt4sE.png I'll leave these edits up in case it helps the next person :) |
|
@PcChip I updated code to work with current ImGui |
|
Hello, I have been trying to get this this working using ImGui::BeginGroup();
if (ImGui::CollapsingHeader("Test")) {
ImGui::Text("Hello world");
ImGui::Text("Hello world");
ImGui::Text("Hello world");
ImGui::Text("Hello world");
ImGui::Text("Hello world");
ImGui::Text("Hello world");
}
ImGui::EndGroup();
float windowWidth = ImGui::GetContentRegionAvail().x;
auto panelMin = ImGui::GetItemRectMin();
auto panelMax = ImVec2(panelMin.x + windowWidth, ImGui::GetItemRectMax().y);
ImGui::GetWindowDrawList()->AddRectFilled(panelMin, panelMax,
ImColor(255, 255, 0, 255), 2.0f);Screenshot (Text is below the Rect):
I solved it by separating the draw list channels into two parts and writing the rectangle to channel 0: ImGui::GetWindowDrawList()->ChannelsSplit(2);
ImGui::GetWindowDrawList()->ChannelsSetCurrent(1);
ImGui::BeginGroup();
...
ImGui::EndGroup();
// Draw below
ImGui::GetWindowDrawList()->ChannelsSetCurrent(0);
float windowWidth = ImGui::GetContentRegionAvail().x;
auto panelMin = ImGui::GetItemRectMin();
auto panelMax = ImVec2(panelMin.x + windowWidth, ImGui::GetItemRectMax().y);
ImGui::GetWindowDrawList()->AddRectFilled(panelMin, panelMax,
ImColor(255, 255, 0, 255), 2.0f); |
|
After playing around with this API for my use-case, I do not think adding rectangle is the way to go. I need to support two things
Instead of reinventing the wheel here, I want to create a widget based on child windows that autogrows to content instead of autogrowing to parent. So, I wrote a logic that calculates the height based on group and sets the window size using // Setting the height value to disable the auto align axis
ImGui::BeginChild("test child", ImVec2(0.0, 10.0f), true);
ImGui::BeginGroup();
ImGui::Text("Hello world");
ImGui::Text("Hello world");
ImGui::Text("Hello world");
ImGui::Text("Hello world");
ImGui::EndChild();
auto groupHeight = = ImGui::GetItemRectMax().y - ImGui::GetItemRectMin().y;
// Make sure to autogrow the width component
ImGui::SetWindowSize(ImVec2(0.0f, groupHeight));
// Testing with a fixed value but window size does not change
// ImGui::SetWindowSize(ImVec2(0.0f, 50.0f));
ImGui::EndChild();Is this not possible to resize the child window while rendering the contents of it? (similar to resizing a normal window). EDIT: After trying with both windows and groups + draw list API, and for the time being I went with the groups + draw list API for no reason other than it was faster to implemen this: static XBounds calculateSectionBoundsX(float padding) {
auto *window = ImGui::GetCurrentWindow();
float windowStart = ImGui::GetWindowPos().x;
return {windowStart + window->WindowPadding.x + padding,
windowStart + ImGui::GetWindowWidth() - window->WindowPadding.x -
padding};
}
bool beginSection(const char *title) {
ImGui::GetWindowDrawList()->ChannelsSplit(2);
// Draw content above the rectangle
ImGui::GetWindowDrawList()->ChannelsSetCurrent(1);
auto padding = ImGui::GetStyle().WindowPadding;
auto *window = ImGui::GetCurrentWindow();
float windowWidth = ImGui::GetWindowWidth();
auto boundsX = calculateSectionBoundsX(padding.x);
// Title will be clipped till the middle
// because I am going to have a collapsing
// header there
const float midPoint = boundsX.start + (boundsX.end - boundsX.start) / 2.0f;
// Start from padding position
ImGui::SetCursorPosY(ImGui::GetCursorPosY() + padding.y);
ImGui::BeginGroup();
if (padding.x > 0) {
ImGui::Indent(padding.x);
}
ImGui::PushClipRect(ImVec2(boundsX.start, window->ClipRect.Min.y),
ImVec2(midPoint, window->ClipRect.Max.y), false);
ImGui::Text("%s", title);
ImGui::PopClipRect();
// Setting clip rectangle for the group contents;
// so, that text does not overflow outside this widget
// the parent window is resized
ImGui::PushClipRect(ImVec2(boundsX.start, window->ClipRect.Min.y),
ImVec2(boundsX.end, window->ClipRect.Max.y), false);
return true;
}
void endSection() {
auto padding = ImGui::GetStyle().WindowPadding;
ImGui::PopClipRect();
if (padding.x > 0) {
ImGui::Unindent(padding.x);
}
ImGui::EndGroup();
// Essentially, the content is drawn with padding
// while the rectangle is drawn without padding
auto boundsX = calculateSectionBoundsX(0.0f);
// GetItemRectMin is going to include the padding
// as well; so, remove it
auto panelMin = ImVec2(boundsX.start, ImGui::GetItemRectMin().y - padding.y);
auto panelMax = ImVec2(boundsX.end, ImGui::GetItemRectMax().y + padding.y);
// Draw rectangle below
ImGui::GetWindowDrawList()->ChannelsSetCurrent(0);
ImGui::GetWindowDrawList()->AddRectFilled(
panelMin, panelMax,
ImGui::GetColorU32(ImGui::GetStyleColorVec4(ImGuiCol_ChildBg)),
Theme::getStyle(ThemeStyle::SectionRounding).x);
ImGui::GetWindowDrawList()->ChannelsMerge();
// Since rectangle is bigger than the box, move the cursor;
// so, it starts outside the box
ImGui::SetCursorPosY(ImGui::GetCursorPosY() + padding.y);
// Then, add default spacing
ImGui::Spacing();
}The only thing that I want to figure out for this is to add scrolling and allow providing a maximum height. One caveat of this approach is that, I cannot nest this widget within itself because the width is always calculated according to the window, not parent widget; however it is something that does not bother me at the moment. |
|
@thedmd : thanks for the solution, it's a perfect fit and begs to be copy/pasted ; however it is not clear to me what license applies to code posted in here since it's not part of a PR (I'm assuming the CLA applies to PRs, but not code posted inside issues). |
|
It is free to use. I put it in public domain. You can apply any license you wish after making your own copy. If necessary, this can treated also as permission to do exactly that. Does this solve your problem? |
Yes, thank you very much :-) |
…ResizeY, ImGuiChildFlags_AlwaysAutoResize + support for SetNextWindowSizeConstraints(). (#1666, #1395, #1496, #1710) + Demo Note that child don't report ideal content size to parent so nesting may be difficult. Note 4e4042b simplified SkipItems logic. Note e2035a5 standardizing WindowMinSize application on child
|
It is now possible to
There are various subtleties related to specifies of child windows. However, I am not closing this thread because this mostly discuss decorating a group of widgets without scrolling, which I think should be achieved much more optimally using groups and a potential new |
|
Although it is probably nothing special/new, for anyone that is using v1.90 or newer and wants to decorate the group with @thedmd's solution but also wants to auto resize Y axis, you can make the following changes: TextUnformatted(name);
auto labelMin = GetItemRectMin();
auto labelMax = GetItemRectMax();
SameLine(0.0f, 0.0f);
Dummy(ImVec2(0.0, frameHeight + itemSpacing.y));
-BeginGroup();
+BeginChild(fmt::format("{}##child", name).c_str(), ImVec2(effectiveSize.x - GetStyle().ScrollbarSize, size.y), ImGuiChildFlags_AutoResizeY);
//ImGui::GetWindowDrawList()->AddRect(labelMin, labelMax, IM_COL32(255, 0, 255, 255));In EndGroupPanel: PushStyleVar(ImGuiStyleVar_FramePadding, ImVec2(0.0f, 4.0f));
PushStyleVar(ImGuiStyleVar_ItemSpacing, ImVec2(0.0f, 0.0f));
auto frameHeight = GetFrameHeight();
-EndGroup();
+EndChild();
//ImGui::GetWindowDrawList()->AddRectFilled(ImGui::GetItemRectMin(), ImGui::GetItemRectMax(), IM_COL32(0, 255, 0, 64), 4.0f);With these changes, however, you have to specify the size of a group, otherwise it will just display a really small rectangle. Hopefully this can save someone's time :) |
|
What's the current recommendation for drawing border and background for a group of items?
|
|
@thedmd I've encountered a very subtle problem using your Begin/EndGroupPanel functions. The minimal code to reproduce this would be: If you dock both windows together, for example like this: It causes a debug assertion to fail on subsequent opening of the application, with "imgui.ini" generated, producing the following output: .../imgui_draw.cpp:450: void ImDrawList::AddDrawCmd(): Assertion `draw_cmd.ClipRect.x <= draw_cmd.ClipRect.z && draw_cmd.ClipRect.y <= draw_cmd.ClipRect.w' failed. In release build everything works as expected, so it seems there are no side effects besides triggering this assertion. |
|
|
@Langwedocjusz , @BenjaminVermorel |
Hey! Thanks for the update. i'm doing: ImGui::Columns(7, "Columns"); Assert/problem comes on the last NextColumn(). I tried putting the dummy before the columns(7), but it doesn't seem to fix the problem. Would you know how to workaround in this case? |
|
@BenjaminVermorel I did update snippet to handle bit more internal state of the ImGui.
This snipped does work for me. Does it work for you too? What version of ImGui are you using? const float xxx = 100.0f;
ImGui::Columns(7, "Columns");
ImGui::SetColumnWidth(0, xxx);
ImGui::BeginGroupPanel("P1");
ImGui::Button("Button 1");
ImGui::EndGroupPanel();
ImGui::NextColumn();
ImGui::SetColumnWidth(1, xxx);
ImGui::BeginGroupPanel("P2");
ImGui::Button("Button 2");
ImGui::EndGroupPanel();
ImGui::NextColumn();
ImGui::Columns(1); |
… ImGui issues, link in desc.) ocornut/imgui#1496 (comment)
… ImGui issues, link in desc.) ocornut/imgui#1496 (comment)
The
BeginChild()function requires anImVec2to specify the size of the child. The problem is, I don't know the size of the content at the point where I have to make theBeginChild()call.I have tried passing in
ImVec2(0,0)andImVec2(-1,-1), but they both cause the child to size to its parent instead of its content.What did work was
ImVec2(0, -ImGui::GetContentRegionAvail().y)until this morning when I pulled the latest changes. Now I get an Assert error on lineimgui.cpp:4523(IM_ASSERT(window_size_x_set_by_api && window_size_y_set_by_api);).What I am looking for is just a boarder around some widgets. I don't want any scrolling inside the border (child area), it should just take whatever size it needs and cause its parent to scroll if necessary. Is there a way to do this?
Thanks,
Matthew
The text was updated successfully, but these errors were encountered: