@sparkle-learning/core 0.0.16 → 0.0.20

package/dist/cjs/ion-card-content.cjs.entry.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-56cc404a.js');
-const ionicGlobal = require('./ionic-global-57e21b7b.js');
-
-const cardContentIosCss = "ion-card-content{display:block;position:relative}.card-content-ios{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;font-size:16px;line-height:1.4}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.card-content-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}.card-content-ios h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.card-content-ios h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.card-content-ios h3,.card-content-ios h4,.card-content-ios h5,.card-content-ios h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal}.card-content-ios p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px}ion-card-header+.card-content-ios{padding-top:0}";
-
-const cardContentMdCss = "ion-card-content{display:block;position:relative}.card-content-md{padding-left:16px;padding-right:16px;padding-top:13px;padding-bottom:13px;font-size:14px;line-height:1.5}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.card-content-md{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}.card-content-md h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.card-content-md h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.card-content-md h3,.card-content-md h4,.card-content-md h5,.card-content-md h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal}.card-content-md p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px;font-weight:normal;line-height:1.5}ion-card-header+.card-content-md{padding-top:0}";
-
-const CardContent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    const mode = ionicGlobal.getIonMode(this);
-    return (index.h(index.Host, { class: {
-        [mode]: true,
-        // Used internally for styling
-        [`card-content-${mode}`]: true
-      } }));
-  }
-};
-CardContent.style = {
-  ios: cardContentIosCss,
-  md: cardContentMdCss
-};
-
-exports.ion_card_content = CardContent;

package/dist/cjs/ion-card.cjs.entry.js

@@ -1,70 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-56cc404a.js');
-const ionicGlobal = require('./ionic-global-57e21b7b.js');
-const theme = require('./theme-98ccfc24.js');
-
-const cardIosCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-600, #666666)));margin-left:16px;margin-right:16px;margin-top:24px;margin-bottom:24px;border-radius:8px;transform:translateZ(0);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);font-size:14px;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px}}:host(.ion-activated){transform:scale3d(0.97, 0.97, 1)}";
-
-const cardMdCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-550, #737373)));margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;border-radius:4px;font-size:14px;box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px}}";
-
-const Card = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * If `true`, a button tag will be rendered and the card will be tappable.
-     */
-    this.button = false;
-    /**
-     * The type of the button. Only used when an `onclick` or `button` property is present.
-     */
-    this.type = 'button';
-    /**
-     * If `true`, the user cannot interact with the card.
-     */
-    this.disabled = false;
-    /**
-     * When using a router, it specifies the transition direction when navigating to
-     * another page using `href`.
-     */
-    this.routerDirection = 'forward';
-  }
-  isClickable() {
-    return (this.href !== undefined || this.button);
-  }
-  renderCard(mode) {
-    const clickable = this.isClickable();
-    if (!clickable) {
-      return [
-        index.h("slot", null)
-      ];
-    }
-    const { href, routerAnimation, routerDirection } = this;
-    const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div';
-    const attrs = (TagType === 'button')
-      ? { type: this.type }
-      : {
-        download: this.download,
-        href: this.href,
-        rel: this.rel,
-        target: this.target
-      };
-    return (index.h(TagType, Object.assign({}, attrs, { class: "card-native", part: "native", disabled: this.disabled, onClick: (ev) => theme.openURL(href, ev, routerDirection, routerAnimation) }), index.h("slot", null), clickable && mode === 'md' && index.h("ion-ripple-effect", null)));
-  }
-  render() {
-    const mode = ionicGlobal.getIonMode(this);
-    return (index.h(index.Host, { class: theme.createColorClasses(this.color, {
-        [mode]: true,
-        'card-disabled': this.disabled,
-        'ion-activatable': this.isClickable()
-      }) }, this.renderCard(mode)));
-  }
-};
-Card.style = {
-  ios: cardIosCss,
-  md: cardMdCss
-};
-
-exports.ion_card = Card;

package/dist/cjs/ion-header.cjs.entry.js

