@rdlabo/ionic-theme-ios27 1.0.4 → 1.1.0-beta.pr224.shac63de393e27b

package/node_modules/@rdlabo/ionic-theme-utils/src/index.ts

@@ -1,59 +0,0 @@
-export {
-  createIosTransitionAnimation,
-  shadow,
-  type IosTransitionAnimationConfig,
-  type IosTransitionAnimationOptions,
-} from './transition/ios.transition';
-
-export type {
-  PopoverInterface,
-  PopoverOptions,
-  PopoverSize,
-  TriggerAction,
-  PositionReference,
-  PositionSide,
-  PositionAlign,
-} from './popover/popover-interface';
-
-export {
-  POPOVER_IOS_BODY_MARGIN,
-  getPopoverDimensions,
-  configureDismissInteraction,
-  configureTriggerInteraction,
-  getIndexOfItem,
-  getNextItem,
-  getPrevItem,
-  getPopoverPosition,
-  calculateWindowAdjustment,
-  type ReferenceCoordinates,
-  type PopoverStyles,
-} from './popover/utils';
-
-export { createCalloutSurface } from './popover/callout-surface';
-export { iosEnterAnimation as iosPopoverEnterAnimation } from './popover/animations/ios.enter';
-export { iosLeaveAnimation as iosPopoverLeaveAnimation } from './popover/animations/ios.leave';
-export { cloneElement, getStep, changeSelectedElement, Config, config } from './theme';
-export { getElementRoot, raf } from './dom';
-export { createFocusController, type FocusController } from './focus-controller';
-export type { EffectScales, registeredEffect, AnimationPosition } from './sheets-of-glass';
-
-export {
-  TabBarSearchableType,
-  type TabBarSearchableFunction,
-  type SearchableEventCache,
-  type ElementSizes,
-  type ElementReferences,
-} from './tab-bar-searchable/interfaces';
-
-export {
-  ANIMATION_DURATION,
-  ANIMATION_DELAY_BASE,
-  ANIMATION_DELAY_CLOSE_BUTTONS,
-  ANIMATION_EASING,
-  OPACITY_TRANSITION,
-  throwErrorByFailedClickElement,
-  throwErrorByFailedExistElement,
-  getElement,
-  getElementReferences,
-  getElementSizes,
-} from './tab-bar-searchable/utils';

package/node_modules/@rdlabo/ionic-theme-utils/src/popover/animations/ios.enter.ts

