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

package/dist/types/components.d.ts

@@ -5,8 +5,18 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { Choice } from "./components/xpl-choicelist/choice";
+import { DropdownItem, DropdownOptionGroup } from "./components/xpl-dropdown/dropdownoption";
+import { XplDropdownOption } from "./components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option";
+import { ListItem } from "./components/xpl-list/listitem";
+import { SelectChoice } from "./components/xpl-select/selectchoice";
 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.
          */
@@ -112,7 +122,7 @@ export namespace Components {
     }
     interface XplChoicelist {
         /**
-          * An array of choices to be displayed in the list. Each choice should be an object with keys: - `checked` [boolean] - whether to precheck or not - `children` [Choice[]] - an array of child choices (recursive) - `description` [string] - `label` [string]
+          * An array of choices to be displayed in the list. Each choice should be an object with keys: - `checked` [boolean] - whether to pre-check or not - `children` [Choice[]] - an array of child choices (recursive) - `description` [string] - `label` [string]
          */
         "choices": Choice[];
         /**
@@ -154,9 +164,9 @@ export namespace Components {
          */
         "closeOnSelect": boolean;
         /**
-          * called on dropdown option click and keydown events  to update isSelected states
+          * called on dropdown option click and keydown events to update isSelected states
          */
-        "handleSelect": (e: Event, { component }: { component: any; }) => Promise<void>;
+        "handleSelect": (e: Event, { component }: { component: XplDropdownOption; }) => Promise<void>;
         /**
           * text to display as heading
          */
@@ -180,7 +190,10 @@ export namespace Components {
         /**
           * call back function invoked when a selection is made
          */
-        "update"?: (e: Event, { component: XplDropdown }) => void;
+        "update"?: (
+        e: Event,
+        { component }: { component: XplDropdown }
+    ) => void;
     }
     interface XplDropdownGroup {
         /**
@@ -377,6 +390,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 +616,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.
          */
@@ -720,7 +742,7 @@ declare namespace LocalJSX {
     }
     interface XplChoicelist {
         /**
-          * An array of choices to be displayed in the list. Each choice should be an object with keys: - `checked` [boolean] - whether to precheck or not - `children` [Choice[]] - an array of child choices (recursive) - `description` [string] - `label` [string]
+          * An array of choices to be displayed in the list. Each choice should be an object with keys: - `checked` [boolean] - whether to pre-check or not - `children` [Choice[]] - an array of child choices (recursive) - `description` [string] - `label` [string]
          */
         "choices"?: Choice[];
         /**
@@ -784,7 +806,10 @@ declare namespace LocalJSX {
         /**
           * call back function invoked when a selection is made
          */
-        "update"?: (e: Event, { component: XplDropdown }) => void;
+        "update"?: (
+        e: Event,
+        { component }: { component: XplDropdown }
+    ) => void;
     }
     interface XplDropdownGroup {
         /**
@@ -991,6 +1016,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.4",
+  "version": "1.0.0-beta.6",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
   "types": "dist/custom-elements/index.d.ts",
@@ -30,7 +30,7 @@
     "generate": "stencil generate"
   },
   "engines": {
-    "node": "14.x"
+    "node": "14.x||16.x"
   },
   "files": [
     "build",

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}