@sparkle-learning/core 0.0.56 → 0.0.57

package/dist/cjs/sparkle-table-of-contents.cjs.entry.js

@@ -1,71 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-
-const tableOfContentsCss = "sparkle-table-of-contents{display:block;font-size:13px;margin-bottom:2rem}sparkle-table-of-contents .Nav-header{color:var(--text-color--lighter);font-size:0.75em;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding-left:0}sparkle-table-of-contents ul{padding:0;list-style:none;line-height:1.23em}sparkle-table-of-contents .Nav-link{padding-left:0;margin-left:0}sparkle-table-of-contents a{color:inherit;display:inline-block;transition:.2s color, .3s transform ease-out}sparkle-table-of-contents .Nav-link.selected a{color:var(--accent-color);transform:translateX(2px)}";
-
-const SparkleTableOfContents = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.links = [];
-    this.label = 'Contents';
-    this.basepath = '';
-    this.itemOffsets = [];
-    this.selectedId = null;
-    this.pageWidth = document.body.offsetWidth;
-    this.toItem = ({ text, href }) => {
-      return (index.h("li", null, index.h("stencil-route-link", { url: `${this.basepath}${href}`, class: `Nav-link ${this.selectedId === href ? 'selected' : ''}` }, text)));
-    };
-  }
-  function() {
-    if (this.pageWidth < 1234) {
-      return;
-    }
-    requestAnimationFrame(() => {
-      const itemIndex = this.itemOffsets.findIndex(item => item.topOffset > window.scrollY);
-      if (itemIndex === 0 ||
-        // tslint:disable-next-line
-        this.itemOffsets[this.itemOffsets.length - 1] === undefined) {
-        this.selectedId = null;
-      }
-      else if (itemIndex === -1) {
-        this.selectedId = this.itemOffsets[this.itemOffsets.length - 1].id;
-      }
-      else {
-        this.selectedId = this.itemOffsets[itemIndex - 1].id;
-      }
-    });
-  }
-  updateItemOffsets() {
-    requestAnimationFrame(() => {
-      this.pageWidth = document.body.offsetWidth;
-      this.itemOffsets = this.links.map(link => {
-        const item = document.getElementById(link.href.substring(1));
-        return {
-          id: link.href,
-          topOffset: item.getBoundingClientRect().top + window.scrollY
-        };
-      });
-    });
-  }
-  componentDidLoad() {
-    this.updateItemOffsets();
-  }
-  render() {
-    if (this.links.length < 1) {
-      return null;
-    }
-    return [
-      index.h("strong", { class: "Nav-header" }, this.label),
-      index.h("nav", null, index.h("ul", { class: "Nav-subnav" }, this.links.map(this.toItem)))
-    ];
-  }
-  static get watchers() { return {
-    "links": ["updateItemOffsets"]
-  }; }
-};
-SparkleTableOfContents.style = tableOfContentsCss;
-
-exports.sparkle_table_of_contents = SparkleTableOfContents;

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

