@sparkle-learning/core 0.0.39 → 0.0.42

package/dist/cjs/sparkle-course-root.cjs.entry.js

@@ -1,146 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-const injectHistory = require('./injectHistory-7206bbb9.js');
-const PrivateRoute = require('./PrivateRoute-4abc9d29.js');
-const assets_service = require('./assets.service-0c759d51.js');
-const auth_store = require('./auth.store-1e630a7d.js');
-const auth_service = require('./auth.service-4b584cd7.js');
-const user_store = require('./user.store-8a049c4e.js');
-require('./active-router-f9e18bd8.js');
-require('./environment-config.service-0e02b049.js');
-require('./localstorage.service-6346a41d.js');
-require('./httpService-7211d93b.js');
-require('./overlays-32df265a.js');
-require('./ionic-global-2cde9d3a.js');
-require('./hardware-back-button-92d97ff8.js');
-require('./helpers-c2496722.js');
-
-const sparkleCourseRootCss = ":host{display:block}";
-
-const SparkleCourseRoot = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.pageChanged = index.createEvent(this, "pageChanged", 7);
-    this.history = null;
-    this.tocPath = '/assets/content/toc.json';
-    this.quizPath = '/assets/quiz.json';
-    this.config = {
-      appUrl: 'http://localhost:3333',
-      globalAssetsUrl: 'http://localhost:3333/assets',
-      apiUrl: 'https://localhost:44369/',
-      quizPath: this.quizPath,
-      tocPath: this.tocPath,
-      menu: {
-        showRomanNumber: true,
-        showModuleIndex: true,
-        showSessionIndex: true,
-      },
-      prod: true,
-      courseId: 1,
-    };
-    this.isMenuToggled = false;
-    //ICourse;
-    this.setHistory = ({ history }) => {
-      if (!this.history) {
-        this.history = history;
-        this.history.listen(this.newPage.bind(this));
-      }
-    };
-    this.toggleMenu = () => {
-      this.isMenuToggled = !this.isMenuToggled;
-    };
-    this.handlePageClick = () => {
-      if (this.isSmallViewport() && this.isMenuToggled) {
-        this.isMenuToggled = false;
-      }
-    };
-  }
-  newPage(location) {
-    this.pageChanged.emit(location);
-  }
-  lockScroll(isMenuToggled) {
-    if (this.isSmallViewport()) {
-      document.body.classList.toggle('scroll-lock', isMenuToggled);
-    }
-  }
-  async componentWillLoad() {
-    auth_service.initSetupConfig({
-      sparkle: Object.assign({}, this.config),
-    });
-    this.tocData = await assets_service.AssetsService.getInstance().loadJsonFile(this.tocPath);
-  }
-  isSmallViewport() {
-    return matchMedia && matchMedia('(max-width: 768px)').matches;
-  }
-  async toggleStudentSidebar() {
-    var sidebar = document.getElementById('onlineStudents');
-    await sidebar.show();
-  }
-  renderPage(path) {
-    return (index.h("stencil-route", { url: '/' + path, routeRender: props => [
-        this.renderHeaderAndMenu(),
-        index.h("sparkle-page", { history: this.history, path: "" }, path == 'login' && index.h("sparkle-login", null), path == 'signup' && index.h("sparkle-signup", { history: this.history }), path == 'forgot-password' && index.h("sparkle-forgot-password", { history: this.history }), path == 'reset-password' && index.h("sparkle-reset-password", { history: this.history })),
-      ] }));
-  }
-  renderPrivatePage(path) {
-    return (index.h(PrivateRoute.PrivateRoute, { url: '/' + path, render: () => [
-        this.renderHeaderAndMenu(),
-        index.h("sparkle-page", { history: this.history, path: "" }, path == 'profile' && index.h("sparkle-user-profile", null), path == 'enrollment' && index.h("sparkle-user-enrollment", null), path == 'home/my-mood' && index.h("sparkle-mood", { history: this.history }), path == 'home/my-health' && index.h("sparkle-health", { history: this.history }), path == 'home/my-goals' && index.h("sparkle-goals", null), path == 'home/great-white-wall' && index.h("sparkle-gww", null)),
-      ] }));
-  }
-  renderHeaderAndMenu() {
-    return [this.renderHeader(), index.h("sparkle-menu", { toc: this.tocData, config: this.config.menu, toggleClickFn: this.toggleMenu })];
-  }
-  renderHeader() {
-    return [
-      index.h("sparkle-header", { courseName: this.tocData.name, toggleClickFn: this.toggleMenu, signoutClickFn: this.signout, authUser: auth_store.AuthStore.state.isAuthenticated, imageUrl: user_store.userStore.state.user.ProfileImage }, this.renderLogo()),
-    ];
-  }
-  async signout() {
-    await auth_service.AuthService.getInstance().signOut();
-    this.history.replace('/login', {});
-  }
-  renderLogo() {
-    return (index.h("a", { slot: "logo", href: "https://girlsinclearning.com/", target: "_blank" }, index.h("img", { class: "girls-inc-logo", src: "/assets/img/logo-primary.png" })));
-  }
-  getFirstLessonUrl() {
-    if (this.tocData) {
-      let firstModule = this.tocData.courseModules[0];
-      let firstSession = firstModule.sessions[0];
-      let firstPage = firstSession.pages[0];
-      let url = '/course/' + firstModule.urlName + '/' + firstSession.urlName + '/' + firstPage.urlName;
-      return url;
-    }
-    else {
-      return '/home';
-    }
-  }
-  render() {
-    const layout = {
-      'Layout': true,
-      'is-menu-toggled': this.isMenuToggled,
-    };
-    return (index.h("sparkle-root", { config: this.config }, index.h("stencil-router", { class: layout }, index.h("stencil-route", { style: { display: 'none' }, routeRender: this.setHistory }), index.h("stencil-route-switch", { scrollTopOffset: 0 }, index.h("stencil-route", { url: "/", exact: true, routeRender: () => {
-        return index.h("stencil-router-redirect", { url: this.getFirstLessonUrl() });
-      } }), index.h("stencil-route", { url: "/unauthorized", routeRender: props => [this.renderHeaderAndMenu(), index.h("sparkle-unauthorized", null)] }), index.h("stencil-route", { url: "/course/:page*", routeRender: props => [
-        this.renderHeaderAndMenu(),
-        index.h("sparkle-page", { history: this.history, path: `/course/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick }),
-      ] }), index.h("stencil-route", { url: "/presentation/course/:page*", routeRender: props => (index.h("sparkle-page", { history: this.history, presentation: true, path: `/course/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick })) }), index.h("stencil-route", { url: "/presentation/teacher/course/:page*", routeRender: props => [
-        index.h("sparkle-facilitator-header", { courseName: this.tocData.name, toggleStudentClickFn: this.toggleStudentSidebar }, this.renderLogo()),
-        index.h("sparkle-facilitator-page", { notesPath: `/course/${props.match.params.page || 'index'}-notes.json`, path: `/course/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick }),
-      ] }), this.renderPrivatePage('home/my-mood'), this.renderPrivatePage('home/my-health'), this.renderPrivatePage('home/my-goals'), this.renderPrivatePage('home/great-white-wall'), index.h(PrivateRoute.PrivateRoute, { url: "/home/:page*", render: props => [
-        this.renderHeaderAndMenu(),
-        index.h("sparkle-page", { history: this.history, path: `/course/home/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick }),
-      ] }), this.renderPage('login'), this.renderPage('signup'), this.renderPage('forgot-password'), this.renderPage('reset-password'), this.renderPrivatePage('profile'), this.renderPrivatePage('enrollment')))));
-  }
-  static get watchers() { return {
-    "isMenuToggled": ["lockScroll"]
-  }; }
-};
-injectHistory.injectHistory(SparkleCourseRoot);
-SparkleCourseRoot.style = sparkleCourseRootCss;
-
-exports.sparkle_course_root = SparkleCourseRoot;

