@ionic/core 8.0.0-dev.11711035263.183d2423 → 8.0.0-dev.11711476529.17eae6ec

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.0.0-dev.11711035263.183d2423",
+  "version": "8.0.0-dev.11711476529.17eae6ec",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",

package/components/index9.js

@@ -1,196 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { d as doc } from './index5.js';
-import { p as now, q as pointerCoord } from './helpers.js';
-
-const startTapClick = (config) => {
-    if (doc === undefined) {
-        return;
-    }
-    let lastTouch = -MOUSE_WAIT * 10;
-    let lastActivated = 0;
-    let activatableEle;
-    let activeRipple;
-    let activeDefer;
-    const useRippleEffect = config.getBoolean('animated', true) && config.getBoolean('rippleEffect', true);
-    const clearDefers = new WeakMap();
-    // Touch Events
-    const onTouchStart = (ev) => {
-        lastTouch = now(ev);
-        pointerDown(ev);
-    };
-    const onTouchEnd = (ev) => {
-        lastTouch = now(ev);
-        pointerUp(ev);
-    };
-    const onMouseDown = (ev) => {
-        // Ignore right clicks
-        if (ev.button === 2) {
-            return;
-        }
-        const t = now(ev) - MOUSE_WAIT;
-        if (lastTouch < t) {
-            pointerDown(ev);
-        }
-    };
-    const onMouseUp = (ev) => {
-        const t = now(ev) - MOUSE_WAIT;
-        if (lastTouch < t) {
-            pointerUp(ev);
-        }
-    };
-    const cancelActive = () => {
-        if (activeDefer)
-            clearTimeout(activeDefer);
-        activeDefer = undefined;
-        if (activatableEle) {
-            removeActivated(false);
-            activatableEle = undefined;
-        }
-    };
-    const pointerDown = (ev) => {
-        if (activatableEle) {
-            return;
-        }
-        setActivatedElement(getActivatableTarget(ev), ev);
-    };
-    const pointerUp = (ev) => {
-        setActivatedElement(undefined, ev);
-    };
-    const setActivatedElement = (el, ev) => {
-        // do nothing
-        if (el && el === activatableEle) {
-            return;
-        }
-        if (activeDefer)
-            clearTimeout(activeDefer);
-        activeDefer = undefined;
-        const { x, y } = pointerCoord(ev);
-        // deactivate selected
-        if (activatableEle) {
-            if (clearDefers.has(activatableEle)) {
-                throw new Error('internal error');
-            }
-            if (!activatableEle.classList.contains(ACTIVATED)) {
-                addActivated(activatableEle, x, y);
-            }
-            removeActivated(true);
-        }
-        // activate
-        if (el) {
-            const deferId = clearDefers.get(el);
-            if (deferId) {
-                clearTimeout(deferId);
-                clearDefers.delete(el);
-            }
-            el.classList.remove(ACTIVATED);
-            const callback = () => {
-                addActivated(el, x, y);
-                activeDefer = undefined;
-            };
-            if (isInstant(el)) {
-                callback();
-            }
-            else {
-                activeDefer = setTimeout(callback, ADD_ACTIVATED_DEFERS);
-            }
-        }
-        activatableEle = el;
-    };
-    const addActivated = (el, x, y) => {
-        lastActivated = Date.now();
-        el.classList.add(ACTIVATED);
-        if (!useRippleEffect)
-            return;
-        const rippleEffect = getRippleEffect(el);
-        if (rippleEffect !== null) {
-            removeRipple();
-            activeRipple = rippleEffect.addRipple(x, y);
-        }
-    };
-    const removeRipple = () => {
-        if (activeRipple !== undefined) {
-            activeRipple.then((remove) => remove());
-            activeRipple = undefined;
-        }
-    };
-    const removeActivated = (smooth) => {
-        removeRipple();
-        const active = activatableEle;
-        if (!active) {
-            return;
-        }
-        const time = CLEAR_STATE_DEFERS - Date.now() + lastActivated;
-        if (smooth && time > 0 && !isInstant(active)) {
-            const deferId = setTimeout(() => {
-                active.classList.remove(ACTIVATED);
-                clearDefers.delete(active);
-            }, CLEAR_STATE_DEFERS);
-            clearDefers.set(active, deferId);
-        }
-        else {
-            active.classList.remove(ACTIVATED);
-        }
-    };
-    doc.addEventListener('ionGestureCaptured', cancelActive);
-    doc.addEventListener('touchstart', onTouchStart, true);
-    doc.addEventListener('touchcancel', onTouchEnd, true);
-    doc.addEventListener('touchend', onTouchEnd, true);
-    /**
-     * Tap click effects such as the ripple effect should
-     * not happen when scrolling. For example, if a user scrolls
-     * the page but also happens to do a touchstart on a button
-     * as part of the scroll, the ripple effect should not
-     * be dispatched. The ripple effect should only happen
-     * if the button is activated and the page is not scrolling.
-     *
-     * pointercancel is dispatched on a gesture when scrolling
-     * starts, so this lets us avoid having to listen for
-     * ion-content's scroll events.
-     */
-    doc.addEventListener('pointercancel', cancelActive, true);
-    doc.addEventListener('mousedown', onMouseDown, true);
-    doc.addEventListener('mouseup', onMouseUp, true);
-};
-// TODO(FW-2832): type
-const getActivatableTarget = (ev) => {
-    if (ev.composedPath !== undefined) {
-        /**
-         * composedPath returns EventTarget[]. However,
-         * objects other than Element can be targets too.
-         * For example, AudioContext can be a target. In this
-         * case, we know that the event is a UIEvent so we
-         * can assume that the path will contain either Element
-         * or ShadowRoot.
-         */
-        const path = ev.composedPath();
-        for (let i = 0; i < path.length - 2; i++) {
-            const el = path[i];
-            if (!(el instanceof ShadowRoot) && el.classList.contains('ion-activatable')) {
-                return el;
-            }
-        }
-    }
-    else {
-        return ev.target.closest('.ion-activatable');
-    }
-};
-const isInstant = (el) => {
-    return el.classList.contains('ion-activatable-instant');
-};
-const getRippleEffect = (el) => {
-    if (el.shadowRoot) {
-        const ripple = el.shadowRoot.querySelector('ion-ripple-effect');
-        if (ripple) {
-            return ripple;
-        }
-    }
-    return el.querySelector('ion-ripple-effect');
-};
-const ACTIVATED = 'ion-activated';
-const ADD_ACTIVATED_DEFERS = 100;
-const CLEAR_STATE_DEFERS = 150;
-const MOUSE_WAIT = 2500;
-
-export { startTapClick };

