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

package/dist/cjs/ionic-global-5762eca9.js

@@ -1,230 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-const index = require('./index-2d21d526.js');
-
-// TODO(FW-2832): types
-class Config {
-    constructor() {
-        this.m = new Map();
-    }
-    reset(configObj) {
-        this.m = new Map(Object.entries(configObj));
-    }
-    get(key, fallback) {
-        const value = this.m.get(key);
-        return value !== undefined ? value : fallback;
-    }
-    getBoolean(key, fallback = false) {
-        const val = this.m.get(key);
-        if (val === undefined) {
-            return fallback;
-        }
-        if (typeof val === 'string') {
-            return val === 'true';
-        }
-        return !!val;
-    }
-    getNumber(key, fallback) {
-        const val = parseFloat(this.m.get(key));
-        return isNaN(val) ? (fallback !== undefined ? fallback : NaN) : val;
-    }
-    set(key, value) {
-        this.m.set(key, value);
-    }
-}
-const config = /*@__PURE__*/ new Config();
-const configFromSession = (win) => {
-    try {
-        const configStr = win.sessionStorage.getItem(IONIC_SESSION_KEY);
-        return configStr !== null ? JSON.parse(configStr) : {};
-    }
-    catch (e) {
-        return {};
-    }
-};
-const saveConfig = (win, c) => {
-    try {
-        win.sessionStorage.setItem(IONIC_SESSION_KEY, JSON.stringify(c));
-    }
-    catch (e) {
-        return;
-    }
-};
-const configFromURL = (win) => {
-    const configObj = {};
-    win.location.search
-        .slice(1)
-        .split('&')
-        .map((entry) => entry.split('='))
-        .map(([key, value]) => [decodeURIComponent(key), decodeURIComponent(value)])
-        .filter(([key]) => startsWith(key, IONIC_PREFIX))
-        .map(([key, value]) => [key.slice(IONIC_PREFIX.length), value])
-        .forEach(([key, value]) => {
-        configObj[key] = value;
-    });
-    return configObj;
-};
-const startsWith = (input, search) => {
-    return input.substr(0, search.length) === search;
-};
-const IONIC_PREFIX = 'ionic:';
-const IONIC_SESSION_KEY = 'ionic-persist-config';
-
-const getPlatforms = (win) => setupPlatforms(win);
-const isPlatform = (winOrPlatform, platform) => {
-    if (typeof winOrPlatform === 'string') {
-        platform = winOrPlatform;
-        winOrPlatform = undefined;
-    }
-    return getPlatforms(winOrPlatform).includes(platform);
-};
-const setupPlatforms = (win = window) => {
-    if (typeof win === 'undefined') {
-        return [];
-    }
-    win.Ionic = win.Ionic || {};
-    let platforms = win.Ionic.platforms;
-    if (platforms == null) {
-        platforms = win.Ionic.platforms = detectPlatforms(win);
-        platforms.forEach((p) => win.document.documentElement.classList.add(`plt-${p}`));
-    }
-    return platforms;
-};
-const detectPlatforms = (win) => {
-    const customPlatformMethods = config.get('platform');
-    return Object.keys(PLATFORMS_MAP).filter((p) => {
-        const customMethod = customPlatformMethods === null || customPlatformMethods === void 0 ? void 0 : customPlatformMethods[p];
-        return typeof customMethod === 'function' ? customMethod(win) : PLATFORMS_MAP[p](win);
-    });
-};
-const isMobileWeb = (win) => isMobile(win) && !isHybrid(win);
-const isIpad = (win) => {
-    // iOS 12 and below
-    if (testUserAgent(win, /iPad/i)) {
-        return true;
-    }
-    // iOS 13+
-    if (testUserAgent(win, /Macintosh/i) && isMobile(win)) {
-        return true;
-    }
-    return false;
-};
-const isIphone = (win) => testUserAgent(win, /iPhone/i);
-const isIOS = (win) => testUserAgent(win, /iPhone|iPod/i) || isIpad(win);
-const isAndroid = (win) => testUserAgent(win, /android|sink/i);
-const isAndroidTablet = (win) => {
-    return isAndroid(win) && !testUserAgent(win, /mobile/i);
-};
-const isPhablet = (win) => {
-    const width = win.innerWidth;
-    const height = win.innerHeight;
-    const smallest = Math.min(width, height);
-    const largest = Math.max(width, height);
-    return smallest > 390 && smallest < 520 && largest > 620 && largest < 800;
-};
-const isTablet = (win) => {
-    const width = win.innerWidth;
-    const height = win.innerHeight;
-    const smallest = Math.min(width, height);
-    const largest = Math.max(width, height);
-    return isIpad(win) || isAndroidTablet(win) || (smallest > 460 && smallest < 820 && largest > 780 && largest < 1400);
-};
-const isMobile = (win) => matchMedia(win, '(any-pointer:coarse)');
-const isDesktop = (win) => !isMobile(win);
-const isHybrid = (win) => isCordova(win) || isCapacitorNative(win);
-const isCordova = (win) => !!(win['cordova'] || win['phonegap'] || win['PhoneGap']);
-const isCapacitorNative = (win) => {
-    const capacitor = win['Capacitor'];
-    return !!(capacitor === null || capacitor === void 0 ? void 0 : capacitor.isNative);
-};
-const isElectron = (win) => testUserAgent(win, /electron/i);
-const isPWA = (win) => { var _a; return !!(((_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, '(display-mode: standalone)').matches) || win.navigator.standalone); };
-const testUserAgent = (win, expr) => expr.test(win.navigator.userAgent);
-const matchMedia = (win, query) => { var _a; return (_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, query).matches; };
-const PLATFORMS_MAP = {
-    ipad: isIpad,
-    iphone: isIphone,
-    ios: isIOS,
-    android: isAndroid,
-    phablet: isPhablet,
-    tablet: isTablet,
-    cordova: isCordova,
-    capacitor: isCapacitorNative,
-    electron: isElectron,
-    pwa: isPWA,
-    mobile: isMobile,
-    mobileweb: isMobileWeb,
-    desktop: isDesktop,
-    hybrid: isHybrid,
-};
-
-// TODO(FW-2832): types
-let defaultMode;
-const getIonMode = (ref) => {
-    return (ref && index.getMode(ref)) || defaultMode;
-};
-const initialize = (userConfig = {}) => {
-    if (typeof window === 'undefined') {
-        return;
-    }
-    const doc = window.document;
-    const win = window;
-    const Ionic = (win.Ionic = win.Ionic || {});
-    const platformHelpers = {};
-    if (userConfig._ael) {
-        platformHelpers.ael = userConfig._ael;
-    }
-    if (userConfig._rel) {
-        platformHelpers.rel = userConfig._rel;
-    }
-    if (userConfig._ce) {
-        platformHelpers.ce = userConfig._ce;
-    }
-    index.setPlatformHelpers(platformHelpers);
-    // create the Ionic.config from raw config object (if it exists)
-    // and convert Ionic.config into a ConfigApi that has a get() fn
-    const configObj = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, configFromSession(win)), { persistConfig: false }), Ionic.config), configFromURL(win)), userConfig);
-    config.reset(configObj);
-    if (config.getBoolean('persistConfig')) {
-        saveConfig(win, configObj);
-    }
-    // Setup platforms
-    setupPlatforms(win);
-    // first see if the mode was set as an attribute on <html>
-    // which could have been set by the user, or by pre-rendering
-    // otherwise get the mode via config settings, and fallback to md
-    Ionic.config = config;
-    Ionic.mode = defaultMode = config.get('mode', doc.documentElement.getAttribute('mode') || (isPlatform(win, 'ios') ? 'ios' : 'md'));
-    config.set('mode', defaultMode);
-    doc.documentElement.setAttribute('mode', defaultMode);
-    doc.documentElement.classList.add(defaultMode);
-    if (config.getBoolean('_testing')) {
-        config.set('animated', false);
-    }
-    const isIonicElement = (elm) => { var _a; return (_a = elm.tagName) === null || _a === void 0 ? void 0 : _a.startsWith('ION-'); };
-    const isAllowedIonicModeValue = (elmMode) => ['ios', 'md'].includes(elmMode);
-    index.setMode((elm) => {
-        while (elm) {
-            const elmMode = elm.mode || elm.getAttribute('mode');
-            if (elmMode) {
-                if (isAllowedIonicModeValue(elmMode)) {
-                    return elmMode;
-                }
-                else if (isIonicElement(elm)) {
-                    console.warn('Invalid ionic mode: "' + elmMode + '", expected: "ios" or "md"');
-                }
-            }
-            elm = elm.parentElement;
-        }
-        return defaultMode;
-    });
-};
-
-exports.config = config;
-exports.getIonMode = getIonMode;
-exports.getPlatforms = getPlatforms;
-exports.initialize = initialize;
-exports.isPlatform = isPlatform;

