@xplortech/apollo-core 1.0.0-beta.8 → 2.4.2

package/dist/cjs/loader.cjs.js

@@ -1,21 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-D__N_vw2.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
-const index = require('./index-2ab4832e.js');
-
-/*
- Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return index.bootstrapLazy([["xpl-select.cjs",[[0,"xpl-select",{"choices":[16],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"placeholder":[1],"truncate":[4],"active":[32],"id":[32],"keepFocus":[32],"selected":[32],"value":[32],"displayValue":[32],"visibleChoices":[32]}]]],["xpl-application-shell.cjs",[[4,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["xpl-avatar_12.cjs",[[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[4,"xpl-nav-item",{"navControl":[4,"nav-control"]}],[4,"xpl-secondary-nav"],[0,"xpl-table",{"columns":[16],"data":[16],"freeze":[4],"multiselect":[4],"striped":[4],"areAllSelected":[32],"rowData":[32],"hasScrolled":[32],"selected":[32]}],[4,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[32]}],[4,"xpl-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[4,"xpl-badge",{"dot":[4],"variant":[1]}],[4,"xpl-button",{"disabled":[4],"link":[4],"iconOnly":[4,"icon-only"],"fullWidth":[4,"full-width"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1],"state":[1]}],[4,"xpl-checkbox",{"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}],[4,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}]]],["xpl-choicelist.cjs",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]}]]],["xpl-list.cjs",[[0,"xpl-list",{"items":[16]}]]],["xpl-button-row.cjs",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-divider.cjs",[[4,"xpl-divider",{"tier":[2]}]]],["xpl-grid.cjs",[[0,"xpl-grid"]]],["xpl-grid-item.cjs",[[4,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-input.cjs",[[0,"xpl-input",{"_id":[1],"autocomplete":[1],"dateFormat":[1,"date-format"],"description":[1],"disabled":[4],"error":[1],"label":[1],"max":[8],"maxCharacterCount":[2,"max-character-count"],"min":[8],"mode":[1],"multiline":[4],"name":[1],"placeholder":[1],"post":[1],"pre":[1],"readonly":[4],"required":[4],"step":[2],"type":[1],"value":[1],"characterCount":[32],"passwordVisible":[32]}]]],["xpl-main-nav.cjs",[[4,"xpl-main-nav",{"width":[1]}]]],["xpl-pagination.cjs",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]],["xpl-toggle.cjs",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-backdrop.cjs",[[0,"xpl-backdrop",{"relative":[4]}]]],["xpl-dropdown-group_3.cjs",[[4,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[4,"xpl-dropdown-heading",{"label":[1]}],[4,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"isSelected":[1540,"selected"]}]]],["xpl-dropdown_2.cjs",[[4,"xpl-dropdown",{"isOpen":[1540,"open"],"closeOnSelect":[4,"close-on-select"],"mode":[1],"options":[16],"selectOnFocus":[4,"select-on-focus"],"triggerId":[1,"trigger-id"],"update":[16],"handleSelect":[64]}],[4,"xpl-tag"]]]], options);
-  });
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["xpl-list.cjs",[[0,"xpl-list",{"items":[16]}]]],["xpl-table-header-cell.cjs",[[0,"xpl-table-header-cell",{"icon":[1],"sortable":[4],"label":[1],"type":[1],"width":[2],"sortDirection":[32]}]]],["xpl-accordion.cjs",[[260,"xpl-accordion",{"contentId":[1,"content-id"],"header":[1],"description":[1],"initialExpanded":[4,"initial-expanded"],"size":[1],"borderType":[1,"border-type"],"expanded":[32],"parentCheckboxChange":[64]},[[0,"checkboxChange","listenToChangeEvent"]],{"initialExpanded":[{"watchInitialExpanded":0}]}]]],["xpl-application-shell.cjs",[[260,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["xpl-button-row.cjs",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-large-card.cjs",[[260,"xpl-large-card",{"link":[4],"name":[1],"description":[1]}]]],["xpl-calendar.cjs",[[0,"xpl-calendar",{"inputId":[1,"input-id"],"dateFormat":[1,"date-format"],"max":[8],"min":[8],"mode":[1],"defaultDate":[1,"default-date"],"setDate":[64]}]]],["xpl-dynamic-table.cjs",[[260,"xpl-dynamic-table",{"selectedItemCount":[32],"colCount":[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]]],["xpl-dynamic-table-cell.cjs",[[260,"xpl-dynamic-table-cell",{"disabled":[4]}]]],["xpl-dynamic-table-row.cjs",[[260,"xpl-dynamic-table-row",{"disabled":[4],"selected":[4],"isDisabled":[32]}]]],["xpl-grid.cjs",[[0,"xpl-grid"]]],["xpl-grid-item.cjs",[[260,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-main-nav.cjs",[[260,"xpl-main-nav",{"width":[1]}]]],["xpl-table-header.cjs",[[260,"xpl-table-header"]]],["xpl-toggle.cjs",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-toolbar.cjs",[[260,"xpl-toolbar",{"selectedItemCount":[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]]],["xpl-avatar_41.cjs",[[0,"xpl-pagination",{"totalPages":[2,"total-pages"],"withPageControl":[4,"with-page-control"],"currentPage":[1026,"current-page"],"rowsPerPageOptions":[1,"rows-per-page-options"],"selectedRowsPerPage":[1026,"selected-rows-per-page"]},null,{"currentPage":[{"onPageUpdate":0}],"selectedRowsPerPage":[{"onRowsPerPageUpdate":0}]}],[260,"xpl-tabs",{"value":[1],"fullWidth":[4,"full-width"],"selectedValue":[32],"activeBarPosition":[32],"isMobileSelectChange":[32]},[[9,"resize","onWindowResize"]],{"value":[{"updateTabsSelectedState":0}]}],[260,"xpl-slideout",{"isOpen":[1540,"is-open"],"backdrop":[4],"variant":[1],"showFooter":[4,"show-footer"]},[[9,"scroll","handleScroll"]],{"isOpen":[{"watchPropHandler":0}]}],[260,"xpl-modal",{"isOpen":[1540,"is-open"],"size":[1],"variant":[1]},null,{"isOpen":[{"updateModalState":0}]}],[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]},null,{"choices":[{"onChoicesPropChange":0}],"selected":[{"onSelectedChange":0}]}],[260,"xpl-data-card",{"link":[4],"name":[1],"stat":[1],"shortStat":[1,"short-stat"],"variant":[1],"leadingIcon":[4,"leading-icon"],"icon":[1],"smallStat":[1,"small-stat"],"smallStatIcon":[1,"small-stat-icon"],"detail":[1],"smallStatVariant":[1,"small-stat-variant"],"tooltipTextSmallStat":[1,"tooltip-text-small-stat"],"tooltipTextStat":[1,"tooltip-text-stat"]},null,{"stat":[{"watchStat":0}],"shortStat":[{"watchShortStat":0}]}],[260,"xpl-header-accordion",{"contentId":[1,"content-id"],"initialExpanded":[4,"initial-expanded"],"disabled":[4],"selectedCount":[2,"selected-count"],"hasCheckbox":[4,"has-checkbox"],"expanded":[32],"parentChecked":[32],"parentIndeterminate":[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{"selectedCount":[{"watchSelectedCount":0}]}],[0,"xpl-table",{"columns":[16],"data":[16],"footer":[16],"freeze":[4],"multiselect":[4],"striped":[4],"selectedValues":[16],"isSortable":[4,"is-sortable"],"sortableColumns":[16],"areAllSelected":[32],"rowData":[32],"rowFooterData":[32],"hasScrolled":[32],"selected":[32],"sortTypeArray":[32]},null,{"data":[{"watchData":0}],"footer":[{"watchFooterData":0}],"columns":[{"watchColumns":0}]}],[260,"xpl-toast",{"variant":[1],"showIcon":[4,"show-icon"],"caption":[1],"dismissable":[4],"timeout":[2]}],[260,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[32]}],[260,"xpl-breadcrumb-item"],[260,"xpl-breadcrumbs"],[260,"xpl-content-area",{"size":[1]}],[260,"xpl-dashboard"],[260,"xpl-nav-item",{"navControl":[4,"nav-control"]}],[0,"xpl-progress",{"steps":[1040],"currentStep":[1026,"current-step"]}],[260,"xpl-secondary-nav"],[0,"xpl-skeleton",{"classNames":[1,"class-names"],"fullWidth":[4,"full-width"],"height":[1],"width":[1],"margin":[1],"shape":[1],"size":[1]}],[260,"xpl-tab",{"target":[1],"selected":[4]}],[260,"xpl-tab-panel",{"target":[1],"selected":[4]}],[260,"xpl-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[260,"xpl-badge",{"dot":[4],"variant":[1]}],[260,"xpl-divider",{"tier":[2]}],[260,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"value":[1],"required":[4],"styled":[4],"id":[32]}],[260,"xpl-tooltip",{"text":[1],"position":[1],"hideArrow":[4,"hide-arrow"]}],[260,"xpl-select",{"choices":[16],"selectIcon":[1,"select-icon"],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"name":[1],"placeholder":[1],"truncate":[4],"customDisplayValue":[4,"custom-display-value"],"selectedValues":[1,"selected-values"],"classNames":[1,"class-names"],"active":[32],"id":[32],"keepFocus":[32],"visibleChoices":[32],"choicesState":[32],"value":[32],"dropdownOpenState":[32],"reset":[64]},[[8,"click","handleClickEvent"],[8,"keydown","handleKeyDown"],[9,"resize","handleResize"]],{"choices":[{"onChoicesPropChanged":0}],"selectedValues":[{"onSelectedValuesPropChanged":0}],"choicesState":[{"onChoicesStateChanged":0}],"value":[{"handleValueStateChange":0}],"dropdownOpenState":[{"onDropdownOpenStateChanged":0}]}],[260,"xpl-input",{"_id":[1],"description":[1],"disabled":[4],"error":[1],"label":[1],"name":[1],"required":[4],"readonly":[4],"value":[1],"autocomplete":[1],"placeholder":[1],"post":[1],"pre":[1],"max":[8],"min":[8],"step":[2],"multiline":[4],"maxCharacterCount":[2,"max-character-count"],"dateFormat":[1,"date-format"],"timeFormat":[1,"time-format"],"allowCustomOption":[4,"allow-custom-option"],"mode":[1],"accept":[1],"multiple":[4],"hideTriggerOnSelect":[4,"hide-trigger-on-select"],"hideFileNames":[4,"hide-file-names"],"hideAcceptText":[4,"hide-accept-text"],"hideEyeDropper":[4,"hide-eye-dropper"],"type":[1],"characterCount":[32],"passwordVisible":[32]}],[0,"xpl-input-color",{"value":[1],"placeholder":[1],"disabled":[4],"required":[4],"hideEyeDropper":[4,"hide-eye-dropper"],"hasErrorState":[32],"colorValues":[32],"eyeDropperSupported":[32],"hue":[32]},null,{"colorValues":[{"valueChanged":0}],"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValuePropChange":0}]}],[260,"xpl-popover",{"isOpen":[4,"is-open"],"disabled":[4],"position":[1],"display":[1],"isOpenState":[32],"actualPosition":[32],"updateListener":[32]},null,{"isOpen":[{"onIsOpenPropChange":0}],"isOpenState":[{"onIsOpenStateChange":0}]}],[0,"xpl-input-time",{"inputId":[1,"input-id"],"disabled":[4],"name":[1],"required":[4],"readonly":[4],"value":[1537],"placeholder":[1],"max":[8],"min":[8],"step":[2],"mode":[1],"timeFormat":[1,"time-format"],"allowCustomOption":[4,"allow-custom-option"],"formattedValue":[32],"hasErrorState":[32],"showOptions":[32],"options":[32],"amPm":[32]},null,{"value":[{"onValueChange":0}],"hasErrorState":[{"onHasErrorStateChanged":0}]}],[0,"xpl-input-date",{"inputId":[1,"input-id"],"disabled":[4],"name":[1],"required":[4],"readonly":[4],"value":[1],"placeholder":[1],"post":[1],"pre":[1],"max":[8],"min":[8],"dateFormat":[1,"date-format"],"mode":[1],"hasErrorState":[32]},null,{"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValueChanged":0}]}],[260,"xpl-input-file",{"disabled":[4],"name":[1],"_id":[1],"accept":[1],"multiple":[4],"hideTriggerOnSelect":[4,"hide-trigger-on-select"],"hideFileNames":[4,"hide-file-names"],"hideAcceptText":[4,"hide-accept-text"],"files":[32],"removeFileByIndex":[64]},null,{"files":[{"onFilesChange":0}]}],[0,"xpl-backdrop",{"relative":[4]}],[260,"xpl-button",{"disabled":[4],"link":[4],"iconOnly":[4,"icon-only"],"fullWidth":[4,"full-width"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1],"state":[1],"form":[1]}],[260,"xpl-checkbox",{"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"value":[1],"required":[4],"styled":[4],"dataId":[1,"data-id"],"id":[32]}],[260,"xpl-tag"],[260,"xpl-dropdown",{"isOpen":[1540,"open"],"closeOnSelect":[4,"close-on-select"],"mode":[1],"options":[1040],"anchorToTrigger":[4,"anchor-to-trigger"],"selectedValues":[1,"selected-values"],"selectOnFocus":[4,"select-on-focus"],"triggerId":[1,"trigger-id"],"update":[16],"handleSelect":[64]},[[11,"scroll","onWindowScroll"],[7,"scroll","onWindowScroll"],[9,"resize","onWindowScroll"]],{"selectedValues":[{"onSelectedValuesChanged":0}],"isOpen":[{"onIsOpenStateChange":0}]}],[260,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[260,"xpl-dropdown-heading",{"label":[1]}],[260,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"value":[1],"subtitle":[1],"isSelected":[4,"selected"]}],[0,"xpl-icon",{"icon":[1],"size":[2],"backgroundColor":[1,"background-color"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{v4-14140ff3.js → v4-D4KzFnn8.js}

@@ -20,7 +20,7 @@ function rng() {
   return getRandomValues(rnds8);
 }
 
-const REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
 
 function validate(uuid) {
   return typeof uuid === 'string' && REGEX.test(uuid);
@@ -61,16 +61,6 @@ function v4(options, buf, offset) {
   rnds[6] = rnds[6] & 0x0f | 0x40;
   rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
 
-  if (buf) {
-    offset = offset || 0;
-
-    for (var i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
   return stringify(rnds);
 }
 

package/dist/cjs/xpl-accordion.cjs.entry.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var index = require('./index-D__N_vw2.js');
+
+const XplAccordion = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.initialExpanded = false;
+        this.size = '3';
+        this.borderType = 'none';
+        this.expanded = this.initialExpanded;
+        this.toggleAccordion = (evt) => {
+            evt.stopPropagation();
+            this.expanded = !this.expanded;
+        };
+    }
+    watchInitialExpanded() {
+        this.expanded = this.initialExpanded;
+    }
+    async parentCheckboxChange(checked) {
+        const childCheckboxes = this.el.querySelectorAll('.xpl-accordion-content .xpl-checkbox:not([disabled])');
+        childCheckboxes.forEach((checkbox) => {
+            checkbox.checked = checked;
+        });
+        return null;
+    }
+    handleChildCheckboxChange() {
+        const childCheckboxes = this.el.querySelectorAll('.xpl-accordion-content .xpl-checkbox:not([disabled])');
+        const checkedCount = Array.from(childCheckboxes).filter((checkbox) => checkbox.checked).length;
+        const parentCheckbox = this.el.querySelector('.xpl-accordion-header xpl-checkbox') ||
+            this.el.querySelector('.xpl-accordion-header input');
+        if (parentCheckbox) {
+            switch (checkedCount) {
+                case 0:
+                    parentCheckbox.checked = false;
+                    parentCheckbox.indeterminate = false;
+                    break;
+                case childCheckboxes.length:
+                    parentCheckbox.checked = true;
+                    parentCheckbox.indeterminate = false;
+                    break;
+                default:
+                    parentCheckbox.checked = false;
+                    parentCheckbox.indeterminate = true;
+            }
+        }
+    }
+    listenToChangeEvent() {
+        this.handleChildCheckboxChange();
+    }
+    render() {
+        const accordionBorder = {
+            none: '',
+            bordered: `xpl-accordion--border-bordered${this.expanded ? '--expanded' : ''}`,
+            bottom: `xpl-accordion--border-bottom${this.expanded ? '--expanded' : ''}`,
+        }[this.borderType];
+        return (index.h(index.Host, { key: '196af13fff0f920975af9c4a6ebe726a98e5a663', class: `xpl-accordion ${accordionBorder}` }, index.h("button", { key: '724993d5464ef62e7bc6ec0d63334fcebf8d93fa', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("header", { key: '8b38921367d44ff8e2dbfb5fcecf4712f480b907', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, index.h("slot", { key: 'a940edeb394372f71cc927db8dfa622ce2c281f8', name: "heading" }, this.header), index.h("xpl-icon", { key: '9e8e85697f46f808802cc4466046ada165e372e6', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), index.h("div", { key: 'a91f59cd8a2450b8d46ba9880a05f67a8d1cbb62', class: "xpl-accordion-description" }, index.h("slot", { key: '6cc83b45061eb6349dd7f8934bc49b4f1a3b878d', name: "description" }, this.description))), index.h("section", { key: '72d5e5b77651c23a08b52849079e42456a5aed6d', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+                ? {
+                    none: '',
+                    bordered: 'xpl-accordion-content--shown-bordered',
+                    bottom: 'xpl-accordion-content--shown-border-bottom',
+                }[this.borderType]
+                : ''}` }, index.h("slot", { key: '46231eeef0f6457a26e70aaf3a976a5a2b6076c3', name: "content" }))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "initialExpanded": [{
+                "watchInitialExpanded": 0
+            }]
+    }; }
+};
+
+exports.xpl_accordion = XplAccordion;

package/dist/cjs/xpl-application-shell.cjs.entry.js

@@ -1,53 +1,48 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2ab4832e.js');
+var index = require('./index-D__N_vw2.js');
 
 const XplApplicationShell = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.withSubnav = false;
-    this.withUtility = true;
-    this.navWidth = 'default';
-    this.isNavOpenAtStartup = undefined;
-    this.navOpen = true;
-  }
-  closeNavOnMobile() {
-    if (window.innerWidth <= 640) {
-      this.navOpen = false;
-    }
-  }
-  navToggleHandler() {
-    this.navOpen = !this.navOpen;
-  }
-  navWithHandler(event) {
-    this.navWidth = event.detail;
-  }
-  onWindowResize() {
-    this.closeNavOnMobile();
-  }
-  connectedCallback() {
-    this.closeNavOnMobile();
-  }
-  componentWillLoad() {
-    this.navOpen =
-      this.isNavOpenAtStartup !== undefined
-        ? this.isNavOpenAtStartup
-        : this.navOpen;
-  }
-  render() {
-    let applicationShellClasses = 'xpl-application-shell';
-    if (this.withUtility)
-      applicationShellClasses += ' xpl-application-shell--with_utility';
-    let navClasses = 'xpl-application-shell__nav';
-    navClasses += this.navOpen
-      ? ` xpl-application-shell__nav--${this.navWidth}--open`
-      : ` xpl-application-shell__nav--${this.navWidth}`;
-    return (index.h(index.Host, { class: applicationShellClasses }, index.h("div", { class: navClasses }, index.h("slot", { name: "nav" })), index.h("div", { class: "xpl-application-shell__subnav" }, index.h("slot", { name: "subnav" })), index.h("div", { class: "xpl-application-shell__utility" }, index.h("slot", { name: "utility" })), index.h("div", { class: "xpl-application-shell__content" }, index.h("slot", { name: "content" })), index.h("xpl-backdrop", { onClick: () => this.navToggleHandler(), class: {
-        'xpl-application-shell__backdrop--open': this.navOpen,
-      }, relative: true })));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.withSubnav = false;
+        this.withUtility = true;
+        this.navWidth = 'default';
+        this.navOpen = true;
+    }
+    closeNavOnMobile() {
+        if (window.innerWidth <= 640) {
+            this.navOpen = false;
+        }
+    }
+    navToggleHandler() {
+        this.navOpen = !this.navOpen;
+    }
+    navWithHandler(event) {
+        this.navWidth = event.detail;
+    }
+    onWindowResize() {
+        this.closeNavOnMobile();
+    }
+    connectedCallback() {
+        this.closeNavOnMobile();
+    }
+    componentWillLoad() {
+        this.navOpen =
+            this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.navOpen;
+    }
+    render() {
+        let applicationShellClasses = 'xpl-application-shell';
+        if (this.withUtility)
+            applicationShellClasses += ' xpl-application-shell--with_utility';
+        let navClasses = 'xpl-application-shell__nav';
+        navClasses += this.navOpen
+            ? ` xpl-application-shell__nav--${this.navWidth}--open`
+            : ` xpl-application-shell__nav--${this.navWidth}`;
+        return (index.h(index.Host, { key: 'fb7ea1e06b4e26898f0d115dade22a00b4e59c42', class: applicationShellClasses }, index.h("div", { key: 'a2ffa00e3be22a9564b81c53bed26aa62a212cfe', class: navClasses }, index.h("slot", { key: '34633219fcf07dc7fe1db169937e7fed97681812', name: "nav" })), index.h("div", { key: 'c67239ab7d3a151a64a7a7aa11b8fdb8d097ec50', class: "xpl-application-shell__subnav" }, index.h("slot", { key: '8318c25bd82a31b574773ed38ff186b5186aa6a7', name: "subnav" })), index.h("div", { key: '22b3f72754c3f8e172b509daca09caafc5d5c088', class: "xpl-application-shell__utility" }, index.h("slot", { key: '12cbf50d23d6ca4b3fe1143d5f2aeca357657332', name: "utility" })), index.h("div", { key: 'dda9dc9741a06ec49cfcf5631d0782b54898b15a', class: "xpl-application-shell__content" }, index.h("slot", { key: '5586153e5f3db1470a12112d929c4d6d814cbab8', name: "content" })), index.h("xpl-backdrop", { key: '1db206c2ad0253ccc3436922d1c38354efa96675', onClick: () => this.navToggleHandler(), class: {
+                'xpl-application-shell__backdrop--open': this.navOpen,
+            }, relative: true })));
+    }
 };
 
 exports.xpl_application_shell = XplApplicationShell;