@sparkle-learning/core 0.0.32 → 0.0.35

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

@@ -1,160 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-bae2a754.js');
-const ionicGlobal = require('./ionic-global-878073d1.js');
-const helpers = require('./helpers-7e28976c.js');
-const haptic = require('./haptic-91e86eb7.js');
-const dir = require('./dir-5af5259a.js');
-const theme = require('./theme-4252ac15.js');
-
-const toggleIosCss = ":host{box-sizing:content-box !important;display:inline-block;position:relative;outline:none;contain:content;cursor:pointer;touch-action:none;user-select:none;z-index:2}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.toggle-disabled){pointer-events:none}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0;pointer-events:none}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.toggle-icon-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%;transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--background);pointer-events:none;overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--background-checked)}.toggle-inner{left:var(--handle-spacing);border-radius:var(--handle-border-radius);position:absolute;width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);transition:var(--handle-transition);background:var(--handle-background);box-shadow:var(--handle-box-shadow);contain:strict}[dir=rtl] .toggle-inner,:host-context([dir=rtl]) .toggle-inner{left:unset;right:unset;right:var(--handle-spacing)}:host(.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-icon-wrapper,:host-context([dir=rtl]).toggle-checked .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);background:var(--handle-background-checked)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-inner,:host-context([dir=rtl]).toggle-checked .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);--background-checked:var(--ion-color-primary, #3880ff);--border-radius:16px;--handle-background:#ffffff;--handle-background-checked:#ffffff;--handle-border-radius:25.5px;--handle-box-shadow:0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);--handle-height:calc(32px - (2px * 2));--handle-max-height:calc(100% - (var(--handle-spacing) * 2));--handle-width:calc(32px - (2px * 2));--handle-spacing:2px;--handle-transition:transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;width:51px;height:32px;contain:strict;overflow:hidden}:host(.ion-color.toggle-checked) .toggle-icon{background:var(--ion-color-base)}.toggle-icon{transform:translate3d(0, 0, 0);transition:background-color 300ms}.toggle-inner{will-change:transform}:host(.toggle-activated) .toggle-icon::before,:host(.toggle-checked) .toggle-icon::before{transform:scale3d(0, 0, 0)}:host(.toggle-activated.toggle-checked) .toggle-inner::before{transform:scale3d(0, 0, 0)}:host(.toggle-activated) .toggle-inner{width:calc(var(--handle-width) + 6px)}:host(.toggle-activated.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0)}:host-context([dir=rtl]):host(.toggle-activated.toggle-checked) .toggle-icon-wrapper,:host-context([dir=rtl]).toggle-activated.toggle-checked .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0)}:host(.toggle-disabled){opacity:0.3}:host(.in-item[slot]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:20px;padding-right:10px;padding-top:6px;padding-bottom:5px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot]){padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:10px;padding-inline-end:10px}}:host(.in-item[slot=start]){padding-left:0;padding-right:16px;padding-top:6px;padding-bottom:5px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:16px;padding-inline-end:16px}}";
-
-const toggleMdCss = ":host{box-sizing:content-box !important;display:inline-block;position:relative;outline:none;contain:content;cursor:pointer;touch-action:none;user-select:none;z-index:2}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.toggle-disabled){pointer-events:none}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0;pointer-events:none}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.toggle-icon-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%;transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--background);pointer-events:none;overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--background-checked)}.toggle-inner{left:var(--handle-spacing);border-radius:var(--handle-border-radius);position:absolute;width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);transition:var(--handle-transition);background:var(--handle-background);box-shadow:var(--handle-box-shadow);contain:strict}[dir=rtl] .toggle-inner,:host-context([dir=rtl]) .toggle-inner{left:unset;right:unset;right:var(--handle-spacing)}:host(.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-icon-wrapper,:host-context([dir=rtl]).toggle-checked .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);background:var(--handle-background-checked)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-inner,:host-context([dir=rtl]).toggle-checked .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.39);--background-checked:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5);--border-radius:14px;--handle-background:#ffffff;--handle-background-checked:var(--ion-color-primary, #3880ff);--handle-border-radius:50%;--handle-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);--handle-width:20px;--handle-height:20px;--handle-max-height:calc(100% + 6px);--handle-spacing:0;--handle-transition:transform 160ms cubic-bezier(0.4, 0, 0.2, 1), background-color 160ms cubic-bezier(0.4, 0, 0.2, 1);padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;width:36px;height:14px;contain:strict}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}:host(.ion-color.toggle-checked) .toggle-icon{background:rgba(var(--ion-color-base-rgb), 0.5)}:host(.ion-color.toggle-checked) .toggle-inner{background:var(--ion-color-base)}.toggle-icon{transition:background-color 160ms}.toggle-inner{will-change:background-color, transform}:host(.toggle-disabled){opacity:0.3}:host(.in-item[slot]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:16px;padding-right:0;padding-top:12px;padding-bottom:12px;cursor:pointer}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot]){padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0}}:host(.in-item[slot=start]){padding-left:2px;padding-right:18px;padding-top:12px;padding-bottom:12px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){padding-left:unset;padding-right:unset;-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:18px;padding-inline-end:18px}}";
-
-const Toggle = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ionChange = index.createEvent(this, "ionChange", 7);
-    this.ionFocus = index.createEvent(this, "ionFocus", 7);
-    this.ionBlur = index.createEvent(this, "ionBlur", 7);
-    this.ionStyle = index.createEvent(this, "ionStyle", 7);
-    this.inputId = `ion-tg-${toggleIds++}`;
-    this.lastDrag = 0;
-    this.activated = false;
-    /**
-     * The name of the control, which is submitted with the form data.
-     */
-    this.name = this.inputId;
-    /**
-     * If `true`, the toggle is selected.
-     */
-    this.checked = false;
-    /**
-     * If `true`, the user cannot interact with the toggle.
-     */
-    this.disabled = false;
-    /**
-     * The value of the toggle does not mean if it's checked or not, use the `checked`
-     * property for that.
-     *
-     * The value of a toggle is analogous to the value of a `<input type="checkbox">`,
-     * it's only used when the toggle participates in a native `<form>`.
-     */
-    this.value = 'on';
-    this.onClick = (ev) => {
-      ev.preventDefault();
-      if (this.lastDrag + 300 < Date.now()) {
-        this.checked = !this.checked;
-      }
-    };
-    this.onFocus = () => {
-      this.ionFocus.emit();
-    };
-    this.onBlur = () => {
-      this.ionBlur.emit();
-    };
-  }
-  checkedChanged(isChecked) {
-    this.ionChange.emit({
-      checked: isChecked,
-      value: this.value
-    });
-  }
-  disabledChanged() {
-    this.emitStyle();
-    if (this.gesture) {
-      this.gesture.enable(!this.disabled);
-    }
-  }
-  async connectedCallback() {
-    this.gesture = (await Promise.resolve().then(function () { return require('./index-43642662.js'); })).createGesture({
-      el: this.el,
-      gestureName: 'toggle',
-      gesturePriority: 100,
-      threshold: 5,
-      passive: false,
-      onStart: () => this.onStart(),
-      onMove: ev => this.onMove(ev),
-      onEnd: ev => this.onEnd(ev),
-    });
-    this.disabledChanged();
-  }
-  disconnectedCallback() {
-    if (this.gesture) {
-      this.gesture.destroy();
-      this.gesture = undefined;
-    }
-  }
-  componentWillLoad() {
-    this.emitStyle();
-  }
-  emitStyle() {
-    this.ionStyle.emit({
-      'interactive-disabled': this.disabled,
-    });
-  }
-  onStart() {
-    this.activated = true;
-    // touch-action does not work in iOS
-    this.setFocus();
-  }
-  onMove(detail) {
-    if (shouldToggle(dir.isRTL(this.el), this.checked, detail.deltaX, -10)) {
-      this.checked = !this.checked;
-      haptic.hapticSelection();
-    }
-  }
-  onEnd(ev) {
-    this.activated = false;
-    this.lastDrag = Date.now();
-    ev.event.preventDefault();
-    ev.event.stopImmediatePropagation();
-  }
-  getValue() {
-    return this.value || '';
-  }
-  setFocus() {
-    if (this.focusEl) {
-      this.focusEl.focus();
-    }
-  }
-  render() {
-    const { activated, color, checked, disabled, el, inputId, name } = this;
-    const mode = ionicGlobal.getIonMode(this);
-    const { label, labelId, labelText } = helpers.getAriaLabel(el, inputId);
-    const value = this.getValue();
-    helpers.renderHiddenInput(true, el, name, (checked ? value : ''), disabled);
-    return (index.h(index.Host, { onClick: this.onClick, "aria-labelledby": label ? labelId : null, "aria-checked": `${checked}`, "aria-hidden": disabled ? 'true' : null, role: "switch", class: theme.createColorClasses(color, {
-        [mode]: true,
-        'in-item': theme.hostContext('ion-item', el),
-        'toggle-activated': activated,
-        'toggle-checked': checked,
-        'toggle-disabled': disabled,
-        'interactive': true
-      }) }, index.h("div", { class: "toggle-icon", part: "track" }, index.h("div", { class: "toggle-icon-wrapper" }, index.h("div", { class: "toggle-inner", part: "handle" }))), index.h("label", { htmlFor: inputId }, labelText), index.h("input", { type: "checkbox", role: "switch", "aria-checked": `${checked}`, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: focusEl => this.focusEl = focusEl })));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "checked": ["checkedChanged"],
-    "disabled": ["disabledChanged"]
-  }; }
-};
-const shouldToggle = (rtl, checked, deltaX, margin) => {
-  if (checked) {
-    return (!rtl && (margin > deltaX)) ||
-      (rtl && (-margin < deltaX));
-  }
-  else {
-    return (!rtl && (-margin < deltaX)) ||
-      (rtl && (margin > deltaX));
-  }
-};
-let toggleIds = 0;
-Toggle.style = {
-  ios: toggleIosCss,
-  md: toggleMdCss
-};
-
-exports.ion_toggle = Toggle;