package/dist/collection/components/button/test/round/button.e2e.js

@@ -1,17 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-/**
- * All content takes up the full width, so RTL has no effect.
- */
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('button: round'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto(`/src/components/button/test/round`, config);
-            await page.setIonViewport();
-            await expect(page).toHaveScreenshot(screenshot(`button-round`));
-        });
-    });
-});

package/dist/collection/components/input-password-toggle/input-password-toggle.js

@@ -1,183 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { Host, h } from "@stencil/core";
-import { printIonWarning } from "../../utils/logging/index";
-import { createColorClasses } from "../../utils/theme";
-import { eyeOff, eye } from "ionicons/icons";
-import { getIonMode } from "../../global/ionic-global";
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
- */
-export class InputPasswordToggle {
-    constructor() {
-        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 }))));
-    }
-    static get is() { return "ion-input-password-toggle"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "ios": ["input-password-toggle.ios.scss"],
-            "md": ["input-password-toggle.md.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "ios": ["input-password-toggle.ios.css"],
-            "md": ["input-password-toggle.md.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "Color",
-                    "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
-                    "references": {
-                        "Color": {
-                            "location": "import",
-                            "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics)."
-                },
-                "attribute": "color",
-                "reflect": true
-            },
-            "showIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The icon that can be used to represent showing a password. If not set, the \"eye\" Ionicon will be used."
-                },
-                "attribute": "show-icon",
-                "reflect": false
-            },
-            "hideIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The icon that can be used to represent hiding a password. If not set, the \"eyeOff\" Ionicon will be used."
-                },
-                "attribute": "hide-icon",
-                "reflect": false
-            },
-            "type": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "TextFieldTypes",
-                    "resolved": "\"date\" | \"datetime-local\" | \"email\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
-                    "references": {
-                        "TextFieldTypes": {
-                            "location": "import",
-                            "path": "../../interface",
-                            "id": "src/interface.d.ts::TextFieldTypes"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "internal",
-                            "text": undefined
-                        }],
-                    "text": ""
-                },
-                "attribute": "type",
-                "reflect": false,
-                "defaultValue": "'password'"
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "type",
-                "methodName": "onTypeChange"
-            }];
-    }
-}

