| 45621 | // Make sure Panels have fallbacks to different breakpoints by reusing same selectors. |
| 45622 | // This is done in the effort to follow design redlines. |
| 45623 | var getPanelBreakpoints = function(type) { |
| 45624 | var selectors; |
| 45625 | // Panel types `smallFluid`, `smallFixedNear`, `custom` and `customNear` |
| 45626 | // are not checked in here because they render the same in all the breakpoints |
| 45627 | // and have the checks done separately in the `getStyles` function below. |
| 45628 | switch(type){ |
| 45629 | case (0, _panelTypes.PanelType).smallFixedFar: |
| 45630 | selectors = (0, _tslib.__assign)({}, smallPanelSelectors); |
| 45631 | break; |
| 45632 | case (0, _panelTypes.PanelType).medium: |
| 45633 | selectors = (0, _tslib.__assign)((0, _tslib.__assign)({}, smallPanelSelectors), mediumPanelSelectors); |
| 45634 | break; |
| 45635 | case (0, _panelTypes.PanelType).large: |
| 45636 | selectors = (0, _tslib.__assign)((0, _tslib.__assign)((0, _tslib.__assign)({}, smallPanelSelectors), mediumPanelSelectors), largePanelSelectors); |
| 45637 | break; |
| 45638 | case (0, _panelTypes.PanelType).largeFixed: |
| 45639 | selectors = (0, _tslib.__assign)((0, _tslib.__assign)((0, _tslib.__assign)((0, _tslib.__assign)({}, smallPanelSelectors), mediumPanelSelectors), largePanelSelectors), largeFixedPanelSelectors); |
| 45640 | break; |
| 45641 | case (0, _panelTypes.PanelType).extraLarge: |
| 45642 | selectors = (0, _tslib.__assign)((0, _tslib.__assign)((0, _tslib.__assign)((0, _tslib.__assign)({}, smallPanelSelectors), mediumPanelSelectors), largePanelSelectors), extraLargePanelSelectors); |
| 45643 | break; |
| 45644 | default: |
| 45645 | break; |
| 45646 | } |
| 45647 | return selectors; |
| 45648 | }; |
| 45649 | var commandBarHeight = "44px"; |
| 45650 | var sharedPaddingStyles = { |
| 45651 | paddingLeft: "24px", |