@sparkle-learning/core 0.0.43 → 0.0.46

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/nav/nav.css

@@ -0,0 +1,194 @@
+sparkle-nav {
+  display: block;
+  flex: 0 0 auto;
+  z-index: 1;
+}
+
+sparkle-nav .wrapper {
+  position: relative;
+}
+
+sparkle-nav .section-label {
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+sparkle-nav .module-list li,
+sparkle-nav .module-list ul li {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+sparkle-nav .module-list {
+  margin-top: 0;
+  padding: 0;
+}
+
+sparkle-nav .module-list .section-label:first-of-type {
+  margin-top: 0;
+}
+
+sparkle-nav .module-list li {
+  font-size: 14px;
+  padding: 10px 10px 0px 14px;
+}
+
+sparkle-nav .module-list > li  {
+  margin-top: 10px;
+}
+
+sparkle-nav .module-list a {
+  font-weight: 400;
+  color: #6c6c8b;
+  text-decoration: none;
+  white-space: nowrap;
+  border: 0;
+}
+
+sparkle-nav .module-list a:not(.link-active) {
+  transition: color 0.2s;
+}
+
+sparkle-nav .module-list a:hover {
+  border: 0;
+}
+
+sparkle-nav .module-list .link-active {
+  font-weight: bold;
+  color: var(--ion-color-sparkle);
+}
+
+sparkle-nav .module-list .link-active a{
+  color: var(--ion-color-sparkle);
+}
+
+sparkle-nav .module-list a:hover:not(.link-active) {
+  color: var(--ion-color-sparkle);
+}
+
+sparkle-nav .module-list ul li {
+  padding-left: 12px;
+  transition: 80ms height;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+sparkle-nav .module-list ul.collapsed li {
+  height: 0;
+}
+
+sparkle-nav ul.session-list {
+    margin: 0;
+    padding: 10px 0px 0px 0px;
+}
+
+sparkle-nav ul.session-list li a {
+    display: flex;
+    flex-direction: column;
+    padding: 15px 24px;
+    position: relative;
+}
+
+sparkle-nav ul.session-list li a:before {
+    content: '';
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background: #dfe1e3;
+    display: block;
+    position: absolute;
+    left: 1px;
+    top: 50%;
+    margin-top: -5px;
+    z-index: 5
+}
+
+
+sparkle-nav ul.session-list li a:after {
+    content: '';
+    background: #dfe1e3;
+    height: 100%;
+    position: absolute;
+    width: 2px;
+    display: block;
+    left: 5px;
+    top: 0
+}
+
+sparkle-nav ul.session-list li a.is-active {
+    color: var(--ion-color-sparkle);
+}
+
+sparkle-nav ul.session-list li a.is-active:before {
+    width: 14px;
+    height: 14px;
+    left: 23px;
+    margin-top: -7px;
+    background: var(--ion-color-sparkle);
+    box-shadow: 0 0 4px var(--ion-color-sparkle);
+}
+
+
+sparkle-nav ul.session-list li a.is-active:after {
+    background: #dfe1e3
+}
+
+sparkle-nav ul.session-list li stencil-route-link.is-completed a {
+    /* color: var(--ion-color-sparkle); */
+}
+
+sparkle-nav ul.session-list li stencil-route-link.is-completed a:before {
+    background: var(--ion-color-sparkle);
+}
+
+sparkle-nav ul.session-list li stencil-route-link.is-completed a:after {
+    background: var(--ion-color-sparkle);
+}
+
+sparkle-nav ul.session-list li a p {
+    color: #fff;
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transition: .2s ease-in-out color
+}
+
+sparkle-nav ul.session-list li a span {
+    display: block;
+    line-height: 12px;
+}
+
+sparkle-nav ul li span.coming-soon {
+    font-size: 0.7rem;
+    display: block;
+    background: 0 0;
+    color: #f6c95b;
+    line-height: 14px;
+    border-radius: 4px;
+    padding: 1px 4px 0;
+    box-shadow: none;
+    border: 1px solid #f6c95b;
+    width: 85px;
+    text-align: center;
+}
+
+
+sparkle-nav ul.session-list li a:hover p {
+    color: var(--ion-color-sparkle);
+}
+
+
+
+sparkle-nav ul.session-list li:first-child a:after {
+    height: 50%;
+    top: 50%
+}
+
+sparkle-nav ul.session-list li:last-child a:after {
+    height: 50%;
+    bottom: 50%
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/notfound-page/notfound-page.css

@@ -0,0 +1,4 @@
+
+notfound-page {
+  text-align: center;
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/overlay/overlay.css

@@ -0,0 +1,67 @@
+sparkle-overlay {
+  --sparkle-z-index-xl: 500;
+  --sparkle-transition-fast: 0.3s;
+  --sparkle-color-light-base: 197, 209, 218;
+  --sparkle-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
+}
+.sparkle-overlay {
+  -ms-flex-align: center;
+  align-items: center;
+  display: flex;
+  visibility: hidden;
+  -ms-flex-pack: center;
+  justify-content: center;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: auto;
+  -ms-touch-action: none;
+  touch-action: none;
+  opacity: 0;
+  z-index: var(--sparkle-z-index-xl);
+}
+.sparkle-overlay,
+.sparkle-overlay.opened {
+  -webkit-transition: all var(--sparkle-transition-fast) ease-in-out;
+  transition: all var(--sparkle-transition-fast) ease-in-out;
+}
+.sparkle-overlay.opened {
+  visibility: visible;
+  opacity: 1;
+}
+.sparkle-overlay.opened .content {
+  -webkit-transition: all var(--sparkle-transition-fast) ease-in-out;
+  transition: all var(--sparkle-transition-fast) ease-in-out;
+}
+.sparkle-overlay.light {
+  background-color: rgba(var(--sparkle-color-light-base), 0.6);
+}
+.sparkle-overlay.dark {
+  background-color: rgba(var(--sparkle-color-dark-base), 0.6);
+}
+.sparkle-overlay.absolute {
+  position: absolute;
+}
+.sparkle-overlay .scrim {
+  border-radius: inherit;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  -webkit-transition: inherit;
+  transition: inherit;
+  width: 100%;
+  will-change: opacity;
+}
+.sparkle-overlay .content {
+  position: relative;
+  outline: none;
+  -webkit-box-shadow: var(--sparkle-shadow-xl);
+  box-shadow: var(--sparkle-shadow-xl);
+  -webkit-transition: all var(--sparkle-transition-fast) ease-in-out;
+  transition: all var(--sparkle-transition-fast) ease-in-out;
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/page-footer/page-footer.css

@@ -0,0 +1,18 @@
+sparkle-page-footer {
+    margin-top: 6rem;
+  }
+
+  
+  sparkle-page-footer .last-updated {
+    color: var(--text-color--light);
+    font-weight: normal;
+    margin-left: auto;
+    text-decoration: underline;
+  }
+  
+  sparkle-page-footer .page-footer__row {
+    align-items: center;
+    display: flex;
+    font-size: 12px;
+    margin-top: 2rem;
+  }

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/pagination/pagination.css

@@ -0,0 +1,93 @@
+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;
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/select/select.css

@@ -0,0 +1,52 @@
+.Select {
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 500;
+}
+
+.Select .Dropdown-button {
+  align-items: center;
+  border: solid 1px #dee3ea;
+  border-radius: 6px;
+  display: inline-flex;
+  justify-content: space-between;
+  min-width: 100px;
+  padding: 0.5em 1em;
+}
+
+.Select .Dropdown-panel {
+  padding: 0.5em 0;
+}
+
+.Select .Dropdown-arrow {
+  margin-left: 0.5em;
+}
+
+.Select-option {
+  --bg-alpha: 0;
+  background-color: rgba(0, 0, 0, var(--bg-alpha));
+  padding: 0.5em 1.5em;
+}
+
+.Select-option:focus {
+  --bg-alpha: 0.025;
+  outline: none;
+}
+
+.Select-option--selected {
+  --bg-alpha: 0.05;
+}
+
+.Select-option--selected:focus {
+  --bg-alpha: 0.075;
+}
+
+@media (hover: hover) {
+  .Select-option:hover {
+    --bg-alpha: 0.025;
+  }
+
+  .Select-option--selected:hover {
+    --bg-alpha: 0.075;
+  }
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/sidebar/sidebar.css

@@ -0,0 +1,98 @@
+sparkle-sidebar {
+  --sparkle-spacing-size-lg: 1rem;
+  --sparkle-transition-med: 0.5s;
+  --sparkle-color-dark-lighter: 89, 109, 127;
+  --sparkle-font-size-md: 1.25rem;
+  --sparkle-spacing-size-none: 0;
+  --sparkle-spacing-size-xxxs: 0.0625rem;
+  --sparkle-color-light-base: 1197, 209, 218;
+  --sparkle-font-size-lg: 1.5rem;
+  --sparkle-color-dark-base: 55, 68, 79;
+}
+.sparkle-sidebar {
+  height: 100%;
+  max-width: 90%;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background-color: #fff;
+  padding: var(--sparkle-spacing-size-lg);
+  -webkit-transition: all var(--sparkle-transition-med) ease-in-out;
+  transition: all var(--sparkle-transition-med) ease-in-out;
+}
+.sparkle-sidebar.left {
+  border-right: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1);
+}
+.sparkle-sidebar.left.size-sm {
+  width: 16rem;
+  left: -16rem;
+}
+.sparkle-sidebar.left.size-md {
+  width: 22.5rem;
+  left: -22.5rem;
+}
+.sparkle-sidebar.left.size-lg {
+  width: 30rem;
+  left: -30rem;
+}
+.sparkle-sidebar.left.size-xl {
+  width: 45rem;
+  left: -45rem;
+}
+.sparkle-sidebar.left.show {
+  visibility: visible;
+  left: 0;
+}
+.sparkle-sidebar.right {
+  border-right: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1);
+}
+.sparkle-sidebar.right.size-sm {
+  width: 16rem;
+  right: -16rem;
+}
+.sparkle-sidebar.right.size-md {
+  width: 22.5rem;
+  right: -22.5rem;
+}
+.sparkle-sidebar.right.size-lg {
+  width: 30rem;
+  right: -30rem;
+}
+.sparkle-sidebar.right.size-xl {
+  width: 45rem;
+  right: -45rem;
+}
+.sparkle-sidebar.right.show {
+  visibility: visible;
+  right: 0;
+}
+.sparkle-sidebar .drawer-header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -ms-flex-line-pack: center;
+  align-content: center;
+  border-bottom: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-light-base), 1);
+  font-size: var(--sparkle-font-size-lg);
+  color: rgba(var(--sparkle-color-dark-base), 1);
+}
+.sparkle-sidebar .drawer-header .drawer-title {
+  line-height: 1;
+}
+.sparkle-sidebar .drawer-header .drawer-close .ks-button .button {
+  padding: var(--sparkle-spacing-size-none);
+}
+.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .button-text {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .icon {
+  font-size: var(--sparkle-font-size-md);
+}
+.sparkle-sidebar .drawer-body {
+  padding-top: var(--sparkle-spacing-size-lg);
+  padding-bottom: var(--sparkle-spacing-size-lg);
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/sparkle-lower-content-nav/sparkle-lower-content-nav.css

@@ -0,0 +1,8 @@
+lower-content-nav {
+    display: flex;
+    justify-content: space-between;
+}
+
+lower-content-nav > stencil-route-link {
+    display: inline-block;
+}

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/table-of-contents/table-of-contents.css

@@ -0,0 +1,37 @@
+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);
+  }
+  

package/dist/node_modules/@sparkle-learning/components/dist/collection/components/tabs/tabs.css

@@ -0,0 +1,64 @@
+.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;
+}

package/dist/sparkle-core/{p-0fa3fd63.entry.js → p-11a6c175.entry.js}

@@ -1 +1 @@
-import{r as e,h as o,H as t,e as n}from"./p-ee1e0eb4.js";import{C as a}from"./p-e8073714.js";const r=class{constructor(o){e(this,o),this.language="",this.showCopyConfirmation=!1}copyCodeText(){this.showCopyConfirmation=!0;const e=this.el.querySelector("code"),o=e&&e.textContent||"",t=document.createElement("textarea");t.value=o,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t),setTimeout((()=>{this.showCopyConfirmation=!1}),2e3)}render(){return o(t,null,["shell","bash","sh"].includes(this.language)?"":o("div",{class:{"code-text__copy":!0,"show-confirmation":this.showCopyConfirmation}},o("a",{class:"code-text__copy-link",onClick:this.copyCodeText.bind(this)},"Copy"),o("span",{class:"code-text__copy-confirmation"},a({height:"26px",width:"26px"}),"Copied")))}get el(){return n(this)}};r.style='code[class*="language-"],pre[class*="language-"]{color:#4d4d4c;background:none;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"],:not(pre)>code[class*="language-"]{background:hsl(30, 20%, 25%)}pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto;border:.3em solid hsl(30, 20%, 40%);border-radius:.5em;box-shadow:1px 1px .5em black inset}:not(pre)>code[class*="language-"]{padding:.15em .2em .05em;border-radius:.3em;border:.13em solid hsl(30, 20%, 40%);box-shadow:1px 1px .3em -.1em black inset;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8c9296}.token.punctuation{opacity:.7}.namespace{opacity:.7}.token.tag{color:#91c5ff}.token.tag .token.tag{color:#2b90ff}.token.property,.token.attr-name,.token.boolean,.token.number,.token.constant,.token.symbol{color:#8454ff}.token.selector,.token.char,.token.function,.token.builtin,.token.inserted{color:#ff6810}.token.operator,.token.string,.token.entity,.token.url,.token.attr-value,.language-css .token.string,.style .token.string,.token.variable{color:#42b983}.token.atrule{color:#ffbb01}.token.regex,.token.keyword,.token.important{color:#f55073}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{color:red}sparkle-code[language="shell"]>pre{background-color:var(--text-color--dark);border-radius:7px}sparkle-code[language="shell"]:before{display:none}sparkle-code[language="shell"] code{color:rgba(255, 255, 255, 0.7);font-size:13px}sparkle-code[language="shell"] .token{color:inherit}sparkle-code[language="shell"] .token.prompt{color:#fb96f9;user-select:none}sparkle-code[language="shell"] .token.comment{color:rgba(255, 255, 255, 0.45)}sparkle-code{display:block;position:relative}sparkle-code:before{color:#bdc5d1;content:attr(language);font-family:var(--code-font-family);font-size:10px;letter-spacing:0.05em;line-height:1;padding:0.75em;position:absolute;right:0;text-transform:uppercase;top:0}sparkle-code[language="shell"] pre{white-space:pre-wrap}.code-text__copy{position:absolute;right:0;top:-1.6rem;height:20px}.code-text__copy-link,.code-text__copy-confirmation{padding:4px 5px;font-size:12px;line-height:12px;font-weight:600;position:absolute;right:0;top:0}.code-text__copy-link{transition:0.2s transform ,\r\n    0.2s opacity,\r\n    0.2s color;color:#70A4FF;background-color:#E0EEFF;border-radius:4px;display:inline-block;cursor:pointer;opacity:1;transform:translate3d(0,0,0);z-index:5}.code-text__copy-link:hover{color:var(--blue)}.code-text__copy-confirmation{transition:0.2s transform ,\r\n    0.2s opacity;color:#0ec254;opacity:0;transform:translate3d(0,5px,0);z-index:1;display:flex;align-items:center;height:20px;padding:0}.code-text__copy-confirmation svg{fill:#0ec254;margin-right:-4px}.show-confirmation .code-text__copy-link{opacity:0;transform:translate3d(0,-5px,0);pointer-events:none}.show-confirmation .code-text__copy-confirmation{opacity:1;transform:translate3d(0,0,0)}';export{r as sparkle_code}
+import{r as e,h as o,H as t,e as n}from"./p-ee1e0eb4.js";import{C as a}from"./p-cabe9139.js";const r=class{constructor(o){e(this,o),this.language="",this.showCopyConfirmation=!1}copyCodeText(){this.showCopyConfirmation=!0;const e=this.el.querySelector("code"),o=e&&e.textContent||"",t=document.createElement("textarea");t.value=o,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t),setTimeout((()=>{this.showCopyConfirmation=!1}),2e3)}render(){return o(t,null,["shell","bash","sh"].includes(this.language)?"":o("div",{class:{"code-text__copy":!0,"show-confirmation":this.showCopyConfirmation}},o("a",{class:"code-text__copy-link",onClick:this.copyCodeText.bind(this)},"Copy"),o("span",{class:"code-text__copy-confirmation"},a({height:"26px",width:"26px"}),"Copied")))}get el(){return n(this)}};r.style='code[class*="language-"],pre[class*="language-"]{color:#4d4d4c;background:none;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"],:not(pre)>code[class*="language-"]{background:hsl(30, 20%, 25%)}pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto;border:.3em solid hsl(30, 20%, 40%);border-radius:.5em;box-shadow:1px 1px .5em black inset}:not(pre)>code[class*="language-"]{padding:.15em .2em .05em;border-radius:.3em;border:.13em solid hsl(30, 20%, 40%);box-shadow:1px 1px .3em -.1em black inset;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8c9296}.token.punctuation{opacity:.7}.namespace{opacity:.7}.token.tag{color:#91c5ff}.token.tag .token.tag{color:#2b90ff}.token.property,.token.attr-name,.token.boolean,.token.number,.token.constant,.token.symbol{color:#8454ff}.token.selector,.token.char,.token.function,.token.builtin,.token.inserted{color:#ff6810}.token.operator,.token.string,.token.entity,.token.url,.token.attr-value,.language-css .token.string,.style .token.string,.token.variable{color:#42b983}.token.atrule{color:#ffbb01}.token.regex,.token.keyword,.token.important{color:#f55073}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{color:red}sparkle-code[language="shell"]>pre{background-color:var(--text-color--dark);border-radius:7px}sparkle-code[language="shell"]:before{display:none}sparkle-code[language="shell"] code{color:rgba(255, 255, 255, 0.7);font-size:13px}sparkle-code[language="shell"] .token{color:inherit}sparkle-code[language="shell"] .token.prompt{color:#fb96f9;user-select:none}sparkle-code[language="shell"] .token.comment{color:rgba(255, 255, 255, 0.45)}sparkle-code{display:block;position:relative}sparkle-code:before{color:#bdc5d1;content:attr(language);font-family:var(--code-font-family);font-size:10px;letter-spacing:0.05em;line-height:1;padding:0.75em;position:absolute;right:0;text-transform:uppercase;top:0}sparkle-code[language="shell"] pre{white-space:pre-wrap}.code-text__copy{position:absolute;right:0;top:-1.6rem;height:20px}.code-text__copy-link,.code-text__copy-confirmation{padding:4px 5px;font-size:12px;line-height:12px;font-weight:600;position:absolute;right:0;top:0}.code-text__copy-link{transition:0.2s transform ,\r\n    0.2s opacity,\r\n    0.2s color;color:#70A4FF;background-color:#E0EEFF;border-radius:4px;display:inline-block;cursor:pointer;opacity:1;transform:translate3d(0,0,0);z-index:5}.code-text__copy-link:hover{color:var(--blue)}.code-text__copy-confirmation{transition:0.2s transform ,\r\n    0.2s opacity;color:#0ec254;opacity:0;transform:translate3d(0,5px,0);z-index:1;display:flex;align-items:center;height:20px;padding:0}.code-text__copy-confirmation svg{fill:#0ec254;margin-right:-4px}.show-confirmation .code-text__copy-link{opacity:0;transform:translate3d(0,-5px,0);pointer-events:none}.show-confirmation .code-text__copy-confirmation{opacity:1;transform:translate3d(0,0,0)}';export{r as sparkle_code}

