npm - @sparkle-learning/core - Versions diffs - 0.0.57 → 0.0.59 - Mend

@sparkle-learning/core 0.0.57 → 0.0.59

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 (1100) hide show

package/dist/sparkle-core/ion-infinite-scroll.entry.js DELETED Viewed

@@ -1,202 +0,0 @@
-import { r as registerInstance, q as createEvent, l as writeTask, t as readTask, k as h, n as Host, o as getElement } from './index-1dec9544.js';
-import { g as getIonMode } from './ionic-global-127576f6.js';
-import { a as findClosestIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-bb469fe3.js';
-import './helpers-f11f0674.js';
-import './index-05b398c2.js';
-const infiniteScrollCss = "ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";
-const InfiniteScroll = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ionInfinite = createEvent(this, "ionInfinite", 7);
-    this.thrPx = 0;
-    this.thrPc = 0;
-    this.didFire = false;
-    this.isBusy = false;
-    this.isLoading = false;
-    /**
-     * The threshold distance from the bottom
-     * of the content to call the `infinite` output event when scrolled.
-     * The threshold value can be either a percent, or
-     * in pixels. For example, use the value of `10%` for the `infinite`
-     * output event to get called when the user has scrolled 10%
-     * from the bottom of the page. Use the value `100px` when the
-     * scroll is within 100 pixels from the bottom of the page.
-     */
-    this.threshold = '15%';
-    /**
-     * If `true`, the infinite scroll will be hidden and scroll event listeners
-     * will be removed.
-     *
-     * Set this to true to disable the infinite scroll from actively
-     * trying to receive new data while scrolling. This is useful
-     * when it is known that there is no more data that can be added, and
-     * the infinite scroll is no longer needed.
-     */
-    this.disabled = false;
-    /**
-     * The position of the infinite scroll element.
-     * The value can be either `top` or `bottom`.
-     */
-    this.position = 'bottom';
-    this.onScroll = () => {
-      const scrollEl = this.scrollEl;
-      if (!scrollEl || !this.canStart()) {
-        return 1;
-      }
-      const infiniteHeight = this.el.offsetHeight;
-      if (infiniteHeight === 0) {
-        // if there is no height of this element then do nothing
-        return 2;
-      }
-      const scrollTop = scrollEl.scrollTop;
-      const scrollHeight = scrollEl.scrollHeight;
-      const height = scrollEl.offsetHeight;
-      const threshold = this.thrPc !== 0 ? height * this.thrPc : this.thrPx;
-      const distanceFromInfinite = this.position === 'bottom'
-        ? scrollHeight - infiniteHeight - scrollTop - threshold - height
-        : scrollTop - infiniteHeight - threshold;
-      if (distanceFromInfinite < 0) {
-        if (!this.didFire) {
-          this.isLoading = true;
-          this.didFire = true;
-          this.ionInfinite.emit();
-          return 3;
-        }
-      }
-      else {
-        this.didFire = false;
-      }
-      return 4;
-    };
-  }
-  thresholdChanged() {
-    const val = this.threshold;
-    if (val.lastIndexOf('%') > -1) {
-      this.thrPx = 0;
-      this.thrPc = parseFloat(val) / 100;
-    }
-    else {
-      this.thrPx = parseFloat(val);
-      this.thrPc = 0;
-    }
-  }
-  disabledChanged() {
-    const disabled = this.disabled;
-    if (disabled) {
-      this.isLoading = false;
-      this.isBusy = false;
-    }
-    this.enableScrollEvents(!disabled);
-  }
-  async connectedCallback() {
-    const contentEl = findClosestIonContent(this.el);
-    if (!contentEl) {
-      printIonContentErrorMsg(this.el);
-      return;
-    }
-    this.scrollEl = await getScrollElement(contentEl);
-    this.thresholdChanged();
-    this.disabledChanged();
-    if (this.position === 'top') {
-      writeTask(() => {
-        if (this.scrollEl) {
-          this.scrollEl.scrollTop = this.scrollEl.scrollHeight - this.scrollEl.clientHeight;
-        }
-      });
-    }
-  }
-  disconnectedCallback() {
-    this.enableScrollEvents(false);
-    this.scrollEl = undefined;
-  }
-  /**
-   * Call `complete()` within the `ionInfinite` output event handler when
-   * your async operation has completed. For example, the `loading`
-   * state is while the app is performing an asynchronous operation,
-   * such as receiving more data from an AJAX request to add more items
-   * to a data list. Once the data has been received and UI updated, you
-   * then call this method to signify that the loading has completed.
-   * This method will change the infinite scroll's state from `loading`
-   * to `enabled`.
-   */
-  async complete() {
-    const scrollEl = this.scrollEl;
-    if (!this.isLoading || !scrollEl) {
-      return;
-    }
-    this.isLoading = false;
-    if (this.position === 'top') {
-      /**
-       * New content is being added at the top, but the scrollTop position stays the same,
-       * which causes a scroll jump visually. This algorithm makes sure to prevent this.
-       * (Frame 1)
-       *    - complete() is called, but the UI hasn't had time to update yet.
-       *    - Save the current content dimensions.
-       *    - Wait for the next frame using _dom.read, so the UI will be updated.
-       * (Frame 2)
-       *    - Read the new content dimensions.
-       *    - Calculate the height difference and the new scroll position.
-       *    - Delay the scroll position change until other possible dom reads are done using _dom.write to be performant.
-       * (Still frame 2, if I'm correct)
-       *    - Change the scroll position (= visually maintain the scroll position).
-       *    - Change the state to re-enable the InfiniteScroll.
-       *    - This should be after changing the scroll position, or it could
-       *    cause the InfiniteScroll to be triggered again immediately.
-       * (Frame 3)
-       *    Done.
-       */
-      this.isBusy = true;
-      // ******** DOM READ ****************
-      // Save the current content dimensions before the UI updates
-      const prev = scrollEl.scrollHeight - scrollEl.scrollTop;
-      // ******** DOM READ ****************
-      requestAnimationFrame(() => {
-        readTask(() => {
-          // UI has updated, save the new content dimensions
-          const scrollHeight = scrollEl.scrollHeight;
-          // New content was added on top, so the scroll position should be changed immediately to prevent it from jumping around
-          const newScrollTop = scrollHeight - prev;
-          // ******** DOM WRITE ****************
-          requestAnimationFrame(() => {
-            writeTask(() => {
-              scrollEl.scrollTop = newScrollTop;
-              this.isBusy = false;
-            });
-          });
-        });
-      });
-    }
-  }
-  canStart() {
-    return !this.disabled && !this.isBusy && !!this.scrollEl && !this.isLoading;
-  }
-  enableScrollEvents(shouldListen) {
-    if (this.scrollEl) {
-      if (shouldListen) {
-        this.scrollEl.addEventListener('scroll', this.onScroll);
-      }
-      else {
-        this.scrollEl.removeEventListener('scroll', this.onScroll);
-      }
-    }
-  }
-  render() {
-    const mode = getIonMode(this);
-    const disabled = this.disabled;
-    return (h(Host, { class: {
-        [mode]: true,
-        'infinite-scroll-loading': this.isLoading,
-        'infinite-scroll-enabled': !disabled,
-      } }));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "threshold": ["thresholdChanged"],
-    "disabled": ["disabledChanged"]
-  }; }
-};
-InfiniteScroll.style = infiniteScrollCss;
-export { InfiniteScroll as ion_infinite_scroll };