@@ -1,259 +0,0 @@
-import { createAnimation } from '@ionic/core';
-import type { Animation } from '@ionic/core';
-import { calculateWindowAdjustment, getPopoverDimensions, getPopoverPosition, POPOVER_IOS_BODY_MARGIN } from '../utils';
-import { createCalloutSurface } from '../callout-surface';
-import { getElementRoot } from '../../dom';
-
-const POPOVER_IOS_BODY_PADDING = 5;
-
-/**
- * iOS Popover Enter Animation
- */
-// TODO(FW-2832): types
-export const iosEnterAnimation = (baseEl: HTMLElement, opts: any = {}): Animation => {
-  const { event: ev, size, trigger, reference, side, align } = opts;
-  const doc = baseEl.ownerDocument as any;
-  const isRTL = doc.dir === 'rtl';
-  const bodyWidth = doc.defaultView.innerWidth;
-  const bodyHeight = doc.defaultView.innerHeight;
-
-  const root = getElementRoot(baseEl);
-  const contentEl = root.querySelector('.popover-content') as HTMLElement;
-  const arrowEl = root.querySelector<HTMLElement>('.popover-arrow');
-
-  const referenceSizeEl = trigger || ev?.detail?.ionShadowTarget || ev?.target;
-  const anchorBounds = referenceSizeEl?.getBoundingClientRect();
-  // Overlays live outside the page, but must stay in the pane that opened them.
-  let paneAnchor = referenceSizeEl as HTMLElement | undefined;
-  let pane: HTMLElement | null = null;
-  while (paneAnchor && !pane) {
-    pane = paneAnchor.closest('ion-content, .ion-page, ion-menu');
-    paneAnchor = (paneAnchor.getRootNode() as ShadowRoot).host as HTMLElement | undefined;
-  }
-  const paneBounds = pane?.getBoundingClientRect();
-  const scroll = pane?.shadowRoot?.querySelector<HTMLElement>('[part="scroll"]');
-  const scrollStyle = scroll ? getComputedStyle(scroll) : null;
-  let paneLeft = Math.max(0, (paneBounds?.left ?? 0) + (parseFloat(scrollStyle?.paddingLeft ?? '0') || 0));
-  let paneRight = Math.min(bodyWidth, (paneBounds?.right ?? bodyWidth) - (parseFloat(scrollStyle?.paddingRight ?? '0') || 0));
-  // Toolbars may be siblings of ion-content; exclude the visible menu there too.
-  const splitPane = pane?.closest('ion-split-pane.split-pane-visible');
-  if (splitPane && pane?.closest('.split-pane-main')) {
-    for (const menu of Array.from(splitPane.querySelectorAll<HTMLElement>(':scope > ion-menu.menu-pane-visible'))) {
-      const rect = menu.getBoundingClientRect();
-      if (rect.left <= paneLeft && rect.right > paneLeft) paneLeft = rect.right;
-      if (rect.right >= paneRight && rect.left < paneRight) paneRight = rect.left;
-    }
-  }
-  const paneMargin = size === 'cover' ? 0 : POPOVER_IOS_BODY_MARGIN;
-  const availableWidth = Math.max(0, paneRight - paneLeft - paneMargin * 2);
-  if (pane && availableWidth > 0 && contentEl.getBoundingClientRect().width > availableWidth) {
-    contentEl.dataset['previousMaxWidth'] = contentEl.style.maxWidth;
-    contentEl.dataset['previousMaxWidthPriority'] = contentEl.style.getPropertyPriority('max-width');
-    contentEl.style.maxWidth = `${availableWidth}px`;
-  }
-  const { contentWidth, contentHeight } = getPopoverDimensions(size, contentEl, referenceSizeEl);
-
-  const isReplace = ((): boolean => {
-    if (reference === 'event' || !referenceSizeEl || !['ion-button', 'ion-buttons'].includes(referenceSizeEl.localName)) {
-      return false;
-    }
-    if (referenceSizeEl.matches('.ios-theme-disabled, .ios26-disabled')) {
-      return false;
-    }
-    return true;
-  })();
-
-  const defaultPosition = {
-    top: bodyHeight / 2 - contentHeight / 2,
-    left: bodyWidth / 2 - contentWidth / 2,
-    originX: isRTL ? 'right' : 'left',
-    originY: 'top',
-  };
-
-  const results = getPopoverPosition(isRTL, contentWidth, contentHeight, reference, side, align, defaultPosition, trigger, ev);
-
-  // Use the same reference for placement, the callout and the animation origin.
-  const anchor = reference === 'event' ? results.referenceCoordinates : anchorBounds;
-
-  const padding = size === 'cover' ? 0 : POPOVER_IOS_BODY_PADDING;
-  const margin = size === 'cover' ? 0 : POPOVER_IOS_BODY_MARGIN;
-
-  const {
-    originX,
-    originY,
-    top,
-    left: windowLeft,
-    bottom,
-    checkSafeAreaLeft,
-    checkSafeAreaRight,
-    addPopoverBottomClass,
-  } = calculateWindowAdjustment(
-    side,
-    results.top,
-    results.left,
-    padding,
-    bodyWidth,
-    bodyHeight,
-    contentWidth,
-    contentHeight,
-    margin,
-    results.originX,
-    results.originY,
-    results.referenceCoordinates,
-    referenceSizeEl?.getBoundingClientRect(),
-    isReplace,
-  );
-  // A replacing surface grows inward from the button's edge, not its center.
-  const preferredLeft =
-    isReplace && anchorBounds
-      ? anchorBounds.left + anchorBounds.width / 2 <= (paneLeft + paneRight) / 2
-        ? anchorBounds.left
-        : anchorBounds.right - contentWidth
-      : windowLeft;
-  const left = pane ? Math.max(paneLeft + paneMargin, Math.min(paneRight - paneMargin - contentWidth, preferredLeft)) : preferredLeft;
-  const physicalSide = side === 'start' ? (isRTL ? 'right' : 'left') : side === 'end' ? (isRTL ? 'left' : 'right') : side;
-  const horizontal = physicalSide === 'left' || physicalSide === 'right';
-  const above = addPopoverBottomClass || physicalSide === 'top';
-  const hasCallout = !!arrowEl && !isReplace && !!anchor && size !== 'cover' && bottom === undefined;
-  const surfaceTop = hasCallout && !horizontal ? top + (above ? -5 : 5) : top;
-  const contentOrigin = anchor
-    ? `${anchor.left + anchor.width / 2 - left}px ${anchor.top + anchor.height / 2 - surfaceTop}px`
-    : `${originX} ${originY}`;
-
-  const baseAnimation = createAnimation();
-  const backdropAnimation = createAnimation();
-  const contentAnimation = createAnimation();
-  const targetAnimation = createAnimation();
-  const arrowAnimation = createAnimation();
-  const surfaceAnimation = createAnimation();
-  if (arrowEl) {
-    arrowAnimation.addElement(arrowEl).delay(300).duration(200).fromTo('opacity', 0, 1);
-  }
-  if (hasCallout && anchor) {
-    const length = horizontal ? contentHeight : contentWidth;
-    const inset = Math.min(48, length / 2);
-    const center = Math.max(
-      inset,
-      Math.min(length - inset, horizontal ? anchor.top + anchor.height / 2 - top : anchor.left + anchor.width / 2 - left),
-    );
-    const arrowSide = horizontal ? (physicalSide === 'left' ? 'right' : 'left') : above ? 'bottom' : 'top';
-    const layers = createCalloutSurface(root, contentWidth, contentHeight, arrowSide, center);
-    baseEl.classList.add('ios-theme-callout');
-    for (const layer of layers) {
-      layer.style.left = `calc(${left - 32}px + var(--offset-x, 0))`;
-      layer.style.top = `calc(${surfaceTop - 32}px + var(--offset-y, 0))`;
-      const [originLeft, originTop] = contentOrigin.split(' ').map(parseFloat);
-      layer.style.transformOrigin = `${originLeft + 32}px ${originTop + 32}px`;
-    }
-    surfaceAnimation
-      .addElement(layers)
-      .delay(100)
-      .duration(400)
-      .easing('cubic-bezier(0, 1, 0.22, 1)')
-      .fromTo('transform', 'scale(0)', 'scale(1)')
-      .fromTo('opacity', 0.01, 1);
-  }
-
-  backdropAnimation
-    .delay(100)
-    .duration(300)
-    .addElement(root.querySelector('ion-backdrop')!)
-    .fromTo('opacity', 0.01, 'var(--backdrop-opacity)')
-    .beforeStyles({
-      'pointer-events': 'none',
-    })
-    .afterClearStyles(['pointer-events']);
-
-  // In Chromium, if the wrapper animates, the backdrop filter doesn't work.
-  // The Chromium team stated that this behavior is expected and not a bug. The element animating opacity creates a backdrop root for the backdrop-filter.
-  // To get around this, instead of animating the wrapper, animate content.
-  // https://bugs.chromium.org/p/chromium/issues/detail?id=1148826
-  contentAnimation
-    .easing('cubic-bezier(0, 1, 0.22, 1)')
-    .delay(100)
-    .duration(400)
-    .addElement(root.querySelector('.popover-content')!)
-    .beforeStyles({ 'transform-origin': contentOrigin })
-    .beforeAddWrite(() => {
-      /**
-       * 'transformOrigin' use for leave animation.
-       */
-      root.querySelector<HTMLElement>('.popover-content')!.dataset['transformOrigin'] = contentOrigin;
-    })
-    .fromTo('transform', 'scale(0)', 'scale(1)')
-    .fromTo('opacity', 0.01, 1);
-
-  if (isReplace) {
-    targetAnimation
-      .delay(0)
-      .duration(200)
-      .addElement(referenceSizeEl)
-      .beforeStyles({ 'transform-origin': `${originY} ${originX}` })
-      .beforeAddClass('ios-theme-replace-element')
-      .fromTo('transform', 'scale(1)', 'scale(1.05)')
-      .fromTo('opacity', 1, 0);
-  }
-
-  return baseAnimation
-    .easing('ease')
-    .delay(100)
-    .duration(100)
-    .beforeAddWrite(() => {
-      if (size === 'cover') {
-        baseEl.dataset['iosThemePreviousWidth'] = baseEl.style.getPropertyValue('--width');
-        baseEl.dataset['iosThemePreviousWidthPriority'] = baseEl.style.getPropertyPriority('--width');
-        baseEl.style.setProperty('--width', `${contentWidth}px`);
-      }
-
-      if (addPopoverBottomClass) {
-        baseEl.classList.add('popover-bottom');
-      }
-
-      if (bottom !== undefined) {
-        contentEl.style.setProperty('bottom', `${bottom}px`);
-      }
-
-      const safeAreaLeft = ' + var(--ion-safe-area-left, 0)';
-      const safeAreaRight = ' - var(--ion-safe-area-right, 0)';
-
-      let leftValue = `${left}px`;
-
-      if (checkSafeAreaLeft && !pane) {
-        leftValue = `${left}px${safeAreaLeft}`;
-      }
-      if (checkSafeAreaRight && !pane) {
-        leftValue = `${left}px${safeAreaRight}`;
-      }
-
-      contentEl.style.setProperty('top', `calc(${surfaceTop}px + var(--offset-y, 0))`);
-      contentEl.style.setProperty('left', `calc(${leftValue} + var(--offset-x, 0))`);
-      contentEl.style.setProperty('transform-origin', contentOrigin);
-
-      // Morphing buttons replace their anchor; ordinary anchored popovers point to it.
-      if (arrowEl) {
-        arrowEl.style.display = 'none';
-        if (hasCallout && anchor) {
-          const inset = Math.min(48, (horizontal ? contentHeight : contentWidth) / 2);
-          const clamp = (value: number, length: number) => Math.max(inset, Math.min(length - inset, value));
-          let arrowLeft: number;
-          let arrowTop: number;
-          let rotation: number;
-          if (horizontal) {
-            arrowLeft = physicalSide === 'left' ? left + contentWidth - 10 : left - 24;
-            arrowTop = top + clamp(anchor.top + anchor.height / 2 - top, contentHeight) - 7;
-            rotation = physicalSide === 'left' ? 90 : -90;
-          } else {
-            arrowLeft = left + clamp(anchor.left + anchor.width / 2 - left, contentWidth) - 17;
-            arrowTop = above ? surfaceTop + contentHeight - 1 : surfaceTop - 13;
-            rotation = above ? 180 : 0;
-          }
-          arrowEl.style.setProperty('display', 'block');
-          arrowEl.style.setProperty('top', `calc(${arrowTop}px + var(--offset-y, 0))`);
-          arrowEl.style.setProperty('left', `calc(${arrowLeft}px + var(--offset-x, 0))`);
-          arrowEl.style.setProperty('bottom', 'auto');
-          arrowEl.style.setProperty('transform', `rotate(${rotation}deg)`);
-        }
-      }
-    })
-    .addAnimation([backdropAnimation, contentAnimation, targetAnimation, arrowAnimation, surfaceAnimation]);
-};