@@ -1,264 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-56cc404a.js');
-const ionicGlobal = require('./ionic-global-57e21b7b.js');
-const helpers = require('./helpers-26770c32.js');
-
-const TRANSITION = 'all 0.2s ease-in-out';
-const cloneElement = (tagName) => {
-  const getCachedEl = document.querySelector(`${tagName}.ion-cloned-element`);
-  if (getCachedEl !== null) {
-    return getCachedEl;
-  }
-  const clonedEl = document.createElement(tagName);
-  clonedEl.classList.add('ion-cloned-element');
-  clonedEl.style.setProperty('display', 'none');
-  document.body.appendChild(clonedEl);
-  return clonedEl;
-};
-const createHeaderIndex = (headerEl) => {
-  if (!headerEl) {
-    return;
-  }
-  const toolbars = headerEl.querySelectorAll('ion-toolbar');
-  return {
-    el: headerEl,
-    toolbars: Array.from(toolbars).map((toolbar) => {
-      const ionTitleEl = toolbar.querySelector('ion-title');
-      return {
-        el: toolbar,
-        background: toolbar.shadowRoot.querySelector('.toolbar-background'),
-        ionTitleEl,
-        innerTitleEl: (ionTitleEl) ? ionTitleEl.shadowRoot.querySelector('.toolbar-title') : null,
-        ionButtonsEl: Array.from(toolbar.querySelectorAll('ion-buttons')) || []
-      };
-    }) || []
-  };
-};
-const handleContentScroll = (scrollEl, scrollHeaderIndex, contentEl) => {
-  index.readTask(() => {
-    const scrollTop = scrollEl.scrollTop;
-    const scale = helpers.clamp(1, 1 + (-scrollTop / 500), 1.1);
-    // Native refresher should not cause titles to scale
-    const nativeRefresher = contentEl.querySelector('ion-refresher.refresher-native');
-    if (nativeRefresher === null) {
-      index.writeTask(() => {
-        scaleLargeTitles(scrollHeaderIndex.toolbars, scale);
-      });
-    }
-  });
-};
-const setToolbarBackgroundOpacity = (toolbar, opacity) => {
-  if (opacity === undefined) {
-    toolbar.background.style.removeProperty('--opacity');
-  }
-  else {
-    toolbar.background.style.setProperty('--opacity', opacity.toString());
-  }
-};
-const handleToolbarBorderIntersection = (ev, mainHeaderIndex) => {
-  if (!ev[0].isIntersecting) {
-    return;
-  }
-  /**
-   * There is a bug in Safari where overflow scrolling on a non-body element
-   * does not always reset the scrollTop position to 0 when letting go. It will
-   * set to 1 once the rubber band effect has ended. This causes the background to
-   * appear slightly on certain app setups.
-   */
-  const scale = (ev[0].intersectionRatio > 0.9) ? 0 : ((1 - ev[0].intersectionRatio) * 100) / 75;
-  mainHeaderIndex.toolbars.forEach(toolbar => {
-    setToolbarBackgroundOpacity(toolbar, (scale === 1) ? undefined : scale);
-  });
-};
-/**
- * If toolbars are intersecting, hide the scrollable toolbar content
- * and show the primary toolbar content. If the toolbars are not intersecting,
- * hide the primary toolbar content and show the scrollable toolbar content
- */
-const handleToolbarIntersection = (ev, mainHeaderIndex, scrollHeaderIndex) => {
-  index.writeTask(() => {
-    handleToolbarBorderIntersection(ev, mainHeaderIndex);
-    const event = ev[0];
-    const intersection = event.intersectionRect;
-    const intersectionArea = intersection.width * intersection.height;
-    const rootArea = event.rootBounds.width * event.rootBounds.height;
-    const isPageHidden = intersectionArea === 0 && rootArea === 0;
-    const leftDiff = Math.abs(intersection.left - event.boundingClientRect.left);
-    const rightDiff = Math.abs(intersection.right - event.boundingClientRect.right);
-    const isPageTransitioning = intersectionArea > 0 && (leftDiff >= 5 || rightDiff >= 5);
-    if (isPageHidden || isPageTransitioning) {
-      return;
-    }
-    if (event.isIntersecting) {
-      setHeaderActive(mainHeaderIndex, false);
-      setHeaderActive(scrollHeaderIndex);
-    }
-    else {
-      /**
-       * There is a bug with IntersectionObserver on Safari
-       * where `event.isIntersecting === false` when cancelling
-       * a swipe to go back gesture. Checking the intersection
-       * x, y, width, and height provides a workaround. This bug
-       * does not happen when using Safari + Web Animations,
-       * only Safari + CSS Animations.
-       */
-      const hasValidIntersection = (intersection.x === 0 && intersection.y === 0) || (intersection.width !== 0 && intersection.height !== 0);
-      if (hasValidIntersection) {
-        setHeaderActive(mainHeaderIndex);
-        setHeaderActive(scrollHeaderIndex, false);
-        setToolbarBackgroundOpacity(mainHeaderIndex.toolbars[0]);
-      }
-    }
-  });
-};
-const setHeaderActive = (headerIndex, active = true) => {
-  if (active) {
-    headerIndex.el.classList.remove('header-collapse-condense-inactive');
-  }
-  else {
-    headerIndex.el.classList.add('header-collapse-condense-inactive');
-  }
-};
-const scaleLargeTitles = (toolbars = [], scale = 1, transition = false) => {
-  toolbars.forEach(toolbar => {
-    const ionTitle = toolbar.ionTitleEl;
-    const titleDiv = toolbar.innerTitleEl;
-    if (!ionTitle || ionTitle.size !== 'large') {
-      return;
-    }
-    titleDiv.style.transition = (transition) ? TRANSITION : '';
-    titleDiv.style.transform = `scale3d(${scale}, ${scale}, 1)`;
-  });
-};
-
-const headerIosCss = "ion-header{display:block;position:relative;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports (backdrop-filter: blur(0)){.header-background{left:0;right:0;top:0;bottom:0;position:absolute;backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:.8}.header-collapse-condense-inactive .header-background{backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:7px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar ion-searchbar{height:48px;padding-top:0px;padding-bottom:13px}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{transition:all 0.2s ease-in-out}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}";
-
-const headerMdCss = "ion-header{display:block;position:relative;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-md::after{left:0;bottom:-5px;background-position:left 0 top -2px;position:absolute;width:100%;height:5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);background-repeat:repeat-x;content:\"\"}[dir=rtl] .header-md::after,:host-context([dir=rtl]) .header-md::after{left:unset;right:unset;right:0}[dir=rtl] .header-md::after,:host-context([dir=rtl]) .header-md::after{background-position:right 0 top -2px}.header-collapse-condense{display:none}.header-md.ion-no-border::after{display:none}";
-
-const Header = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.collapsibleHeaderInitialized = false;
-    /**
-     * If `true`, the header will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
-     * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
-     *
-     * Note: In order to scroll content behind the header, the `fullscreen`
-     * attribute needs to be set on the content.
-     */
-    this.translucent = false;
-  }
-  async componentDidLoad() {
-    await this.checkCollapsibleHeader();
-  }
-  async componentDidUpdate() {
-    await this.checkCollapsibleHeader();
-  }
-  disconnectedCallback() {
-    this.destroyCollapsibleHeader();
-  }
-  async checkCollapsibleHeader() {
-    // Determine if the header can collapse
-    const hasCollapse = this.collapse === 'condense';
-    const canCollapse = (hasCollapse && ionicGlobal.getIonMode(this) === 'ios') ? hasCollapse : false;
-    if (!canCollapse && this.collapsibleHeaderInitialized) {
-      this.destroyCollapsibleHeader();
-    }
-    else if (canCollapse && !this.collapsibleHeaderInitialized) {
-      const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');
-      const contentEl = (pageEl) ? pageEl.querySelector('ion-content') : null;
-      // Cloned elements are always needed in iOS transition
-      index.writeTask(() => {
-        const title = cloneElement('ion-title');
-        title.size = 'large';
-        cloneElement('ion-back-button');
-      });
-      await this.setupCollapsibleHeader(contentEl, pageEl);
-    }
-  }
-  destroyCollapsibleHeader() {
-    if (this.intersectionObserver) {
-      this.intersectionObserver.disconnect();
-      this.intersectionObserver = undefined;
-    }
-    if (this.scrollEl && this.contentScrollCallback) {
-      this.scrollEl.removeEventListener('scroll', this.contentScrollCallback);
-      this.contentScrollCallback = undefined;
-    }
-    if (this.collapsibleMainHeader) {
-      this.collapsibleMainHeader.classList.remove('header-collapse-main');
-      this.collapsibleMainHeader = undefined;
-    }
-  }
-  async setupCollapsibleHeader(contentEl, pageEl) {
-    if (!contentEl || !pageEl) {
-      console.error('ion-header requires a content to collapse, make sure there is an ion-content.');
-      return;
-    }
-    if (typeof IntersectionObserver === 'undefined') {
-      return;
-    }
-    this.scrollEl = await contentEl.getScrollElement();
-    const headers = pageEl.querySelectorAll('ion-header');
-    this.collapsibleMainHeader = Array.from(headers).find((header) => header.collapse !== 'condense');
-    if (!this.collapsibleMainHeader) {
-      return;
-    }
-    const mainHeaderIndex = createHeaderIndex(this.collapsibleMainHeader);
-    const scrollHeaderIndex = createHeaderIndex(this.el);
-    if (!mainHeaderIndex || !scrollHeaderIndex) {
-      return;
-    }
-    setHeaderActive(mainHeaderIndex, false);
-    mainHeaderIndex.toolbars.forEach(toolbar => {
-      setToolbarBackgroundOpacity(toolbar, 0);
-    });
-    /**
-     * Handle interaction between toolbar collapse and
-     * showing/hiding content in the primary ion-header
-     * as well as progressively showing/hiding the main header
-     * border as the top-most toolbar collapses or expands.
-     */
-    const toolbarIntersection = (ev) => { handleToolbarIntersection(ev, mainHeaderIndex, scrollHeaderIndex); };
-    this.intersectionObserver = new IntersectionObserver(toolbarIntersection, { root: contentEl, threshold: [0.25, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1] });
-    this.intersectionObserver.observe(scrollHeaderIndex.toolbars[scrollHeaderIndex.toolbars.length - 1].el);
-    /**
-     * Handle scaling of large iOS titles and
-     * showing/hiding border on last toolbar
-     * in primary header
-     */
-    this.contentScrollCallback = () => { handleContentScroll(this.scrollEl, scrollHeaderIndex, contentEl); };
-    this.scrollEl.addEventListener('scroll', this.contentScrollCallback);
-    index.writeTask(() => {
-      if (this.collapsibleMainHeader !== undefined) {
-        this.collapsibleMainHeader.classList.add('header-collapse-main');
-      }
-    });
-    this.collapsibleHeaderInitialized = true;
-  }
-  render() {
-    const { translucent } = this;
-    const mode = ionicGlobal.getIonMode(this);
-    const collapse = this.collapse || 'none';
-    return (index.h(index.Host, { role: "banner", class: {
-        [mode]: true,
-        // Used internally for styling
-        [`header-${mode}`]: true,
-        [`header-translucent`]: this.translucent,
-        [`header-collapse-${collapse}`]: true,
-        [`header-translucent-${mode}`]: this.translucent,
-      } }, mode === 'ios' && translucent &&
-      index.h("div", { class: "header-background" }), index.h("slot", null)));
-  }
-  get el() { return index.getElement(this); }
-};
-Header.style = {
-  ios: headerIosCss,
-  md: headerMdCss
-};
-
-exports.ion_header = Header;

