@ionic/core 7.5.8-dev.11704294569.1abc989d → 7.5.8-dev.11705350665.1a40ee3a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "7.5.8-dev.11704294569.1abc989d",
+  "version": "7.5.8-dev.11705350665.1a40ee3a",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",

package/components/ion-picker-column-internal.d.ts

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

package/components/ion-picker-column-internal.js

@@ -1,9 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { P as PickerColumnInternal, d as defineCustomElement$1 } from './picker-column-internal.js';
-
-const IonPickerColumnInternal = PickerColumnInternal;
-const defineCustomElement = defineCustomElement$1;
-
-export { IonPickerColumnInternal, defineCustomElement };

package/components/ion-picker-internal.js

@@ -1,9 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { P as PickerInternal, d as defineCustomElement$1 } from './picker-internal.js';
-
-const IonPickerInternal = PickerInternal;
-const defineCustomElement = defineCustomElement$1;
-
-export { IonPickerInternal, defineCustomElement };

package/components/picker-column-internal.js

@@ -1,390 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { r as raf, g as getElementRoot } from './helpers.js';
-import { a as hapticSelectionStart, b as hapticSelectionChanged, h as hapticSelectionEnd } from './haptic.js';
-import { a as isPlatform, b as getIonMode } from './ionic-global.js';
-import { c as createColorClasses } from './theme.js';
-
-const pickerColumnInternalIosCss = ":host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item[disabled]{cursor:default}:host .picker-item-empty,:host(:not([disabled])) .picker-item[disabled]{scroll-snap-align:none}:host([disabled]){overflow-y:hidden}:host .picker-item[disabled]{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}";
-
-const pickerColumnInternalMdCss = ":host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item[disabled]{cursor:default}:host .picker-item-empty,:host(:not([disabled])) .picker-item[disabled]{scroll-snap-align:none}:host([disabled]){overflow-y:hidden}:host .picker-item[disabled]{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}:host .picker-item-active{color:var(--ion-color-base)}";
-
-const PickerColumnInternal = /*@__PURE__*/ proxyCustomElement(class PickerColumnInternal extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.ionChange = createEvent(this, "ionChange", 7);
-        this.isScrolling = false;
-        this.isColumnVisible = false;
-        this.canExitInputMode = true;
-        this.centerPickerItemInView = (target, smooth = true, canExitInputMode = true) => {
-            const { el, isColumnVisible } = this;
-            if (isColumnVisible) {
-                // (Vertical offset from parent) - (three empty picker rows) + (half the height of the target to ensure the scroll triggers)
-                const top = target.offsetTop - 3 * target.clientHeight + target.clientHeight / 2;
-                if (el.scrollTop !== top) {
-                    /**
-                     * Setting this flag prevents input
-                     * mode from exiting in the picker column's
-                     * scroll callback. This is useful when the user manually
-                     * taps an item or types on the keyboard as both
-                     * of these can cause a scroll to occur.
-                     */
-                    this.canExitInputMode = canExitInputMode;
-                    el.scroll({
-                        top,
-                        left: 0,
-                        behavior: smooth ? 'smooth' : undefined,
-                    });
-                }
-            }
-        };
-        this.setPickerItemActiveState = (item, isActive) => {
-            if (isActive) {
-                item.classList.add(PICKER_ITEM_ACTIVE_CLASS);
-                item.part.add(PICKER_ITEM_ACTIVE_PART);
-            }
-            else {
-                item.classList.remove(PICKER_ITEM_ACTIVE_CLASS);
-                item.part.remove(PICKER_ITEM_ACTIVE_PART);
-            }
-        };
-        /**
-         * When ionInputModeChange is emitted, each column
-         * needs to check if it is the one being made available
-         * for text entry.
-         */
-        this.inputModeChange = (ev) => {
-            if (!this.numericInput) {
-                return;
-            }
-            const { useInputMode, inputModeColumn } = ev.detail;
-            /**
-             * If inputModeColumn is undefined then this means
-             * all numericInput columns are being selected.
-             */
-            const isColumnActive = inputModeColumn === undefined || inputModeColumn === this.el;
-            if (!useInputMode || !isColumnActive) {
-                this.setInputModeActive(false);
-                return;
-            }
-            this.setInputModeActive(true);
-        };
-        /**
-         * Setting isActive will cause a re-render.
-         * As a result, we do not want to cause the
-         * re-render mid scroll as this will cause
-         * the picker column to jump back to
-         * whatever value was selected at the
-         * start of the scroll interaction.
-         */
-        this.setInputModeActive = (state) => {
-            if (this.isScrolling) {
-                this.scrollEndCallback = () => {
-                    this.isActive = state;
-                };
-                return;
-            }
-            this.isActive = state;
-        };
-        /**
-         * When the column scrolls, the component
-         * needs to determine which item is centered
-         * in the view and will emit an ionChange with
-         * the item object.
-         */
-        this.initializeScrollListener = () => {
-            /**
-             * The haptics for the wheel picker are
-             * an iOS-only feature. As a result, they should
-             * be disabled on Android.
-             */
-            const enableHaptics = isPlatform('ios');
-            const { el } = this;
-            let timeout;
-            let activeEl = this.activeItem;
-            const scrollCallback = () => {
-                raf(() => {
-                    if (timeout) {
-                        clearTimeout(timeout);
-                        timeout = undefined;
-                    }
-                    if (!this.isScrolling) {
-                        enableHaptics && hapticSelectionStart();
-                        this.isScrolling = true;
-                    }
-                    /**
-                     * Select item in the center of the column
-                     * which is the month/year that we want to select
-                     */
-                    const bbox = el.getBoundingClientRect();
-                    const centerX = bbox.x + bbox.width / 2;
-                    const centerY = bbox.y + bbox.height / 2;
-                    const activeElement = el.shadowRoot.elementFromPoint(centerX, centerY);
-                    if (activeEl !== null) {
-                        this.setPickerItemActiveState(activeEl, false);
-                    }
-                    if (activeElement === null || activeElement.disabled) {
-                        return;
-                    }
-                    /**
-                     * If we are selecting a new value,
-                     * we need to run haptics again.
-                     */
-                    if (activeElement !== activeEl) {
-                        enableHaptics && hapticSelectionChanged();
-                        if (this.canExitInputMode) {
-                            /**
-                             * The native iOS wheel picker
-                             * only dismisses the keyboard
-                             * once the selected item has changed
-                             * as a result of a swipe
-                             * from the user. If `canExitInputMode` is
-                             * `false` then this means that the
-                             * scroll is happening as a result of
-                             * the `value` property programmatically changing
-                             * either by an application or by the user via the keyboard.
-                             */
-                            this.exitInputMode();
-                        }
-                    }
-                    activeEl = activeElement;
-                    this.setPickerItemActiveState(activeElement, true);
-                    timeout = setTimeout(() => {
-                        this.isScrolling = false;
-                        enableHaptics && hapticSelectionEnd();
-                        /**
-                         * Certain tasks (such as those that
-                         * cause re-renders) should only be done
-                         * once scrolling has finished, otherwise
-                         * flickering may occur.
-                         */
-                        const { scrollEndCallback } = this;
-                        if (scrollEndCallback) {
-                            scrollEndCallback();
-                            this.scrollEndCallback = undefined;
-                        }
-                        /**
-                         * Reset this flag as the
-                         * next scroll interaction could
-                         * be a scroll from the user. In this
-                         * case, we should exit input mode.
-                         */
-                        this.canExitInputMode = true;
-                        const dataIndex = activeElement.getAttribute('data-index');
-                        /**
-                         * If no value it is
-                         * possible we hit one of the
-                         * empty padding columns.
-                         */
-                        if (dataIndex === null) {
-                            return;
-                        }
-                        const index = parseInt(dataIndex, 10);
-                        const selectedItem = this.items[index];
-                        if (selectedItem.value !== this.value) {
-                            this.setValue(selectedItem.value);
-                        }
-                    }, 250);
-                });
-            };
-            /**
-             * Wrap this in an raf so that the scroll callback
-             * does not fire when component is initially shown.
-             */
-            raf(() => {
-                el.addEventListener('scroll', scrollCallback);
-                this.destroyScrollListener = () => {
-                    el.removeEventListener('scroll', scrollCallback);
-                };
-            });
-        };
-        /**
-         * Tells the parent picker to
-         * exit text entry mode. This is only called
-         * when the selected item changes during scroll, so
-         * we know that the user likely wants to scroll
-         * instead of type.
-         */
-        this.exitInputMode = () => {
-            const { parentEl } = this;
-            if (parentEl == null)
-                return;
-            parentEl.exitInputMode();
-            /**
-             * setInputModeActive only takes
-             * effect once scrolling stops to avoid
-             * a component re-render while scrolling.
-             * However, we want the visual active
-             * indicator to go away immediately, so
-             * we call classList.remove here.
-             */
-            this.el.classList.remove('picker-column-active');
-        };
-        this.isActive = false;
-        this.disabled = false;
-        this.items = [];
-        this.value = undefined;
-        this.color = 'primary';
-        this.numericInput = false;
-    }
-    valueChange() {
-        if (this.isColumnVisible) {
-            /**
-             * Only scroll the active item into view when the picker column
-             * is actively visible to the user.
-             */
-            this.scrollActiveItemIntoView();
-        }
-    }
-    /**
-     * Only setup scroll listeners
-     * when the picker is visible, otherwise
-     * the container will have a scroll
-     * height of 0px.
-     */
-    componentWillLoad() {
-        const visibleCallback = (entries) => {
-            const ev = entries[0];
-            if (ev.isIntersecting) {
-                const { activeItem, el } = this;
-                this.isColumnVisible = true;
-                /**
-                 * Because this initial call to scrollActiveItemIntoView has to fire before
-                 * the scroll listener is set up, we need to manage the active class manually.
-                 */
-                const oldActive = getElementRoot(el).querySelector(`.${PICKER_ITEM_ACTIVE_CLASS}`);
-                if (oldActive) {
-                    this.setPickerItemActiveState(oldActive, false);
-                }
-                this.scrollActiveItemIntoView();
-                if (activeItem) {
-                    this.setPickerItemActiveState(activeItem, true);
-                }
-                this.initializeScrollListener();
-            }
-            else {
-                this.isColumnVisible = false;
-                if (this.destroyScrollListener) {
-                    this.destroyScrollListener();
-                    this.destroyScrollListener = undefined;
-                }
-            }
-        };
-        new IntersectionObserver(visibleCallback, { threshold: 0.001 }).observe(this.el);
-        const parentEl = (this.parentEl = this.el.closest('ion-picker-internal'));
-        if (parentEl !== null) {
-            // TODO(FW-2832): type
-            parentEl.addEventListener('ionInputModeChange', (ev) => this.inputModeChange(ev));
-        }
-    }
-    componentDidRender() {
-        var _a;
-        const { activeItem, items, isColumnVisible, value } = this;
-        if (isColumnVisible) {
-            if (activeItem) {
-                this.scrollActiveItemIntoView();
-            }
-            else if (((_a = items[0]) === null || _a === void 0 ? void 0 : _a.value) !== value) {
-                /**
-                 * If the picker column does not have an active item and the current value
-                 * does not match the first item in the picker column, that means
-                 * the value is out of bounds. In this case, we assign the value to the
-                 * first item to match the scroll position of the column.
-                 *
-                 */
-                this.setValue(items[0].value);
-            }
-        }
-    }
-    /** @internal  */
-    async scrollActiveItemIntoView() {
-        const activeEl = this.activeItem;
-        if (activeEl) {
-            this.centerPickerItemInView(activeEl, false, false);
-        }
-    }
-    /**
-     * Sets the value prop and fires the ionChange event.
-     * This is used when we need to fire ionChange from
-     * user-generated events that cannot be caught with normal
-     * input/change event listeners.
-     * @internal
-     */
-    async setValue(value) {
-        const { items } = this;
-        this.value = value;
-        const findItem = items.find((item) => item.value === value && item.disabled !== true);
-        if (findItem) {
-            this.ionChange.emit(findItem);
-        }
-    }
-    get activeItem() {
-        // If the whole picker column is disabled, the current value should appear active
-        // If the current value item is specifically disabled, it should not appear active
-        const selector = `.picker-item[data-value="${this.value}"]${this.disabled ? '' : ':not([disabled])'}`;
-        return getElementRoot(this.el).querySelector(selector);
-    }
-    render() {
-        const { items, color, disabled: pickerDisabled, isActive, numericInput } = this;
-        const mode = getIonMode(this);
-        /**
-         * exportparts is needed so ion-datetime can expose the parts
-         * from two layers of shadow nesting. If this causes problems,
-         * the attribute can be moved to datetime.tsx and set on every
-         * instance of ion-picker-column-internal there instead.
-         */
-        return (h(Host, { exportparts: `${PICKER_ITEM_PART}, ${PICKER_ITEM_ACTIVE_PART}`, disabled: pickerDisabled, tabindex: pickerDisabled ? null : 0, class: createColorClasses(color, {
-                [mode]: true,
-                ['picker-column-active']: isActive,
-                ['picker-column-numeric-input']: numericInput,
-            }) }, h("div", { class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), items.map((item, index) => {
-            const isItemDisabled = pickerDisabled || item.disabled || false;
-            return (h("button", { tabindex: "-1", class: {
-                    'picker-item': true,
-                }, "data-value": item.value, "data-index": index, onClick: (ev) => {
-                    this.centerPickerItemInView(ev.target, true);
-                }, disabled: isItemDisabled, part: PICKER_ITEM_PART }, item.text));
-        }), h("div", { class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0")));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "value": ["valueChange"]
-    }; }
-    static get style() { return {
-        ios: pickerColumnInternalIosCss,
-        md: pickerColumnInternalMdCss
-    }; }
-}, [33, "ion-picker-column-internal", {
-        "disabled": [4],
-        "items": [16],
-        "value": [1032],
-        "color": [513],
-        "numericInput": [4, "numeric-input"],
-        "isActive": [32],
-        "scrollActiveItemIntoView": [64],
-        "setValue": [64]
-    }, undefined, {
-        "value": ["valueChange"]
-    }]);
-const PICKER_ITEM_ACTIVE_CLASS = 'picker-item-active';
-const PICKER_ITEM_PART = 'wheel-item';
-const PICKER_ITEM_ACTIVE_PART = 'active';
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-picker-column-internal"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-picker-column-internal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PickerColumnInternal);
-            }
-            break;
-    } });
-}
-
-export { PickerColumnInternal as P, defineCustomElement as d };

