@xplortech/apollo-core 0.5.2 → 0.5.3

package/dist/esm/v4-929670b7.js

@@ -1,75 +0,0 @@
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-var getRandomValues;
-var rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
-    // find the complete implementation of crypto (msCrypto) on IE11.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  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;
-
-function validate(uuid) {
-  return typeof uuid === 'string' && REGEX.test(uuid);
-}
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-var byteToHex = [];
-
-for (var i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).substr(1));
-}
-
-function stringify(arr) {
-  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
-  // of the following:
-  // - One or more input array values don't map to a hex octet (leading to
-  // "undefined" in the uuid)
-  // - Invalid input values for the RFC `version` or `variant` fields
-
-  if (!validate(uuid)) {
-    throw TypeError('Stringified UUID is invalid');
-  }
-
-  return uuid;
-}
-
-function v4(options, buf, offset) {
-  options = options || {};
-  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  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);
-}
-
-export { v4 as v };

package/dist/esm/xpl-application-shell_11.entry.js

@@ -1,216 +0,0 @@
-import { r as registerInstance, h, H as Host, c as createEvent } from './index-899dba3b.js';
-import './regular-86225e9d.js';
-
-const XplApplicationShell = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @property {boolean} - Whether or not the Grid should have space for a secondary (sub) navigation bar
-     */
-    this.withSubnav = false;
-    /**
-   * @property {boolean} - Whether or not the Grid should have space for a utility bar
-   */
-    this.withUtility = true;
-    /**
-     * @property {string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.
-     */
-    this.navWidth = 'default';
-    /**
-     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open envent is emitted.
-     */
-    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();
-  }
-  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 (h(Host, { class: applicationShellClasses }, h("div", { class: navClasses }, h("slot", { name: "nav" })), h("div", { class: "xpl-application-shell__subnav" }, h("slot", { name: "subnav" })), h("div", { class: "xpl-application-shell__utility" }, h("slot", { name: "utility" })), h("div", { class: "xpl-application-shell__content" }, h("slot", { name: "content" })), h("xpl-backdrop", { onClick: () => this.navToggleHandler(), class: { "xpl-application-shell__backdrop--open": this.navOpen }, relative: true })));
-  }
-};
-
-const XplAvatar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.disabled = false;
-  }
-  render() {
-    let className = "xpl-avatar";
-    if (this.size)
-      className += ` xpl-avatar--${this.size}`;
-    if (this.color)
-      className += ` xpl-avatar--${this.color}`;
-    const inner = (h("div", null, this.src ? (h("img", { alt: this.name, src: this.src })) : (h("div", { class: "xpl-avatar__placeholder" }, h("slot", null))), this.status && h("div", { class: `xpl-avatar__dot--${this.status}` })));
-    return (h(Host, null, this.href && !this.disabled ? (h("a", { href: this.href, class: className, target: this.target }, inner)) : this.href && this.disabled ? (h("div", { class: className + " xpl-avatar--disabled" }, inner)) : (h("div", { class: className }, inner))));
-  }
-};
-
-const XplBackdrop = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @property {boolean} - When true, backdrop will have relative position. This is useful when the backdrop doesn't cover the whole view area.
-     * If false, the position will be fixed and cover the whole view area.
-     */
-    this.relative = false;
-  }
-  render() {
-    return (h(Host, { class: {
-        'xpl-backdrop': true,
-        'xpl-backdrop--fixed': !this.relative,
-        'xpl-backdrop--relative': this.relative
-      }, "aria-hidden": "true" }));
-  }
-};
-
-const XplBreadcrumbItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    // This is temporary as we still don't have a xpl-icon component. When that's created we should update this code.
-    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">
-        <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>
-    </svg>
-    `;
-  }
-  render() {
-    return (h(Host, { class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { role: "none" }, h("slot", null)), h("span", { innerHTML: `${this.chevron}` })));
-  }
-  ;
-};
-
-const XplBreadcrumbs = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("nav", { class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { role: "list" }, h("slot", null)))));
-  }
-  ;
-};
-
-const XplButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.size = "default";
-    this.variant = "primary";
-  }
-  render() {
-    let className = "xpl-button";
-    if (this.variant === "secondary")
-      className += " xpl-button--secondary";
-    if (this.variant === "subtle")
-      className += " xpl-button--subtle";
-    if (this.variant === "warning")
-      className += " xpl-button--warning";
-    if (this.size === "sm")
-      className += " xpl-button--sm";
-    if (this.size === "xs")
-      className += " xpl-button--xs";
-    if (this.iconOnly)
-      className += " xpl-button--icon-only";
-    const icon = this.icon ? (h("i", { class: `far fa-${this.icon} ${this.iconTrailing ? "trailing" : this.iconOnly ? "" : "leading"}` })) : null;
-    return (h(Host, { role: "button" }, 
-    /**
-     * Conditionally render either an <a> or <button> element
-     * depending on if there's an `href` or not
-     */
-    this.href ? (h("a", { class: className, href: this.href, role: "button" }, !this.iconTrailing && icon, this.iconOnly ? (h("span", { class: "sr-only" }, h("slot", null))) : (h("slot", null)), this.iconTrailing && icon)) : (h("button", { class: className, disabled: this.disabled, name: this.name, type: this.type, value: this.value }, !this.iconTrailing && icon, this.iconOnly ? (h("span", { class: "sr-only" }, h("slot", null))) : (h("slot", null)), this.iconTrailing && icon))));
-  }
-};
-
-const XplContentArea = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-      * @property {string}  size  - The content-area size.
-    */
-    this.size = "wide";
-  }
-  render() {
-    return (h(Host, null, h("main", { class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, h("div", { class: "xpl-content-area" }, h("slot", null)))));
-  }
-};
-
-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" })))));
-  }
-};
-
-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))));
-  }
-};
-
-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))));
-  }
-};
-
-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 { XplApplicationShell as xpl_application_shell, XplAvatar as xpl_avatar, XplBackdrop as xpl_backdrop, XplBreadcrumbItem as xpl_breadcrumb_item, XplBreadcrumbs as xpl_breadcrumbs, XplButton as xpl_button, XplContentArea as xpl_content_area, XplMainNav as xpl_main_nav, XplNavItem as xpl_nav_item, XplSecondaryNav as xpl_secondary_nav, XplUtilityBar as xpl_utility_bar };

package/dist/esm/xpl-checkbox_2.entry.js

@@ -1,46 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-899dba3b.js';
-import { v as v4 } from './v4-929670b7.js';
-
-const XplCheckbox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.checkboxChange = createEvent(this, "checkboxChange", 7);
-    this.id = v4();
-  }
-  render() {
-    return (h(Host, { class: {
-        "xpl-checkbox-radio-container": true,
-        "styled": this.styled,
-        "disabled": this.disabled,
-      } }, h("input", { class: "xpl-checkbox", type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: () => this.checkboxChange.emit(this.input.checked), name: this.name, ref: (el) => (this.input = el), required: this.required, value: this.value }), 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))));
-  }
-};
-
-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 { XplCheckbox as xpl_checkbox, XplRadio as xpl_radio };

package/dist/index.cjs.js

@@ -1 +0,0 @@
-module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -1 +0,0 @@
-export * from './esm/index.js';