@sparkle-learning/core 0.0.35 → 0.0.36

package/dist/types/components.d.ts

@@ -132,9 +132,14 @@ export namespace Components {
     }
     interface SparkleQuiz {
         "correct": boolean;
+        "feedback": string;
         "questionId": number;
+        "questionText": string;
+        "scale": 'FIVE-POINTS' | 'TEN-POINTS';
         "showInstantResult": boolean;
+        "showOptionNumber": boolean;
         "submitted": boolean;
+        "type": 'MULTIPLE-CHOICE' | 'TEXT' | 'FEEDBACK' | 'OPINION' | 'POLL';
     }
     interface SparkleQuizContainer {
         "questionIds": string;
@@ -156,6 +161,12 @@ export namespace Components {
         "allowMultiple": boolean;
         "question": SparkleQuizQuestion;
     }
+    interface SparkleQuizV1 {
+        "correct": boolean;
+        "questionId": number;
+        "showInstantResult": boolean;
+        "submitted": boolean;
+    }
     interface SparkleResetPassword {
         "history": RouterHistory;
     }
@@ -224,6 +235,10 @@ export interface SparkleQuizSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSparkleQuizSelectElement;
 }
+export interface SparkleQuizV1CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSparkleQuizV1Element;
+}
 declare global {
     interface HTMLCompassSvgElement extends Components.CompassSvg, HTMLStencilElement {
     }
@@ -459,6 +474,12 @@ declare global {
         prototype: HTMLSparkleQuizSelectElement;
         new (): HTMLSparkleQuizSelectElement;
     };
+    interface HTMLSparkleQuizV1Element extends Components.SparkleQuizV1, HTMLStencilElement {
+    }
+    var HTMLSparkleQuizV1Element: {
+        prototype: HTMLSparkleQuizV1Element;
+        new (): HTMLSparkleQuizV1Element;
+    };
     interface HTMLSparkleResetPasswordElement extends Components.SparkleResetPassword, HTMLStencilElement {
     }
     var HTMLSparkleResetPasswordElement: {
@@ -547,6 +568,7 @@ declare global {
         "sparkle-quiz-opinion": HTMLSparkleQuizOpinionElement;
         "sparkle-quiz-poll": HTMLSparkleQuizPollElement;
         "sparkle-quiz-select": HTMLSparkleQuizSelectElement;
+        "sparkle-quiz-v1": HTMLSparkleQuizV1Element;
         "sparkle-reset-password": HTMLSparkleResetPasswordElement;
         "sparkle-root": HTMLSparkleRootElement;
         "sparkle-signup": HTMLSparkleSignupElement;
@@ -676,10 +698,15 @@ declare namespace LocalJSX {
     }
     interface SparkleQuiz {
         "correct"?: boolean;
-        "onQuizAnswerChanged"?: (event: SparkleQuizCustomEvent<{ answer: any, question: SparkleQuizQuestion }>) => void;
+        "feedback"?: string;
+        "onQuizAnswerChanged"?: (event: SparkleQuizCustomEvent<{ answer: any; question: SparkleQuizQuestion }>) => void;
         "questionId"?: number;
+        "questionText"?: string;
+        "scale"?: 'FIVE-POINTS' | 'TEN-POINTS';
         "showInstantResult"?: boolean;
+        "showOptionNumber"?: boolean;
         "submitted"?: boolean;
+        "type"?: 'MULTIPLE-CHOICE' | 'TEXT' | 'FEEDBACK' | 'OPINION' | 'POLL';
     }
     interface SparkleQuizContainer {
         "questionIds"?: string;
@@ -706,6 +733,13 @@ declare namespace LocalJSX {
         "onQuizSelectChange"?: (event: SparkleQuizSelectCustomEvent<{ value: any[], question: SparkleQuizQuestion }>) => void;
         "question"?: SparkleQuizQuestion;
     }
+    interface SparkleQuizV1 {
+        "correct"?: boolean;
+        "onQuizAnswerChanged"?: (event: SparkleQuizV1CustomEvent<{ answer: any, question: SparkleQuizQuestion }>) => void;
+        "questionId"?: number;
+        "showInstantResult"?: boolean;
+        "submitted"?: boolean;
+    }
     interface SparkleResetPassword {
         "history"?: RouterHistory;
     }
@@ -768,6 +802,7 @@ declare namespace LocalJSX {
         "sparkle-quiz-opinion": SparkleQuizOpinion;
         "sparkle-quiz-poll": SparkleQuizPoll;
         "sparkle-quiz-select": SparkleQuizSelect;
+        "sparkle-quiz-v1": SparkleQuizV1;
         "sparkle-reset-password": SparkleResetPassword;
         "sparkle-root": SparkleRoot;
         "sparkle-signup": SparkleSignup;
@@ -821,6 +856,7 @@ declare module "@stencil/core" {
             "sparkle-quiz-opinion": LocalJSX.SparkleQuizOpinion & JSXBase.HTMLAttributes<HTMLSparkleQuizOpinionElement>;
             "sparkle-quiz-poll": LocalJSX.SparkleQuizPoll & JSXBase.HTMLAttributes<HTMLSparkleQuizPollElement>;
             "sparkle-quiz-select": LocalJSX.SparkleQuizSelect & JSXBase.HTMLAttributes<HTMLSparkleQuizSelectElement>;
+            "sparkle-quiz-v1": LocalJSX.SparkleQuizV1 & JSXBase.HTMLAttributes<HTMLSparkleQuizV1Element>;
             "sparkle-reset-password": LocalJSX.SparkleResetPassword & JSXBase.HTMLAttributes<HTMLSparkleResetPasswordElement>;
             "sparkle-root": LocalJSX.SparkleRoot & JSXBase.HTMLAttributes<HTMLSparkleRootElement>;
             "sparkle-signup": LocalJSX.SparkleSignup & JSXBase.HTMLAttributes<HTMLSparkleSignupElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparkle-learning/core",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "description": "sparkle",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/PrivateRoute-4abc9d29.js

@@ -1,35 +0,0 @@
-'use strict';
-
-const index = require('./index-51e8292e.js');
-const auth_store = require('./auth.store-1e630a7d.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/dom-utils-b8befdd5.js

@@ -1,63 +0,0 @@
-'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

@@ -1,112 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-const icons = require('./icons-c61db785.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;