package/css/themes/dark.always.css

@@ -1,122 +0,0 @@
-:root {
-  --ion-color-primary: #4d8dff;
-  --ion-color-primary-rgb: 77, 141, 255;
-  --ion-color-primary-contrast: #000000;
-  --ion-color-primary-contrast-rgb: 0, 0, 0;
-  --ion-color-primary-shade: #447ce0;
-  --ion-color-primary-tint: #5f98ff;
-  --ion-color-secondary: #62bdff;
-  --ion-color-secondary-rgb: 98, 189, 255;
-  --ion-color-secondary-contrast: #000000;
-  --ion-color-secondary-contrast-rgb: 0, 0, 0;
-  --ion-color-secondary-shade: #56a6e0;
-  --ion-color-secondary-tint: #72c4ff;
-  --ion-color-tertiary: #8482fb;
-  --ion-color-tertiary-rgb: 132, 130, 251;
-  --ion-color-tertiary-contrast: #000000;
-  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
-  --ion-color-tertiary-shade: #7472dd;
-  --ion-color-tertiary-tint: #908ffb;
-  --ion-color-success: #2dd55b;
-  --ion-color-success-rgb: 45, 213, 91;
-  --ion-color-success-contrast: #000000;
-  --ion-color-success-contrast-rgb: 0, 0, 0;
-  --ion-color-success-shade: #28bb50;
-  --ion-color-success-tint: #42d96b;
-  --ion-color-warning: #ffce31;
-  --ion-color-warning-rgb: 255, 206, 49;
-  --ion-color-warning-contrast: #000000;
-  --ion-color-warning-contrast-rgb: 0, 0, 0;
-  --ion-color-warning-shade: #e0b52b;
-  --ion-color-warning-tint: #ffd346;
-  --ion-color-danger: #f56570;
-  --ion-color-danger-rgb: 245, 101, 112;
-  --ion-color-danger-contrast: #000000;
-  --ion-color-danger-contrast-rgb: 0, 0, 0;
-  --ion-color-danger-shade: #d85963;
-  --ion-color-danger-tint: #f6747e;
-  --ion-color-dark: #f3f3f3;
-  --ion-color-dark-rgb: 243, 243, 243;
-  --ion-color-dark-contrast: #000000;
-  --ion-color-dark-contrast-rgb: 0, 0, 0;
-  --ion-color-dark-shade: #d6d6d6;
-  --ion-color-dark-tint: #f4f4f4;
-  --ion-color-medium: #959595;
-  --ion-color-medium-rgb: 149, 149, 149;
-  --ion-color-medium-contrast: #000000;
-  --ion-color-medium-contrast-rgb: 0, 0, 0;
-  --ion-color-medium-shade: #838383;
-  --ion-color-medium-tint: #a0a0a0;
-  --ion-color-light: #2f2f2f;
-  --ion-color-light-rgb: 47, 47, 47;
-  --ion-color-light-contrast: #ffffff;
-  --ion-color-light-contrast-rgb: 255, 255, 255;
-  --ion-color-light-shade: #292929;
-  --ion-color-light-tint: #444444;
-}
-
-.ios body {
-  --ion-background-color: #000000;
-  --ion-background-color-rgb: 0, 0, 0;
-  --ion-text-color: #ffffff;
-  --ion-text-color-rgb: 255, 255, 255;
-  --ion-color-step-50: #0d0d0d;
-  --ion-color-step-100: #1a1a1a;
-  --ion-color-step-150: #262626;
-  --ion-color-step-200: #333333;
-  --ion-color-step-250: #404040;
-  --ion-color-step-300: #4d4d4d;
-  --ion-color-step-350: #595959;
-  --ion-color-step-400: #666666;
-  --ion-color-step-450: #737373;
-  --ion-color-step-500: #808080;
-  --ion-color-step-550: #8c8c8c;
-  --ion-color-step-600: #999999;
-  --ion-color-step-650: #a6a6a6;
-  --ion-color-step-700: #b3b3b3;
-  --ion-color-step-750: #bfbfbf;
-  --ion-color-step-800: #cccccc;
-  --ion-color-step-850: #d9d9d9;
-  --ion-color-step-900: #e6e6e6;
-  --ion-color-step-950: #f2f2f2;
-  --ion-item-background: #000000;
-  --ion-card-background: #1c1c1d;
-}
-.ios body ion-modal {
-  --ion-background-color: var(--ion-color-step-100);
-  --ion-toolbar-background: var(--ion-color-step-150);
-  --ion-toolbar-border-color: var(--ion-color-step-250);
-}
-
-.md body {
-  --ion-background-color: #121212;
-  --ion-background-color-rgb: 18, 18, 18;
-  --ion-text-color: #ffffff;
-  --ion-text-color-rgb: 255, 255, 255;
-  --ion-border-color: #222222;
-  --ion-color-step-50: #1e1e1e;
-  --ion-color-step-100: #2a2a2a;
-  --ion-color-step-150: #363636;
-  --ion-color-step-200: #414141;
-  --ion-color-step-250: #4d4d4d;
-  --ion-color-step-300: #595959;
-  --ion-color-step-350: #656565;
-  --ion-color-step-400: #717171;
-  --ion-color-step-450: #7d7d7d;
-  --ion-color-step-500: #898989;
-  --ion-color-step-550: #949494;
-  --ion-color-step-600: #a0a0a0;
-  --ion-color-step-650: #acacac;
-  --ion-color-step-700: #b8b8b8;
-  --ion-color-step-750: #c4c4c4;
-  --ion-color-step-800: #d0d0d0;
-  --ion-color-step-850: #dbdbdb;
-  --ion-color-step-900: #e7e7e7;
-  --ion-color-step-950: #f3f3f3;
-  --ion-item-background: #1e1e1e;
-  --ion-toolbar-background: #1f1f1f;
-  --ion-tab-bar-background: #1f1f1f;
-  --ion-card-background: #1e1e1e;
-}
-
-/*# sourceMappingURL=dark.always.css.map */