package/node_modules/@rdlabo/ionic-theme-utils/src/popover/animations/ios.leave.ts

@@ -1,99 +0,0 @@
-import { createAnimation } from '@ionic/core';
-import { getElementRoot } from '../../dom';
-
-import type { Animation } from '@ionic/core';
-
-/**
- * iOS Popover Leave Animation
- */
-export const iosLeaveAnimation = (baseEl: HTMLElement): Animation => {
-  const root = getElementRoot(baseEl);
-  const contentEl = root.querySelector('.popover-content') as HTMLElement;
-  const arrowEl = root.querySelector('.popover-arrow') as HTMLElement | null;
-
-  const baseAnimation = createAnimation();
-  const backdropAnimation = createAnimation();
-  const contentAnimation = createAnimation();
-  const targetAnimation = createAnimation();
-  const surfaceAnimation = createAnimation()
-    .addElement(Array.from(root.querySelectorAll<HTMLElement>('.ios-theme-callout-layer')))
-    .duration(400)
-    .easing('ease')
-    .fromTo('opacity', 0.99, 0)
-    .fromTo('transform', 'scale(1)', 'scale(0)');
-
-  const doc = baseEl.ownerDocument as any;
-  const replaceElement = doc.querySelector('.ios-theme-replace-element') as HTMLElement | null;
-
-  if (replaceElement) {
-    const ratio = contentEl.getBoundingClientRect().width / contentEl.getBoundingClientRect().height;
-    const scale = ratio > 1 ? `${Math.min(1.2, 1.05 * ratio)}, 1.05` : `1.05, ${Math.min(1.2, 1.05 * ratio)}`;
-
-    targetAnimation
-      .addElement(replaceElement)
-      .delay(100)
-      .duration(300)
-      .afterRemoveClass('ios-theme-replace-element')
-      .fromTo('transform', `scale(${scale})`, 'scale(1)')
-      .fromTo('opacity', 0, 0.9);
-  }
-
-  backdropAnimation.addElement(root.querySelector('ion-backdrop')!).fromTo('opacity', 'var(--backdrop-opacity)', 0);
-
-  contentAnimation
-    .duration(400)
-    .easing('ease')
-    .addElement(root.querySelector('.popover-arrow')!)
-    .addElement(root.querySelector('.popover-content')!)
-    .fromTo('opacity', 0.99, 0);
-
-  const popoverContentDataset = root.querySelector<HTMLElement>('.popover-content')!.dataset['transformOrigin'];
-  if (popoverContentDataset) {
-    contentAnimation.beforeStyles({ 'transform-origin': popoverContentDataset }).afterAddRead(() => {
-      root.querySelector<HTMLElement>('.popover-content')!.dataset['transformOrigin'] = '';
-    });
-
-    if (replaceElement) {
-      contentAnimation.fromTo('transform', 'scale(1)', 'scale(0.55)');
-    } else {
-      contentAnimation.fromTo('transform', 'scale(1)', 'scale(0)');
-    }
-  }
-
-  return baseAnimation
-    .easing('ease')
-    .afterAddWrite(() => {
-      if (baseEl.dataset['iosThemePreviousWidth'] !== undefined) {
-        baseEl.style.setProperty('--width', baseEl.dataset['iosThemePreviousWidth'], baseEl.dataset['iosThemePreviousWidthPriority'] ?? '');
-        delete baseEl.dataset['iosThemePreviousWidth'];
-        delete baseEl.dataset['iosThemePreviousWidthPriority'];
-      }
-      baseEl.classList.remove('popover-bottom');
-      baseEl.classList.remove('ios-theme-callout');
-      root.querySelectorAll('.ios-theme-callout-layer').forEach((layer) => layer.remove());
-
-      contentEl.style.removeProperty('top');
-      contentEl.style.removeProperty('left');
-      contentEl.style.removeProperty('bottom');
-      contentEl.style.removeProperty('transform-origin');
-      if (contentEl.dataset['previousMaxWidth'] !== undefined) {
-        contentEl.style.setProperty(
-          'max-width',
-          contentEl.dataset['previousMaxWidth'],
-          contentEl.dataset['previousMaxWidthPriority'] ?? '',
-        );
-        delete contentEl.dataset['previousMaxWidth'];
-        delete contentEl.dataset['previousMaxWidthPriority'];
-      }
-
-      if (arrowEl) {
-        arrowEl.style.removeProperty('top');
-        arrowEl.style.removeProperty('left');
-        arrowEl.style.removeProperty('display');
-        arrowEl.style.removeProperty('bottom');
-        arrowEl.style.removeProperty('transform');
-      }
-    })
-    .duration(300)
-    .addAnimation([backdropAnimation, contentAnimation, targetAnimation, surfaceAnimation]);
-};