package/dist/cjs/sparkle-feed-post.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-bae2a754.js');
-
-const sparkleFeedPostCss = ":host{display:block}";
-
-const SparkleFeedPost = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-SparkleFeedPost.style = sparkleFeedPostCss;
-
-exports.sparkle_feed_post = SparkleFeedPost;

package/dist/cjs/student.service-744c3155.js

@@ -1,77 +0,0 @@
-'use strict';
-
-const auth_store = require('./auth.store-ff3fda09.js');
-
-const { state, onChange, reset } = auth_store.createStore({
-  user: {
-    FirstName: '',
-    LastName: '',
-    ProfileText: '',
-    ProfileImage: '',
-    IsVerified: false,
-    Roles: [],
-    FacilitatorClassList: []
-  },
-  loaded: false,
-  updateLoading: false,
-  enrollmentList: [],
-});
-const userStore = { state, onChange, reset };
-
-class StudentService {
-  constructor() { }
-  static getInstance() {
-    if (!StudentService.instance) {
-      StudentService.instance = new StudentService();
-    }
-    return StudentService.instance;
-  }
-  async enrollClass(enrollInput) {
-    let result = await auth_store.HttpService.http.post('api/v1/Student/EnrollClass', enrollInput);
-    if (result) {
-      userStore.state.enrollmentList = [
-        ...userStore.state.enrollmentList,
-        result.Data
-      ];
-    }
-    return result;
-  }
-  async leaveClass(leaveInput) {
-    let result = await auth_store.HttpService.http.post('api/v1/Student/LeaveClass', leaveInput);
-    if (result) {
-      userStore.state.enrollmentList = userStore.state.enrollmentList.filter((item) => item.Id != result.Data);
-    }
-    return result;
-  }
-  async fetchUserConfiguration() {
-    let result = await auth_store.HttpService.http.get('api/v1/Student/UserConfiguration');
-    if (result) {
-      userStore.state.enrollmentList = result.Data.EnrollmentList;
-      userStore.state.user.FirstName = result.Data.FirstName;
-      userStore.state.user.LastName = result.Data.LastName;
-      userStore.state.user.ProfileText = result.Data.ProfileText;
-      userStore.state.user.ProfileImage = result.Data.ProfileImage;
-      userStore.state.user.IsVerified = result.Data.IsVerified;
-      userStore.state.user.Roles = result.Data.Roles;
-      userStore.state.user.FacilitatorClassList = result.Data.FacilitatorClassList;
-    }
-    return result;
-  }
-  async updateProfile(updateProfileInput) {
-    userStore.state.updateLoading = true;
-    let result = await auth_store.HttpService.http.post('api/Account/update-profile', updateProfileInput);
-    console.log('after fetch', result);
-    if (result) {
-      userStore.state.updateLoading = false;
-      userStore.state.user = Object.assign(Object.assign({}, userStore.state.user), { FirstName: result.Data.FirstName, LastName: result.Data.LastName, ProfileText: result.Data.ProfileText, ProfileImage: result.Data.ProfileImage });
-    }
-    return result;
-  }
-  async submitFeedback(feedbackInput) {
-    let result = await auth_store.HttpService.http.post('api/v1/Feedback', feedbackInput);
-    return result;
-  }
-}
-
-exports.StudentService = StudentService;
-exports.userStore = userStore;