package/dist/sparkle-core/ion-input.entry.js DELETED Viewed

@@ -1,293 +0,0 @@
-import { r as registerInstance, q as createEvent, m as Build, k as h, n as Host, o as getElement } from './index-1dec9544.js';
-import { g as getIonMode } from './ionic-global-127576f6.js';
-import { m as debounceEvent, i as inheritAriaAttributes, h as inheritAttributes, n as findItemLabel } from './helpers-f11f0674.js';
-import { c as createColorClasses } from './theme-7ef00c83.js';
-const inputIosCss = ".sc-ion-input-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--background:transparent;--color:initial;display:flex;position:relative;flex:1;align-items:center;width:100%;padding:0 !important;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item.sc-ion-input-ios-h:not(.item-label),ion-item:not(.item-label) .sc-ion-input-ios-h{--padding-start:0}.ion-color.sc-ion-input-ios-h{color:var(--ion-color-base)}.native-input.sc-ion-input-ios{border-radius:var(--border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);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;display:inline-block;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;box-sizing:border-box;appearance:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.native-input.sc-ion-input-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.native-input.sc-ion-input-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ios:invalid{box-shadow:none}.native-input.sc-ion-input-ios::-ms-clear{display:none}.native-input[disabled].sc-ion-input-ios{opacity:0.4}.cloned-input.sc-ion-input-ios{left:0;top:0;position:absolute;pointer-events:none}[dir=rtl].sc-ion-input-ios .cloned-input.sc-ion-input-ios,[dir=rtl].sc-ion-input-ios-h .cloned-input.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h .cloned-input.sc-ion-input-ios{left:unset;right:unset;right:0}.input-clear-icon.sc-ion-input-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;appearance:none}.input-clear-icon.sc-ion-input-ios:focus{opacity:0.5}.has-value.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{visibility:visible}.has-focus.sc-ion-input-ios-h{pointer-events:none}.has-focus.sc-ion-input-ios-h input.sc-ion-input-ios,.has-focus.sc-ion-input-ios-h a.sc-ion-input-ios,.has-focus.sc-ion-input-ios-h button.sc-ion-input-ios{pointer-events:auto}.item-label-floating.item-has-placeholder.sc-ion-input-ios-h:not(.item-has-value),.item-label-floating.item-has-placeholder:not(.item-has-value) .sc-ion-input-ios-h{opacity:0}.item-label-floating.item-has-placeholder.sc-ion-input-ios-h:not(.item-has-value).item-has-focus,.item-label-floating.item-has-placeholder:not(.item-has-value).item-has-focus .sc-ion-input-ios-h{transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.sc-ion-input-ios-h{--padding-top:10px;--padding-end:10px;--padding-bottom:10px;--padding-start:0;font-size:inherit}.item-label-stacked.sc-ion-input-ios-h,.item-label-stacked .sc-ion-input-ios-h,.item-label-floating.sc-ion-input-ios-h,.item-label-floating .sc-ion-input-ios-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0px}.input-clear-icon.sc-ion-input-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-step-600,%20%23666666)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");width:30px;height:30px;background-size:18px}";
-const inputMdCss = ".sc-ion-input-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--background:transparent;--color:initial;display:flex;position:relative;flex:1;align-items:center;width:100%;padding:0 !important;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item.sc-ion-input-md-h:not(.item-label),ion-item:not(.item-label) .sc-ion-input-md-h{--padding-start:0}.ion-color.sc-ion-input-md-h{color:var(--ion-color-base)}.native-input.sc-ion-input-md{border-radius:var(--border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);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;display:inline-block;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;box-sizing:border-box;appearance:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.native-input.sc-ion-input-md{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.native-input.sc-ion-input-md::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-md:invalid{box-shadow:none}.native-input.sc-ion-input-md::-ms-clear{display:none}.native-input[disabled].sc-ion-input-md{opacity:0.4}.cloned-input.sc-ion-input-md{left:0;top:0;position:absolute;pointer-events:none}[dir=rtl].sc-ion-input-md .cloned-input.sc-ion-input-md,[dir=rtl].sc-ion-input-md-h .cloned-input.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h .cloned-input.sc-ion-input-md{left:unset;right:unset;right:0}.input-clear-icon.sc-ion-input-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;appearance:none}.input-clear-icon.sc-ion-input-md:focus{opacity:0.5}.has-value.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{visibility:visible}.has-focus.sc-ion-input-md-h{pointer-events:none}.has-focus.sc-ion-input-md-h input.sc-ion-input-md,.has-focus.sc-ion-input-md-h a.sc-ion-input-md,.has-focus.sc-ion-input-md-h button.sc-ion-input-md{pointer-events:auto}.item-label-floating.item-has-placeholder.sc-ion-input-md-h:not(.item-has-value),.item-label-floating.item-has-placeholder:not(.item-has-value) .sc-ion-input-md-h{opacity:0}.item-label-floating.item-has-placeholder.sc-ion-input-md-h:not(.item-has-value).item-has-focus,.item-label-floating.item-has-placeholder:not(.item-has-value).item-has-focus .sc-ion-input-md-h{transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.sc-ion-input-md-h{--padding-top:10px;--padding-end:0;--padding-bottom:10px;--padding-start:8px;font-size:inherit}.item-label-stacked.sc-ion-input-md-h,.item-label-stacked .sc-ion-input-md-h,.item-label-floating.sc-ion-input-md-h,.item-label-floating .sc-ion-input-md-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0}.input-clear-icon.sc-ion-input-md{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='var(--ion-color-step-600,%20%23666666)'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>\");width:30px;height:30px;background-size:22px}";
-const Input = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ionInput = createEvent(this, "ionInput", 7);
-    this.ionChange = createEvent(this, "ionChange", 7);
-    this.ionBlur = createEvent(this, "ionBlur", 7);
-    this.ionFocus = createEvent(this, "ionFocus", 7);
-    this.ionStyle = createEvent(this, "ionStyle", 7);
-    this.inputId = `ion-input-${inputIds++}`;
-    this.didBlurAfterEdit = false;
-    this.inheritedAttributes = {};
-    this.isComposing = false;
-    /**
-     * This is required for a WebKit bug which requires us to
-     * blur and focus an input to properly focus the input in
-     * an item with delegatesFocus. It will no longer be needed
-     * with iOS 14.
-     *
-     * @internal
-     */
-    this.fireFocusEvents = true;
-    this.hasFocus = false;
-    /**
-     * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
-     * Available options: `"off"`, `"none"`, `"on"`, `"sentences"`, `"words"`, `"characters"`.
-     */
-    this.autocapitalize = 'off';
-    /**
-     * Indicates whether the value of the control can be automatically completed by the browser.
-     */
-    this.autocomplete = 'off';
-    /**
-     * Whether auto correction should be enabled when the user is entering/editing the text value.
-     */
-    this.autocorrect = 'off';
-    /**
-     * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
-     */
-    this.autofocus = false;
-    /**
-     * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.
-     */
-    this.clearInput = false;
-    /**
-     * Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
-     */
-    this.debounce = 0;
-    /**
-     * If `true`, the user cannot interact with the input.
-     */
-    this.disabled = false;
-    /**
-     * The name of the control, which is submitted with the form data.
-     */
-    this.name = this.inputId;
-    /**
-     * If `true`, the user cannot modify the value.
-     */
-    this.readonly = false;
-    /**
-     * If `true`, the user must fill in a value before submitting a form.
-     */
-    this.required = false;
-    /**
-     * If `true`, the element will have its spelling and grammar checked.
-     */
-    this.spellcheck = false;
-    /**
-     * The type of control to display. The default type is text.
-     */
-    this.type = 'text';
-    /**
-     * The value of the input.
-     */
-    this.value = '';
-    this.onInput = (ev) => {
-      const input = ev.target;
-      if (input) {
-        this.value = input.value || '';
-      }
-      this.ionInput.emit(ev);
-    };
-    this.onBlur = (ev) => {
-      this.hasFocus = false;
-      this.focusChanged();
-      this.emitStyle();
-      if (this.fireFocusEvents) {
-        this.ionBlur.emit(ev);
-      }
-    };
-    this.onFocus = (ev) => {
-      this.hasFocus = true;
-      this.focusChanged();
-      this.emitStyle();
-      if (this.fireFocusEvents) {
-        this.ionFocus.emit(ev);
-      }
-    };
-    this.onKeydown = (ev) => {
-      if (this.shouldClearOnEdit()) {
-        // Did the input value change after it was blurred and edited?
-        // Do not clear if user is hitting Enter to submit form
-        if (this.didBlurAfterEdit && this.hasValue() && ev.key !== 'Enter') {
-          // Clear the input
-          this.clearTextInput();
-        }
-        // Reset the flag
-        this.didBlurAfterEdit = false;
-      }
-    };
-    this.onCompositionStart = () => {
-      this.isComposing = true;
-    };
-    this.onCompositionEnd = () => {
-      this.isComposing = false;
-    };
-    this.clearTextOnEnter = (ev) => {
-      if (ev.key === 'Enter') {
-        this.clearTextInput(ev);
-      }
-    };
-    this.clearTextInput = (ev) => {
-      if (this.clearInput && !this.readonly && !this.disabled && ev) {
-        ev.preventDefault();
-        ev.stopPropagation();
-        // Attempt to focus input again after pressing clear button
-        this.setFocus();
-      }
-      this.value = '';
-      /**
-       * This is needed for clearOnEdit
-       * Otherwise the value will not be cleared
-       * if user is inside the input
-       */
-      if (this.nativeInput) {
-        this.nativeInput.value = '';
-      }
-    };
-  }
-  debounceChanged() {
-    this.ionChange = debounceEvent(this.ionChange, this.debounce);
-  }
-  disabledChanged() {
-    this.emitStyle();
-  }
-  /**
-   * Update the item classes when the placeholder changes
-   */
-  placeholderChanged() {
-    this.emitStyle();
-  }
-  /**
-   * Update the native input element when the value changes
-   */
-  valueChanged() {
-    const nativeInput = this.nativeInput;
-    const value = this.getValue();
-    if (nativeInput && nativeInput.value !== value && !this.isComposing) {
-      /**
-       * Assigning the native input's value on attribute
-       * value change, allows `ionInput` implementations
-       * to override the control's value.
-       *
-       * Used for patterns such as input trimming (removing whitespace),
-       * or input masking.
-       */
-      nativeInput.value = value;
-    }
-    this.emitStyle();
-    this.ionChange.emit({ value: this.value == null ? this.value : this.value.toString() });
-  }
-  componentWillLoad() {
-    this.inheritedAttributes = Object.assign(Object.assign({}, inheritAriaAttributes(this.el)), inheritAttributes(this.el, ['tabindex', 'title']));
-  }
-  connectedCallback() {
-    this.emitStyle();
-    this.debounceChanged();
-    if (Build.isBrowser) {
-      document.dispatchEvent(new CustomEvent('ionInputDidLoad', {
-        detail: this.el,
-      }));
-    }
-  }
-  componentDidLoad() {
-    const nativeInput = this.nativeInput;
-    if (nativeInput) {
-      // TODO: FW-729 Update to JSX bindings when Stencil resolves bug with:
-      // https://github.com/ionic-team/stencil/issues/3235
-      nativeInput.addEventListener('compositionstart', this.onCompositionStart);
-      nativeInput.addEventListener('compositionend', this.onCompositionEnd);
-    }
-  }
-  disconnectedCallback() {
-    if (Build.isBrowser) {
-      document.dispatchEvent(new CustomEvent('ionInputDidUnload', {
-        detail: this.el,
-      }));
-    }
-    const nativeInput = this.nativeInput;
-    if (nativeInput) {
-      nativeInput.removeEventListener('compositionstart', this.onCompositionStart);
-      nativeInput.removeEventListener('compositionEnd', this.onCompositionEnd);
-    }
-  }
-  /**
-   * Sets focus on the native `input` in `ion-input`. Use this method instead of the global
-   * `input.focus()`.
-   */
-  async setFocus() {
-    if (this.nativeInput) {
-      this.nativeInput.focus();
-    }
-  }
-  /**
-   * Sets blur on the native `input` in `ion-input`. Use this method instead of the global
-   * `input.blur()`.
-   * @internal
-   */
-  async setBlur() {
-    if (this.nativeInput) {
-      this.nativeInput.blur();
-    }
-  }
-  /**
-   * Returns the native `<input>` element used under the hood.
-   */
-  getInputElement() {
-    return Promise.resolve(this.nativeInput);
-  }
-  shouldClearOnEdit() {
-    const { type, clearOnEdit } = this;
-    return clearOnEdit === undefined ? type === 'password' : clearOnEdit;
-  }
-  getValue() {
-    return typeof this.value === 'number' ? this.value.toString() : (this.value || '').toString();
-  }
-  emitStyle() {
-    this.ionStyle.emit({
-      interactive: true,
-      input: true,
-      'has-placeholder': this.placeholder !== undefined,
-      'has-value': this.hasValue(),
-      'has-focus': this.hasFocus,
-      'interactive-disabled': this.disabled,
-    });
-  }
-  focusChanged() {
-    // If clearOnEdit is enabled and the input blurred but has a value, set a flag
-    if (!this.hasFocus && this.shouldClearOnEdit() && this.hasValue()) {
-      this.didBlurAfterEdit = true;
-    }
-  }
-  hasValue() {
-    return this.getValue().length > 0;
-  }
-  render() {
-    const mode = getIonMode(this);
-    const value = this.getValue();
-    const labelId = this.inputId + '-lbl';
-    const label = findItemLabel(this.el);
-    if (label) {
-      label.id = labelId;
-    }
-    return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
-        [mode]: true,
-        'has-value': this.hasValue(),
-        'has-focus': this.hasFocus,
-      }) }, h("input", Object.assign({ class: "native-input", ref: (input) => (this.nativeInput = input), "aria-labelledby": label ? labelId : null, disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown }, this.inheritedAttributes)), this.clearInput && !this.readonly && !this.disabled && (h("button", { "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: this.clearTextInput, onKeyDown: this.clearTextOnEnter }))));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "debounce": ["debounceChanged"],
-    "disabled": ["disabledChanged"],
-    "placeholder": ["placeholderChanged"],
-    "value": ["valueChanged"]
-  }; }
-};
-let inputIds = 0;
-Input.style = {
-  ios: inputIosCss,
-  md: inputMdCss
-};
-export { Input as ion_input };