@@ -1,66 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-
-const tabsCss = ".Tabs,.Tabs-tab{display:block}.Tabs-tab:not([selected]){display:none}.Tabs-header{border-bottom:solid 1px rgba(0, 32, 88, 0.1);white-space:nowrap}.Tabs-button{--bg-alpha:0;appearance:none;background-color:rgba(0, 0, 0, var(--bg-alpha));border:none;color:var(--text-color--light);cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:0.04em;padding:1rem;text-transform:uppercase;transform:translateY(1px)}.Tabs-button:first-child{border-top-left-radius:6px}.Tabs-button:last-child{border-top-right-radius:6px}.Tabs-button:focus{outline:none}.Tabs-button:focus{--bg-alpha:0.015}@media (hover: hover){.Tabs-button:hover{--bg-alpha:0.015}}.Tabs-button:active{--bg-alpha:0.03}.Tabs-button.is-selected{border-bottom:solid 1px currentColor;color:var(--accent-color)}.Tabs-tab sparkle-code pre{margin-top:0}";
-
-const SparkleTabs = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.selected = null;
-    this.tabs = [];
-    this.toTabButton = (tab) => {
-      const label = tab.getAttribute('tab');
-      const isSelected = this.selected === tab;
-      const buttonClass = {
-        'Tabs-button': true,
-        'is-selected': isSelected
-      };
-      return (index.h("button", { role: "tab", "aria-selected": isSelected ? 'true' : 'false', onClick: () => this.select(tab), class: buttonClass }, label));
-    };
-  }
-  // if an event with a name that matches the 'listenFor' property is heard,
-  // check the tabs to see if the event has a value that matches a tab title
-  // The original purpose for this is the Framework Selection dropdown
-  listenForFrameworkSelection(event) {
-    if (typeof this.listenFor !== 'undefined' && event.detail.key === this.listenFor) {
-      this.tabs.forEach(tab => {
-        if (tab.tab.toLowerCase() === event.detail.value.toLowerCase()) {
-          this.select(tab);
-        }
-      });
-    }
-  }
-  componentDidLoad() {
-    this.tabs = Array.from(this.el.querySelectorAll('sparkle-tab'));
-    this.select(this.tabs.find(t => t.hasAttribute('selected')) || this.tabs[0]);
-  }
-  select(tab) {
-    if (this.selected !== null) {
-      this.selected.removeAttribute('selected');
-    }
-    this.selected = tab;
-    this.selected.setAttribute('selected', '');
-  }
-  hostData() {
-    return {
-      role: 'tablist',
-      class: {
-        'Tabs': true
-      }
-    };
-  }
-  __stencil_render() {
-    return [
-      index.h("header", { class: "Tabs-header" }, this.tabs.map(this.toTabButton)),
-      index.h("slot", null)
-    ];
-  }
-  get el() { return index.getElement(this); }
-  render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
-};
-SparkleTabs.style = tabsCss;
-
-exports.sparkle_tabs = SparkleTabs;

package/dist/cjs/sparkle-video-player.cjs.entry.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-
-const sparkleVideoPlayerCss = "";
-
-const SparkleVideoPlayer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.type = 'video/mp4';
-    this.width = 400;
-    this.controls = true;
-  }
-  render() {
-    return (index.h("video", { width: this.width, controls: this.controls, preload: "metadata" }, index.h("source", { src: this.src, type: this.type })));
-  }
-};
-SparkleVideoPlayer.style = sparkleVideoPlayerCss;
-
-exports.sparkle_video_player = SparkleVideoPlayer;

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

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-
-const sparkleYoutubeCss = ":host(.loaded) div.youtube-container{opacity:var(--sparkle-youtube-opacity-loaded, 1)}div.youtube-container{opacity:var(--sparkle-youtube-opacity-not-loaded, 0);transition:var(--sparkle-youtube-transition, opacity 0.15s linear)}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}";
-
-const SparkleYoutube = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.video_thumbnail = '';
-  }
-  componentDidLoad() {
-    this.classMode = this.initialClassMode;
-    this.classModeChanged();
-  }
-  classModeChanged() {
-    if (this.classMode) {
-      var youtube_video_id = this.src.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop();
-      if (youtube_video_id.length == 11) {
-        this.video_thumbnail = '//img.youtube.com/vi/' + youtube_video_id + '/0.jpg';
-      }
-    }
-  }
-  async classRoomModeChanged(val) {
-    this.classMode = val;
-  }
-  render() {
-    return (index.h("div", null, !this.classMode ? (index.h("div", { class: "embed-container" }, index.h("iframe", { src: this.src.replace("watch?v=", "embed/"), frameborder: "0", allowFullScreen: true }))) : (index.h("div", null, index.h("img", { src: this.video_thumbnail })))));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "classMode": ["classModeChanged"]
-  }; }
-};
-SparkleYoutube.style = sparkleYoutubeCss;
-
-exports.sparkle_youtube = SparkleYoutube;

package/dist/cjs/spinner-configs-0ac05f2d.js