package/node_modules/@rdlabo/ionic-theme-utils/src/popover/callout-surface.ts

@@ -1,54 +0,0 @@
-/** Draw one glass silhouette so the arrow cannot sample the body's own border/shadow. */
-export const createCalloutSurface = (
-  root: ShadowRoot | HTMLElement,
-  width: number,
-  height: number,
-  side: 'top' | 'right' | 'bottom' | 'left',
-  center: number,
-): HTMLElement[] => {
-  const inset = 32;
-  const x = inset;
-  const y = inset;
-  const right = x + width;
-  const bottom = y + height;
-  const radius = Math.max(0, Math.min(34, width / 2, height / 2, (side === 'left' || side === 'right' ? height : width) / 2 - 17));
-  const point = (u: number, v: number): string => {
-    switch (side) {
-      case 'top':
-        return `${x + center - 17 + u} ${y - 13 + v}`;
-      case 'right':
-        return `${right + 13 - v} ${y + center - 17 + u}`;
-      case 'bottom':
-        return `${x + center + 17 - u} ${bottom + 13 - v}`;
-      case 'left':
-        return `${x - 13 + v} ${y + center + 17 - u}`;
-    }
-  };
-  const arrow = `L ${point(0, 13)} C ${point(3, 13)} ${point(4.5, 12)} ${point(6.5, 10)} L ${point(14.5, 1.5)} C ${point(16, -0.5)} ${point(18, -0.5)} ${point(19.5, 1.5)} L ${point(27.5, 10)} C ${point(29.5, 12)} ${point(31, 13)} ${point(34, 13)}`;
-  const path = `M ${x + radius} ${y} ${side === 'top' ? arrow : ''}
-    L ${right - radius} ${y} A ${radius} ${radius} 0 0 1 ${right} ${y + radius} ${side === 'right' ? arrow : ''}
-    L ${right} ${bottom - radius} A ${radius} ${radius} 0 0 1 ${right - radius} ${bottom} ${side === 'bottom' ? arrow : ''}
-    L ${x + radius} ${bottom} A ${radius} ${radius} 0 0 1 ${x} ${bottom - radius} ${side === 'left' ? arrow : ''}
-    L ${x} ${y + radius} A ${radius} ${radius} 0 0 1 ${x + radius} ${y} Z`;
-  const svg = (body: string) =>
-    `url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="${width + inset * 2}" height="${height + inset * 2}">${body}</svg>`)}")`;
-  const fill = svg(`<path d="${path}" fill="white"/>`);
-  const stroke = svg(`<path d="${path}" fill="none" stroke="white" stroke-width="0.5"/>`);
-  const shadow = svg(
-    `<defs><filter id="s" x="-50%" y="-100%" width="200%" height="300%"><feGaussianBlur stdDeviation="4"/><feOffset dy="2"/><feComposite in2="SourceGraphic" operator="out"/></filter></defs><path d="${path}" fill="white" filter="url(#s)"/>`,
-  );
-  const wrapper = root.querySelector('.popover-wrapper')!;
-  return [
-    ['callout-shadow', shadow],
-    ['callout-glass', fill],
-    ['callout-border', stroke],
-  ].map(([part, mask]) => {
-    const element = document.createElement('div');
-    element.setAttribute('part', part);
-    element.className = 'ios-theme-callout-layer';
-    element.setAttribute('aria-hidden', 'true');
-    element.style.cssText = `position:absolute;pointer-events:none;z-index:9;width:${width + inset * 2}px;height:${height + inset * 2}px;mask-image:${mask};-webkit-mask-image:${mask};mask-repeat:no-repeat;`;
-    wrapper.append(element);
-    return element;
-  });
-};

