@sparkle-learning/core 0.0.30 → 0.0.33

package/dist/cjs/PrivateRoute-482697a6.js

@@ -0,0 +1,35 @@
+'use strict';
+
+const index = require('./index-bae2a754.js');
+const auth_store = require('./auth.store-ff3fda09.js');
+
+function isGranted(permissionName) {
+  return sparkle.auth.isGranted(permissionName);
+}
+
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+const Route = (_a) => {
+  var { component, permission, render } = _a, props = __rest(_a, ["component", "permission", "render"]);
+  const Component = component;
+  return (index.h("stencil-route", Object.assign({}, props, { routeRender: (props) => {
+      if (!auth_store.AuthStore.state.isAuthenticated)
+        return (index.h("stencil-router-redirect", { url: "/login" }));
+      if (permission && !isGranted(permission)) {
+        return (index.h("stencil-router-redirect", { url: "/unauthorized" }));
+      }
+      return Component ? index.h(Component, Object.assign({}, props, props.componentProps)) : render(props);
+    } })));
+};
+const PrivateRoute = Route;
+
+exports.PrivateRoute = PrivateRoute;

package/dist/cjs/{PrivateRoute-043bb7d3.js → auth.service-f878f6ab.js}

@@ -193,36 +193,6 @@ class AuthService {
   }
 }
 
-function isGranted(permissionName) {
-  return sparkle.auth.isGranted(permissionName);
-}
-
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-};
-const Route = (_a) => {
-  var { component, permission, render } = _a, props = __rest(_a, ["component", "permission", "render"]);
-  const Component = component;
-  return (index.h("stencil-route", Object.assign({}, props, { routeRender: (props) => {
-      if (!auth_store.AuthStore.state.isAuthenticated)
-        return (index.h("stencil-router-redirect", { url: "/login" }));
-      if (permission && !isGranted(permission)) {
-        return (index.h("stencil-router-redirect", { url: "/unauthorized" }));
-      }
-      return Component ? index.h(Component, Object.assign({}, props, props.componentProps)) : render(props);
-    } })));
-};
-const PrivateRoute = Route;
-
 exports.AuthService = AuthService;
-exports.PrivateRoute = PrivateRoute;
 exports.initSetupConfig = initSetupConfig;
 exports.setupConfig = setupConfig;

package/dist/cjs/dom-utils-b8befdd5.js

@@ -0,0 +1,63 @@
+'use strict';
+
+const getConfirmation = (win, message, callback) => (callback(win.confirm(message)));
+const isModifiedEvent = (ev) => (ev.metaKey || ev.altKey || ev.ctrlKey || ev.shiftKey);
+/**
+ * Returns true if the HTML5 history API is supported. Taken from Modernizr.
+ *
+ * https://github.com/Modernizr/Modernizr/blob/master/LICENSE
+ * https://github.com/Modernizr/Modernizr/blob/master/feature-detects/history.js
+ * changed to avoid false negatives for Windows Phones: https://github.com/reactjs/react-router/issues/586
+ */
+const supportsHistory = (win) => {
+    const ua = win.navigator.userAgent;
+    if ((ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) &&
+        ua.indexOf('Mobile Safari') !== -1 &&
+        ua.indexOf('Chrome') === -1 &&
+        ua.indexOf('Windows Phone') === -1) {
+        return false;
+    }
+    return win.history && 'pushState' in win.history;
+};
+/**
+ * Returns true if browser fires popstate on hash change.
+ * IE10 and IE11 do not.
+ */
+const supportsPopStateOnHashChange = (nav) => (nav.userAgent.indexOf('Trident') === -1);
+/**
+ * Returns false if using go(n) with hash history causes a full page reload.
+ */
+const supportsGoWithoutReloadUsingHash = (nav) => (nav.userAgent.indexOf('Firefox') === -1);
+const isExtraneousPopstateEvent = (nav, event) => (event.state === undefined &&
+    nav.userAgent.indexOf('CriOS') === -1);
+const storageAvailable = (win, type) => {
+    const storage = win[type];
+    const x = '__storage_test__';
+    try {
+        storage.setItem(x, x);
+        storage.removeItem(x);
+        return true;
+    }
+    catch (e) {
+        return e instanceof DOMException && (
+        // everything except Firefox
+        e.code === 22 ||
+            // Firefox
+            e.code === 1014 ||
+            // test name field too, because code might not be present
+            // everything except Firefox
+            e.name === 'QuotaExceededError' ||
+            // Firefox
+            e.name === 'NS_ERROR_DOM_QUOTA_REACHED') &&
+            // acknowledge QuotaExceededError only if there's something already stored
+            storage.length !== 0;
+    }
+};
+
+exports.getConfirmation = getConfirmation;
+exports.isExtraneousPopstateEvent = isExtraneousPopstateEvent;
+exports.isModifiedEvent = isModifiedEvent;
+exports.storageAvailable = storageAvailable;
+exports.supportsGoWithoutReloadUsingHash = supportsGoWithoutReloadUsingHash;
+exports.supportsHistory = supportsHistory;
+exports.supportsPopStateOnHashChange = supportsPopStateOnHashChange;