package/dist/collection/components/input-password-toggle/test/a11y/input-password-toggle.e2e.js

@@ -1,21 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import AxeBuilder from "@axe-core/playwright";
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('input password toggle: a11y'), () => {
-        test('should not have accessibility violations', async ({ page }) => {
-            await page.setContent(`
-          <main>
-            <ion-input label="input" type="password">
-              <ion-input-password-toggle slot="end"></ion-input-password-toggle>
-            </ion-input>
-          </main>
-        `, config);
-            const results = await new AxeBuilder({ page }).analyze();
-            expect(results.violations).toEqual([]);
-        });
-    });
-});

package/dist/collection/components/input-password-toggle/test/basic/input-password-toggle.e2e.js

@@ -1,38 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-    test.describe(title('input password toggle: states'), () => {
-        test('should be hidden when inside of a readonly input', async ({ page }) => {
-            await page.setContent(`
-          <ion-input label="input" type="password" readonly="true">
-            <ion-input-password-toggle slot="end"></ion-input-password-toggle>
-          </ion-input>
-        `, config);
-            const inputPasswordToggle = page.locator('ion-input-password-toggle');
-            await expect(inputPasswordToggle).toBeHidden();
-        });
-        test('should be hidden when inside of a disabled input', async ({ page }) => {
-            await page.setContent(`
-          <ion-input label="input" type="password" disabled="true">
-            <ion-input-password-toggle slot="end"></ion-input-password-toggle>
-          </ion-input>
-        `, config);
-            const inputPasswordToggle = page.locator('ion-input-password-toggle');
-            await expect(inputPasswordToggle).toBeHidden();
-        });
-    });
-    test.describe(title('input password toggle: rendering'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.setContent(`
-          <ion-input label="input" type="password">
-            <ion-input-password-toggle slot="end"></ion-input-password-toggle>
-          </ion-input>
-        `, config);
-            const inputPasswordToggle = page.locator('ion-input-password-toggle');
-            await expect(inputPasswordToggle).toHaveScreenshot(screenshot('input-password-toggle'));
-        });
-    });
-});