package/components/ion-input-password-toggle.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface IonInputPasswordToggle extends Components.IonInputPasswordToggle, HTMLElement {}
-export const IonInputPasswordToggle: {
-    prototype: IonInputPasswordToggle;
-    new (): IonInputPasswordToggle;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/ion-input-password-toggle.js

@@ -1,132 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { p as printIonWarning } from './index6.js';
-import { c as createColorClasses } from './theme.js';
-import { l as eye, m as eyeOff } from './index7.js';
-import { b as getIonMode } from './ionic-global.js';
-import { d as defineCustomElement$4 } from './button.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './ripple-effect.js';
-
-const inputPasswordToggleIosCss = "";
-const IonInputPasswordToggleIosStyle0 = inputPasswordToggleIosCss;
-
-const inputPasswordToggleMdCss = "";
-const IonInputPasswordToggleMdStyle0 = inputPasswordToggleMdCss;
-
-const InputPasswordToggle = /*@__PURE__*/ proxyCustomElement(class InputPasswordToggle extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.togglePasswordVisibility = () => {
-            const { inputElRef } = this;
-            if (!inputElRef) {
-                return;
-            }
-            inputElRef.type = inputElRef.type === 'text' ? 'password' : 'text';
-        };
-        this.color = undefined;
-        this.showIcon = undefined;
-        this.hideIcon = undefined;
-        this.type = 'password';
-    }
-    /**
-     * Whenever the input type changes we need to re-run validation to ensure the password
-     * toggle is being used with the correct input type. If the application changes the type
-     * outside of this component we also need to re-render so the correct icon is shown.
-     */
-    onTypeChange(newValue) {
-        if (newValue !== 'text' && newValue !== 'password') {
-            printIonWarning(`ion-input-password-toggle only supports inputs of type "text" or "password". Input of type "${newValue}" is not compatible.`, this.el);
-            return;
-        }
-    }
-    connectedCallback() {
-        const { el } = this;
-        const inputElRef = (this.inputElRef = el.closest('ion-input'));
-        if (!inputElRef) {
-            printIonWarning('No ancestor ion-input found for ion-input-password-toggle. This component must be slotted inside of an ion-input.', el);
-            return;
-        }
-        /**
-         * Important: Set the type in connectedCallback because the default value
-         * of this.type may not always be accurate. Usually inputs have the "password" type
-         * but it is possible to have the input to initially have the "text" type. In that scenario
-         * the wrong icon will show briefly before switching to the correct icon. Setting the
-         * type here allows us to avoid that flicker.
-         */
-        this.type = inputElRef.type;
-    }
-    disconnectedCallback() {
-        this.inputElRef = null;
-    }
-    render() {
-        var _a, _b;
-        const { color, type } = this;
-        const mode = getIonMode(this);
-        const showPasswordIcon = (_a = this.showIcon) !== null && _a !== void 0 ? _a : eye;
-        const hidePasswordIcon = (_b = this.hideIcon) !== null && _b !== void 0 ? _b : eyeOff;
-        const isPasswordVisible = type === 'text';
-        return (h(Host, { key: 'cff2f6703d7c7741b16bcb719e322fd83fdec4ae', class: createColorClasses(color, {
-                [mode]: true,
-            }) }, h("ion-button", { key: 'a3fec07174f7b6a6b792d757b1a6b09d240de177', part: "button", mode: mode, color: color, fill: "clear", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
-                /**
-                 * This prevents mobile browsers from
-                 * blurring the input when the password toggle
-                 * button is activated.
-                 */
-                ev.preventDefault();
-            }, onClick: this.togglePasswordVisibility }, h("ion-icon", { key: 'e12bbcb67e0b680045ea585616e71f28804936e1', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "type": ["onTypeChange"]
-    }; }
-    static get style() { return {
-        ios: IonInputPasswordToggleIosStyle0,
-        md: IonInputPasswordToggleMdStyle0
-    }; }
-}, [33, "ion-input-password-toggle", {
-        "color": [513],
-        "showIcon": [1, "show-icon"],
-        "hideIcon": [1, "hide-icon"],
-        "type": [1025]
-    }, undefined, {
-        "type": ["onTypeChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-input-password-toggle", "ion-button", "ion-icon", "ion-ripple-effect"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-input-password-toggle":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InputPasswordToggle);
-            }
-            break;
-        case "ion-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ion-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ion-ripple-effect":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const IonInputPasswordToggle = InputPasswordToggle;
-const defineCustomElement = defineCustomElement$1;
-
-export { IonInputPasswordToggle, defineCustomElement };

package/dist/cjs/index-5915f9b3.js

@@ -1,38 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-/**
- * Logs a warning to the console with an Ionic prefix
- * to indicate the library that is warning the developer.
- *
- * @param message - The string message to be logged to the console.
- */
-const printIonWarning = (message, ...params) => {
-    return console.warn(`[Ionic Warning]: ${message}`, ...params);
-};
-/*
- * Logs an error to the console with an Ionic prefix
- * to indicate the library that is warning the developer.
- *
- * @param message - The string message to be logged to the console.
- * @param params - Additional arguments to supply to the console.error.
- */
-const printIonError = (message, ...params) => {
-    return console.error(`[Ionic Error]: ${message}`, ...params);
-};
-/**
- * Prints an error informing developers that an implementation requires an element to be used
- * within a specific selector.
- *
- * @param el The web component element this is requiring the element.
- * @param targetSelectors The selector or selectors that were not found.
- */
-const printRequiredElementError = (el, ...targetSelectors) => {
-    return console.error(`<${el.tagName.toLowerCase()}> must be used inside ${targetSelectors.join(' or ')}.`);
-};
-
-exports.printIonError = printIonError;
-exports.printIonWarning = printIonWarning;
-exports.printRequiredElementError = printRequiredElementError;

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

@@ -1,93 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2d21d526.js');
-const index$1 = require('./index-5915f9b3.js');
-const theme = require('./theme-d1c573d2.js');
-const index$2 = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-5762eca9.js');
-
-const inputPasswordToggleIosCss = "";
-const IonInputPasswordToggleIosStyle0 = inputPasswordToggleIosCss;
-
-const inputPasswordToggleMdCss = "";
-const IonInputPasswordToggleMdStyle0 = inputPasswordToggleMdCss;
-
-const InputPasswordToggle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.togglePasswordVisibility = () => {
-            const { inputElRef } = this;
-            if (!inputElRef) {
-                return;
-            }
-            inputElRef.type = inputElRef.type === 'text' ? 'password' : 'text';
-        };
-        this.color = undefined;
-        this.showIcon = undefined;
-        this.hideIcon = undefined;
-        this.type = 'password';
-    }
-    /**
-     * Whenever the input type changes we need to re-run validation to ensure the password
-     * toggle is being used with the correct input type. If the application changes the type
-     * outside of this component we also need to re-render so the correct icon is shown.
-     */
-    onTypeChange(newValue) {
-        if (newValue !== 'text' && newValue !== 'password') {
-            index$1.printIonWarning(`ion-input-password-toggle only supports inputs of type "text" or "password". Input of type "${newValue}" is not compatible.`, this.el);
-            return;
-        }
-    }
-    connectedCallback() {
-        const { el } = this;
-        const inputElRef = (this.inputElRef = el.closest('ion-input'));
-        if (!inputElRef) {
-            index$1.printIonWarning('No ancestor ion-input found for ion-input-password-toggle. This component must be slotted inside of an ion-input.', el);
-            return;
-        }
-        /**
-         * Important: Set the type in connectedCallback because the default value
-         * of this.type may not always be accurate. Usually inputs have the "password" type
-         * but it is possible to have the input to initially have the "text" type. In that scenario
-         * the wrong icon will show briefly before switching to the correct icon. Setting the
-         * type here allows us to avoid that flicker.
-         */
-        this.type = inputElRef.type;
-    }
-    disconnectedCallback() {
-        this.inputElRef = null;
-    }
-    render() {
-        var _a, _b;
-        const { color, type } = this;
-        const mode = ionicGlobal.getIonMode(this);
-        const showPasswordIcon = (_a = this.showIcon) !== null && _a !== void 0 ? _a : index$2.eye;
-        const hidePasswordIcon = (_b = this.hideIcon) !== null && _b !== void 0 ? _b : index$2.eyeOff;
-        const isPasswordVisible = type === 'text';
-        return (index.h(index.Host, { key: 'cff2f6703d7c7741b16bcb719e322fd83fdec4ae', class: theme.createColorClasses(color, {
-                [mode]: true,
-            }) }, index.h("ion-button", { key: 'a3fec07174f7b6a6b792d757b1a6b09d240de177', part: "button", mode: mode, color: color, fill: "clear", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
-                /**
-                 * This prevents mobile browsers from
-                 * blurring the input when the password toggle
-                 * button is activated.
-                 */
-                ev.preventDefault();
-            }, onClick: this.togglePasswordVisibility }, index.h("ion-icon", { key: 'e12bbcb67e0b680045ea585616e71f28804936e1', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "type": ["onTypeChange"]
-    }; }
-};
-InputPasswordToggle.style = {
-    ios: IonInputPasswordToggleIosStyle0,
-    md: IonInputPasswordToggleMdStyle0
-};
-
-exports.ion_input_password_toggle = InputPasswordToggle;