@xplortech/apollo-core 0.5.1 → 0.5.3

package/dist/{esm → apollo-core}/xpl-input.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-899dba3b.js';
-import './regular-86225e9d.js';
-import { v as v4 } from './v4-929670b7.js';
+import { r as registerInstance, h, e as Host } from './index-3c9f25ef.js';
+import { v as v4 } from './index-912d1a21.js';
+import './regular-133c23b5.js';
 
 const HOOKS = [
     "onChange",
@@ -433,6 +433,12 @@ function compareDates(date1, date2, timeless = true) {
     }
     return date1.getTime() - date2.getTime();
 }
+function compareTimes(date1, date2) {
+    return (3600 * (date1.getHours() - date2.getHours()) +
+        60 * (date1.getMinutes() - date2.getMinutes()) +
+        date1.getSeconds() -
+        date2.getSeconds());
+}
 const isBetween = (ts, ts1, ts2) => {
     return ts > Math.min(ts1, ts2) && ts < Math.max(ts1, ts2);
 };
@@ -468,6 +474,7 @@ function getDefaultHours(config) {
     return { hours, minutes, seconds };
 }
 
+"use strict";
 if (typeof Object.assign !== "function") {
     Object.assign = function (target, ...args) {
         if (!target) {
@@ -1570,6 +1577,8 @@ function FlatpickrInstance(element, instanceConfig) {
                         self._input.focus();
                     }
                     break;
+                default:
+                    break;
             }
         }
         if (self.amPM !== undefined && eventTarget === self.amPM) {
@@ -1916,6 +1925,12 @@ function FlatpickrInstance(element, instanceConfig) {
         let editableSheet = null;
         for (let i = 0; i < document.styleSheets.length; i++) {
             const sheet = document.styleSheets[i];
+            try {
+                sheet.cssRules;
+            }
+            catch (err) {
+                continue;
+            }
             editableSheet = sheet;
             break;
         }
@@ -2071,6 +2086,8 @@ function FlatpickrInstance(element, instanceConfig) {
                         .split(self.l10n.rangeSeparator)
                         .map((date) => self.parseDate(date, format));
                     break;
+                default:
+                    break;
             }
         }
         else

package/dist/{esm → apollo-core}/xpl-list.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, F as Fragment } from './index-899dba3b.js';
-import './regular-86225e9d.js';
+import { h, F as Fragment, r as registerInstance, e as Host } from './index-3c9f25ef.js';
+import './regular-133c23b5.js';
 
 const ListItemCpt = ({ avatar, avatars, badges, href, title, subtext, metadata }) => {
   const hasRight = avatars || badges || subtext;

package/dist/apollo-core/xpl-main-nav.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-3c9f25ef.js';
+
+const XplMainNav = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.navWidth = createEvent(this, "navWidth", 7);
+    /**
+     * @property {string}  width  - The width of the Main Nav.
+     */
+    this.width = "default";
+  }
+  navWidthHandler() {
+    this.navWidth.emit(this.width);
+  }
+  connectedCallback() {
+    this.navWidthHandler();
+  }
+  componentDidUpdate() {
+    this.navWidthHandler();
+  }
+  render() {
+    return (h(Host, { class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, h("nav", null, h("header", { "aria-label": "Sidebar Header" }, h("slot", { name: "logo" }), h("slot", { name: "brand-name" })), h("div", { class: "xpl-main-nav__main_section" }, h("slot", { name: "navigation" })), h("footer", { class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, h("slot", { name: "footer" })))));
+  }
+};
+
+export { XplMainNav as xpl_main_nav };

package/dist/apollo-core/xpl-nav-item.entry.js

@@ -0,0 +1,12 @@
+import { r as registerInstance, h, e as Host } from './index-3c9f25ef.js';
+
+const XplNavItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { class: "xpl-nav-item", role: "listitem" }, h("slot", { name: "link" }, h("slot", { name: "icon" }), h("slot", null))));
+  }
+};
+
+export { XplNavItem as xpl_nav_item };

package/dist/{esm → apollo-core}/xpl-pagination.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-899dba3b.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-3c9f25ef.js';
 
 const XplPagination = class {
   constructor(hostRef) {

package/dist/apollo-core/xpl-radio.entry.js

@@ -0,0 +1,25 @@
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-3c9f25ef.js';
+import { v as v4 } from './index-912d1a21.js';
+
+const XplRadio = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.radioChange = createEvent(this, "radioChange", 7);
+    this.id = v4();
+  }
+  render() {
+    return (h(Host, { class: {
+        "xpl-checkbox-radio-container": true,
+        "styled": this.styled,
+        "disabled": this.disabled,
+      } }, h("input", { class: "xpl-radio", type: "radio", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, value: this.value, onChange: () => this.radioChange.emit(true) }), h("label", { class: {
+        "xpl-label": true,
+        "xpl-label--disabled": this.disabled
+      }, htmlFor: this.id }, h("slot", null), this.description && h("small", { class: {
+        "xpl-description": true,
+        "xpl-description--disabled": this.disabled
+      } }, this.description))));
+  }
+};
+
+export { XplRadio as xpl_radio };

