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

package/dist/types/components/xpl-application-shell/xpl-application-shell.d.ts

@@ -13,12 +13,17 @@ export declare class XplApplicationShell {
    */
   navWidth: string;
   /**
-   * @state {boolean} - Whether or not the main nav is open, updates when the nav-open envent is emitted.
+   * @property {boolean} - * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.
+   */
+  isNavOpenAtStartup: boolean;
+  /**
+   * @state {boolean} - Whether or not the main nav is open, updates when the nav-open event is emitted.
    */
   navOpen: boolean;
   navToggleHandler(): void;
   navWithHandler(event: any): void;
   onWindowResize(): void;
   connectedCallback(): void;
+  componentWillLoad(): void;
   render(): any;
 }

package/dist/types/components/xpl-utility-bar/xpl-utility-bar.d.ts

@@ -8,8 +8,13 @@ export declare class XplUtilityBar {
    * @property {boolean} - whether or not to show the bars to control the state of the navigation bar (open/close)
    */
   navControl?: boolean;
+  /**
+   * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.
+   */
+  isNavOpenAtStartup?: boolean;
   open: boolean;
   private onNavToggle;
   private bars;
+  componentWillLoad(): void;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -7,6 +7,11 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface XplApplicationShell {
+        /**
+          * @property {boolean} - *
+          * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.
+         */
+        "isNavOpenAtStartup": boolean;
         /**
           * @property {string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.
          */
@@ -377,6 +382,10 @@ export namespace Components {
         "variant"?: 'default' | 'small';
     }
     interface XplUtilityBar {
+        /**
+          * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.
+         */
+        "isNavOpenAtStartup"?: boolean;
         /**
           * @property {boolean} - whether or not to show the bars to control the state of the navigation bar (open/close)
          */
@@ -599,6 +608,11 @@ declare global {
 }
 declare namespace LocalJSX {
     interface XplApplicationShell {
+        /**
+          * @property {boolean} - *
+          * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.
+         */
+        "isNavOpenAtStartup"?: boolean;
         /**
           * @property {string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.
          */
@@ -991,6 +1005,10 @@ declare namespace LocalJSX {
         "variant"?: 'default' | 'small';
     }
     interface XplUtilityBar {
+        /**
+          * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.
+         */
+        "isNavOpenAtStartup"?: boolean;
         /**
           * @property {boolean} - whether or not to show the bars to control the state of the navigation bar (open/close)
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xplortech/apollo-core",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.5",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
   "types": "dist/custom-elements/index.d.ts",

package/dist/apollo-core/p-97bdb450.entry.js

@@ -1 +0,0 @@
-import{r as l,h as i,H as s}from"./p-d4aa2fa9.js";const a=class{constructor(i){l(this,i),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(l){this.navWidth=l.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}render(){let l="xpl-application-shell";this.withUtility&&(l+=" xpl-application-shell--with_utility");let a="xpl-application-shell__nav";return a+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:` xpl-application-shell__nav--${this.navWidth}`,i(s,{class:l},i("div",{class:a},i("slot",{name:"nav"})),i("div",{class:"xpl-application-shell__subnav"},i("slot",{name:"subnav"})),i("div",{class:"xpl-application-shell__utility"},i("slot",{name:"utility"})),i("div",{class:"xpl-application-shell__content"},i("slot",{name:"content"})),i("xpl-backdrop",{onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}};export{a as xpl_application_shell}