@@ -1,147 +0,0 @@
-'use strict';
-
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const spinners = {
-  bubbles: {
-    dur: 1000,
-    circles: 9,
-    fn: (dur, index, total) => {
-      const animationDelay = `${(dur * index) / total - dur}ms`;
-      const angle = (2 * Math.PI * index) / total;
-      return {
-        r: 5,
-        style: {
-          top: `${9 * Math.sin(angle)}px`,
-          left: `${9 * Math.cos(angle)}px`,
-          'animation-delay': animationDelay,
-        },
-      };
-    },
-  },
-  circles: {
-    dur: 1000,
-    circles: 8,
-    fn: (dur, index, total) => {
-      const step = index / total;
-      const animationDelay = `${dur * step - dur}ms`;
-      const angle = 2 * Math.PI * step;
-      return {
-        r: 5,
-        style: {
-          top: `${9 * Math.sin(angle)}px`,
-          left: `${9 * Math.cos(angle)}px`,
-          'animation-delay': animationDelay,
-        },
-      };
-    },
-  },
-  circular: {
-    dur: 1400,
-    elmDuration: true,
-    circles: 1,
-    fn: () => {
-      return {
-        r: 20,
-        cx: 48,
-        cy: 48,
-        fill: 'none',
-        viewBox: '24 24 48 48',
-        transform: 'translate(0,0)',
-        style: {},
-      };
-    },
-  },
-  crescent: {
-    dur: 750,
-    circles: 1,
-    fn: () => {
-      return {
-        r: 26,
-        style: {},
-      };
-    },
-  },
-  dots: {
-    dur: 750,
-    circles: 3,
-    fn: (_, index) => {
-      const animationDelay = -(110 * index) + 'ms';
-      return {
-        r: 6,
-        style: {
-          left: `${9 - 9 * index}px`,
-          'animation-delay': animationDelay,
-        },
-      };
-    },
-  },
-  lines: {
-    dur: 1000,
-    lines: 8,
-    fn: (dur, index, total) => {
-      const transform = `rotate(${(360 / total) * index + (index < total / 2 ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index) / total - dur}ms`;
-      return {
-        y1: 14,
-        y2: 26,
-        style: {
-          transform: transform,
-          'animation-delay': animationDelay,
-        },
-      };
-    },
-  },
-  'lines-small': {
-    dur: 1000,
-    lines: 8,
-    fn: (dur, index, total) => {
-      const transform = `rotate(${(360 / total) * index + (index < total / 2 ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index) / total - dur}ms`;
-      return {
-        y1: 12,
-        y2: 20,
-        style: {
-          transform: transform,
-          'animation-delay': animationDelay,
-        },
-      };
-    },
-  },
-  'lines-sharp': {
-    dur: 1000,
-    lines: 12,
-    fn: (dur, index, total) => {
-      const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index) / total - dur}ms`;
-      return {
-        y1: 17,
-        y2: 29,
-        style: {
-          transform: transform,
-          'animation-delay': animationDelay,
-        },
-      };
-    },
-  },
-  'lines-sharp-small': {
-    dur: 1000,
-    lines: 12,
-    fn: (dur, index, total) => {
-      const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index) / total - dur}ms`;
-      return {
-        y1: 12,
-        y2: 20,
-        style: {
-          transform: transform,
-          'animation-delay': animationDelay,
-        },
-      };
-    },
-  },
-};
-const SPINNERS = spinners;
-
-exports.SPINNERS = SPINNERS;

package/dist/cjs/status-tap-033befa2.js

@@ -1,42 +0,0 @@
-'use strict';
-
-const index = require('./index-51e8292e.js');
-const index$1 = require('./index-9c7b27e4.js');
-const helpers = require('./helpers-c2496722.js');
-require('./index-e56e09b8.js');
-
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const startStatusTap = () => {
-  const win = window;
-  win.addEventListener('statusTap', () => {
-    index.readTask(() => {
-      const width = win.innerWidth;
-      const height = win.innerHeight;
-      const el = document.elementFromPoint(width / 2, height / 2);
-      if (!el) {
-        return;
-      }
-      const contentEl = index$1.findClosestIonContent(el);
-      if (contentEl) {
-        new Promise((resolve) => helpers.componentOnReady(contentEl, resolve)).then(() => {
-          index.writeTask(async () => {
-            /**
-             * If scrolling and user taps status bar,
-             * only calling scrollToTop is not enough
-             * as engines like WebKit will jump the
-             * scroll position back down and complete
-             * any in-progress momentum scrolling.
-             */
-            contentEl.style.setProperty('--overflow', 'hidden');
-            await index$1.scrollToTop(contentEl, 300);
-            contentEl.style.removeProperty('--overflow');
-          });
-        });
-      }
-    });
-  });
-};
-
-exports.startStatusTap = startStatusTap;