package/css/themes/dark.always.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.scss"],"names":[],"mappings":"AACE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dark.always.css","sourcesContent":["@mixin dark-base-theme() {\n  & {\n    --ion-color-primary: #4d8dff;\n    --ion-color-primary-rgb: 77, 141, 255;\n    --ion-color-primary-contrast: #000000;\n    --ion-color-primary-contrast-rgb: 0, 0, 0;\n    --ion-color-primary-shade: #447ce0;\n    --ion-color-primary-tint: #5f98ff;\n    --ion-color-secondary: #62bdff;\n    --ion-color-secondary-rgb: 98, 189, 255;\n    --ion-color-secondary-contrast: #000000;\n    --ion-color-secondary-contrast-rgb: 0, 0, 0;\n    --ion-color-secondary-shade: #56a6e0;\n    --ion-color-secondary-tint: #72c4ff;\n    --ion-color-tertiary: #8482fb;\n    --ion-color-tertiary-rgb: 132, 130, 251;\n    --ion-color-tertiary-contrast: #000000;\n    --ion-color-tertiary-contrast-rgb: 0, 0, 0;\n    --ion-color-tertiary-shade: #7472dd;\n    --ion-color-tertiary-tint: #908ffb;\n    --ion-color-success: #2dd55b;\n    --ion-color-success-rgb: 45, 213, 91;\n    --ion-color-success-contrast: #000000;\n    --ion-color-success-contrast-rgb: 0, 0, 0;\n    --ion-color-success-shade: #28bb50;\n    --ion-color-success-tint: #42d96b;\n    --ion-color-warning: #ffce31;\n    --ion-color-warning-rgb: 255, 206, 49;\n    --ion-color-warning-contrast: #000000;\n    --ion-color-warning-contrast-rgb: 0, 0, 0;\n    --ion-color-warning-shade: #e0b52b;\n    --ion-color-warning-tint: #ffd346;\n    --ion-color-danger: #f56570;\n    --ion-color-danger-rgb: 245, 101, 112;\n    --ion-color-danger-contrast: #000000;\n    --ion-color-danger-contrast-rgb: 0, 0, 0;\n    --ion-color-danger-shade: #d85963;\n    --ion-color-danger-tint: #f6747e;\n    --ion-color-dark: #f3f3f3;\n    --ion-color-dark-rgb: 243, 243, 243;\n    --ion-color-dark-contrast: #000000;\n    --ion-color-dark-contrast-rgb: 0, 0, 0;\n    --ion-color-dark-shade: #d6d6d6;\n    --ion-color-dark-tint: #f4f4f4;\n    --ion-color-medium: #959595;\n    --ion-color-medium-rgb: 149, 149, 149;\n    --ion-color-medium-contrast: #000000;\n    --ion-color-medium-contrast-rgb: 0, 0, 0;\n    --ion-color-medium-shade: #838383;\n    --ion-color-medium-tint: #a0a0a0;\n    --ion-color-light: #2f2f2f;\n    --ion-color-light-rgb: 47, 47, 47;\n    --ion-color-light-contrast: #ffffff;\n    --ion-color-light-contrast-rgb: 255, 255, 255;\n    --ion-color-light-shade: #292929;\n    --ion-color-light-tint: #444444;\n  }\n}\n\n@mixin dark-ios-theme() {\n  & {\n    --ion-background-color: #000000;\n    --ion-background-color-rgb: 0, 0, 0;\n    --ion-text-color: #ffffff;\n    --ion-text-color-rgb: 255, 255, 255;\n    --ion-color-step-50: #0d0d0d;\n    --ion-color-step-100: #1a1a1a;\n    --ion-color-step-150: #262626;\n    --ion-color-step-200: #333333;\n    --ion-color-step-250: #404040;\n    --ion-color-step-300: #4d4d4d;\n    --ion-color-step-350: #595959;\n    --ion-color-step-400: #666666;\n    --ion-color-step-450: #737373;\n    --ion-color-step-500: #808080;\n    --ion-color-step-550: #8c8c8c;\n    --ion-color-step-600: #999999;\n    --ion-color-step-650: #a6a6a6;\n    --ion-color-step-700: #b3b3b3;\n    --ion-color-step-750: #bfbfbf;\n    --ion-color-step-800: #cccccc;\n    --ion-color-step-850: #d9d9d9;\n    --ion-color-step-900: #e6e6e6;\n    --ion-color-step-950: #f2f2f2;\n    --ion-item-background: #000000;\n    --ion-card-background: #1c1c1d;\n  }\n\n  & ion-modal {\n    --ion-background-color: var(--ion-color-step-100);\n    --ion-toolbar-background: var(--ion-color-step-150);\n    --ion-toolbar-border-color: var(--ion-color-step-250);\n  }\n}\n\n@mixin dark-md-theme() {\n  & {\n    --ion-background-color: #121212;\n    --ion-background-color-rgb: 18, 18, 18;\n    --ion-text-color: #ffffff;\n    --ion-text-color-rgb: 255, 255, 255;\n    --ion-border-color: #222222;\n    --ion-color-step-50: #1e1e1e;\n    --ion-color-step-100: #2a2a2a;\n    --ion-color-step-150: #363636;\n    --ion-color-step-200: #414141;\n    --ion-color-step-250: #4d4d4d;\n    --ion-color-step-300: #595959;\n    --ion-color-step-350: #656565;\n    --ion-color-step-400: #717171;\n    --ion-color-step-450: #7d7d7d;\n    --ion-color-step-500: #898989;\n    --ion-color-step-550: #949494;\n    --ion-color-step-600: #a0a0a0;\n    --ion-color-step-650: #acacac;\n    --ion-color-step-700: #b8b8b8;\n    --ion-color-step-750: #c4c4c4;\n    --ion-color-step-800: #d0d0d0;\n    --ion-color-step-850: #dbdbdb;\n    --ion-color-step-900: #e7e7e7;\n    --ion-color-step-950: #f3f3f3;\n    --ion-item-background: #1e1e1e;\n    --ion-toolbar-background: #1f1f1f;\n    --ion-tab-bar-background: #1f1f1f;\n    --ion-card-background: #1e1e1e;\n  }\n}\n"]}