@rdlabo/ionic-theme-ios27 0.1.0-0 → 0.1.0-1

package/dist/focus-controller /index.js

@@ -1,62 +0,0 @@
-import { config } from '../utils';
-const moveFocus = (el) => {
-    el.tabIndex = -1;
-    el.focus();
-};
-const isVisible = (el) => {
-    return el.offsetParent !== null;
-};
-export const createFocusController = () => {
-    const saveViewFocus = (referenceEl) => {
-        const focusManagerEnabled = config.get('focusManagerPriority', false);
-        if (focusManagerEnabled) {
-            const activeEl = document.activeElement;
-            if (activeEl !== null && referenceEl?.contains(activeEl)) {
-                activeEl.setAttribute(LAST_FOCUS, 'true');
-            }
-        }
-    };
-    const setViewFocus = (referenceEl) => {
-        const focusManagerPriorities = config.get('focusManagerPriority', false);
-        if (Array.isArray(focusManagerPriorities) && !referenceEl.contains(document.activeElement)) {
-            const lastFocus = referenceEl.querySelector(`[${LAST_FOCUS}]`);
-            if (lastFocus && isVisible(lastFocus)) {
-                moveFocus(lastFocus);
-                return;
-            }
-            for (const priority of focusManagerPriorities) {
-                switch (priority) {
-                    case 'content':
-                        const content = referenceEl.querySelector('main, [role="main"]');
-                        if (content && isVisible(content)) {
-                            moveFocus(content);
-                            return;
-                        }
-                        break;
-                    case 'heading':
-                        const headingOne = referenceEl.querySelector('h1, [role="heading"][aria-level="1"]');
-                        if (headingOne && isVisible(headingOne)) {
-                            moveFocus(headingOne);
-                            return;
-                        }
-                        break;
-                    case 'banner':
-                        const header = referenceEl.querySelector('header, [role="banner"]');
-                        if (header && isVisible(header)) {
-                            moveFocus(header);
-                            return;
-                        }
-                        break;
-                    default:
-                        break;
-                }
-            }
-            moveFocus(referenceEl);
-        }
-    };
-    return {
-        saveViewFocus,
-        setViewFocus,
-    };
-};
-const LAST_FOCUS = 'ion-last-focus';

package/docs/ios-18.md

@@ -1,16 +0,0 @@
----
-title: Supporting iOS 18
----
-
-# Supporting iOS 18
-
-## How to prevent loading the theme on iOS 18
-
-If you want to load a theme file only when the user's device is running iOS 26 (and let users on iOS 18 use the default Ionic iOS theme), you can achieve this by adding a supports-condition to your `import`.
-
-```css
-@import '@rdlabo/ionic-theme-ios27/dist/css/default-variables.css' supports(text-wrap: pretty);
-@import '@rdlabo/ionic-theme-ios27/dist/css/ionic-theme-ios26.css' supports(text-wrap: pretty);
-@import '@rdlabo/ionic-theme-ios27/dist/css/md-remove-ios-class-effect.css' supports(text-wrap: pretty);
-@import '@rdlabo/ionic-theme-ios27/dist/css/md-ion-list-inset.css' supports(text-wrap: pretty);
-```