package/dist/sparkle-core/ion-item-divider.entry.js DELETED Viewed

@@ -1,36 +0,0 @@
-import { r as registerInstance, k as h, n as Host, o as getElement } from './index-1dec9544.js';
-import { g as getIonMode } from './ionic-global-127576f6.js';
-import { c as createColorClasses } from './theme-7ef00c83.js';
-const itemDividerIosCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--inner-padding-top:0px;--inner-padding-end:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);overflow:hidden;z-index:100;box-sizing:border-box}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.item-divider-sticky){position:sticky;top:0}.item-divider-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--inner-padding-start);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);display:flex;flex:1;flex-direction:inherit;align-items:inherit;align-self:stretch;min-height:inherit;border:0;overflow:hidden}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.item-divider-inner{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--inner-padding-start);padding-inline-start:var(--inner-padding-start);-webkit-padding-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-inline-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end))}}.item-divider-wrapper{display:flex;flex:1;flex-direction:inherit;align-items:inherit;align-self:stretch;text-overflow:ellipsis;overflow:hidden}:host{--background:var(--ion-color-step-100, #e6e6e6);--color:var(--ion-color-step-850, #262626);--padding-start:20px;--inner-padding-end:10px;border-radius:0;position:relative;min-height:28px;font-size:17px;font-weight:600}:host([slot=start]){margin-left:0;margin-right:20px;margin-top:2px;margin-bottom:2px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:20px;margin-inline-end:20px}}:host([slot=end]){margin-left:10px;margin-right:10px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px}}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]){margin-top:7px;margin-bottom:7px}::slotted(h1){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}::slotted(h2){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:17px;font-weight:normal}::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-left:0;margin-right:0;margin-top:0;margin-bottom:3px;font-size:14px;font-weight:normal;line-height:normal}::slotted(p){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.4);font-size:14px;line-height:normal;text-overflow:inherit;overflow:inherit}::slotted(h2:last-child) ::slotted(h3:last-child),::slotted(h4:last-child),::slotted(h5:last-child),::slotted(h6:last-child),::slotted(p:last-child){margin-bottom:0}";
-const itemDividerMdCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--inner-padding-top:0px;--inner-padding-end:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);overflow:hidden;z-index:100;box-sizing:border-box}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.item-divider-sticky){position:sticky;top:0}.item-divider-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--inner-padding-start);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);display:flex;flex:1;flex-direction:inherit;align-items:inherit;align-self:stretch;min-height:inherit;border:0;overflow:hidden}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.item-divider-inner{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--inner-padding-start);padding-inline-start:var(--inner-padding-start);-webkit-padding-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-inline-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end))}}.item-divider-wrapper{display:flex;flex:1;flex-direction:inherit;align-items:inherit;align-self:stretch;text-overflow:ellipsis;overflow:hidden}:host{--background:var(--ion-background-color, #fff);--color:var(--ion-color-step-400, #999999);--padding-start:16px;--inner-padding-end:0;min-height:30px;border-bottom:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));font-size:14px}::slotted([slot=start]){margin-right:32px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-right:unset;-webkit-margin-end:32px;margin-inline-end:32px}}::slotted([slot=end]){margin-left:32px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;-webkit-margin-start:32px;margin-inline-start:32px}}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:13px;margin-bottom:10px}::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);font-size:24px}:host(.ion-color) ::slotted(ion-icon){color:var(--ion-color-contrast)}::slotted(ion-icon[slot]){margin-top:12px;margin-bottom:12px}::slotted(ion-icon[slot=start]){margin-right:32px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=start]){margin-right:unset;-webkit-margin-end:32px;margin-inline-end:32px}}::slotted(ion-icon[slot=end]){margin-left:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=end]){margin-left:unset;-webkit-margin-start:16px;margin-inline-start:16px}}::slotted(ion-note){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;align-self:flex-start;font-size:11px}::slotted(ion-note[slot]){padding-left:0;padding-right:0;padding-top:18px;padding-bottom:10px}::slotted(ion-note[slot=start]){padding-right:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-note[slot=start]){padding-right:unset;-webkit-padding-end:16px;padding-inline-end:16px}}::slotted(ion-note[slot=end]){padding-left:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-note[slot=end]){padding-left:unset;-webkit-padding-start:16px;padding-inline-start:16px}}::slotted(ion-avatar){width:40px;height:40px}::slotted(ion-thumbnail){width:56px;height:56px}::slotted(ion-avatar),::slotted(ion-thumbnail){margin-top:8px;margin-bottom:8px}::slotted(ion-avatar[slot=start]),::slotted(ion-thumbnail[slot=start]){margin-right:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-avatar[slot=start]),::slotted(ion-thumbnail[slot=start]){margin-right:unset;-webkit-margin-end:16px;margin-inline-end:16px}}::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){margin-left:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){margin-left:unset;-webkit-margin-start:16px;margin-inline-start:16px}}::slotted(h1){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}::slotted(h2){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}::slotted(h3,h4,h5,h6){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal;line-height:normal}::slotted(p){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;color:var(--ion-color-step-600, #666666);font-size:14px;line-height:normal;text-overflow:inherit;overflow:inherit}";
-const ItemDivider = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * When it's set to `true`, the item-divider will stay visible when it reaches the top
-     * of the viewport until the next `ion-item-divider` replaces it.
-     *
-     * This feature relies in `position:sticky`:
-     * https://caniuse.com/#feat=css-sticky
-     */
-    this.sticky = false;
-  }
-  render() {
-    const mode = getIonMode(this);
-    return (h(Host, { class: createColorClasses(this.color, {
-        [mode]: true,
-        'item-divider-sticky': this.sticky,
-        item: true,
-      }) }, h("slot", { name: "start" }), h("div", { class: "item-divider-inner" }, h("div", { class: "item-divider-wrapper" }, h("slot", null)), h("slot", { name: "end" }))));
-  }
-  get el() { return getElement(this); }
-};
-ItemDivider.style = {
-  ios: itemDividerIosCss,
-  md: itemDividerMdCss
-};
-export { ItemDivider as ion_item_divider };