package/dist/sparkle-core/p-41a9ece7.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,c as s,e}from"./p-ee1e0eb4.js";import{g as a}from"./p-5d409601.js";import{S as o}from"./p-935e7cfc.js";class n{constructor(){this.pItems={}}fromSrt(t,i){var s=!!i;(t=(t=t.replace(/\r/g,"")).split(/(\d+)\n(\d{2}:\d{2}:\d{2},\d{3}) --> (\d{2}:\d{2}:\d{2},\d{3})/g)).shift();for(var e={},a=0;a<t.length;a+=4)e[s?this.timeS(t[a+1].trim()):t[a+1].trim()]=t[a+3].trim();return e}toSrt(t){if(!(t instanceof Array))return"";for(var i="",s=0;s<t.length;s++){var e=t[s];isNaN(e.startTime)||isNaN(e.endTime)||(e.startTime=this.msTime(parseInt(e.startTime,10)),e.endTime=this.msTime(parseInt(e.endTime,10))),i+=e.id+"\r\n",i+=e.startTime+" --\x3e "+e.endTime+"\r\n",i+=e.text.replace("\n","\r\n")+"\r\n\r\n"}return i}timeS(t){var i=/(\d+):(\d{2}):(\d{2}),(\d{3})/.exec(t);if(null===i)return 0;for(var s=1;s<5;s++)i[s]=parseInt(i[s],10).toString(),isNaN(parseInt(i[s],10))&&(i[s]="0");return 3600*parseInt(i[1],10)+60*parseInt(i[2],10)+parseInt(i[3],10)+Math.floor(parseInt(i[4],10)/1e3)}msTime(t){var i=[36e5,6e4,1e3],s=[];for(var e in i){var a=(t/i[e]>>0).toString();a.length<2&&(a="0"+a),t%=i[e],s.push(a)}var o=t.toString();if(o.length<3)for(let t=0;t<=3-o.length;t++)o="0"+o;return s.join(":")+","+o}}const r=class{constructor(i){t(this,i),this.showCaption=!1,this.paused=!0,this.dataLoaded=!1,this.currentProgressWidth=0,this.captionText="",this.showFirstFrame=!1,this.firstFramePath="",this.isBusy=!1,this.animationVideoProgress="0",this.captionData={}}closedCaptionChange(t){this.showCaption=!this.showCaption}onClassRoomModeChanged(t){this.classMode=t.detail}componentWillLoad(){this.classMode=a(o.LOCALSTORAGE_CLASSROOM_MODE);const t=document.createElement("script");this.firstFramePath=this.src.replace(".js",".png"),t.src=this.src,document.body.appendChild(t),this.readTextFile(this.src.replace(".js",".srt")),this.rergisterSoundControls()}readTextFile(t){let i=this;var s=new XMLHttpRequest;s.open("GET",t,!1),s.onreadystatechange=function(){if(4===s.readyState&&(200===s.status||0==s.status)){var t=s.responseText,e=new n;i.captionData=e.fromSrt(t,!0)}},s.send(null)}isScriptLoaded(t){for(var i=document.getElementsByTagName("script"),s=i.length;s--;)if(i[s].getAttribute("src")==t)return!0;return!1}rergisterSoundControls(){window.playSound=t=>(this.sound&&this.sound.stop(),this.sound=createjs.Sound.play(t,{interrupt:createjs.Sound.INTERRUPT_EARLY,loop:0,volume:1}),this.sound),window.resetToStart=()=>{console.log("reset"),this.rewindAnimationToStart()}}startLoading(){this.isBusy=!0,this.paused=!1}doneLoading(){this.isBusy=!1,this.dataLoaded=!0,this.paused=!1}handleFileLoad(t){var i=this.comp.getImages();t&&"image"==t.item.type&&(i[t.item.id]=t.result)}handleQueueProgress(t){return t=>{this.animationVideoProgress=t.loaded?(100*t.loaded).toFixed(0):"0",1==t.loaded&&this.doneLoading()}}handleComplete(t){for(var i=this.comp.getSpriteSheet(),s=t.target,e=this.library.ssMetadata,a=0;a<e.length;a++)i[e[a].name]=new createjs.SpriteSheet({images:[s.getResult(e[a].name)],frames:e[a].frames});var o=this.src.substring(this.src.lastIndexOf("/")+1,this.src.lastIndexOf("."));this.exportRoot=new this.library[o],this.stage=new this.library.Stage(this.canvas),this.makeResponsive(!0,"both",!1,1),AdobeAn.compositionLoaded(this.library.properties.id),this.stage.addChild(this.exportRoot),createjs.Ticker.framerate=this.library.properties.fps,createjs.Ticker.paused=!1,createjs.Ticker.addEventListener("tick",this.stage),createjs.Ticker.addEventListener("tick",(t=>{this.tickHandler(t)}))}loadAnimation(){this.startLoading(),createjs.Sound.initializeDefaultPlugins()&&(this.canvas=this.el.querySelector(".video-canvas"),this.anim_container=this.el.querySelector(".canvas-container"),this.comp=AdobeAn.getComposition(this.composition),this.canvas.style.width="100%",this.canvas.style.height=this.canvas.offsetWidth+"px",this.anim_container.style.height=this.canvas.offsetWidth+"px",this.library=this.comp.getLibrary(),this.loader=new createjs.LoadQueue(!1),this.loader.setMaxConnections(3),this.loader.maintainScriptOrder=!0,this.loader.installPlugin(createjs.Sound),this.loader.addEventListener("complete",(t=>{this.handleComplete(t)})),this.loader.addEventListener("fileload",(t=>{this.handleFileLoad(t)})),this.loader.addEventListener("progress",this.handleQueueProgress(this)),this.loader.loadManifest(this.library.properties.manifest,!0,this.src.substring(0,this.src.lastIndexOf("/")+1)))}playButtonAction(){this.dataLoaded?this.playPauseAnimation():this.loadAnimation()}playPauseAnimation(){createjs.Ticker.paused?this.playAnimation():this.pauseAnimation()}async playAnimation(){if(this.showFirstFrame=!1,null!=this.loader&&this.loader.close(),createjs&&createjs.Ticker){let t=!1,i=this.sound;i&&(i.paused=t),createjs.Ticker.paused=t,createjs.Ticker.addEventListener("tick",this.stage),this.paused=t}}async pauseAnimation(){if(null!=this.loader&&this.loader.close(),createjs&&createjs.Ticker){let t=!0,i=this.sound;i&&(i.paused=t),createjs.Ticker.paused=t,createjs.Ticker.removeEventListener("tick",this.stage),this.paused=t}}disconnectedCallback(){this.pauseAnimation(),createjs.Sound.removeAllSounds()}async classRoomModeChanged(t){this.classMode=t}async destroyAnimation(){this.pauseAnimation()}makeResponsive(t,i,s,e){window.addEventListener("resize",(()=>this.resizeCanvas(t,i,s,e))),this.resizeCanvas(t,i,s,e)}resizeCanvas(t,i,s,e){var a,o,n=1,r=this.library.properties.width,h=this.library.properties.height,l=window.innerWidth,c=window.innerHeight,d=window.devicePixelRatio||1,p=l/r,u=c/h,m=1;t&&("width"==i&&a==l||"height"==i&&o==c?m=n:s?1==e?m=Math.min(p,u):2==e&&(m=Math.max(p,u)):(l<r||c<h)&&(m=Math.min(p,u)));var g=this.el.querySelector(".canvas-container");this.canvas.width=r*d*m,this.canvas.height=h*d*m,this.canvas.style.width="100%",this.canvas.style.height=this.canvas.offsetWidth+"px",g.style.height=this.canvas.offsetWidth+"px",this.stage.scaleX=d*m,this.stage.scaleY=d*m,a=l,o=c,n=m,this.sizeOfCanvas=this.canvas.offsetWidth;var v=this.el.querySelector(".progressBar");this.sizeofProgressBar=v.offsetWidth,this.stage.tickOnUpdate=!1,this.stage.update(),this.stage.tickOnUpdate=!0}tickHandler(t){t.paused||(this.timeline=this.stage.children[0].timeline,this.captionData[Math.floor(this.timeline.position/this.library.properties.fps)]&&(this.captionText=this.captionData[Math.floor(this.timeline.position/this.library.properties.fps)]),this.timeline.position%10==0&&(this.timeline.position>this.timeline.duration-10&&this.animationCompleted(),this.currentProgressWidth=parseFloat((this.timeline.position/this.timeline.duration*this.sizeofProgressBar).toFixed(0))))}animationCompleted(){console.log("completed"),this.showFirstFrame=!0,this.rewindAnimationTo(0),this.pauseAnimation()}rewindAnimationTo(t){let i=this.sound;i&&(i.paused=!0);let s=this.stage.children[0],e=s.timeline;t<0&&(t=0),t>e.duration&&(t=e.duration-10),this.paused?(s.gotoAndStop(t),this.stage.update(),i&&!i.getPaused()&&(createjs.Ticker.paused=!0)):(s.gotoAndPlay(t),createjs.Ticker.paused=!1)}rewindAnimationToStart(){this.paused=!0,this.rewindAnimationTo(0)}rewindAnimation(t){t.stopPropagation();let i=Math.round(t.offsetX/this.sizeofProgressBar*this.stage.children[0].timeline.duration);this.rewindAnimationTo(i)}rewind5Sec(){this.rewindAnimationTo(this.stage.children[0].timeline.position-5*this.library.properties.fps)}fastForward5Sec(){this.rewindAnimationTo(this.stage.children[0].timeline.position+5*this.library.properties.fps)}muteVolume(){let t=this.sound;t&&(t.volume=0)}downVolume(){let t=this.sound;t&&t._getVolume()>.9&&(t.volume=t._getVolume()-.1)}upVolume(){let t=this.sound;t&&t._getVolume()<1&&(t.volume=t._getVolume()+.1)}render(){return i("div",{class:"cavase-main-container"},i("div",{class:"canvas-container",id:"canvas-container"},this.classMode?"":i("div",null,i("canvas",{class:"video-canvas",onClick:()=>this.playButtonAction()}),this.showCaption?i("div",{class:"caption"},this.captionText):""),!this.dataLoaded||this.showFirstFrame?i("img",{class:"frame-img",src:this.firstFramePath}):"",this.classMode?i("img",{class:"overlay-img",src:s("./assets/play-button-disabled-overlay.png")}):"",!this.classMode&&this.paused?i("img",{class:"overlay-img",onClick:()=>this.playButtonAction(),src:s("./assets/play-button-overlay.png")}):"",this.isBusy?i("div",{class:"loading-container"},i("div",{class:"uil-ring-css"},i("div",null),i("a",null,"Loading ",this.animationVideoProgress,"%"))):""),this.dataLoaded?i("div",{class:"navControls"},i("div",{class:"progressBar",onClick:t=>this.rewindAnimation(t)},i("div",{class:"currentProgress",style:{width:this.currentProgressWidth+"px"}})),i("div",{class:"button-panel"},i("ion-button",{size:"small",color:"transperant",onClick:()=>this.rewind5Sec()}," ",i("ion-icon",{name:"play-back-outline"})," "),i("ion-button",{size:"small",color:"transperant",onClick:()=>this.playButtonAction()}," ",i("ion-icon",this.paused?{name:"pause-outline"}:{name:"play-outline"})),i("ion-button",{size:"small",color:"transperant",onClick:()=>this.fastForward5Sec()}," ",i("ion-icon",{name:"play-forward-outline"})))):"",this.dataLoaded&&this.captionText?i("div",{class:"closed-caption"},i("ion-item",{lines:"none"},i("ion-label",null,"Closed Caption"),i("ion-toggle",{slot:"end",color:"primary",checked:this.showCaption}))):"")}static get assetsDirs(){return["assets"]}get el(){return e(this)}};r.style='.video-canvas{position:absolute;display:block;background-color:#f5f5f5;width:auto}.closed-caption{justify-content:flex-end;width:100%;display:flex}sparkle-animation-player{width:100%;margin:0 auto}.caption{position:absolute;bottom:0px;color:white;text-align:center;width:100%;text-shadow:1px 1px 2px #e50539}.canvas-container{width:680px;height:680px;background-color:#f5f5f5;border-radius:10px;position:relative}.frame-img{position:absolute;display:block;max-width:100%;width:100%;height:auto}.overlay-img{position:absolute;z-index:9999;top:0px;display:block;max-width:100%;width:100%;height:auto}.button-panel{display:flex;justify-content:center}ion-icon{color:var(--ion-color-primary)}.navControls{width:680px;background:transparent;border-radius:10px;position:relative;padding-top:15px;display:flex;flex-direction:column;align-items:center}.navControls .progressBar{flex:100%;border-radius:20px;position:relative;left:0;right:0;height:4px;background-color:rgba(205, 205, 205, 0.7);width:100%}.navControls .progressBar .currentProgress{border-radius:20px;position:absolute;height:25px;background-color:var(--ion-color-primary);transition:width 0.5s;width:100%}.navControls .progressBar .currentProgress:before{position:absolute;top:50%;right:4px;content:" ";display:block;width:12px;height:12px;margin-top:-10px;background:#e5053a;border-radius:10px;border:4px solid #d9d4d4;z-index:10}#dom_overlay_container{pointer-events:none;overflow:hidden;position:absolute;left:0px;top:0px;display:block}.cavase-main-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;padding:15px;background-position:center;background-size:cover;background-repeat:no-repeat}.loading-container{height:100%;display:flex;justify-content:center;align-items:center}.uil-ring-css{position:absolute}ion-button{--ion-color-base:transparent;--ion-color-contrast:var(--ion-color-primary);--box-shadow:none !important}@media screen and (min-width: 760px){.navControls{flex-direction:row}.navControls .progressBar{height:24px;flex:75%;width:75%}.button-panel{flex:25%;width:25%}}';export{r as sparkle_animation_player}

