@sparkle-learning/core 0.0.33 → 0.0.36

package/dist/esm/header-mobile-collapse_2.entry.js

@@ -1,107 +0,0 @@
-import { r as registerInstance, h, e as getElement } from './index-5568e3fa.js';
-import { a as MoreDots } from './icons-05b6ce86.js';
-
-const headerMobileCollapseCss = "header-mobile-collapse,header-mobile-collapse .header-mobile-collapse__content{flex:1;display:flex;justify-content:flex-end;align-items:center}header-mobile-collapse .ionic-sub-header__mobile-toggle{display:none;padding-top:14px;pointer-events:none;padding-left:8px}header-mobile-collapse .ionic-sub-header__mobile-toggle svg{height:20px;width:20px}header-mobile-collapse .UtilNav{margin-left:auto}header-mobile-collapse>ionic-search{padding-right:8px;padding-top:4px;display:none}header-mobile-collapse .label-sm-only .Dropdown-button-label,header-mobile-collapse .sm-only{display:none}@media (max-width: 800px){header-mobile-collapse .ionic-sub-header__mobile-toggle{display:block;cursor:pointer;padding-top:14px;pointer-events:all;transition:0.2s transform ease 0.1s;transform-origin:66% 50%}header-mobile-collapse .header-mobile-collapse__backdrop{position:fixed;top:100%;height:100vh;left:0;right:0;background:rgba(0, 0, 0, 0.1);cursor:pointer;opacity:0;pointer-events:none;transition:0.4s opacity}header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__backdrop{opacity:1;pointer-events:all}header-mobile-collapse>ionic-search{display:block}header-mobile-collapse .header-mobile-collapse__content{display:flex;flex-direction:column;align-items:stretch;position:fixed;width:100vw;left:0;background:white;box-shadow:0px 1px 3px rgba(2, 8, 20, 0.06), 0px 1px 2px rgba(2, 8, 20, 0.04);top:56px;padding:16px 16px 8px;max-height:calc(100vh - 64px);overflow:auto;pointer-events:none;opacity:0;transform:translateY(-10px);transition:transform 0.2s cubic-bezier(0.36, 0.66, 0.04, 1), opacity 0.2s linear}header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__content{opacity:1;pointer-events:all;transform:translateY(0);transition:transform 0.25s cubic-bezier(0.17, 0.67, 0.52, 1), opacity 0.1s linear}header-mobile-collapse .sparkle-dropdown,header-mobile-collapse .SectionNav .Dropdown{align-self:stretch}header-mobile-collapse .Dropdown .Dropdown-button,header-mobile-collapse .UtilNav .sm-only{width:100%;display:flex;justify-content:space-between;color:#5b708b;font-size:20px;line-height:24px;letter-spacing:-0.03em;padding:13px 0 14px}header-mobile-collapse .Dropdown--left .Dropdown-button{padding-left:16px;padding-right:14px;margin-bottom:10px;padding-top:10px;height:44px;box-shadow:0px 1px 2px rgba(2, 8, 20, 0.04)}header-mobile-collapse .Dropdown .Dropdown-button .Dropdown-arrow{height:26px;width:20px;margin-right:-4px}header-mobile-collapse .SectionNav .Dropdown,header-mobile-collapse .SectionNav-tabs>*{margin-right:0}header-mobile-collapse .Dropdown:focus{outline:none}header-mobile-collapse .SectionNav-tabs stencil-route-link{height:45px}header-mobile-collapse .Dropdown--right .Dropdown-button{text-align:left}header-mobile-collapse .SectionNav stencil-route,header-mobile-collapse .SectionNav-tabs,header-mobile-collapse .UtilNav{display:flex;flex-direction:column;margin-left:0;align-items:stretch}header-mobile-collapse .UtilNav>*{margin-left:0;border-bottom:1px solid #e6e6e8}header-mobile-collapse .UtilNav>:last-child{border-bottom:none}header-mobile-collapse .Dropdown-panel{position:static;border-bottom:1px solid var(--text-color--lighter)}header-mobile-collapse .SectionNav-tabs a{font-size:20px;line-height:24px;letter-spacing:-0.02em;color:#5b708b;padding-left:16px;padding-right:14px;font-weight:400}header-mobile-collapse .UtilNav a{padding:0}header-mobile-collapse .SectionNav-tabs .link-active{background:rgba(var(--ion-color-primary-rgb), 0.12);color:var(--ion-color-primary);display:flex;justify-content:space-between;width:100%;border-radius:8px}header-mobile-collapse .SectionNav-tabs .link-active::after{content:'\\2713';position:static;background:none;width:auto;font-size:16px}header-mobile-collapse .SectionNav-tabs{position:relative;padding-bottom:8px;margin-bottom:18px;margin-top:5px}header-mobile-collapse .SectionNav-tabs::after{position:absolute;bottom:0;left:-16px;width:100vw;border-bottom:1px solid #e6e6e8;content:''}header-mobile-collapse .header-mobile-collapse__content ionic-search{display:none}header-mobile-collapse .UtilNav::before{content:'More';font-size:20px;line-height:24px;letter-spacing:0.01em;color:#000;padding:6px 2px 8px}header-mobile-collapse .label-sm-only .Dropdown-button-label,header-mobile-collapse .sm-only{display:block}header-mobile-collapse .label-sm-only .Dropdown-icon,header-mobile-collapse .lg-only{display:none}header-mobile-collapse .label-sm-only .Dropdown-icon+.Dropdown-arrow{fill:#5b708b}header-mobile-collapse .UtilNav .sm-only .Dropdown-arrow{height:26px;width:20px;margin-right:-4px;fill:#b2becd}header-mobile-collapse .Dropdown-panel a{padding:8px;font-size:16px}header-mobile-collapse .Dropdown.is-open .Dropdown-panel{position:static}}";
-
-const HeaderMobileCollapse = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.darkMode = true;
-    this.mobileDropdownActive = false;
-    this.stuck = false;
-    this.queued = false;
-  }
-  deactivate() {
-    setTimeout(() => {
-      this.el.classList.remove('ionic-sub-header--mobile-active');
-    }, 200); // give the page a chance to load in the background so it's pretty
-  }
-  getTriggerEl() {
-    // return (<div class="ionic-sub-header__trigger"></div>)
-    const trigger = document.createElement('div');
-    trigger.id = 'ionic-sub-header__trigger';
-    return trigger;
-  }
-  componentDidLoad() {
-    // tslint:disable-next-line
-    if (!this.el.before) {
-      return;
-    }
-    this.el.before(this.getTriggerEl());
-    this.init();
-    requestAnimationFrame(() => {
-      this.el.classList.add('ionic-sub-header--initialized');
-    });
-  }
-  init() {
-    this.observer = new IntersectionObserver(entries => {
-      if (this.queued) {
-        return;
-      }
-      // no intersection with screen
-      if (!this.stuck && entries[0].intersectionRatio === 0) {
-        this.queued = true;
-        requestAnimationFrame(() => {
-          this.el.classList.add('ionic-sub-header--stuck');
-          this.stuck = true;
-          this.queued = false;
-        });
-        // fully intersects with screen
-      }
-      else if (this.stuck && entries[0].intersectionRatio === 1) {
-        this.queued = true;
-        requestAnimationFrame(() => {
-          this.el.classList.remove('ionic-sub-header--stuck');
-          this.stuck = false;
-          this.queued = false;
-        });
-      }
-    }, { threshold: [0, 1] });
-    const headerEl = document.getElementById('ionic-sub-header__trigger');
-    if (this.el && headerEl) {
-      this.observer.observe(headerEl);
-      setTimeout(() => {
-        this.el.classList.add('ionic-sub-header--initialized');
-        const navBar = document.querySelector('.navbar-default');
-        if (navBar) {
-          navBar.classList.add('navbar--not-fixed');
-        }
-      }, 405);
-    }
-  }
-  handleMobileToggleClick() {
-    this.el.classList.toggle('ionic-sub-header--mobile-active');
-  }
-  render() {
-    return ([
-      h("div", { class: "header-mobile-collapse__backdrop", onClick: () => this.deactivate() }),
-      h("a", { class: "ionic-sub-header__mobile-toggle", onClick: () => this.handleMobileToggleClick() }, h(MoreDots, null)),
-      h("div", { class: "header-mobile-collapse__content" }, h("slot", null))
-    ]);
-  }
-  get el() { return getElement(this); }
-};
-HeaderMobileCollapse.style = headerMobileCollapseCss;
-
-const buttonCss = "sparkle-button{background-color:rgba(var(--ion-color-sparkle-rgb), var(--bg-alpha, 0.06));border-radius:6px;color:var(--accent-color);display:inline-block;font-weight:600;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.1)}sparkle-button a,sparkle-button button{color:inherit;display:inline-block;font-size:inherit;font-weight:inherit;padding:0.75em 1.5em}sparkle-button button{appearance:none;background:none;border:none;line-height:inherit}sparkle-button svg{fill:currentColor;height:1em;margin-bottom:-0.125em;width:1em}sparkle-button[round]{border-radius:2em}sparkle-button[primary]{background-color:rgba(var(--ion-color-sparkle-rgb));color:var(--ion-color-sparkle-contrast)}@media (hover: hover){sparkle-button:hover{--bg-alpha:0.08}sparkle-button:active{--bg-alpha:0.1}}";
-
-const SparkleButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.round = false;
-    this.primary = false;
-  }
-  render() {
-    if (this.href !== undefined) {
-      const isInternal = /^\/course/.test(this.href);
-      if (isInternal) {
-        return (h("stencil-route-link", { url: this.href }, h("slot", null)));
-      }
-      return (h("a", { href: this.href }, h("slot", null)));
-    }
-    return (h("button", null, h("slot", null)));
-  }
-};
-SparkleButton.style = buttonCss;
-
-export { HeaderMobileCollapse as header_mobile_collapse, SparkleButton as sparkle_button };