@sparkle-learning/core 0.0.55 → 0.0.57

package/dist/cjs/ion-tab-bar.cjs.entry.js

@@ -1,75 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-const ionicGlobal = require('./ionic-global-2cde9d3a.js');
-const theme = require('./theme-b0b295c1.js');
-
-const tabBarIosCss = ":host{padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:flex;align-items:center;justify-content:center;width:auto;padding-bottom:var(--ion-safe-area-bottom, 0);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;user-select:none;z-index:10;box-sizing:content-box !important}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-color-step-50, #f7f7f7));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:0.55px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--color:var(--ion-tab-bar-color, var(--ion-color-step-400, #999999));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:50px}@supports (backdrop-filter: blur(0)){:host(.tab-bar-translucent){--background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);backdrop-filter:saturate(210%) blur(20px)}:host(.ion-color.tab-bar-translucent){background:rgba(var(--ion-color-base-rgb), 0.8)}:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.6)}}";
-
-const tabBarMdCss = ":host{padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:flex;align-items:center;justify-content:center;width:auto;padding-bottom:var(--ion-safe-area-bottom, 0);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;user-select:none;z-index:10;box-sizing:content-box !important}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.07))));--color:var(--ion-tab-bar-color, var(--ion-color-step-600, #666666));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:56px}";
-
-const TabBar = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ionTabBarChanged = index.createEvent(this, "ionTabBarChanged", 7);
-    this.keyboardVisible = false;
-    /**
-     * If `true`, the tab bar 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).
-     */
-    this.translucent = false;
-  }
-  selectedTabChanged() {
-    if (this.selectedTab !== undefined) {
-      this.ionTabBarChanged.emit({
-        tab: this.selectedTab,
-      });
-    }
-  }
-  componentWillLoad() {
-    this.selectedTabChanged();
-  }
-  connectedCallback() {
-    if (typeof window !== 'undefined') {
-      this.keyboardWillShowHandler = () => {
-        if (this.el.getAttribute('slot') !== 'top') {
-          this.keyboardVisible = true;
-        }
-      };
-      this.keyboardWillHideHandler = () => {
-        setTimeout(() => (this.keyboardVisible = false), 50);
-      };
-      window.addEventListener('keyboardWillShow', this.keyboardWillShowHandler);
-      window.addEventListener('keyboardWillHide', this.keyboardWillHideHandler);
-    }
-  }
-  disconnectedCallback() {
-    if (typeof window !== 'undefined') {
-      window.removeEventListener('keyboardWillShow', this.keyboardWillShowHandler);
-      window.removeEventListener('keyboardWillHide', this.keyboardWillHideHandler);
-      this.keyboardWillShowHandler = this.keyboardWillHideHandler = undefined;
-    }
-  }
-  render() {
-    const { color, translucent, keyboardVisible } = this;
-    const mode = ionicGlobal.getIonMode(this);
-    return (index.h(index.Host, { role: "tablist", "aria-hidden": keyboardVisible ? 'true' : null, class: theme.createColorClasses(color, {
-        [mode]: true,
-        'tab-bar-translucent': translucent,
-        'tab-bar-hidden': keyboardVisible,
-      }) }, index.h("slot", null)));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "selectedTab": ["selectedTabChanged"]
-  }; }
-};
-TabBar.style = {
-  ios: tabBarIosCss,
-  md: tabBarMdCss
-};
-
-exports.ion_tab_bar = TabBar;

package/dist/cjs/ion-tab-button.cjs.entry.js