package/dist/cjs/stencil-async-content.cjs.entry.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-
-const AsyncContent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.content = '';
-  }
-  componentWillLoad() {
-    if (this.documentLocation != null) {
-      return this.fetchNewContent(this.documentLocation);
-    }
-  }
-  fetchNewContent(newDocumentLocation) {
-    return fetch(newDocumentLocation)
-      .then(response => response.text())
-      .then(data => {
-      this.content = data;
-    });
-  }
-  render() {
-    return (index.h("div", { innerHTML: this.content }));
-  }
-  static get watchers() { return {
-    "documentLocation": ["fetchNewContent"]
-  }; }
-};
-
-exports.stencil_async_content = AsyncContent;

package/dist/cjs/stencil-route-title.cjs.entry.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-const activeRouter = require('./active-router-f9e18bd8.js');
-
-const RouteTitle = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.titleSuffix = '';
-    this.pageTitle = '';
-  }
-  updateDocumentTitle() {
-    const el = this.el;
-    if (el.ownerDocument) {
-      el.ownerDocument.title = `${this.pageTitle}${this.titleSuffix || ''}`;
-    }
-  }
-  componentWillLoad() {
-    this.updateDocumentTitle();
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "pageTitle": ["updateDocumentTitle"]
-  }; }
-};
-activeRouter.ActiveRouter.injectProps(RouteTitle, [
-  'titleSuffix',
-]);
-
-exports.stencil_route_title = RouteTitle;

package/dist/cjs/stencil-router-prompt.cjs.entry.js

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-const activeRouter = require('./active-router-f9e18bd8.js');
-
-const StencilRouterPrompt = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.when = true;
-    this.message = '';
-  }
-  enable(message) {
-    if (this.unblock) {
-      this.unblock();
-    }
-    if (this.history) {
-      this.unblock = this.history.block(message);
-    }
-  }
-  disable() {
-    if (this.unblock) {
-      this.unblock();
-      this.unblock = undefined;
-    }
-  }
-  componentWillLoad() {
-    if (this.when) {
-      this.enable(this.message);
-    }
-  }
-  updateMessage(newMessage, prevMessage) {
-    if (this.when) {
-      if (!this.when || prevMessage !== newMessage) {
-        this.enable(this.message);
-      }
-    }
-    else {
-      this.disable();
-    }
-  }
-  componentDidUnload() {
-    this.disable();
-  }
-  render() {
-    return null;
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "message": ["updateMessage"],
-    "when": ["updateMessage"]
-  }; }
-};
-activeRouter.ActiveRouter.injectProps(StencilRouterPrompt, [
-  'history',
-]);
-
-exports.stencil_router_prompt = StencilRouterPrompt;

package/dist/cjs/student.service-7e5385be.js