package/dist/cjs/sparkle-dropdown.cjs.entry.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-const icons = require('./icons-c61db785.js');
-
-const dropdownCss = ".Dropdown{display:inline-block;position:relative;z-index:1}.Dropdown-button{appearance:none;background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:initial;white-space:nowrap;display:flex}.Dropdown-button .Dropdown-icon{height:14px;width:22px;fill:#ced6e0}.Dropdown-button .Dropdown-icon+.Dropdown-arrow{margin-left:0px;fill:#ced6e0;vertical-align:2px}.Dropdown:focus,.Dropdown-button:focus{outline:none}.Dropdown-button:hover{cursor:pointer}.Dropdown-arrow{fill:currentColor;height:0.8em;margin-bottom:-0.0875em;width:0.8em;margin-left:0.8em}.Dropdown.is-open .Dropdown-arrow{transform:rotate(180deg)}.Dropdown-panel{background-color:var(--background);border-radius:6px;border:none;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.08);display:none;min-width:100%;overflow:hidden;pointer-events:none;position:absolute;top:100%;visibility:hidden}.Dropdown.is-open .Dropdown-panel{display:initial;pointer-events:auto;visibility:visible}.Dropdown--left .Dropdown-panel{left:0}.Dropdown--right .Dropdown-panel{right:0}.Dropdown--center .Dropdown-panel{left:50%;transform:translateX(-50%)}.Dropdown-panel a{display:flex;justify-content:space-between;padding:0.5em 1em}.Dropdown-panel svg{height:1em;width:1em;margin-left:4px}@media (hover: hover){.Dropdown-panel a:hover{background-color:rgba(0, 0, 0, 0.025)}}.Dropdown-panel>section{padding:0.5em 0}.Dropdown-panel>section:not(:last-child){border-bottom:solid 1px var(--line-rule-color)}.Dropdown-image{height:36px;width:36px;border-radius:50%}";
-
-const SparkleDropdown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.align = 'left';
-    this.isOpen = false;
-  }
-  handleClick(event) {
-    const isNode = event.target instanceof Node;
-    const isOurs = isNode && this.el.contains(event.target);
-    if (!isOurs) {
-      this.close();
-    }
-  }
-  handleKeyup(event) {
-    if (event.key === 'Enter') {
-      this.toggle();
-    }
-    if (event.key === 'Escape') {
-      this.close();
-    }
-  }
-  async close() {
-    this.isOpen = false;
-  }
-  async open() {
-    this.isOpen = true;
-  }
-  async toggle() {
-    this.isOpen = !this.isOpen;
-  }
-  hostData() {
-    return {
-      tabindex: '0',
-      class: {
-        'Dropdown': true,
-        [`Dropdown--${this.align}`]: true,
-        'is-open': this.isOpen,
-      },
-    };
-  }
-  __stencil_render() {
-    const Icon = this.icon;
-    const button = (index.h("button", { tabindex: "-1", class: "Dropdown-button", "aria-haspopup": "menu", "aria-expanded": this.isOpen ? 'true' : 'false', onClick: this.toggle.bind(this) }, index.h("span", { class: "Dropdown-button-label" }, this.label), Icon ? index.h(Icon, { class: "Dropdown-icon" }) : null, this.image ? index.h("img", { class: "Dropdown-image", src: this.image }) : null, index.h(icons.DownArrow, { class: "Dropdown-arrow" })));
-    const panel = (index.h("div", { role: "menu", class: "Dropdown-panel" }, index.h("slot", null)));
-    return [button, panel];
-  }
-  get el() { return index.getElement(this); }
-  render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
-};
-SparkleDropdown.style = dropdownCss;
-
-exports.sparkle_dropdown = SparkleDropdown;