package/dist/cjs/ion-spinner.cjs.entry.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-56cc404a.js');
-const ionicGlobal = require('./ionic-global-57e21b7b.js');
-const theme = require('./theme-98ccfc24.js');
-const spinnerConfigs = require('./spinner-configs-559523fd.js');
-
-const spinnerCss = ":host{display:inline-block;position:relative;width:28px;height:28px;color:var(--color);user-select:none}:host(.ion-color){color:var(--ion-color-base)}svg{left:0;top:0;transform-origin:center;position:absolute;width:100%;height:100%;transform:translateZ(0)}[dir=rtl] svg,:host-context([dir=rtl]) svg{left:unset;right:unset;right:0}[dir=rtl] svg,:host-context([dir=rtl]) svg{transform-origin:calc(100% - center)}:host(.spinner-lines) line,:host(.spinner-lines-small) line{stroke-width:4px;stroke-linecap:round;stroke:currentColor}:host(.spinner-lines) svg,:host(.spinner-lines-small) svg{animation:spinner-fade-out 1s linear infinite}:host(.spinner-bubbles) svg{animation:spinner-scale-out 1s linear infinite;fill:currentColor}:host(.spinner-circles) svg{animation:spinner-fade-out 1s linear infinite;fill:currentColor}:host(.spinner-crescent) circle{fill:transparent;stroke-width:4px;stroke-dasharray:128px;stroke-dashoffset:82px;stroke:currentColor}:host(.spinner-crescent) svg{animation:spinner-rotate 1s linear infinite}:host(.spinner-dots) circle{stroke-width:0;fill:currentColor}:host(.spinner-dots) svg{animation:spinner-dots 1s linear infinite}:host(.spinner-circular){animation:spinner-circular linear infinite}:host(.spinner-circular) circle{animation:spinner-circular-inner ease-in-out infinite;stroke:currentColor;stroke-dasharray:80px, 200px;stroke-dashoffset:0px;stroke-width:5.6;fill:none}:host(.spinner-paused),:host(.spinner-paused) svg,:host(.spinner-paused) circle{animation-play-state:paused}@keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes spinner-scale-out{0%{transform:scale(1, 1)}100%{transform:scale(0, 0)}}@keyframes spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinner-dots{0%{transform:scale(1, 1);opacity:0.9}50%{transform:scale(0.4, 0.4);opacity:0.3}100%{transform:scale(1, 1);opacity:0.9}}@keyframes spinner-circular{100%{transform:rotate(360deg)}}@keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}";
-
-const Spinner = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * If `true`, the spinner's animation will be paused.
-     */
-    this.paused = false;
-  }
-  getName() {
-    const spinnerName = this.name || ionicGlobal.config.get('spinner');
-    const mode = ionicGlobal.getIonMode(this);
-    if (spinnerName) {
-      return spinnerName;
-    }
-    return (mode === 'ios') ? 'lines' : 'circular';
-  }
-  render() {
-    const self = this;
-    const mode = ionicGlobal.getIonMode(self);
-    const spinnerName = self.getName();
-    const spinner = spinnerConfigs.SPINNERS[spinnerName] || spinnerConfigs.SPINNERS['lines'];
-    const duration = (typeof self.duration === 'number' && self.duration > 10 ? self.duration : spinner.dur);
-    const svgs = [];
-    if (spinner.circles !== undefined) {
-      for (let i = 0; i < spinner.circles; i++) {
-        svgs.push(buildCircle(spinner, duration, i, spinner.circles));
-      }
-    }
-    else if (spinner.lines !== undefined) {
-      for (let i = 0; i < spinner.lines; i++) {
-        svgs.push(buildLine(spinner, duration, i, spinner.lines));
-      }
-    }
-    return (index.h(index.Host, { class: theme.createColorClasses(self.color, {
-        [mode]: true,
-        [`spinner-${spinnerName}`]: true,
-        'spinner-paused': !!self.paused || ionicGlobal.config.getBoolean('_testing')
-      }), role: "progressbar", style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} }, svgs));
-  }
-};
-const buildCircle = (spinner, duration, index$1, total) => {
-  const data = spinner.fn(duration, index$1, total);
-  data.style['animation-duration'] = duration + 'ms';
-  return (index.h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, index.h("circle", { transform: data.transform || 'translate(32,32)', cx: data.cx, cy: data.cy, r: data.r, style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} })));
-};
-const buildLine = (spinner, duration, index$1, total) => {
-  const data = spinner.fn(duration, index$1, total);
-  data.style['animation-duration'] = duration + 'ms';
-  return (index.h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, index.h("line", { transform: "translate(32,32)", y1: data.y1, y2: data.y2 })));
-};
-Spinner.style = spinnerCss;
-
-exports.ion_spinner = Spinner;