package/dist/esm/ion-card-title.entry.js

@@ -1,26 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-5568e3fa.js';
-import { g as getIonMode } from './ionic-global-0939c477.js';
-import { c as createColorClasses } from './theme-c336c9d9.js';
-
-const cardTitleIosCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color, #000);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:28px;font-weight:700;line-height:1.2}";
-
-const cardTitleMdCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-850, #262626);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:20px;font-weight:500;line-height:1.2}";
-
-const CardTitle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    const mode = getIonMode(this);
-    return (h(Host, { role: "heading", "aria-level": "2", class: createColorClasses(this.color, {
-        'ion-inherit-color': true,
-        [mode]: true
-      }) }, h("slot", null)));
-  }
-};
-CardTitle.style = {
-  ios: cardTitleIosCss,
-  md: cardTitleMdCss
-};
-
-export { CardTitle as ion_card_title };

package/dist/esm/ion-textarea.entry.js

@@ -1,243 +0,0 @@
-import { r as registerInstance, i as createEvent, j as readTask, h, H as Host, e as getElement } from './index-5568e3fa.js';
-import { g as getIonMode } from './ionic-global-0939c477.js';
-import { e as debounceEvent, i as inheritAttributes, k as raf, j as findItemLabel } from './helpers-39367fe1.js';
-import { c as createColorClasses } from './theme-c336c9d9.js';
-
-const textareaIosCss = ".sc-ion-textarea-ios-h{--background:initial;--color:initial;--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;--border-radius:0;display:block;position:relative;flex:1;width:100%;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);white-space:pre-wrap;z-index:2;box-sizing:border-box}.ion-color.sc-ion-textarea-ios-h{background:initial}.ion-color.sc-ion-textarea-ios-h{color:var(--ion-color-base)}ion-item.sc-ion-textarea-ios-h,ion-item .sc-ion-textarea-ios-h{align-self:baseline}ion-item.sc-ion-textarea-ios-h:not(.item-label),ion-item:not(.item-label) .sc-ion-textarea-ios-h{--padding-start:0}.textarea-wrapper.sc-ion-textarea-ios{min-width:inherit;max-width:inherit;min-height:inherit;max-height:inherit}.native-textarea.sc-ion-textarea-ios{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;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:block;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;box-sizing:border-box;resize:none;appearance:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.native-textarea.sc-ion-textarea-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-textarea.sc-ion-textarea-ios::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea[disabled].sc-ion-textarea-ios{opacity:0.4}.cloned-input.sc-ion-textarea-ios{left:0;top:0;position:absolute;pointer-events:none}[dir=rtl].sc-ion-textarea-ios .cloned-input.sc-ion-textarea-ios,[dir=rtl].sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios{left:unset;right:unset;right:0}.item-label-floating.item-has-placeholder.sc-ion-textarea-ios-h:not(.item-has-value),.item-label-floating.item-has-placeholder:not(.item-has-value) .sc-ion-textarea-ios-h{opacity:0}.item-label-floating.item-has-placeholder.sc-ion-textarea-ios-h:not(.item-has-value).item-has-focus,.item-label-floating.item-has-placeholder:not(.item-has-value).item-has-focus .sc-ion-textarea-ios-h{transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.sc-ion-textarea-ios-h{--padding-top:10px;--padding-end:10px;--padding-bottom:10px;--padding-start:0;font-size:inherit}.item-label-stacked.sc-ion-textarea-ios-h,.item-label-stacked .sc-ion-textarea-ios-h,.item-label-floating.sc-ion-textarea-ios-h,.item-label-floating .sc-ion-textarea-ios-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0px}";
-
-const textareaMdCss = ".sc-ion-textarea-md-h{--background:initial;--color:initial;--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;--border-radius:0;display:block;position:relative;flex:1;width:100%;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);white-space:pre-wrap;z-index:2;box-sizing:border-box}.ion-color.sc-ion-textarea-md-h{background:initial}.ion-color.sc-ion-textarea-md-h{color:var(--ion-color-base)}ion-item.sc-ion-textarea-md-h,ion-item .sc-ion-textarea-md-h{align-self:baseline}ion-item.sc-ion-textarea-md-h:not(.item-label),ion-item:not(.item-label) .sc-ion-textarea-md-h{--padding-start:0}.textarea-wrapper.sc-ion-textarea-md{min-width:inherit;max-width:inherit;min-height:inherit;max-height:inherit}.native-textarea.sc-ion-textarea-md{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;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:block;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;box-sizing:border-box;resize:none;appearance:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.native-textarea.sc-ion-textarea-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-textarea.sc-ion-textarea-md::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea[disabled].sc-ion-textarea-md{opacity:0.4}.cloned-input.sc-ion-textarea-md{left:0;top:0;position:absolute;pointer-events:none}[dir=rtl].sc-ion-textarea-md .cloned-input.sc-ion-textarea-md,[dir=rtl].sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md{left:unset;right:unset;right:0}.item-label-floating.item-has-placeholder.sc-ion-textarea-md-h:not(.item-has-value),.item-label-floating.item-has-placeholder:not(.item-has-value) .sc-ion-textarea-md-h{opacity:0}.item-label-floating.item-has-placeholder.sc-ion-textarea-md-h:not(.item-has-value).item-has-focus,.item-label-floating.item-has-placeholder:not(.item-has-value).item-has-focus .sc-ion-textarea-md-h{transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.sc-ion-textarea-md-h{--padding-top:10px;--padding-end:0;--padding-bottom:11px;--padding-start:8px;margin-left:0;margin-right:0;margin-top:8px;margin-bottom:0;font-size:inherit}.item-label-stacked.sc-ion-textarea-md-h,.item-label-stacked .sc-ion-textarea-md-h,.item-label-floating.sc-ion-textarea-md-h,.item-label-floating .sc-ion-textarea-md-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0}";
-
-const Textarea = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ionChange = createEvent(this, "ionChange", 7);
-    this.ionInput = createEvent(this, "ionInput", 7);
-    this.ionStyle = createEvent(this, "ionStyle", 7);
-    this.ionBlur = createEvent(this, "ionBlur", 7);
-    this.ionFocus = createEvent(this, "ionFocus", 7);
-    this.inputId = `ion-textarea-${textareaIds++}`;
-    this.didBlurAfterEdit = false;
-    this.inheritedAttributes = {};
-    /**
-     * 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 = 'none';
-    /**
-     * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
-     */
-    this.autofocus = false;
-    /**
-     * If `true`, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `"password"`, `false` for all other types.
-     */
-    this.clearOnEdit = 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 textarea.
-     */
-    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;
-    /**
-     * If `true`, the element height will increase based on the value.
-     */
-    this.autoGrow = false;
-    /**
-     * The value of the textarea.
-     */
-    this.value = '';
-    this.onInput = (ev) => {
-      if (this.nativeInput) {
-        this.value = this.nativeInput.value;
-      }
-      this.emitStyle();
-      this.ionInput.emit(ev);
-    };
-    this.onFocus = (ev) => {
-      this.hasFocus = true;
-      this.focusChange();
-      if (this.fireFocusEvents) {
-        this.ionFocus.emit(ev);
-      }
-    };
-    this.onBlur = (ev) => {
-      this.hasFocus = false;
-      this.focusChange();
-      if (this.fireFocusEvents) {
-        this.ionBlur.emit(ev);
-      }
-    };
-    this.onKeyDown = () => {
-      this.checkClearOnEdit();
-    };
-  }
-  debounceChanged() {
-    this.ionChange = debounceEvent(this.ionChange, this.debounce);
-  }
-  disabledChanged() {
-    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) {
-      nativeInput.value = value;
-    }
-    this.runAutoGrow();
-    this.emitStyle();
-    this.ionChange.emit({ value });
-  }
-  connectedCallback() {
-    this.emitStyle();
-    this.debounceChanged();
-    {
-      document.dispatchEvent(new CustomEvent('ionInputDidLoad', {
-        detail: this.el
-      }));
-    }
-  }
-  disconnectedCallback() {
-    {
-      document.dispatchEvent(new CustomEvent('ionInputDidUnload', {
-        detail: this.el
-      }));
-    }
-  }
-  componentWillLoad() {
-    this.inheritedAttributes = inheritAttributes(this.el, ['title']);
-  }
-  componentDidLoad() {
-    raf(() => this.runAutoGrow());
-  }
-  runAutoGrow() {
-    const nativeInput = this.nativeInput;
-    if (nativeInput && this.autoGrow) {
-      readTask(() => {
-        nativeInput.style.height = 'auto';
-        nativeInput.style.height = nativeInput.scrollHeight + 'px';
-        if (this.textareaWrapper) {
-          this.textareaWrapper.style.height = nativeInput.scrollHeight + 'px';
-        }
-      });
-    }
-  }
-  /**
-   * Sets focus on the native `textarea` in `ion-textarea`. Use this method instead of the global
-   * `textarea.focus()`.
-   */
-  async setFocus() {
-    if (this.nativeInput) {
-      this.nativeInput.focus();
-    }
-  }
-  /**
-   * Sets blur on the native `textarea` in `ion-textarea`. Use this method instead of the global
-   * `textarea.blur()`.
-   * @internal
-   */
-  async setBlur() {
-    if (this.nativeInput) {
-      this.nativeInput.blur();
-    }
-  }
-  /**
-   * Returns the native `<textarea>` element used under the hood.
-   */
-  getInputElement() {
-    return Promise.resolve(this.nativeInput);
-  }
-  emitStyle() {
-    this.ionStyle.emit({
-      'interactive': true,
-      'textarea': true,
-      'input': true,
-      'interactive-disabled': this.disabled,
-      'has-placeholder': this.placeholder !== undefined,
-      'has-value': this.hasValue(),
-      'has-focus': this.hasFocus
-    });
-  }
-  /**
-   * Check if we need to clear the text input if clearOnEdit is enabled
-   */
-  checkClearOnEdit() {
-    if (!this.clearOnEdit) {
-      return;
-    }
-    // Did the input value change after it was blurred and edited?
-    if (this.didBlurAfterEdit && this.hasValue()) {
-      // Clear the input
-      this.value = '';
-    }
-    // Reset the flag
-    this.didBlurAfterEdit = false;
-  }
-  focusChange() {
-    // If clearOnEdit is enabled and the input blurred but has a value, set a flag
-    if (this.clearOnEdit && !this.hasFocus && this.hasValue()) {
-      this.didBlurAfterEdit = true;
-    }
-    this.emitStyle();
-  }
-  hasValue() {
-    return this.getValue() !== '';
-  }
-  getValue() {
-    return this.value || '';
-  }
-  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,
-      }) }, h("div", { class: "textarea-wrapper", ref: el => this.textareaWrapper = el }, h("textarea", Object.assign({ class: "native-textarea", "aria-labelledby": label ? labelId : null, ref: el => this.nativeInput = el, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, disabled: this.disabled, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value))));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "debounce": ["debounceChanged"],
-    "disabled": ["disabledChanged"],
-    "value": ["valueChanged"]
-  }; }
-};
-let textareaIds = 0;
-Textarea.style = {
-  ios: textareaIosCss,
-  md: textareaMdCss
-};
-
-export { Textarea as ion_textarea };