@xplortech/apollo-core 1.0.0-beta.4 → 1.0.0-beta.5

package/dist/collection/components/xpl-application-shell/xpl-application-shell.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Listen, State, Prop } from '@stencil/core';
+import { Component, h, Host, Listen, Prop, State } from '@stencil/core';
 export class XplApplicationShell {
   constructor() {
     /**
@@ -14,7 +14,7 @@ export class XplApplicationShell {
      */
     this.navWidth = 'default';
     /**
-     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open envent is emitted.
+     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open event is emitted.
      */
     this.navOpen = true;
   }
@@ -35,6 +35,12 @@ export class XplApplicationShell {
   connectedCallback() {
     this.closeNavOnMobile();
   }
+  componentWillLoad() {
+    this.navOpen =
+      this.isNavOpenAtStartup !== undefined
+        ? this.isNavOpenAtStartup
+        : this.navOpen;
+  }
   render() {
     let applicationShellClasses = 'xpl-application-shell';
     if (this.withUtility)
@@ -120,6 +126,29 @@ export class XplApplicationShell {
       "attribute": "nav-width",
       "reflect": false,
       "defaultValue": "'default'"
+    },
+    "isNavOpenAtStartup": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "{boolean} - *",
+            "name": "property"
+          }, {
+            "text": "{boolean} - Optional property that defines whether or not the main nav is open at startup.",
+            "name": "property"
+          }],
+        "text": ""
+      },
+      "attribute": "is-nav-open-at-startup",
+      "reflect": false
     }
   }; }
   static get states() { return {

package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js

@@ -1,4 +1,4 @@
-import { Component, Event, Host, h, Prop, State, } from '@stencil/core';
+import { Component, Event, h, Host, Prop, State, } from '@stencil/core';
 export class XplUtilityBar {
   constructor() {
     this.open = true;
@@ -10,6 +10,12 @@ export class XplUtilityBar {
     this.open = !this.open;
     this.navOpen.emit(this.open);
   }
+  componentWillLoad() {
+    this.open =
+      this.isNavOpenAtStartup !== undefined
+        ? this.isNavOpenAtStartup
+        : this.open;
+  }
   render() {
     return (h(Host, null,
       h("nav", { "aria-label": "utility navigation bar", class: "xpl-utility-bar" },
@@ -39,6 +45,26 @@ export class XplUtilityBar {
       },
       "attribute": "nav-control",
       "reflect": false
+    },
+    "isNavOpenAtStartup": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "{boolean} - Optional property that defines whether or not the main nav is open at startup.",
+            "name": "property"
+          }],
+        "text": ""
+      },
+      "attribute": "is-nav-open-at-startup",
+      "reflect": false
     }
   }; }
   static get states() { return {