@sparkle-learning/core 0.0.47 → 0.0.49

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.
@@ -16627,7 +16627,7 @@ const SparklePagination = class {
16627
16627
  toast.present();
16628
16628
  }
16629
16629
  render() {
16630
- const { previousText, previousUrl, nextText, nextUrl, isLastLesson, isLastSession } = this.page;
16630
+ const { previousText, previousUrl, nextText, nextUrl, lastLession, lastSession } = this.page;
16631
16631
  const shouldShowPrevious = previousText && previousUrl;
16632
16632
  const shouldShowNext = nextText && nextUrl;
16633
16633
  const links = [];
@@ -16635,14 +16635,14 @@ const SparklePagination = class {
16635
16635
  links.push(index.h("stencil-route-link", { url: previousUrl, key: "previous", class: "previous", anchorTitle: previousText }, index.h("div", { class: "pagination__title" }, "Previous"), index.h("div", { class: "pagination__text" }, index.h(icons.BackArrow, null), index.h("span", null, previousText))));
16636
16636
  }
16637
16637
  if (shouldShowNext) {
16638
- if (isLastLesson == 'true') {
16639
- links.push(index.h("stencil-route-link", { onClick: () => this.presentToast(), 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))));
16638
+ if (lastLession == 'true') {
16639
+ links.push(index.h("stencil-route-link", { onClick: () => this.presentToast(), url: nextUrl, key: "next", class: "next last-lesson", 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))));
16640
16640
  }
16641
- else if (isLastSession == 'true') {
16642
- 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))));
16641
+ else if (lastSession == 'true') {
16642
+ links.push(index.h("stencil-route-link", { onClick: () => this.presentToastLastSession(), url: nextUrl, key: "next", class: "next last-session", 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))));
16643
16643
  }
16644
16644
  else {
16645
- 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))));
16645
+ 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))));
16646
16646
  }
16647
16647
  }
16648
16648
  return links;
@@ -16725,7 +16725,7 @@ const SparkleResetPassword = class {
16725
16725
  };
16726
16726
  SparkleResetPassword.style = sparkleResetPasswordCss;
16727
16727
 
16728
- 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}";
16728
+ 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){sparkle-page-footer{width:100%;left:0}.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}";
16729
16729
 
16730
16730
  const SparkleRoot = class {
16731
16731
  constructor(hostRef) {
@@ -20,6 +20,10 @@ sparkle-root{
20
20
  }
21
21
 
22
22
  @media (max-width: 768px) {
23
+ sparkle-page-footer{
24
+ width: 100%;
25
+ left: 0;
26
+ }
23
27
  .Layout {
24
28
  --menu-transform: translateX(calc(-1 * var(--menu-width)));
25
29
  --page-padding: 1.5rem;
@@ -16623,7 +16623,7 @@ const SparklePagination = class {
16623
16623
  toast.present();
16624
16624
  }
16625
16625
  render() {
16626
- const { previousText, previousUrl, nextText, nextUrl, isLastLesson, isLastSession } = this.page;
16626
+ const { previousText, previousUrl, nextText, nextUrl, lastLession, lastSession } = this.page;
16627
16627
  const shouldShowPrevious = previousText && previousUrl;
16628
16628
  const shouldShowNext = nextText && nextUrl;
16629
16629
  const links = [];
@@ -16631,14 +16631,14 @@ const SparklePagination = class {
16631
16631
  links.push(h$1("stencil-route-link", { url: previousUrl, key: "previous", class: "previous", anchorTitle: previousText }, h$1("div", { class: "pagination__title" }, "Previous"), h$1("div", { class: "pagination__text" }, h$1(BackArrow, null), h$1("span", null, previousText))));
16632
16632
  }
16633
16633
  if (shouldShowNext) {
16634
- if (isLastLesson == 'true') {
16635
- links.push(h$1("stencil-route-link", { onClick: () => this.presentToast(), 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))));
16634
+ if (lastLession == 'true') {
16635
+ links.push(h$1("stencil-route-link", { onClick: () => this.presentToast(), url: nextUrl, key: "next", class: "next last-lesson", anchorTitle: nextText }, h$1("div", { class: "pagination__title" }, "Next"), h$1("div", { class: "pagination__text" }, h$1("span", null, nextText), h$1(ForwardArrow, null))));
16636
16636
  }
16637
- else if (isLastSession == 'true') {
16638
- 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))));
16637
+ else if (lastSession == 'true') {
16638
+ links.push(h$1("stencil-route-link", { onClick: () => this.presentToastLastSession(), url: nextUrl, key: "next", class: "next last-session", anchorTitle: nextText }, h$1("div", { class: "pagination__title" }, "Next"), h$1("div", { class: "pagination__text" }, h$1("span", null, nextText), h$1(ForwardArrow, null))));
16639
16639
  }
16640
16640
  else {
16641
- 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))));
16641
+ 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))));
16642
16642
  }
16643
16643
  }
16644
16644
  return links;
@@ -16721,7 +16721,7 @@ const SparkleResetPassword = class {
16721
16721
  };
16722
16722
  SparkleResetPassword.style = sparkleResetPasswordCss;
16723
16723
 
16724
- 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}";
16724
+ 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){sparkle-page-footer{width:100%;left:0}.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}";
16725
16725
 
16726
16726
  const SparkleRoot = class {
16727
16727
  constructor(hostRef) {