@@ -1,103 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-const ionicGlobal = require('./ionic-global-2cde9d3a.js');
-
-const tabButtonIosCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;flex:1;flex-direction:column;align-items:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{border-radius:inherit;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:flex;position:relative;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;box-sizing:border-box;-webkit-user-drag:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.button-native{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)}}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{display:flex;position:relative;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}::slotted(ion-label){order:0}::slotted(ion-icon){order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){flex-direction:row}:host(.tab-layout-icon-end){flex-direction:row-reverse}:host(.tab-layout-icon-bottom){flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--padding-top:0;--padding-end:2px;--padding-bottom:0;--padding-start:2px;max-width:240px;font-size:10px}::slotted(ion-badge){padding-left:6px;padding-right:6px;padding-top:1px;padding-bottom:1px;left:calc(50% + 6px);top:4px;height:auto;font-size:12px;line-height:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-badge){padding-left:unset;padding-right:unset;-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px}}[dir=rtl] ::slotted(ion-badge),:host-context([dir=rtl]) ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 6px)}::slotted(ion-icon){margin-top:2px;margin-bottom:2px;font-size:30px}::slotted(ion-icon::before){vertical-align:top}::slotted(ion-label){margin-top:0;margin-bottom:1px;min-height:11px;font-weight:500}:host(.tab-has-label-only) ::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:12px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-label),:host(.tab-layout-icon-start) ::slotted(ion-label),:host(.tab-layout-icon-hide) ::slotted(ion-label){margin-top:2px;margin-bottom:2px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-icon),:host(.tab-layout-icon-start) ::slotted(ion-icon){min-width:24px;height:26px;margin-top:2px;margin-bottom:1px;font-size:24px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){left:calc(50% + 12px)}:host-context([dir=rtl]):host(.tab-layout-icon-bottom) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-bottom ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 12px)}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:1px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:4px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){left:calc(50% + 35px);top:10px}:host-context([dir=rtl]):host(.tab-layout-icon-start) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-start ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-layout-icon-end) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-end ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 35px)}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){left:calc(50% + 30px);top:10px}:host-context([dir=rtl]):host(.tab-layout-icon-hide) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-hide ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-has-label-only) ::slotted(ion-badge),:host-context([dir=rtl]).tab-has-label-only ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 30px)}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:10px}:host(.tab-layout-label-hide) ::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
-
-const tabButtonMdCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;flex:1;flex-direction:column;align-items:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{border-radius:inherit;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:flex;position:relative;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;box-sizing:border-box;-webkit-user-drag:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.button-native{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)}}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{display:flex;position:relative;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}::slotted(ion-label){order:0}::slotted(ion-icon){order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){flex-direction:row}:host(.tab-layout-icon-end){flex-direction:row-reverse}:host(.tab-layout-icon-bottom){flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--padding-top:0;--padding-end:12px;--padding-bottom:0;--padding-start:12px;max-width:168px;font-size:12px;font-weight:normal;letter-spacing:0.03em}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;text-transform:none}::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;transform-origin:center center;font-size:22px}[dir=rtl] ::slotted(ion-icon),:host-context([dir=rtl]) ::slotted(ion-icon){transform-origin:calc(100% - center) center}::slotted(ion-badge){border-radius:8px;padding-left:2px;padding-right:2px;padding-top:3px;padding-bottom:2px;left:calc(50% + 6px);top:8px;min-width:12px;font-size:8px;font-weight:normal}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-badge){padding-left:unset;padding-right:unset;-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px}}[dir=rtl] ::slotted(ion-badge),:host-context([dir=rtl]) ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 6px)}::slotted(ion-badge:empty){display:block;min-width:8px;height:8px}:host(.tab-layout-icon-top) ::slotted(ion-icon){margin-top:6px;margin-bottom:2px}:host(.tab-layout-icon-top) ::slotted(ion-label){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){left:70%;top:8px}:host-context([dir=rtl]):host(.tab-layout-icon-bottom) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-bottom ::slotted(ion-badge){left:unset;right:unset;right:70%}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:6px;margin-bottom:0}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){left:80%;top:16px}:host-context([dir=rtl]):host(.tab-layout-icon-start) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-start ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-layout-icon-end) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-end ::slotted(ion-badge){left:unset;right:unset;right:80%}:host(.tab-layout-icon-start) ::slotted(ion-icon){margin-right:6px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.tab-layout-icon-start) ::slotted(ion-icon){margin-right:unset;-webkit-margin-end:6px;margin-inline-end:6px}}:host(.tab-layout-icon-end) ::slotted(ion-icon){margin-left:6px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.tab-layout-icon-end) ::slotted(ion-icon){margin-left:unset;-webkit-margin-start:6px;margin-inline-start:6px}}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){left:70%;top:16px}:host-context([dir=rtl]):host(.tab-layout-icon-hide) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-hide ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-has-label-only) ::slotted(ion-badge),:host-context([dir=rtl]).tab-has-label-only ::slotted(ion-badge){left:unset;right:unset;right:70%}:host(.tab-layout-icon-hide) ::slotted(ion-label),:host(.tab-has-label-only) ::slotted(ion-label){margin-top:0;margin-bottom:0}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:16px}:host(.tab-layout-label-hide) ::slotted(ion-icon),:host(.tab-has-icon-only) ::slotted(ion-icon){margin-top:0;margin-bottom:0;font-size:24px}";
-
-const TabButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ionTabButtonClick = index.createEvent(this, "ionTabButtonClick", 7);
-    /**
-     * If `true`, the user cannot interact with the tab button.
-     */
-    this.disabled = false;
-    /**
-     * The selected tab component
-     */
-    this.selected = false;
-    this.onKeyUp = (ev) => {
-      if (ev.key === 'Enter' || ev.key === ' ') {
-        this.selectTab(ev);
-      }
-    };
-    this.onClick = (ev) => {
-      this.selectTab(ev);
-    };
-  }
-  onTabBarChanged(ev) {
-    const dispatchedFrom = ev.target;
-    const parent = this.el.parentElement;
-    if (ev.composedPath().includes(parent) || (dispatchedFrom === null || dispatchedFrom === void 0 ? void 0 : dispatchedFrom.contains(this.el))) {
-      this.selected = this.tab === ev.detail.tab;
-    }
-  }
-  componentWillLoad() {
-    if (this.layout === undefined) {
-      this.layout = ionicGlobal.config.get('tabButtonLayout', 'icon-top');
-    }
-  }
-  selectTab(ev) {
-    if (this.tab !== undefined) {
-      if (!this.disabled) {
-        this.ionTabButtonClick.emit({
-          tab: this.tab,
-          href: this.href,
-          selected: this.selected,
-        });
-      }
-      ev.preventDefault();
-    }
-  }
-  get hasLabel() {
-    return !!this.el.querySelector('ion-label');
-  }
-  get hasIcon() {
-    return !!this.el.querySelector('ion-icon');
-  }
-  get tabIndex() {
-    if (this.disabled) {
-      return -1;
-    }
-    const hasTabIndex = this.el.hasAttribute('tabindex');
-    if (hasTabIndex) {
-      return this.el.getAttribute('tabindex');
-    }
-    return 0;
-  }
-  render() {
-    const { disabled, hasIcon, hasLabel, tabIndex, href, rel, target, layout, selected, tab } = this;
-    const mode = ionicGlobal.getIonMode(this);
-    const attrs = {
-      download: this.download,
-      href,
-      rel,
-      target,
-    };
-    return (index.h(index.Host, { onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
-        [mode]: true,
-        'tab-selected': selected,
-        'tab-disabled': disabled,
-        'tab-has-label': hasLabel,
-        'tab-has-icon': hasIcon,
-        'tab-has-label-only': hasLabel && !hasIcon,
-        'tab-has-icon-only': hasIcon && !hasLabel,
-        [`tab-layout-${layout}`]: true,
-        'ion-activatable': true,
-        'ion-selectable': true,
-        'ion-focusable': true,
-      } }, index.h("a", Object.assign({}, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { class: "button-inner" }, index.h("slot", null)), mode === 'md' && index.h("ion-ripple-effect", { type: "unbounded" }))));
-  }
-  get el() { return index.getElement(this); }
-};
-TabButton.style = {
-  ios: tabButtonIosCss,
-  md: tabButtonMdCss
-};
-
-exports.ion_tab_button = TabButton;

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

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-const frameworkDelegate = require('./framework-delegate-59a98abd.js');
-require('./helpers-c2496722.js');
-
-const tabCss = ":host(.tab-hidden){display:none !important}";
-
-const Tab = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.loaded = false;
-    /** @internal */
-    this.active = false;
-  }
-  async componentWillLoad() {
-    if (this.active) {
-      await this.setActive();
-    }
-  }
-  /** Set the active component for the tab */
-  async setActive() {
-    await this.prepareLazyLoaded();
-    this.active = true;
-  }
-  changeActive(isActive) {
-    if (isActive) {
-      this.prepareLazyLoaded();
-    }
-  }
-  prepareLazyLoaded() {
-    if (!this.loaded && this.component != null) {
-      this.loaded = true;
-      try {
-        return frameworkDelegate.attachComponent(this.delegate, this.el, this.component, ['ion-page']);
-      }
-      catch (e) {
-        console.error(e);
-      }
-    }
-    return Promise.resolve(undefined);
-  }
-  render() {
-    const { tab, active, component } = this;
-    return (index.h(index.Host, { role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
-        'ion-page': component === undefined,
-        'tab-hidden': !active,
-      } }, index.h("slot", null)));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "active": ["changeActive"]
-  }; }
-};
-Tab.style = tabCss;
-
-exports.ion_tab = Tab;

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

