@appsemble/lang-sdk 0.37.2 → 0.37.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appsemble/lang-sdk",
-  "version": "0.37.2",
+  "version": "0.37.3",
   "description": "Language SDK for Appsemble",
   "keywords": [
     "app",

package/schemas/AppLayoutDefinition.js

@@ -49,11 +49,13 @@ If set to \`navigation\`, it will only be visible if \`login\` is also visible i
 `,
         },
         navigation: {
-            enum: ['bottom', 'left-menu', 'hidden'],
+            enum: ['bottom', 'left-menu', 'hidden', 'top'],
             default: 'left-menu',
             description: `The navigation type to use.
 
 If this is omitted, a collapsable side navigation menu will be rendered on the left.
+Top navigation is rendered in the title bar. When the title bar is hidden, top navigation is
+rendered as side navigation.
 `,
         },
         logo: {
@@ -94,6 +96,14 @@ If this is omitted, a collapsable side navigation menu will be rendered on the l
             type: 'boolean',
             default: false,
         },
+        stackedHeader: {
+            description: `Whether to render the app logo on its own centered row above the navigation.
+
+Only applies when \`navigation\` is set to \`top\`.
+`,
+            type: 'boolean',
+            default: false,
+        },
         hideGroupDropdown: {
             description: `Whether to hide the group dropdown.
 

package/schemas/BasePageDefinition.js

@@ -35,14 +35,15 @@ have two pages with the same name. The name of the page is displayed at the *app
             default: false,
         },
         navigation: {
-            enum: ['bottom', 'left-menu', 'hidden', 'dropdown', 'profileDropdown'],
+            enum: ['bottom', 'left-menu', 'hidden', 'dropdown', 'profileDropdown', 'top'],
             description: `The type of navigation displayed on the page.
 
 This overrides the navigation property of the app itself. Defaults to \`left-menu\` if navigation or
 App navigation are not set.
 
-Set to \`bottom\` to use a navigation pane at the bottom of the screen instead of the default side
-menu. Set to \`hidden\` to display no navigational menus at all.
+Set to \`bottom\` to use a navigation pane at the bottom of the screen. Set to \`top\` to render
+navigation in the title bar. When the title bar is hidden, top navigation is rendered as side
+navigation. Set to \`hidden\` to display no navigational menus at all.
 `,
         },
         icon: {

package/types/core.d.ts

@@ -88,7 +88,9 @@ export interface AppDefinition {
         /**
          * The navigation type to use.
          *
-         * If this is omitted, a collapsible side navigation menu will be rendered on the left.
+         * If this is omitted, a collapsible side navigation menu is rendered on the left.
+         * Top navigation is rendered in the title bar. When the title bar is hidden,
+         * top navigation is rendered as side navigation.
          *
          * @default 'left-menu'
          */
@@ -110,6 +112,12 @@ export interface AppDefinition {
          * Whether to hide the title bar from all pages in the app.
          */
         hideTitleBar?: boolean;
+        /**
+         * Whether to render the app logo on its own centered row above the top navigation.
+         *
+         * Only applies when `navigation` is set to `top`.
+         */
+        stackedHeader?: boolean;
         /**
          * Whether to hide the group dropdown.
          *
@@ -203,7 +211,8 @@ export interface BasePageDefinition {
     /**
      * The navigation type to use for the page.
      * Setting this will override the default navigation for the app.
-     * if this is set to `navbar`, navigation link is rendered in the profile dropdown.
+     * Top navigation is rendered in the title bar. When the title bar is hidden,
+     * top navigation is rendered as side navigation.
      */
     navigation?: Navigation | 'profileDropdown';
     /**

package/types/layout.d.ts

@@ -1,2 +1,2 @@
-export type Navigation = 'bottom' | 'hidden' | 'left-menu';
+export type Navigation = 'bottom' | 'hidden' | 'left-menu' | 'top';
 export type LayoutPosition = 'hidden' | 'navbar' | 'navigation';