package/dist/sparkle-core/ion-item-group.entry.js DELETED Viewed

@@ -1,27 +0,0 @@
-import { r as registerInstance, k as h, n as Host } from './index-1dec9544.js';
-import { g as getIonMode } from './ionic-global-127576f6.js';
-const itemGroupIosCss = "ion-item-group{display:block}";
-const itemGroupMdCss = "ion-item-group{display:block}";
-const ItemGroup = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    const mode = getIonMode(this);
-    return (h(Host, { role: "group", class: {
-        [mode]: true,
-        // Used internally for styling
-        [`item-group-${mode}`]: true,
-        item: true,
-      } }));
-  }
-};
-ItemGroup.style = {
-  ios: itemGroupIosCss,
-  md: itemGroupMdCss
-};
-export { ItemGroup as ion_item_group };

package/dist/sparkle-core/ion-item-option.entry.js DELETED Viewed

@@ -1,56 +0,0 @@
-import { r as registerInstance, k as h, n as Host, o as getElement } from './index-1dec9544.js';
-import { g as getIonMode } from './ionic-global-127576f6.js';
-import { c as createColorClasses } from './theme-7ef00c83.js';
-const itemOptionIosCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.in-list.item-options-end:last-child){padding-right:calc(0.7em + var(--ion-safe-area-right))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-list.item-options-end:last-child){padding-right:unset;-webkit-padding-end:calc(0.7em + var(--ion-safe-area-right));padding-inline-end:calc(0.7em + var(--ion-safe-area-right))}}:host(.in-list.item-options-start:first-child){padding-left:calc(0.7em + var(--ion-safe-area-left))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-list.item-options-start:first-child){padding-left:unset;-webkit-padding-start:calc(0.7em + var(--ion-safe-area-left));padding-inline-start:calc(0.7em + var(--ion-safe-area-left))}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-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.7em;padding-right:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;appearance:none;box-sizing:border-box}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em}}.button-inner{display:flex;flex-flow:column nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%}::slotted(*){flex-shrink:0}::slotted([slot=start]){margin-left:0;margin-right:5px;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}::slotted([slot=end]){margin-left:5px;margin-right:0;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0}}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:10px;margin-right:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=icon-only]){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px}}:host(.item-option-expandable){flex-shrink:0;transition-duration:0;transition-property:none;transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:16px}:host(.ion-activated){background:var(--ion-color-primary-shade, #3171e0)}:host(.ion-color.ion-activated){background:var(--ion-color-shade)}";
-const itemOptionMdCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.in-list.item-options-end:last-child){padding-right:calc(0.7em + var(--ion-safe-area-right))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-list.item-options-end:last-child){padding-right:unset;-webkit-padding-end:calc(0.7em + var(--ion-safe-area-right));padding-inline-end:calc(0.7em + var(--ion-safe-area-right))}}:host(.in-list.item-options-start:first-child){padding-left:calc(0.7em + var(--ion-safe-area-left))}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-list.item-options-start:first-child){padding-left:unset;-webkit-padding-start:calc(0.7em + var(--ion-safe-area-left));padding-inline-start:calc(0.7em + var(--ion-safe-area-left))}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-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.7em;padding-right:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;appearance:none;box-sizing:border-box}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em}}.button-inner{display:flex;flex-flow:column nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%}::slotted(*){flex-shrink:0}::slotted([slot=start]){margin-left:0;margin-right:5px;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}::slotted([slot=end]){margin-left:5px;margin-right:0;margin-top:0;margin-bottom:0}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0}}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:10px;margin-right:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted([slot=icon-only]){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px}}:host(.item-option-expandable){flex-shrink:0;transition-duration:0;transition-property:none;transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:14px;font-weight:500;text-transform:uppercase}";
-const ItemOption = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * If `true`, the user cannot interact with the item option.
-     */
-    this.disabled = false;
-    /**
-     * If `true`, the option will expand to take up the available width and cover any other options.
-     */
-    this.expandable = false;
-    /**
-     * The type of the button.
-     */
-    this.type = 'button';
-    this.onClick = (ev) => {
-      const el = ev.target.closest('ion-item-option');
-      if (el) {
-        ev.preventDefault();
-      }
-    };
-  }
-  render() {
-    const { disabled, expandable, href } = this;
-    const TagType = href === undefined ? 'button' : 'a';
-    const mode = getIonMode(this);
-    const attrs = TagType === 'button'
-      ? { type: this.type }
-      : {
-        download: this.download,
-        href: this.href,
-        target: this.target,
-      };
-    return (h(Host, { onClick: this.onClick, class: createColorClasses(this.color, {
-        [mode]: true,
-        'item-option-disabled': disabled,
-        'item-option-expandable': expandable,
-        'ion-activatable': true,
-      }) }, h(TagType, Object.assign({}, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { class: "button-inner" }, h("slot", { name: "top" }), h("div", { class: "horizontal-wrapper" }, h("slot", { name: "start" }), h("slot", { name: "icon-only" }), h("slot", null), h("slot", { name: "end" })), h("slot", { name: "bottom" })), mode === 'md' && h("ion-ripple-effect", null))));
-  }
-  get el() { return getElement(this); }
-};
-ItemOption.style = {
-  ios: itemOptionIosCss,
-  md: itemOptionMdCss
-};
-export { ItemOption as ion_item_option };