@itwin/appui-abstract
Version:
iTwin.js UI abstractions
111 lines • 4.84 kB
JavaScript
"use strict";
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
/** @packageDocumentation
* @module ContentView
*/
Object.defineProperty(exports, "__esModule", { value: true });
exports.StandardContentLayouts = void 0;
/* eslint-disable @typescript-eslint/no-deprecated */
/**
* Class that define Standard Content Layouts that can be used to specify how the content is arranged in a frontstage.
* @public
* @deprecated in 4.10.x - will not be removed until after 2026-06-13. Use `StandardContentLayouts` from `@itwin/appui-react`.
*/
class StandardContentLayouts {
static singleView = {
id: "uia:singleView",
description: "Single Content View",
};
static fourQuadrants = {
id: "uia:fourQuadrants",
description: "Four Views, two stacked on the left, two stacked on the right",
verticalSplit: {
id: "uia:fourQuadrantVerticalSplit",
percentage: 0.50,
lock: false,
minSizeLeft: 100,
minSizeRight: 100,
left: { horizontalSplit: { id: "uia:fourQuadrantsLeftHorizontal", percentage: 0.50, top: 0, bottom: 1, lock: false, minSizeTop: 50, minSizeBottom: 50 } },
right: { horizontalSplit: { id: "uia:fourQuadrantsRightHorizontal", percentage: 0.50, top: 2, bottom: 3, lock: false, minSizeTop: 50, minSizeBottom: 50 } },
},
};
static twoVerticalSplit = {
id: "uia:twoVerticalSplit",
description: "Two Views, side by side",
verticalSplit: {
id: "uia:twoViewsVerticalSplit",
percentage: 0.50,
left: 0,
right: 1,
},
};
static twoHorizontalSplit = {
id: "uia:twoHorizontalSplit",
description: "Two views, stack one on top of the other",
horizontalSplit: {
id: "uia:twoViewsHorizontalSplit",
percentage: 0.50,
lock: false,
top: 0,
bottom: 1,
},
};
static threeViewsTwoOnLeft = {
id: "uia:threeViewsTwoOnLeft",
description: "Three views, one on the right with the two on the left stacked one of top of the other",
verticalSplit: {
id: "uia:twoViewsOnLeftSplit",
percentage: 0.50,
left: { horizontalSplit: { id: "uia:twoViewsOnLeftHorizontal", percentage: 0.50, top: 0, bottom: 1, lock: false, minSizeTop: 50, minSizeBottom: 50 } },
right: 2,
},
};
static threeViewsTwoOnRight = {
id: "uia:threeViewsTwoOnRight",
description: "Three views, one on the left with the two on the right stacked one of top of the other",
verticalSplit: {
id: "uia:twoViewsOnRightSplit",
percentage: 0.50,
left: 0,
right: { horizontalSplit: { id: "uia:twoViewsOnRightHorizontal", percentage: 0.50, top: 1, bottom: 2, lock: false, minSizeTop: 50, minSizeBottom: 50 } },
},
};
static threeViewsTwoOnBottom = {
id: "uia:threeViewsTwoOnBottom",
description: "Three Views, one on top and two side by side on the bottom",
horizontalSplit: {
id: "uia:threeViewsTwoOnBottomHorizontal",
percentage: 0.50,
lock: false,
top: 0,
bottom: { verticalSplit: { id: "uia:twoViewsOnBottomVertical", percentage: 0.50, left: 1, right: 2, lock: false, minSizeLeft: 50, minSizeRight: 50 } },
},
};
static threeViewsTwoOnTop = {
id: "uia:threeViewsTwoOnTop",
description: "Three Views, two side by side on top and one on the bottom",
horizontalSplit: {
id: "uia:twoViewsOnTopHorizontal",
percentage: 0.50,
lock: false,
top: { verticalSplit: { id: "uia:twoViewsOnTopVertical", percentage: 0.50, left: 0, right: 1, lock: false, minSizeLeft: 50, minSizeRight: 50 } },
bottom: 2,
},
};
// provides and iterable list of standard content layouts
static availableLayouts = [
StandardContentLayouts.singleView,
StandardContentLayouts.fourQuadrants,
StandardContentLayouts.twoVerticalSplit,
StandardContentLayouts.twoHorizontalSplit,
StandardContentLayouts.threeViewsTwoOnLeft,
StandardContentLayouts.threeViewsTwoOnRight,
StandardContentLayouts.threeViewsTwoOnBottom,
StandardContentLayouts.threeViewsTwoOnTop,
];
}
exports.StandardContentLayouts = StandardContentLayouts;
//# sourceMappingURL=StandardContentLayouts.js.map