package/dist/collection/components/input-password-toggle/test/input-password-toggle.spec.js

@@ -1,76 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from "@stencil/core";
-import { newSpecPage } from "@stencil/core/testing";
-import { Input } from "../../input/input";
-import { InputPasswordToggle } from "../input-password-toggle";
-import { Button } from "../../button/button";
-import { initialize } from "../../../global/ionic-global";
-describe('input password toggle', () => {
-    it('should toggle input type when clicked', async () => {
-        const page = await newSpecPage({
-            components: [Input, InputPasswordToggle, Button],
-            template: () => (h("ion-input", { type: "password" }, h("ion-input-password-toggle", { slot: "end" }))),
-        });
-        const inputPasswordToggle = page.body.querySelector('ion-input-password-toggle');
-        const button = inputPasswordToggle.shadowRoot.querySelector('ion-button');
-        const input = page.body.querySelector('ion-input');
-        expect(input.type).toBe('password');
-        button.click();
-        await page.waitForChanges();
-        expect(input.type).toBe('text');
-        button.click();
-        await page.waitForChanges();
-        expect(input.type).toBe('password');
-    });
-    it('should render custom icons', async () => {
-        const page = await newSpecPage({
-            components: [Input, InputPasswordToggle, Button],
-            template: () => (h("ion-input", { type: "password" }, h("ion-input-password-toggle", { showIcon: "show", hideIcon: "hide", slot: "end" }))),
-        });
-        const inputPasswordToggle = page.body.querySelector('ion-input-password-toggle');
-        const button = inputPasswordToggle.shadowRoot.querySelector('ion-button');
-        const icon = inputPasswordToggle.shadowRoot.querySelector('ion-icon');
-        // Grab the attribute to test since we are not actually passing in a valid SVG
-        expect(icon.getAttribute('icon')).toBe('show');
-        button.click();
-        await page.waitForChanges();
-        expect(icon.getAttribute('icon')).toBe('hide');
-    });
-    it('changing the type on the input should update the icon used in password toggle', async () => {
-        const page = await newSpecPage({
-            components: [Input, InputPasswordToggle, Button],
-            template: () => (h("ion-input", { type: "password" }, h("ion-input-password-toggle", { showIcon: "show", hideIcon: "hide", slot: "end" }))),
-        });
-        const inputPasswordToggle = page.body.querySelector('ion-input-password-toggle');
-        const input = page.body.querySelector('ion-input');
-        const icon = inputPasswordToggle.shadowRoot.querySelector('ion-icon');
-        // Grab the attribute to test since we are not actually passing in a valid SVG
-        expect(icon.getAttribute('icon')).toBe('show');
-        input.type = 'text';
-        await page.waitForChanges();
-        expect(icon.getAttribute('icon')).toBe('hide');
-        input.type = 'password';
-        await page.waitForChanges();
-        expect(icon.getAttribute('icon')).toBe('show');
-    });
-    it('should inherit the mode and color to internal ionic components', async () => {
-        /**
-         * This initialize script tells Stencil how to determine the mode on components.
-         * This is required for any getIonMode internal logic to function properly in spec tests.
-         */
-        initialize();
-        const page = await newSpecPage({
-            components: [Input, InputPasswordToggle, Button],
-            template: () => (h("ion-input", { type: "password", color: "primary" }, h("ion-input-password-toggle", { slot: "end", mode: "ios", color: "danger" }))),
-        });
-        const inputPasswordToggle = page.body.querySelector('ion-input-password-toggle');
-        const button = inputPasswordToggle.shadowRoot.querySelector('ion-button');
-        await page.waitForChanges();
-        // mode is a virtual prop so we need to access it as an attribute
-        expect(button.getAttribute('mode')).toBe('ios');
-        // color is an actual prop so we can access the element property
-        expect(button.color).toBe('danger');
-    });
-});

package/dist/esm/index-9b0d46f4.js

@@ -1,34 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-/**
- * 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 ')}.`);
-};
-
-export { printIonError as a, printRequiredElementError as b, printIonWarning as p };