@sparkle-learning/core 0.0.44 → 0.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/header-mobile-collapse_61.cjs.entry.js +14 -14
  2. package/dist/collection/components/sparkle-root/sparkle-root.css +3 -0
  3. package/dist/esm/header-mobile-collapse_61.entry.js +14 -14
  4. package/dist/sparkle-core/{p-b401b101.entry.js → p-421d4a6e.entry.js} +13 -13
  5. package/dist/sparkle-core/sparkle-core.esm.js +1 -1
  6. package/package.json +2 -2
package/dist/cjs/header-mobile-collapse_61.cjs.entry.js CHANGED
@@ -16651,12 +16651,11 @@ const createController = (tagName) => {
16651
16651
  },
16652
16652
  async getTop() {
16653
16653
  return getOverlay(document, tagName);
16654
- }
16654
+ },
16655
16655
  };
16656
16656
  };
16657
16657
  const toastController = /*@__PURE__*/ createController('ion-toast');
16658
16658
  const createOverlay = (tagName, opts) => {
16659
- /* tslint:disable-next-line */
16660
16659
  if (typeof window !== 'undefined' && typeof window.customElements !== 'undefined') {
16661
16660
  return window.customElements.whenDefined(tagName).then(() => {
16662
16661
  const element = document.createElement(tagName);
@@ -16668,7 +16667,7 @@ const createOverlay = (tagName, opts) => {
16668
16667
  Object.assign(element, Object.assign(Object.assign({}, opts), { hasController: true }));
16669
16668
  // append the overlay element to the document body
16670
16669
  getAppRoot(document).appendChild(element);
16671
- return new Promise(resolve => componentOnReady(element, resolve));
16670
+ return new Promise((resolve) => componentOnReady(element, resolve));
16672
16671
  });
16673
16672
  }
16674
16673
  return Promise.resolve();
@@ -16685,8 +16684,7 @@ const getOverlays = (doc, selector) => {
16685
16684
  if (selector === undefined) {
16686
16685
  selector = 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker,ion-popover,ion-toast';
16687
16686
  }
16688
- return Array.from(doc.querySelectorAll(selector))
16689
- .filter(c => c.overlayIndex > 0);
16687
+ return Array.from(doc.querySelectorAll(selector)).filter((c) => c.overlayIndex > 0);
16690
16688
  };
16691
16689
  /**
16692
16690
  * Returns an overlay element
@@ -16696,16 +16694,14 @@ const getOverlays = (doc, selector) => {
16696
16694
  * @returns The overlay element or `undefined` if no overlay element is found.
16697
16695
  */
16698
16696
  const getOverlay = (doc, overlayTag, id) => {
16699
- const overlays = getOverlays(doc, overlayTag).filter(o => !isOverlayHidden(o));
16700
- return (id === undefined)
16701
- ? overlays[overlays.length - 1]
16702
- : overlays.find(o => o.id === id);
16697
+ const overlays = getOverlays(doc, overlayTag).filter((o) => !isOverlayHidden(o));
16698
+ return id === undefined ? overlays[overlays.length - 1] : overlays.find((o) => o.id === id);
16703
16699
  };
16704
16700
  const getAppRoot = (doc) => {
16705
16701
  return doc.querySelector('ion-app') || doc.body;
16706
16702
  };
16707
16703
 
16708
- const paginationCss = "sparkle-pagination{border-color:var(--line-rule-color);border-style:solid;border-width:0 0 1px;display:flex;flex-wrap:wrap-reverse;padding:var(--page-padding, 2rem 0rem) 0}sparkle-pagination .next,sparkle-pagination .previous{max-width:100%;overflow:hidden}sparkle-pagination .next{margin-left:auto}sparkle-pagination a{border-radius:4px;display:flex;align-items:flex-start;flex-direction:column;padding:1em 1.5em;color:rgb(var(--accent-color-rgb))}sparkle-pagination .previous a{padding-left:0}sparkle-pagination .next a{padding-right:0;align-items:flex-end}@media (max-width: 700px){sparkle-pagination .previous a{padding-right:.5rem}sparkle-pagination .next a{padding-left:.5rem}}@media (hover: hover){sparkle-pagination a:hover,sparkle-pagination a:active{filter:brightness(0.8)}}sparkle-pagination .pagination__title{color:var(--text-color--lighter);font-size:12px;display:block}sparkle-pagination .pagination__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:var(--ion-color-sparkle)}sparkle-pagination span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sparkle-pagination svg{fill:currentColor;flex:none;height:1em;margin-bottom:-0.125em;width:1em}sparkle-pagination .next svg{margin-left:0.5em}sparkle-pagination .previous svg{margin-right:0.5em}";
16704
+ const paginationCss = "sparkle-pagination{border-color:var(--line-rule-color);border-style:solid;border-width:0 0 1px;display:flex;flex-wrap:wrap-reverse;padding:var(--page-padding, 2rem 0rem) 0}sparkle-pagination .next,sparkle-pagination .previous{max-width:100%;overflow:hidden}sparkle-pagination .next{margin-left:auto}sparkle-pagination a{border-radius:4px;display:flex;align-items:flex-start;flex-direction:column;padding:1em 1.5em;color:rgb(var(--accent-color-rgb))}sparkle-pagination .previous a{padding-left:0}sparkle-pagination .next a{padding-right:0;align-items:flex-end}@media (max-width: 700px){sparkle-pagination .previous a{padding-right:0.5rem}sparkle-pagination .next a{padding-left:0.5rem}}@media (hover: hover){sparkle-pagination a:hover,sparkle-pagination a:active{filter:brightness(0.8)}}sparkle-pagination .pagination__title{color:var(--text-color--lighter);font-size:12px;display:block}sparkle-pagination .pagination__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:var(--ion-color-sparkle)}sparkle-pagination span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sparkle-pagination svg{fill:currentColor;flex:none;height:1em;margin-bottom:-0.125em;width:1em}sparkle-pagination .next svg{margin-left:0.5em}sparkle-pagination .previous svg{margin-right:0.5em}.completed-toast{z-index:999999999999999999999999999 !important}";
16709
16705
 
16710
16706
  const SparklePagination = class {
16711
16707
  constructor(hostRef) {
@@ -16713,16 +16709,20 @@ const SparklePagination = class {
16713
16709
  this.page = { title: null, path: null, body: null, pageInfo: null };
16714
16710
  }
16715
16711
  async presentToast() {
16712
+ console.log('showToast');
16716
16713
  const toast = await toastController.create({
16717
16714
  message: 'Lesson Completed.',
16718
- duration: 3000,
16715
+ duration: 300000,
16716
+ cssClass: "completed-toast"
16719
16717
  });
16720
16718
  toast.present();
16721
16719
  }
16722
16720
  async presentToastLastSession() {
16721
+ console.log('showToast');
16723
16722
  const toast = await toastController.create({
16724
16723
  message: 'Session Completed',
16725
- duration: 3000,
16724
+ duration: 300000,
16725
+ cssClass: "completed-toast"
16726
16726
  });
16727
16727
  toast.present();
16728
16728
  }
@@ -16742,7 +16742,7 @@ const SparklePagination = class {
16742
16742
  links.push(index.h("stencil-route-link", { onClick: () => this.presentToastLastSession(), url: nextUrl, key: "next", class: "next", anchorTitle: nextText }, index.h("div", { class: "pagination__title" }, "Next"), index.h("div", { class: "pagination__text" }, index.h("span", null, nextText), index.h(icons.ForwardArrow, null))));
16743
16743
  }
16744
16744
  else {
16745
- links.push(index.h("stencil-route-link", { url: nextUrl, key: "next", class: "next", anchorTitle: nextText }, index.h("div", { class: "pagination__title" }, "Next"), index.h("div", { class: "pagination__text" }, index.h("span", null, nextText), index.h(icons.ForwardArrow, null))));
16745
+ links.push(index.h("div", { onClick: () => this.presentToastLastSession(), key: "next", class: "next" }, index.h("div", { class: "pagination__title" }, "Next"), index.h("div", { class: "pagination__text" }, index.h("span", null, nextText), index.h(icons.ForwardArrow, null))));
16746
16746
  }
16747
16747
  }
16748
16748
  return links;
@@ -16825,7 +16825,7 @@ const SparkleResetPassword = class {
16825
16825
  };
16826
16826
  SparkleResetPassword.style = sparkleResetPasswordCss;
16827
16827
 
16828
- const sparkleRootCss = ":root{--page-padding:2rem 0}sparkle-root{overflow-y:auto}.Layout{display:flex;overflow-x:hidden}.Layout>stencil-route,.Layout>stencil-route-switch{width:100%}.Layout.is-menu-toggled{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-margin-left:0}@media (max-width: 768px){.Layout{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-padding:1.5rem;--page-margin-left:0}.Layout.is-menu-toggled{--menu-transform:none;--page-transform:translateX(var(--menu-width))}.Layout.is-menu-toggled sparkle-page>*{opacity:0.2;pointer-events:none}body.scroll-lock{overflow-y:hidden}}#messagesList{display:grid;font-size:12px;font-weight:bold;grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr;line-height:2;margin-left:var(--page-margin-left);margin-top:var(--header-height);overflow-x:hidden;transform:var(--page-transform, none);margin-top:56px;padding:4px;background:#e50739;color:#fff}";
16828
+ const sparkleRootCss = ":root{--page-padding:2rem 0}sparkle-root{overflow-y:auto}.Layout{display:flex;overflow-x:hidden}.Layout>stencil-route,.Layout>stencil-route-switch{width:100%}.Layout.is-menu-toggled{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-margin-left:0}@media (max-width: 768px){.Layout{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-padding:1.5rem;--page-margin-left:0}.Layout.is-menu-toggled{--menu-transform:none;--page-transform:translateX(var(--menu-width))}.Layout.is-menu-toggled sparkle-page>*{opacity:0.2;pointer-events:none}body.scroll-lock{overflow-y:hidden}}#messagesList{display:grid;font-size:12px;font-weight:bold;grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr;line-height:2;margin-left:var(--page-margin-left);margin-top:var(--header-height);overflow-x:hidden;transform:var(--page-transform, none);margin-top:56px;padding:4px;background:#e50739;color:#fff}ion-toast{z-index:600000001}";
16829
16829
 
16830
16830
  const SparkleRoot = class {
16831
16831
  constructor(hostRef) {
package/dist/collection/components/sparkle-root/sparkle-root.css CHANGED
@@ -56,3 +56,6 @@ sparkle-root{
56
56
  background: #e50739;
57
57
  color: #fff;
58
58
  }
59
+ ion-toast{
60
+ z-index: 600000001;
61
+ }
package/dist/esm/header-mobile-collapse_61.entry.js CHANGED
@@ -16647,12 +16647,11 @@ const createController = (tagName) => {
16647
16647
  },
16648
16648
  async getTop() {
16649
16649
  return getOverlay(document, tagName);
16650
- }
16650
+ },
16651
16651
  };
16652
16652
  };
16653
16653
  const toastController = /*@__PURE__*/ createController('ion-toast');
16654
16654
  const createOverlay = (tagName, opts) => {
16655
- /* tslint:disable-next-line */
16656
16655
  if (typeof window !== 'undefined' && typeof window.customElements !== 'undefined') {
16657
16656
  return window.customElements.whenDefined(tagName).then(() => {
16658
16657
  const element = document.createElement(tagName);
@@ -16664,7 +16663,7 @@ const createOverlay = (tagName, opts) => {
16664
16663
  Object.assign(element, Object.assign(Object.assign({}, opts), { hasController: true }));
16665
16664
  // append the overlay element to the document body
16666
16665
  getAppRoot(document).appendChild(element);
16667
- return new Promise(resolve => componentOnReady(element, resolve));
16666
+ return new Promise((resolve) => componentOnReady(element, resolve));
16668
16667
  });
16669
16668
  }
16670
16669
  return Promise.resolve();
@@ -16681,8 +16680,7 @@ const getOverlays = (doc, selector) => {
16681
16680
  if (selector === undefined) {
16682
16681
  selector = 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker,ion-popover,ion-toast';
16683
16682
  }
16684
- return Array.from(doc.querySelectorAll(selector))
16685
- .filter(c => c.overlayIndex > 0);
16683
+ return Array.from(doc.querySelectorAll(selector)).filter((c) => c.overlayIndex > 0);
16686
16684
  };
16687
16685
  /**
16688
16686
  * Returns an overlay element
@@ -16692,16 +16690,14 @@ const getOverlays = (doc, selector) => {
16692
16690
  * @returns The overlay element or `undefined` if no overlay element is found.
16693
16691
  */
16694
16692
  const getOverlay = (doc, overlayTag, id) => {
16695
- const overlays = getOverlays(doc, overlayTag).filter(o => !isOverlayHidden(o));
16696
- return (id === undefined)
16697
- ? overlays[overlays.length - 1]
16698
- : overlays.find(o => o.id === id);
16693
+ const overlays = getOverlays(doc, overlayTag).filter((o) => !isOverlayHidden(o));
16694
+ return id === undefined ? overlays[overlays.length - 1] : overlays.find((o) => o.id === id);
16699
16695
  };
16700
16696
  const getAppRoot = (doc) => {
16701
16697
  return doc.querySelector('ion-app') || doc.body;
16702
16698
  };
16703
16699
 
16704
- const paginationCss = "sparkle-pagination{border-color:var(--line-rule-color);border-style:solid;border-width:0 0 1px;display:flex;flex-wrap:wrap-reverse;padding:var(--page-padding, 2rem 0rem) 0}sparkle-pagination .next,sparkle-pagination .previous{max-width:100%;overflow:hidden}sparkle-pagination .next{margin-left:auto}sparkle-pagination a{border-radius:4px;display:flex;align-items:flex-start;flex-direction:column;padding:1em 1.5em;color:rgb(var(--accent-color-rgb))}sparkle-pagination .previous a{padding-left:0}sparkle-pagination .next a{padding-right:0;align-items:flex-end}@media (max-width: 700px){sparkle-pagination .previous a{padding-right:.5rem}sparkle-pagination .next a{padding-left:.5rem}}@media (hover: hover){sparkle-pagination a:hover,sparkle-pagination a:active{filter:brightness(0.8)}}sparkle-pagination .pagination__title{color:var(--text-color--lighter);font-size:12px;display:block}sparkle-pagination .pagination__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:var(--ion-color-sparkle)}sparkle-pagination span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sparkle-pagination svg{fill:currentColor;flex:none;height:1em;margin-bottom:-0.125em;width:1em}sparkle-pagination .next svg{margin-left:0.5em}sparkle-pagination .previous svg{margin-right:0.5em}";
16700
+ const paginationCss = "sparkle-pagination{border-color:var(--line-rule-color);border-style:solid;border-width:0 0 1px;display:flex;flex-wrap:wrap-reverse;padding:var(--page-padding, 2rem 0rem) 0}sparkle-pagination .next,sparkle-pagination .previous{max-width:100%;overflow:hidden}sparkle-pagination .next{margin-left:auto}sparkle-pagination a{border-radius:4px;display:flex;align-items:flex-start;flex-direction:column;padding:1em 1.5em;color:rgb(var(--accent-color-rgb))}sparkle-pagination .previous a{padding-left:0}sparkle-pagination .next a{padding-right:0;align-items:flex-end}@media (max-width: 700px){sparkle-pagination .previous a{padding-right:0.5rem}sparkle-pagination .next a{padding-left:0.5rem}}@media (hover: hover){sparkle-pagination a:hover,sparkle-pagination a:active{filter:brightness(0.8)}}sparkle-pagination .pagination__title{color:var(--text-color--lighter);font-size:12px;display:block}sparkle-pagination .pagination__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:var(--ion-color-sparkle)}sparkle-pagination span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sparkle-pagination svg{fill:currentColor;flex:none;height:1em;margin-bottom:-0.125em;width:1em}sparkle-pagination .next svg{margin-left:0.5em}sparkle-pagination .previous svg{margin-right:0.5em}.completed-toast{z-index:999999999999999999999999999 !important}";
16705
16701
 
16706
16702
  const SparklePagination = class {
16707
16703
  constructor(hostRef) {
@@ -16709,16 +16705,20 @@ const SparklePagination = class {
16709
16705
  this.page = { title: null, path: null, body: null, pageInfo: null };
16710
16706
  }
16711
16707
  async presentToast() {
16708
+ console.log('showToast');
16712
16709
  const toast = await toastController.create({
16713
16710
  message: 'Lesson Completed.',
16714
- duration: 3000,
16711
+ duration: 300000,
16712
+ cssClass: "completed-toast"
16715
16713
  });
16716
16714
  toast.present();
16717
16715
  }
16718
16716
  async presentToastLastSession() {
16717
+ console.log('showToast');
16719
16718
  const toast = await toastController.create({
16720
16719
  message: 'Session Completed',
16721
- duration: 3000,
16720
+ duration: 300000,
16721
+ cssClass: "completed-toast"
16722
16722
  });
16723
16723
  toast.present();
16724
16724
  }
@@ -16738,7 +16738,7 @@ const SparklePagination = class {
16738
16738
  links.push(h$1("stencil-route-link", { onClick: () => this.presentToastLastSession(), url: nextUrl, key: "next", class: "next", anchorTitle: nextText }, h$1("div", { class: "pagination__title" }, "Next"), h$1("div", { class: "pagination__text" }, h$1("span", null, nextText), h$1(ForwardArrow, null))));
16739
16739
  }
16740
16740
  else {
16741
- links.push(h$1("stencil-route-link", { url: nextUrl, key: "next", class: "next", anchorTitle: nextText }, h$1("div", { class: "pagination__title" }, "Next"), h$1("div", { class: "pagination__text" }, h$1("span", null, nextText), h$1(ForwardArrow, null))));
16741
+ links.push(h$1("div", { onClick: () => this.presentToastLastSession(), key: "next", class: "next" }, h$1("div", { class: "pagination__title" }, "Next"), h$1("div", { class: "pagination__text" }, h$1("span", null, nextText), h$1(ForwardArrow, null))));
16742
16742
  }
16743
16743
  }
16744
16744
  return links;
@@ -16821,7 +16821,7 @@ const SparkleResetPassword = class {
16821
16821
  };
16822
16822
  SparkleResetPassword.style = sparkleResetPasswordCss;
16823
16823
 
16824
- const sparkleRootCss = ":root{--page-padding:2rem 0}sparkle-root{overflow-y:auto}.Layout{display:flex;overflow-x:hidden}.Layout>stencil-route,.Layout>stencil-route-switch{width:100%}.Layout.is-menu-toggled{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-margin-left:0}@media (max-width: 768px){.Layout{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-padding:1.5rem;--page-margin-left:0}.Layout.is-menu-toggled{--menu-transform:none;--page-transform:translateX(var(--menu-width))}.Layout.is-menu-toggled sparkle-page>*{opacity:0.2;pointer-events:none}body.scroll-lock{overflow-y:hidden}}#messagesList{display:grid;font-size:12px;font-weight:bold;grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr;line-height:2;margin-left:var(--page-margin-left);margin-top:var(--header-height);overflow-x:hidden;transform:var(--page-transform, none);margin-top:56px;padding:4px;background:#e50739;color:#fff}";
16824
+ const sparkleRootCss = ":root{--page-padding:2rem 0}sparkle-root{overflow-y:auto}.Layout{display:flex;overflow-x:hidden}.Layout>stencil-route,.Layout>stencil-route-switch{width:100%}.Layout.is-menu-toggled{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-margin-left:0}@media (max-width: 768px){.Layout{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-padding:1.5rem;--page-margin-left:0}.Layout.is-menu-toggled{--menu-transform:none;--page-transform:translateX(var(--menu-width))}.Layout.is-menu-toggled sparkle-page>*{opacity:0.2;pointer-events:none}body.scroll-lock{overflow-y:hidden}}#messagesList{display:grid;font-size:12px;font-weight:bold;grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr;line-height:2;margin-left:var(--page-margin-left);margin-top:var(--header-height);overflow-x:hidden;transform:var(--page-transform, none);margin-top:56px;padding:4px;background:#e50739;color:#fff}ion-toast{z-index:600000001}";
16825
16825
 
16826
16826
  const SparkleRoot = class {
16827
16827
  constructor(hostRef) {