package/dist/cjs/header-mobile-collapse_2.cjs.entry.js

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-bae2a754.js');
+const icons = require('./icons-80d477f6.js');
+
+const headerMobileCollapseCss = "header-mobile-collapse,header-mobile-collapse .header-mobile-collapse__content{flex:1;display:flex;justify-content:flex-end;align-items:center}header-mobile-collapse .ionic-sub-header__mobile-toggle{display:none;padding-top:14px;pointer-events:none;padding-left:8px}header-mobile-collapse .ionic-sub-header__mobile-toggle svg{height:20px;width:20px}header-mobile-collapse .UtilNav{margin-left:auto}header-mobile-collapse>ionic-search{padding-right:8px;padding-top:4px;display:none}header-mobile-collapse .label-sm-only .Dropdown-button-label,header-mobile-collapse .sm-only{display:none}@media (max-width: 800px){header-mobile-collapse .ionic-sub-header__mobile-toggle{display:block;cursor:pointer;padding-top:14px;pointer-events:all;transition:0.2s transform ease 0.1s;transform-origin:66% 50%}header-mobile-collapse .header-mobile-collapse__backdrop{position:fixed;top:100%;height:100vh;left:0;right:0;background:rgba(0, 0, 0, 0.1);cursor:pointer;opacity:0;pointer-events:none;transition:0.4s opacity}header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__backdrop{opacity:1;pointer-events:all}header-mobile-collapse>ionic-search{display:block}header-mobile-collapse .header-mobile-collapse__content{display:flex;flex-direction:column;align-items:stretch;position:fixed;width:100vw;left:0;background:white;box-shadow:0px 1px 3px rgba(2, 8, 20, 0.06), 0px 1px 2px rgba(2, 8, 20, 0.04);top:56px;padding:16px 16px 8px;max-height:calc(100vh - 64px);overflow:auto;pointer-events:none;opacity:0;transform:translateY(-10px);transition:transform 0.2s cubic-bezier(0.36, 0.66, 0.04, 1), opacity 0.2s linear}header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__content{opacity:1;pointer-events:all;transform:translateY(0);transition:transform 0.25s cubic-bezier(0.17, 0.67, 0.52, 1), opacity 0.1s linear}header-mobile-collapse .sparkle-dropdown,header-mobile-collapse .SectionNav .Dropdown{align-self:stretch}header-mobile-collapse .Dropdown .Dropdown-button,header-mobile-collapse .UtilNav .sm-only{width:100%;display:flex;justify-content:space-between;color:#5b708b;font-size:20px;line-height:24px;letter-spacing:-0.03em;padding:13px 0 14px}header-mobile-collapse .Dropdown--left .Dropdown-button{padding-left:16px;padding-right:14px;margin-bottom:10px;padding-top:10px;height:44px;box-shadow:0px 1px 2px rgba(2, 8, 20, 0.04)}header-mobile-collapse .Dropdown .Dropdown-button .Dropdown-arrow{height:26px;width:20px;margin-right:-4px}header-mobile-collapse .SectionNav .Dropdown,header-mobile-collapse .SectionNav-tabs>*{margin-right:0}header-mobile-collapse .Dropdown:focus{outline:none}header-mobile-collapse .SectionNav-tabs stencil-route-link{height:45px}header-mobile-collapse .Dropdown--right .Dropdown-button{text-align:left}header-mobile-collapse .SectionNav stencil-route,header-mobile-collapse .SectionNav-tabs,header-mobile-collapse .UtilNav{display:flex;flex-direction:column;margin-left:0;align-items:stretch}header-mobile-collapse .UtilNav>*{margin-left:0;border-bottom:1px solid #e6e6e8}header-mobile-collapse .UtilNav>:last-child{border-bottom:none}header-mobile-collapse .Dropdown-panel{position:static;border-bottom:1px solid var(--text-color--lighter)}header-mobile-collapse .SectionNav-tabs a{font-size:20px;line-height:24px;letter-spacing:-0.02em;color:#5b708b;padding-left:16px;padding-right:14px;font-weight:400}header-mobile-collapse .UtilNav a{padding:0}header-mobile-collapse .SectionNav-tabs .link-active{background:rgba(var(--ion-color-primary-rgb), 0.12);color:var(--ion-color-primary);display:flex;justify-content:space-between;width:100%;border-radius:8px}header-mobile-collapse .SectionNav-tabs .link-active::after{content:'\\2713';position:static;background:none;width:auto;font-size:16px}header-mobile-collapse .SectionNav-tabs{position:relative;padding-bottom:8px;margin-bottom:18px;margin-top:5px}header-mobile-collapse .SectionNav-tabs::after{position:absolute;bottom:0;left:-16px;width:100vw;border-bottom:1px solid #e6e6e8;content:''}header-mobile-collapse .header-mobile-collapse__content ionic-search{display:none}header-mobile-collapse .UtilNav::before{content:'More';font-size:20px;line-height:24px;letter-spacing:0.01em;color:#000;padding:6px 2px 8px}header-mobile-collapse .label-sm-only .Dropdown-button-label,header-mobile-collapse .sm-only{display:block}header-mobile-collapse .label-sm-only .Dropdown-icon,header-mobile-collapse .lg-only{display:none}header-mobile-collapse .label-sm-only .Dropdown-icon+.Dropdown-arrow{fill:#5b708b}header-mobile-collapse .UtilNav .sm-only .Dropdown-arrow{height:26px;width:20px;margin-right:-4px;fill:#b2becd}header-mobile-collapse .Dropdown-panel a{padding:8px;font-size:16px}header-mobile-collapse .Dropdown.is-open .Dropdown-panel{position:static}}";
+
+const HeaderMobileCollapse = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.darkMode = true;
+    this.mobileDropdownActive = false;
+    this.stuck = false;
+    this.queued = false;
+  }
+  deactivate() {
+    setTimeout(() => {
+      this.el.classList.remove('ionic-sub-header--mobile-active');
+    }, 200); // give the page a chance to load in the background so it's pretty
+  }
+  getTriggerEl() {
+    // return (<div class="ionic-sub-header__trigger"></div>)
+    const trigger = document.createElement('div');
+    trigger.id = 'ionic-sub-header__trigger';
+    return trigger;
+  }
+  componentDidLoad() {
+    // tslint:disable-next-line
+    if (!this.el.before) {
+      return;
+    }
+    this.el.before(this.getTriggerEl());
+    this.init();
+    requestAnimationFrame(() => {
+      this.el.classList.add('ionic-sub-header--initialized');
+    });
+  }
+  init() {
+    this.observer = new IntersectionObserver(entries => {
+      if (this.queued) {
+        return;
+      }
+      // no intersection with screen
+      if (!this.stuck && entries[0].intersectionRatio === 0) {
+        this.queued = true;
+        requestAnimationFrame(() => {
+          this.el.classList.add('ionic-sub-header--stuck');
+          this.stuck = true;
+          this.queued = false;
+        });
+        // fully intersects with screen
+      }
+      else if (this.stuck && entries[0].intersectionRatio === 1) {
+        this.queued = true;
+        requestAnimationFrame(() => {
+          this.el.classList.remove('ionic-sub-header--stuck');
+          this.stuck = false;
+          this.queued = false;
+        });
+      }
+    }, { threshold: [0, 1] });
+    const headerEl = document.getElementById('ionic-sub-header__trigger');
+    if (this.el && headerEl) {
+      this.observer.observe(headerEl);
+      setTimeout(() => {
+        this.el.classList.add('ionic-sub-header--initialized');
+        const navBar = document.querySelector('.navbar-default');
+        if (navBar) {
+          navBar.classList.add('navbar--not-fixed');
+        }
+      }, 405);
+    }
+  }
+  handleMobileToggleClick() {
+    this.el.classList.toggle('ionic-sub-header--mobile-active');
+  }
+  render() {
+    return ([
+      index.h("div", { class: "header-mobile-collapse__backdrop", onClick: () => this.deactivate() }),
+      index.h("a", { class: "ionic-sub-header__mobile-toggle", onClick: () => this.handleMobileToggleClick() }, index.h(icons.MoreDots, null)),
+      index.h("div", { class: "header-mobile-collapse__content" }, index.h("slot", null))
+    ]);
+  }
+  get el() { return index.getElement(this); }
+};
+HeaderMobileCollapse.style = headerMobileCollapseCss;
+
+const buttonCss = "sparkle-button{background-color:rgba(var(--ion-color-sparkle-rgb), var(--bg-alpha, 0.06));border-radius:6px;color:var(--accent-color);display:inline-block;font-weight:600;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.1)}sparkle-button a,sparkle-button button{color:inherit;display:inline-block;font-size:inherit;font-weight:inherit;padding:0.75em 1.5em}sparkle-button button{appearance:none;background:none;border:none;line-height:inherit}sparkle-button svg{fill:currentColor;height:1em;margin-bottom:-0.125em;width:1em}sparkle-button[round]{border-radius:2em}sparkle-button[primary]{background-color:rgba(var(--ion-color-sparkle-rgb));color:var(--ion-color-sparkle-contrast)}@media (hover: hover){sparkle-button:hover{--bg-alpha:0.08}sparkle-button:active{--bg-alpha:0.1}}";
+
+const SparkleButton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.round = false;
+    this.primary = false;
+  }
+  render() {
+    if (this.href !== undefined) {
+      const isInternal = /^\/course/.test(this.href);
+      if (isInternal) {
+        return (index.h("stencil-route-link", { url: this.href }, index.h("slot", null)));
+      }
+      return (index.h("a", { href: this.href }, index.h("slot", null)));
+    }
+    return (index.h("button", null, index.h("slot", null)));
+  }
+};
+SparkleButton.style = buttonCss;
+
+exports.header_mobile_collapse = HeaderMobileCollapse;
+exports.sparkle_button = SparkleButton;