package/dist/sparkle-core/{p-a102341e.entry.js → p-957715c5.entry.js}

@@ -1 +1 @@
-import{r as s,h as e,e as l,H as t}from"./p-ee1e0eb4.js";import{D as a}from"./p-e8073714.js";const i=class{constructor(e){s(this,e),this.isOpen=!0}hostData(){return{class:"sparkle-menu-collapsible--status-open",role:"button",tabindex:"0","aria-label":"Collapsible Menu"}}toggle(){this.isOpen=!this.isOpen,r(this.el,"sparkle-menu-collapsible--status-"),this.el.classList.add("sparkle-menu-collapsible--status-"+(this.isOpen?"open":"closed"))}__stencil_render(){return[e("a",{onClick:()=>this.toggle(),class:"sparkle-menu-collapsible__title"},this.heading,e(a,null)),e("div",{class:"sparkle-menu-collapsible__contents"},e("slot",null))]}get el(){return l(this)}render(){return e(t,this.hostData(),this.__stencil_render())}},r=(s,e)=>{s.classList.forEach((l=>{l.startsWith(e)&&s.classList.remove(l)}))};i.style="collapsible{}";export{i as sparkle_menu_collapsible}
+import{r as s,h as e,e as l,H as t}from"./p-ee1e0eb4.js";import{D as a}from"./p-cabe9139.js";const i=class{constructor(e){s(this,e),this.isOpen=!0}hostData(){return{class:"sparkle-menu-collapsible--status-open",role:"button",tabindex:"0","aria-label":"Collapsible Menu"}}toggle(){this.isOpen=!this.isOpen,r(this.el,"sparkle-menu-collapsible--status-"),this.el.classList.add("sparkle-menu-collapsible--status-"+(this.isOpen?"open":"closed"))}__stencil_render(){return[e("a",{onClick:()=>this.toggle(),class:"sparkle-menu-collapsible__title"},this.heading,e(a,null)),e("div",{class:"sparkle-menu-collapsible__contents"},e("slot",null))]}get el(){return l(this)}render(){return e(t,this.hostData(),this.__stencil_render())}},r=(s,e)=>{s.classList.forEach((l=>{l.startsWith(e)&&s.classList.remove(l)}))};i.style="collapsible{}";export{i as sparkle_menu_collapsible}