package/node_modules/@rdlabo/ionic-theme-utils/src/popover/popover-interface.ts

@@ -1,44 +0,0 @@
-import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode, OverlayInterface } from '@ionic/core';
-
-export interface PopoverInterface extends OverlayInterface {
-  present: (event?: MouseEvent | TouchEvent | PointerEvent) => Promise<void>;
-}
-
-export interface PopoverOptions<T extends ComponentRef = ComponentRef> {
-  component: T;
-  componentProps?: ComponentProps<T>;
-  showBackdrop?: boolean;
-  backdropDismiss?: boolean;
-  translucent?: boolean;
-  cssClass?: string | string[];
-  event?: Event;
-  delegate?: FrameworkDelegate;
-  animated?: boolean;
-  focusTrap?: boolean;
-
-  mode?: Mode;
-  keyboardClose?: boolean;
-  id?: string;
-  htmlAttributes?: { [key: string]: any };
-
-  enterAnimation?: AnimationBuilder;
-  leaveAnimation?: AnimationBuilder;
-
-  size?: PopoverSize;
-  dismissOnSelect?: boolean;
-  reference?: PositionReference;
-  side?: PositionSide;
-  alignment?: PositionAlign;
-  arrow?: boolean;
-
-  trigger?: string;
-  triggerAction?: string;
-}
-
-export type PopoverSize = 'cover' | 'auto';
-
-export type TriggerAction = 'click' | 'hover' | 'context-menu';
-
-export type PositionReference = 'trigger' | 'event';
-export type PositionSide = 'top' | 'right' | 'bottom' | 'left' | 'start' | 'end';
-export type PositionAlign = 'start' | 'center' | 'end';