@@ -1,154 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-
-const tabsCss = ":host{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;width:100%;height:100%;contain:layout size style;z-index:0}.tabs-inner{position:relative;flex:1;contain:layout size style}";
-
-const Tabs = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ionNavWillLoad = index.createEvent(this, "ionNavWillLoad", 7);
-    this.ionTabsWillChange = index.createEvent(this, "ionTabsWillChange", 3);
-    this.ionTabsDidChange = index.createEvent(this, "ionTabsDidChange", 3);
-    this.transitioning = false;
-    /** @internal */
-    this.useRouter = false;
-    this.onTabClicked = (ev) => {
-      const { href, tab } = ev.detail;
-      if (this.useRouter && href !== undefined) {
-        const router = document.querySelector('ion-router');
-        if (router) {
-          router.push(href);
-        }
-      }
-      else {
-        this.select(tab);
-      }
-    };
-  }
-  async componentWillLoad() {
-    if (!this.useRouter) {
-      this.useRouter = !!document.querySelector('ion-router') && !this.el.closest('[no-router]');
-    }
-    if (!this.useRouter) {
-      const tabs = this.tabs;
-      if (tabs.length > 0) {
-        await this.select(tabs[0]);
-      }
-    }
-    this.ionNavWillLoad.emit();
-  }
-  componentWillRender() {
-    const tabBar = this.el.querySelector('ion-tab-bar');
-    if (tabBar) {
-      const tab = this.selectedTab ? this.selectedTab.tab : undefined;
-      tabBar.selectedTab = tab;
-    }
-  }
-  /**
-   * Select a tab by the value of its `tab` property or an element reference.
-   *
-   * @param tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property.
-   */
-  async select(tab) {
-    const selectedTab = getTab(this.tabs, tab);
-    if (!this.shouldSwitch(selectedTab)) {
-      return false;
-    }
-    await this.setActive(selectedTab);
-    await this.notifyRouter();
-    this.tabSwitch();
-    return true;
-  }
-  /**
-   * Get a specific tab by the value of its `tab` property or an element reference.
-   *
-   * @param tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property.
-   */
-  async getTab(tab) {
-    return getTab(this.tabs, tab);
-  }
-  /**
-   * Get the currently selected tab.
-   */
-  getSelected() {
-    return Promise.resolve(this.selectedTab ? this.selectedTab.tab : undefined);
-  }
-  /** @internal */
-  async setRouteId(id) {
-    const selectedTab = getTab(this.tabs, id);
-    if (!this.shouldSwitch(selectedTab)) {
-      return { changed: false, element: this.selectedTab };
-    }
-    await this.setActive(selectedTab);
-    return {
-      changed: true,
-      element: this.selectedTab,
-      markVisible: () => this.tabSwitch(),
-    };
-  }
-  /** @internal */
-  async getRouteId() {
-    var _a;
-    const tabId = (_a = this.selectedTab) === null || _a === void 0 ? void 0 : _a.tab;
-    return tabId !== undefined ? { id: tabId, element: this.selectedTab } : undefined;
-  }
-  setActive(selectedTab) {
-    if (this.transitioning) {
-      return Promise.reject('transitioning already happening');
-    }
-    this.transitioning = true;
-    this.leavingTab = this.selectedTab;
-    this.selectedTab = selectedTab;
-    this.ionTabsWillChange.emit({ tab: selectedTab.tab });
-    selectedTab.active = true;
-    return Promise.resolve();
-  }
-  tabSwitch() {
-    const selectedTab = this.selectedTab;
-    const leavingTab = this.leavingTab;
-    this.leavingTab = undefined;
-    this.transitioning = false;
-    if (!selectedTab) {
-      return;
-    }
-    if (leavingTab !== selectedTab) {
-      if (leavingTab) {
-        leavingTab.active = false;
-      }
-      this.ionTabsDidChange.emit({ tab: selectedTab.tab });
-    }
-  }
-  notifyRouter() {
-    if (this.useRouter) {
-      const router = document.querySelector('ion-router');
-      if (router) {
-        return router.navChanged('forward');
-      }
-    }
-    return Promise.resolve(false);
-  }
-  shouldSwitch(selectedTab) {
-    const leavingTab = this.selectedTab;
-    return selectedTab !== undefined && selectedTab !== leavingTab && !this.transitioning;
-  }
-  get tabs() {
-    return Array.from(this.el.querySelectorAll('ion-tab'));
-  }
-  render() {
-    return (index.h(index.Host, { onIonTabButtonClick: this.onTabClicked }, index.h("slot", { name: "top" }), index.h("div", { class: "tabs-inner" }, index.h("slot", null)), index.h("slot", { name: "bottom" })));
-  }
-  get el() { return index.getElement(this); }
-};
-const getTab = (tabs, tab) => {
-  const tabEl = typeof tab === 'string' ? tabs.find((t) => t.tab === tab) : tab;
-  if (!tabEl) {
-    console.error(`tab with id: "${tabEl}" does not exist`);
-  }
-  return tabEl;
-};
-Tabs.style = tabsCss;
-
-exports.ion_tabs = Tabs;

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

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-const ionicGlobal = require('./ionic-global-2cde9d3a.js');
-
-const thumbnailCss = ":host{--size:48px;--border-radius:0;border-radius:var(--border-radius);display:block;width:var(--size);height:var(--size)}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;object-fit:cover;overflow:hidden}";
-
-const Thumbnail = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, { class: ionicGlobal.getIonMode(this) }, index.h("slot", null)));
-  }
-};
-Thumbnail.style = thumbnailCss;
-
-exports.ion_thumbnail = Thumbnail;