package/dist/apollo-core/xpl-secondary-nav.entry.js

@@ -0,0 +1,12 @@
+import { r as registerInstance, h, e as Host } from './index-3c9f25ef.js';
+
+const XplSecondaryNav = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { class: "xpl-secondary-nav" }, h("nav", { "aria-label": "Secondary Nav" }, h("slot", null))));
+  }
+};
+
+export { XplSecondaryNav as xpl_secondary_nav };

package/dist/{esm → apollo-core}/xpl-select.entry.js

@@ -1,7 +1,6 @@
-import { h, r as registerInstance, H as Host } from './index-899dba3b.js';
-import { v as v4 } from './v4-929670b7.js';
+import { h, r as registerInstance, e as Host } from './index-3c9f25ef.js';
+import { v as v4 } from './index-912d1a21.js';
 
-/// <reference path="./dropdownchoice.d.ts"></reference>
 const XplDropdown = ({ active, choices, mode, selected, update, }) => {
   return (h("div", { class: {
       "xpl-dropdown": true,
@@ -35,6 +34,47 @@ const XplDropdown = ({ active, choices, mode, selected, update, }) => {
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
 /**
  * lodash (Custom Build) <https://lodash.com/>
  * Build: `lodash modularize exports="npm" -o ./`

package/dist/{esm → apollo-core}/xpl-table.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-899dba3b.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-3c9f25ef.js';
 
 const XplTable = class {
   constructor(hostRef) {

package/dist/{esm → apollo-core}/xpl-tag.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-899dba3b.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-3c9f25ef.js';
 
 const XplTag = class {
   constructor(hostRef) {

package/dist/{esm → apollo-core}/xpl-toggle.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-899dba3b.js';
-import { v as v4 } from './v4-929670b7.js';
+import { r as registerInstance, h, e as Host } from './index-3c9f25ef.js';
+import { v as v4 } from './index-912d1a21.js';
 
 const XplToggle = class {
   constructor(hostRef) {

package/dist/apollo-core/xpl-utility-bar.entry.js

@@ -0,0 +1,25 @@
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-3c9f25ef.js';
+
+const XplUtilityBar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.navOpen = createEvent(this, "navOpen", 7);
+    this.open = true;
+    this.bars = `
+        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" class="svg-inline--fa fa-bars fa-w-14 xpl-utility-nav__bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg>
+    `;
+  }
+  onNavToggle() {
+    this.open = !this.open;
+    this.navOpen.emit(this.open);
+  }
+  render() {
+    return (h(Host, null, h("nav", { "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl
+      ?
+        h("div", null, h("button", { onClick: () => this.onNavToggle(), innerHTML: `${this.bars}` }), h("slot", { name: "aside" }))
+      :
+        h("slot", { name: "aside" }), h("slot", { name: "main" }))));
+  }
+};
+
+export { XplUtilityBar as xpl_utility_bar };

package/dist/types/components/xpl-choicelist/choice.d.ts

@@ -1,4 +1,4 @@
-interface Choice {
+export interface Choice {
   checked?: boolean;
   children?: Choice[];
   description?: string;

package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts

@@ -1,3 +1,4 @@
+import { Choice } from "./choice";
 export declare class XplChoicelist {
   /**
    * An array of choices to be displayed in the list.

package/dist/types/components/xpl-dropdown/dropdownchoice.d.ts

@@ -1,6 +1,6 @@
-interface DropdownChoice {
-    label: string;
-    href?: string;
-    value?: string;
-    isGroupHeading?: boolean;
+export interface DropdownChoice {
+  label: string;
+  href?: string;
+  value?: string;
+  isGroupHeading?: boolean;
 }

package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts

@@ -1,4 +1,5 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
+import { DropdownChoice } from './dropdownchoice';
 interface XplDropdownProps {
   active: boolean;
   choices: DropdownChoice[];

package/dist/types/components/xpl-list/listitem.d.ts

@@ -1,16 +1,16 @@
-interface ListItem {
-    avatar?: string;
-    avatars?: string[];
-    badges?: string[] | {
-      dot?: boolean;
-      text: string;
-      variant?: string;
-    }[];
-    href?: string;
-    title: string;
-    metadata?: string[] | {
-      icon: string;
-      text: string;
-    }[];
-    subtext?: string;
+export interface ListItem {
+  avatar?: string;
+  avatars?: string[];
+  badges?: string[] | {
+    dot?: boolean;
+    text: string;
+    variant?: string;
+  }[];
+  href?: string;
+  title: string;
+  metadata?: string[] | {
+    icon: string;
+    text: string;
+  }[];
+  subtext?: string;
 }

package/dist/types/components/xpl-list/xpl-list.d.ts

@@ -1,5 +1,6 @@
 import "../../../font-awesome/fontawesome";
 import "../../../font-awesome/regular";
+import { ListItem } from "./listitem";
 export declare class XplList {
   /**
    * `items` should be an array of objects with the following signature:

package/dist/types/components/xpl-select/xpl-select.d.ts

@@ -1,3 +1,4 @@
+import { DropdownChoice } from "../xpl-dropdown/dropdownchoice";
 export declare class XplSelect {
   /**
    * An array of choices for the user to choose from.

package/dist/types/components.d.ts

@@ -5,6 +5,9 @@
  * 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 { ListItem } from "./components/xpl-list/listitem";
+import { DropdownChoice } from "./components/xpl-dropdown/dropdownchoice";
 export namespace Components {
     interface XplApplicationShell {
         /**

package/package.json

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

package/dist/apollo-core/p-0203d4e8.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,H as a}from"./p-8b6633c7.js";const l=class{constructor(s){i(this,s),this.page=t(this,"page",7),this.current=1,this._goto=i=>{this.page.emit(i),this.waitForCallback||(this.current=i)},this.goPrev=()=>{this.current>1&&this._goto(this.current-1)},this.goNext=()=>{const i=Math.ceil(this.total/this.perPage);this.current<i&&this._goto(this.current+1)}}async goto(i){this.current=i}render(){const i=Math.ceil(this.total/this.perPage);let t=[1];i<7&&(t=[1,2,3,4,5,6]),t=this.current<=3||this.current>=i-2?[1,2,3,"...",i-2,i-1,i]:[1,"...",this.current-1,this.current,this.current+1,"...",i];const l=(this.current-1)*this.perPage+1,n=Math.min(l+this.perPage-1,this.total);return s(a,null,s("div",{class:"xpl-pagination"},s("div",null,s("p",null,"Showing ",s("span",null,l)," to ",s("span",null,n)," ","of ",s("span",null,this.total)," results")),s("div",null,s("nav",{"aria-label":"Pagination"},s("button",{onClick:this.goPrev,class:"xpl-pagination-prev"},s("span",null,"Previous"),s("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},s("path",{"fill-rule":"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z","clip-rule":"evenodd"}))),t.map((i=>"..."===i?s("span",{class:"xpl-pagination-ellipsis"},"..."):s("button",i===this.current?{"aria-current":"page",class:"xpl-pagination-current"}:{onClick:()=>this._goto(i)},i))),s("button",{onClick:this.goNext,class:"xpl-pagination-next"},s("span",null,"Next"),s("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},s("path",{"fill-rule":"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z","clip-rule":"evenodd"})))))))}};export{l as xpl_pagination}

package/dist/apollo-core/p-0b2c612e.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as o}from"./p-8b6633c7.js";const r=class{constructor(i){t(this,i),this.clickPrimary=s(this,"clickPrimary",7),this.clickSecondary=s(this,"clickSecondary",7),this.clickTertiary=s(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return i(o,{class:"xpl-button-row"},i("div",{class:"xpl-button-row-inner"},i("div",{class:"xpl-button-row__left"},this.secondary&&i("xpl-button",{variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),i("div",{class:"xpl-button-row__right"},this.tertiary&&i("xpl-button",{variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&i("xpl-button",{variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&i("xpl-button",{class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}};export{r as xpl_button_row}

package/dist/apollo-core/p-128a0240.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r,H as l}from"./p-8b6633c7.js";const t=class{constructor(r){s(this,r)}render(){let s="xpl-divider";return s+=` xpl-divider--${this.tier}`,r(l,{class:s},r("span",null,r("slot",null)))}};export{t as xpl_divider}

package/dist/apollo-core/p-2336aa4c.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as a,c as l}from"./p-8b6633c7.js";import"./p-2f90296c.js";const i=class{constructor(t){s(this,t),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(s){this.navWidth=s.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}render(){let s="xpl-application-shell";this.withSubnav&&(s+=" xpl-application-shell--with_subnav"),this.withUtility&&(s+=" xpl-application-shell--with_utility");let l="xpl-application-shell__nav";return l+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:` xpl-application-shell__nav--${this.navWidth}`,t(a,{class:s},t("div",{class:l},t("slot",{name:"nav"})),t("div",{class:"xpl-application-shell__subnav"},t("slot",{name:"subnav"})),t("div",{class:"xpl-application-shell__utility"},t("slot",{name:"utility"})),t("div",{class:"xpl-application-shell__content"},t("slot",{name:"content"})),t("xpl-backdrop",{onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}},n=class{constructor(t){s(this,t),this.disabled=!1}render(){let s="xpl-avatar";this.size&&(s+=` xpl-avatar--${this.size}`),this.color&&(s+=` xpl-avatar--${this.color}`);const l=t("div",null,this.src?t("img",{alt:this.name,src:this.src}):t("div",{class:"xpl-avatar__placeholder"},t("slot",null)),this.status&&t("div",{class:`xpl-avatar__dot--${this.status}`}));return t(a,null,this.href&&!this.disabled?t("a",{href:this.href,class:s,target:this.target},l):t("div",this.href&&this.disabled?{class:s+" xpl-avatar--disabled"}:{class:s},l))}},e=class{constructor(t){s(this,t),this.relative=!1}render(){return t(a,{class:{"xpl-backdrop":!0,"xpl-backdrop--fixed":!this.relative,"xpl-backdrop--relative":this.relative},"aria-hidden":"true"})}},r=class{constructor(t){s(this,t),this.chevron='<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">\n        <path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>\n    </svg>\n    '}render(){return t(a,{class:"xpl-breadcrumb-item",role:"listitem"},t("li",{role:"none"},t("slot",null)),t("span",{innerHTML:`${this.chevron}`}))}},o=class{constructor(t){s(this,t)}render(){return t(a,null,t("nav",{class:"xpl-breadcrumbs","aria-label":"Breadcrumb"},t("ol",{role:"list"},t("slot",null))))}},c=class{constructor(t){s(this,t),this.size="default",this.variant="primary"}render(){let s="xpl-button";"secondary"===this.variant&&(s+=" xpl-button--secondary"),"subtle"===this.variant&&(s+=" xpl-button--subtle"),"warning"===this.variant&&(s+=" xpl-button--warning"),"sm"===this.size&&(s+=" xpl-button--sm"),"xs"===this.size&&(s+=" xpl-button--xs"),this.iconOnly&&(s+=" xpl-button--icon-only");const l=this.icon?t("i",{class:`far fa-${this.icon} ${this.iconTrailing?"trailing":this.iconOnly?"":"leading"}`}):null;return t(a,{role:"button"},this.href?t("a",{class:s,href:this.href,role:"button"},!this.iconTrailing&&l,this.iconOnly?t("span",{class:"sr-only"},t("slot",null)):t("slot",null),this.iconTrailing&&l):t("button",{class:s,disabled:this.disabled,name:this.name,type:this.type,value:this.value},!this.iconTrailing&&l,this.iconOnly?t("span",{class:"sr-only"},t("slot",null)):t("slot",null),this.iconTrailing&&l))}},h=class{constructor(t){s(this,t),this.size="wide"}render(){return t(a,null,t("main",{class:`xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}`},t("div",{class:"xpl-content-area"},t("slot",null))))}},p=class{constructor(t){s(this,t),this.navWidth=l(this,"navWidth",7),this.width="default"}navWidthHandler(){this.navWidth.emit(this.width)}connectedCallback(){this.navWidthHandler()}componentDidUpdate(){this.navWidthHandler()}render(){return t(a,{class:`xpl-main-nav xpl-main-nav--${this.width}`,"aria-label":"Sidebar"},t("nav",null,t("header",{"aria-label":"Sidebar Header"},t("slot",{name:"logo"}),t("slot",{name:"brand-name"})),t("div",{class:"xpl-main-nav__main_section"},t("slot",{name:"navigation"})),t("footer",{class:"xpl-main-nav__footer","aria-label":"Sidebar Footer"},t("slot",{name:"footer"}))))}},d=class{constructor(t){s(this,t)}render(){return t(a,{class:"xpl-nav-item",role:"listitem"},t("slot",{name:"link"},t("slot",{name:"icon"}),t("slot",null)))}},u=class{constructor(t){s(this,t)}render(){return t(a,{class:"xpl-secondary-nav"},t("nav",{"aria-label":"Secondary Nav"},t("slot",null)))}},v=class{constructor(t){s(this,t),this.navOpen=l(this,"navOpen",7),this.open=!0,this.bars='\n        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" class="svg-inline--fa fa-bars fa-w-14 xpl-utility-nav__bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg>\n    '}onNavToggle(){this.open=!this.open,this.navOpen.emit(this.open)}render(){return t(a,null,t("nav",{"aria-label":"utility navigation bar",class:"xpl-utility-bar"},this.navControl?t("div",null,t("button",{onClick:()=>this.onNavToggle(),innerHTML:`${this.bars}`}),t("slot",{name:"aside"})):t("slot",{name:"aside"}),t("slot",{name:"main"})))}};export{i as xpl_application_shell,n as xpl_avatar,e as xpl_backdrop,r as xpl_breadcrumb_item,o as xpl_breadcrumbs,c as xpl_button,h as xpl_content_area,p as xpl_main_nav,d as xpl_nav_item,u as xpl_secondary_nav,v as xpl_utility_bar}