package/node_modules/@rdlabo/ionic-theme-utils/src/popover/utils.spec.ts

@@ -1,58 +0,0 @@
-import { describe, expect, it } from 'vitest';
-
-import { calculateWindowAdjustment, getIndexOfItem, getNextItem, getPopoverPosition, getPrevItem } from './utils';
-
-describe('popover utilities', () => {
-  it('navigates only relative to ion-item elements', () => {
-    const items = [document.createElement('ion-item'), document.createElement('ion-item')] as HTMLIonItemElement[];
-
-    expect(getIndexOfItem(items, items[0])).toBe(0);
-    expect(getIndexOfItem(items, document.createElement('div'))).toBe(-1);
-    expect(getNextItem(items, items[0])).toBe(items[1]);
-    expect(getPrevItem(items, items[1])).toBe(items[0]);
-  });
-
-  it('keeps a popover inside the left safe-area boundary', () => {
-    expect(calculateWindowAdjustment('bottom', 20, -10, 16, 390, 844, 280, 140, 8, 'center', 'top')).toMatchObject({
-      top: 28,
-      left: 16,
-      originX: 'left',
-      checkSafeAreaLeft: true,
-      checkSafeAreaRight: false,
-    });
-  });
-
-  it('keeps a popover inside the right safe-area boundary', () => {
-    expect(calculateWindowAdjustment('bottom', 20, 150, 16, 390, 844, 280, 140, 8, 'center', 'top')).toMatchObject({
-      top: 28,
-      left: 94,
-      originX: 'right',
-      checkSafeAreaLeft: false,
-      checkSafeAreaRight: true,
-    });
-  });
-
-  it.each([
-    { isRTL: false, side: 'start' as const, left: 60, originX: 'right' },
-    { isRTL: false, side: 'end' as const, left: 140, originX: 'left' },
-    { isRTL: true, side: 'start' as const, left: 140, originX: 'left' },
-    { isRTL: true, side: 'end' as const, left: 60, originX: 'right' },
-  ])('maps the logical $side side in RTL=$isRTL', ({ isRTL, side, left, originX }) => {
-    const trigger = document.createElement('button');
-    trigger.getBoundingClientRect = () => ({
-      top: 20,
-      left: 100,
-      width: 40,
-      height: 30,
-      right: 140,
-      bottom: 50,
-      x: 100,
-      y: 20,
-      toJSON: () => ({}),
-    });
-
-    expect(
-      getPopoverPosition(isRTL, 40, 20, 'trigger', side, 'start', { top: 0, left: 0, originX: 'left', originY: 'top' }, trigger),
-    ).toMatchObject({ left, originX });
-  });
-});