package/dist/cjs/sparkle-page-footer.cjs.entry.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-56cc404a.js');
-
-const pageFooterCss = "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}";
-
-const SparklePageFooter = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  hostData() {
-    return {
-      role: 'contentinfo',
-    };
-  }
-  __stencil_render() {
-    const { page } = this;
-    const pagination = (page.previousText && page.previousUrl) || (page.nextText && page.nextUrl) ? index.h("sparkle-pagination", { page: page }) : '';
-    return pagination;
-  }
-  render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
-};
-SparklePageFooter.style = pageFooterCss;
-
-exports.sparkle_page_footer = SparklePageFooter;

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

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-56cc404a.js');
-const icons = require('./icons-fc80a947.js');
-
-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}";
-
-const SparklePagination = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.page = { title: null, path: null, body: null, pageInfo: null };
-  }
-  render() {
-    const { previousText, previousUrl, nextText, nextUrl } = this.page;
-    const shouldShowPrevious = previousText && previousUrl;
-    const shouldShowNext = nextText && nextUrl;
-    const links = [];
-    if (shouldShowPrevious) {
-      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))));
-    }
-    if (shouldShowNext) {
-      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))));
-    }
-    return links;
-  }
-};
-SparklePagination.style = paginationCss;
-
-exports.sparkle_pagination = SparklePagination;

package/dist/cjs/util-dd1e6ff1.js

@@ -1,23 +0,0 @@
-'use strict';
-
-const sample = (array) => array[Math.floor(Math.random() * array.length)];
-function MyMoodTemplate(feeling, intensity, location) {
-  return `Mood : ${feeling} and Level: ${intensity} <gi-mood-image src="${location}"></gi-mood-image>`;
-}
-function MyHealthTemplate(heartRate) {
-  return `Heart rate  ${heartRate} bpm`;
-}
-function MyGoalTemplate(goalName, text, progress) {
-  return `Goal update: ${goalName} ${text} Progress: ${progress}`;
-}
-class SparkleGlobal {
-}
-SparkleGlobal.MY_GOALS_APP_ID = 1;
-SparkleGlobal.MY_HEALTH_APP_ID = 2;
-SparkleGlobal.MY_MOOD_APP_ID = 3;
-
-exports.MyGoalTemplate = MyGoalTemplate;
-exports.MyHealthTemplate = MyHealthTemplate;
-exports.MyMoodTemplate = MyMoodTemplate;
-exports.SparkleGlobal = SparkleGlobal;
-exports.sample = sample;