@sparkle-learning/core 0.0.33 → 0.0.36

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

@@ -1,141 +0,0 @@
-import { r as registerInstance, i as createEvent, h } from './index-5568e3fa.js';
-import { i as injectHistory } from './injectHistory-52d0c7eb.js';
-import { P as PrivateRoute } from './PrivateRoute-f59ba6b5.js';
-import { A as AssetsService } from './assets.service-66e848b8.js';
-import { A as AuthStore } from './auth.store-98fad96d.js';
-import { i as initSetupConfig, A as AuthService } from './auth.service-7ab0ac58.js';
-import { u as userStore } from './user.store-e6ff7558.js';
-import './active-router-909088d6.js';
-import './environment-config.service-2b5d692b.js';
-import './overlays-5c777f10.js';
-import './ionic-global-0939c477.js';
-import './hardware-back-button-b6ccf74a.js';
-import './helpers-9d0930de.js';
-import './localstorage.service-4bf408c8.js';
-
-const sparkleCourseRootCss = ":host{display:block}";
-
-const SparkleCourseRoot = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.pageChanged = 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() {
-    initSetupConfig({
-      sparkle: Object.assign({}, this.config),
-    });
-    this.tocData = await 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 (h("stencil-route", { url: '/' + path, routeRender: props => [
-        this.renderHeaderAndMenu(),
-        h("sparkle-page", { history: this.history, path: "" }, path == 'login' && h("sparkle-login", null), path == 'signup' && h("sparkle-signup", { history: this.history }), path == 'forgot-password' && h("sparkle-forgot-password", { history: this.history }), path == 'reset-password' && h("sparkle-reset-password", { history: this.history })),
-      ] }));
-  }
-  renderPrivatePage(path) {
-    return (h(PrivateRoute, { url: '/' + path, render: () => [
-        this.renderHeaderAndMenu(),
-        h("sparkle-page", { history: this.history, path: "" }, path == 'profile' && h("sparkle-user-profile", null), path == 'enrollment' && h("sparkle-user-enrollment", null), path == 'home/my-mood' && h("sparkle-mood", { history: this.history }), path == 'home/my-health' && h("sparkle-health", { history: this.history }), path == 'home/my-goals' && h("sparkle-goals", null), path == 'home/great-white-wall' && h("sparkle-gww", null)),
-      ] }));
-  }
-  renderHeaderAndMenu() {
-    return [this.renderHeader(), h("sparkle-menu", { toc: this.tocData, config: this.config.menu, toggleClickFn: this.toggleMenu })];
-  }
-  renderHeader() {
-    return [
-      h("sparkle-header", { courseName: this.tocData.name, toggleClickFn: this.toggleMenu, signoutClickFn: this.signout, authUser: AuthStore.state.isAuthenticated, imageUrl: userStore.state.user.ProfileImage }, this.renderLogo()),
-    ];
-  }
-  async signout() {
-    await AuthService.getInstance().signOut();
-    this.history.replace('/login', {});
-  }
-  renderLogo() {
-    return (h("a", { slot: "logo", href: "https://girlsinclearning.com/", target: "_blank" }, 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 (h("sparkle-root", { config: this.config }, h("stencil-router", { class: layout }, h("stencil-route", { style: { display: 'none' }, routeRender: this.setHistory }), h("stencil-route-switch", { scrollTopOffset: 0 }, h("stencil-route", { url: "/", exact: true, routeRender: () => {
-        return h("stencil-router-redirect", { url: this.getFirstLessonUrl() });
-      } }), h("stencil-route", { url: "/unauthorized", routeRender: props => [this.renderHeaderAndMenu(), h("sparkle-unauthorized", null)] }), h("stencil-route", { url: "/course/:page*", routeRender: props => [
-        this.renderHeaderAndMenu(),
-        h("sparkle-page", { history: this.history, path: `/course/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick }),
-      ] }), h("stencil-route", { url: "/presentation/course/:page*", routeRender: props => (h("sparkle-page", { history: this.history, presentation: true, path: `/course/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick })) }), h("stencil-route", { url: "/presentation/teacher/course/:page*", routeRender: props => [
-        h("sparkle-facilitator-header", { courseName: this.tocData.name, toggleStudentClickFn: this.toggleStudentSidebar }, this.renderLogo()),
-        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'), h(PrivateRoute, { url: "/home/:page*", render: props => [
-        this.renderHeaderAndMenu(),
-        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(SparkleCourseRoot);
-SparkleCourseRoot.style = sparkleCourseRootCss;
-
-export { SparkleCourseRoot as sparkle_course_root };

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

@@ -1,57 +0,0 @@
-import { r as registerInstance, h, e as getElement, H as Host } from './index-5568e3fa.js';
-import { D as DownArrow } from './icons-05b6ce86.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) {
-    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 = (h("button", { tabindex: "-1", class: "Dropdown-button", "aria-haspopup": "menu", "aria-expanded": this.isOpen ? 'true' : 'false', onClick: this.toggle.bind(this) }, h("span", { class: "Dropdown-button-label" }, this.label), Icon ? h(Icon, { class: "Dropdown-icon" }) : null, this.image ? h("img", { class: "Dropdown-image", src: this.image }) : null, h(DownArrow, { class: "Dropdown-arrow" })));
-    const panel = (h("div", { role: "menu", class: "Dropdown-panel" }, h("slot", null)));
-    return [button, panel];
-  }
-  get el() { return getElement(this); }
-  render() { return h(Host, this.hostData(), this.__stencil_render()); }
-};
-SparkleDropdown.style = dropdownCss;
-
-export { SparkleDropdown as sparkle_dropdown };