@rdlabo/ionic-theme-ios26 1.0.6 → 1.1.0

package/src/{gestures → sheets-of-glass}/animations.ts

@@ -1,7 +1,7 @@
 import { Animation, AnimationKeyFrames } from '@ionic/core/dist/types/utils/animation/animation-interface';
 import { AnimationPosition, EffectScales } from './interfaces';
 import { createAnimation, GestureDetail } from '@ionic/core';
-import { getStep } from './utils';
+import { getStep } from '../utils';
 
 export const getScaleAnimation = (effectElement: Element): Animation => {
   return createAnimation().addElement(effectElement.shadowRoot!.querySelector<HTMLElement>('[part="native"]')!).easing('ease-out');

package/src/{gestures → sheets-of-glass}/index.ts

@@ -2,7 +2,7 @@ import { AnimationPosition, EffectScales, registeredEffect } from './interfaces'
 import { createAnimation, createGesture, GestureDetail } from '@ionic/core';
 import type { Animation } from '@ionic/core/dist/types/utils/animation/animation-interface';
 import { Gesture } from '@ionic/core/dist/types/utils/gesture';
-import { changeSelectedElement, cloneElement, getStep } from './utils';
+import { changeSelectedElement, cloneElement, getStep } from '../utils';
 import { createMoveAnimation, createPreMoveAnimation, getMoveAnimationKeyframe, getScaleAnimation } from './animations';
 
 const GESTURE_NAME = 'ios26-enable-gesture';

package/src/styles/components/ion-alert.scss

@@ -1,6 +1,7 @@
 @use '../utils/api';
 
 ion-alert.ios:not(.ios26-disabled) {
+  --min-width: 280px;
   --backdrop-opacity: 0.2;
 
   // --max-width: clamp(270px, 16.875rem, 324px);

package/src/styles/components/ion-popover.scss

@@ -18,6 +18,12 @@ ion-popover.ios:not(.ios26-disabled) {
       background: transparent;
       ion-item {
         --background: transparent;
+        &:last-of-type {
+          --border-width: 0px;
+          --show-full-highlight: 0;
+          --inner-border-width: 0px;
+          --show-inset-highlight: 0;
+        }
       }
     }
   }

package/src/{gestures/utils.ts → utils.ts}

@@ -1,4 +1,21 @@
-import { AnimationPosition } from './interfaces';
+import { AnimationPosition } from './sheets-of-glass/interfaces';
+
+declare const __zone_symbol__requestAnimationFrame: any;
+declare const requestAnimationFrame: any;
+
+export const getElementRoot = (el: HTMLElement, fallback: HTMLElement = el) => {
+  return el.shadowRoot || fallback;
+};
+
+export const raf = (h: FrameRequestCallback) => {
+  if (typeof __zone_symbol__requestAnimationFrame === 'function') {
+    return __zone_symbol__requestAnimationFrame(h);
+  }
+  if (typeof requestAnimationFrame === 'function') {
+    return requestAnimationFrame(h);
+  }
+  return setTimeout(h);
+};
 
 export const cloneElement = (tagName: string): HTMLElement => {
   const getCachedEl = document.querySelector(`${tagName}.ion-cloned-element`);