@@ -1,78 +0,0 @@
-'use strict';
-
-const httpService = require('./httpService-d2e7bf8f.js');
-const auth_store = require('./auth.store-1e630a7d.js');
-
-const { state, onChange, reset } = auth_store.createStore({
-  user: {
-    FirstName: '',
-    LastName: '',
-    ProfileText: '',
-    ProfileImage: '',
-    IsVerified: false,
-    Roles: [],
-    FacilitatorClassList: []
-  },
-  loaded: false,
-  updateLoading: false,
-  enrollmentList: [],
-});
-const userStore = { state, onChange, reset };
-
-class StudentService {
-  constructor() { }
-  static getInstance() {
-    if (!StudentService.instance) {
-      StudentService.instance = new StudentService();
-    }
-    return StudentService.instance;
-  }
-  async enrollClass(enrollInput) {
-    let result = await httpService.HttpService.http.post('api/v1/Student/EnrollClass', enrollInput);
-    if (result) {
-      userStore.state.enrollmentList = [
-        ...userStore.state.enrollmentList,
-        result.Data
-      ];
-    }
-    return result;
-  }
-  async leaveClass(leaveInput) {
-    let result = await httpService.HttpService.http.post('api/v1/Student/LeaveClass', leaveInput);
-    if (result) {
-      userStore.state.enrollmentList = userStore.state.enrollmentList.filter((item) => item.Id != result.Data);
-    }
-    return result;
-  }
-  async fetchUserConfiguration() {
-    let result = await httpService.HttpService.http.get('api/v1/Student/UserConfiguration');
-    if (result) {
-      userStore.state.enrollmentList = result.Data.EnrollmentList;
-      userStore.state.user.FirstName = result.Data.FirstName;
-      userStore.state.user.LastName = result.Data.LastName;
-      userStore.state.user.ProfileText = result.Data.ProfileText;
-      userStore.state.user.ProfileImage = result.Data.ProfileImage;
-      userStore.state.user.IsVerified = result.Data.IsVerified;
-      userStore.state.user.Roles = result.Data.Roles;
-      userStore.state.user.FacilitatorClassList = result.Data.FacilitatorClassList;
-    }
-    return result;
-  }
-  async updateProfile(updateProfileInput) {
-    userStore.state.updateLoading = true;
-    let result = await httpService.HttpService.http.post('api/Account/update-profile', updateProfileInput);
-    console.log('after fetch', result);
-    if (result) {
-      userStore.state.updateLoading = false;
-      userStore.state.user = Object.assign(Object.assign({}, userStore.state.user), { FirstName: result.Data.FirstName, LastName: result.Data.LastName, ProfileText: result.Data.ProfileText, ProfileImage: result.Data.ProfileImage });
-    }
-    return result;
-  }
-  async submitFeedback(feedbackInput) {
-    let result = await httpService.HttpService.http.post('api/v1/Feedback', feedbackInput);
-    return result;
-  }
-}
-
-exports.StudentService = StudentService;
-exports.userStore = userStore;

package/dist/cjs/swipe-back-4a826f9b.js

@@ -1,76 +0,0 @@
-'use strict';
-
-const helpers = require('./helpers-c2496722.js');
-const dir = require('./dir-5af5259a.js');
-const index = require('./index-12082cba.js');
-require('./gesture-controller-0eb5579e.js');
-
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {
-  const win = el.ownerDocument.defaultView;
-  const rtl = dir.isRTL(el);
-  /**
-   * Determine if a gesture is near the edge
-   * of the screen. If true, then the swipe
-   * to go back gesture should proceed.
-   */
-  const isAtEdge = (detail) => {
-    const threshold = 50;
-    const { startX } = detail;
-    if (rtl) {
-      return startX >= win.innerWidth - threshold;
-    }
-    return startX <= threshold;
-  };
-  const getDeltaX = (detail) => {
-    return rtl ? -detail.deltaX : detail.deltaX;
-  };
-  const getVelocityX = (detail) => {
-    return rtl ? -detail.velocityX : detail.velocityX;
-  };
-  const canStart = (detail) => {
-    return isAtEdge(detail) && canStartHandler();
-  };
-  const onMove = (detail) => {
-    // set the transition animation's progress
-    const delta = getDeltaX(detail);
-    const stepValue = delta / win.innerWidth;
-    onMoveHandler(stepValue);
-  };
-  const onEnd = (detail) => {
-    // the swipe back gesture has ended
-    const delta = getDeltaX(detail);
-    const width = win.innerWidth;
-    const stepValue = delta / width;
-    const velocity = getVelocityX(detail);
-    const z = width / 2.0;
-    const shouldComplete = velocity >= 0 && (velocity > 0.2 || delta > z);
-    const missing = shouldComplete ? 1 - stepValue : stepValue;
-    const missingDistance = missing * width;
-    let realDur = 0;
-    if (missingDistance > 5) {
-      const dur = missingDistance / Math.abs(velocity);
-      realDur = Math.min(dur, 540);
-    }
-    /**
-     * TODO: stepValue can sometimes return negative values
-     * or values greater than 1 which should not be possible.
-     * Need to investigate more to find where the issue is.
-     */
-    onEndHandler(shouldComplete, stepValue <= 0 ? 0.01 : helpers.clamp(0, stepValue, 0.9999), realDur);
-  };
-  return index.createGesture({
-    el,
-    gestureName: 'goback-swipe',
-    gesturePriority: 40,
-    threshold: 10,
-    canStart,
-    onStart: onStartHandler,
-    onMove,
-    onEnd,
-  });
-};
-
-exports.createSwipeBackGesture = createSwipeBackGesture;