@rdlabo/ionic-theme-ios27 1.2.0-3 → 1.2.0-4

package/dist/segment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/segment/index.ts"],"sourcesContent":["import type { registeredEffect } from '../sheets-of-glass/interfaces';\nimport { isNativeUIShell } from '../native-integration';\n\ninterface LensRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n// iOS 27 presentation-layer samples, relative to valueChanged (seconds).\n// Position is normalized; deformation is additive in points, not a width multiplier.\nconst selectionFrames = [\n  [0, 0, 0, 0],\n  [0.033, 0.08, 4, 3],\n  [0.067, 0.27, 11, 7],\n  [0.1, 0.47, 17, 10],\n  [0.133, 0.64, 22, 11],\n  [0.167, 0.76, 26, 10.5],\n  [0.2, 0.84, 29.5, 9.5],\n  [0.267, 0.935, 24, 7.5],\n  [0.333, 0.994, 7.5, 3.5],\n  [0.4, 1.022, -0.6, 2.9],\n  [0.5, 1.024, -3.3, 2.5],\n  [0.6, 1.015, -2, 1.5],\n  [0.7, 1.002, -0.5, 0.4],\n  [0.8, 1, 0, 0],\n];\n\nconst releaseFrames = [\n  [0, 1, 1],\n  [0.033, 1.01, 0.81],\n  [0.067, 0.7, 0.205],\n  [0.1, 0.51, -0.042],\n  [0.133, 0.43, -0.101],\n  [0.167, 0.189, -0.075],\n  [0.2, 0.043, 0.027],\n  [0.267, -0.154, 0.196],\n  [0.333, -0.183, 0.236],\n  [0.4, -0.123, 0.159],\n  [0.5, -0.038, 0.05],\n  [0.6, 0.005, -0.007],\n  [0.7, 0.008, -0.01],\n  [0.8, 0, 0],\n];\n\n/** Visual-only enhancement: Ionic retains ownership of selection, gestures and events. */\nexport const registerSegmentEffect = (targetElement: HTMLElement): registeredEffect | undefined => {\n  const segment = targetElement as HTMLIonSegmentElement;\n  const doc = segment.ownerDocument;\n  const win = doc.defaultView;\n  if (!segment.classList.contains('ios') || !win || segment.matches('.ios27-enable-gesture, .ios-theme-disabled, .ios26-disabled'))\n    return undefined;\n  const reducedMotion = win.matchMedia('(prefers-reduced-motion: reduce)');\n  if (reducedMotion.matches) return undefined;\n  const lens = doc.createElement('div');\n  lens.className = 'ios27-segment-lens';\n  lens.setAttribute('aria-hidden', 'true');\n  const edge = doc.createElement('div');\n  edge.className = 'ios27-segment-edge';\n  lens.append(edge);\n  segment.append(lens);\n  segment.classList.add('ios27-enable-gesture');\n  const listeners = new AbortController();\n  let animation: Animation | undefined;\n  let containerRelease: Animation | undefined;\n  let handoff: Animation[] = [];\n  let destroyed = false;\n  let pendingEnd = 0;\n  let surfaceWidth = 1;\n  let surfaceColor = 'transparent';\n  let pointer:\n    | { id: number; startX: number; startedAt: number; from: LensRect; button: HTMLElement; selected: boolean; moved: boolean }\n    | undefined;\n  const buttons = () => Array.from(segment.querySelectorAll<HTMLIonSegmentButtonElement>('ion-segment-button'));\n  const selected = () => buttons().find((button) => button.value === segment.value);\n\n  const rect = (button: HTMLElement): LensRect => {\n    const outer = segment.getBoundingClientRect();\n    const box = button.getBoundingClientRect();\n    const sx = outer.width / segment.offsetWidth || 1;\n    const sy = outer.height / segment.offsetHeight || 1;\n    return {\n      x: (box.left + box.width / 2 - outer.left) / sx + segment.scrollLeft,\n      y: (box.top + box.height / 2 - outer.top) / sy,\n      width: Math.max(1, button.clientWidth - 4),\n      height: button.clientHeight,\n    };\n  };\n  const currentRect = (): LensRect => {\n    const outer = segment.getBoundingClientRect();\n    const box = lens.getBoundingClientRect();\n    const sx = outer.width / segment.offsetWidth || 1;\n    const sy = outer.height / segment.offsetHeight || 1;\n    return {\n      x: (box.left + box.width / 2 - outer.left) / sx + segment.scrollLeft,\n      y: (box.top + box.height / 2 - outer.top) / sy,\n      width: box.width / sx,\n      height: box.height / sy,\n    };\n  };\n  // Animate dimensions separately so the glass border and shadow are not scaled.\n  const frame = (box: LensRect): Keyframe => ({\n    transform: `translate3d(${box.x - box.width / 2}px, ${box.y - box.height / 2}px, 0)`,\n    width: `${box.width}px`,\n    height: `${box.height}px`,\n    backgroundColor: `color-mix(in srgb, ${surfaceColor} ${100 - Math.max(0, Math.min(1, (box.width - surfaceWidth) / 24)) * 90}%, transparent)`,\n  });\n  const hide = () => {\n    animation?.cancel();\n    animation = undefined;\n    lens.hidden = true;\n    segment.classList.remove('ios27-animated');\n    handoff.forEach((effect) => effect.cancel());\n    handoff = [];\n  };\n  lens.hidden = true;\n  const play = (frames: Keyframe[], duration: number, hold = false, startTime = win.performance.now()) => {\n    animation?.cancel();\n    handoff.forEach((effect) => effect.cancel());\n    handoff = [];\n    // WebKit can paint the newly unhidden element once at its underlying\n    // top-left position before the replacement WAAPI effect is sampled.\n    // Prime that underlying style so interrupted/reversed selections always\n    // hand off from the first frame instead of briefly flashing at (0, 0).\n    const first = frames[0];\n    if (first) {\n      lens.style.transform = String(first['transform']);\n      lens.style.width = String(first['width']);\n      lens.style.height = String(first['height']);\n      lens.style.backgroundColor = String(first['backgroundColor']);\n    }\n    segment.classList.add('ios27-animated');\n    lens.hidden = false;\n    const running = lens.animate(frames, { duration, easing: 'linear', fill: 'forwards' });\n    // Keep the event's timeline origin even when rendering starts a frame later.\n    running.startTime = startTime;\n    animation = running;\n    const restingWidth = hold ? surfaceWidth : parseFloat(String(frames[frames.length - 1]['width']));\n    // No raised edge at either resting endpoint; reveal it with the lens deformation.\n    handoff = [\n      edge.animate(\n        frames.map((sample) => ({\n          offset: sample.offset,\n          opacity: Math.max(\n            0,\n            Math.min(1, (parseFloat(String(sample['width'])) - (surfaceWidth + (restingWidth - surfaceWidth) * (sample.offset ?? 0))) / 24),\n          ),\n        })),\n        { duration, fill: 'forwards' },\n      ),\n    ];\n    const indicator = selected()?.shadowRoot?.querySelector<HTMLElement>('[part=\"indicator\"]');\n    if (!hold && indicator) {\n      // Blend into Ionic's actual selected surface, including custom colors/shadows.\n      // Fading the whole lens also removes its reflective edge before it is detached.\n      const offset = Math.max(0, 1 - 200 / duration);\n      handoff.push(\n        lens.animate([{ opacity: 1 }, { opacity: 1, offset }, { opacity: 0 }], { duration, fill: 'forwards' }),\n        indicator.animate([{ opacity: 0 }, { opacity: 0, offset }, { opacity: 1 }], { duration, fill: 'forwards' }),\n      );\n    }\n    handoff.forEach((effect) => (effect.startTime = startTime));\n    if (!hold)\n      void running.finished.then(\n        () => {\n          if (animation === running) hide();\n        },\n        () => {},\n      );\n  };\n  const settle = (from: LensRect, to: LensRect, changed: boolean, startTime: number) => {\n    const toolbar = segment.classList.contains('in-toolbar') && !segment.classList.contains('segment-expand');\n    const frames = selectionFrames.map(([time, position, width, height], index) => {\n      const remaining = 1 - position;\n      const box = {\n        x: from.x + (to.x - from.x) * position,\n        y: from.y + (to.y - from.y) * position,\n        width: Math.max(1, to.width + (from.width - to.width) * (changed ? remaining : releaseFrames[index][1]) + (changed ? width : 0)),\n        height: Math.max(\n          1,\n          to.height +\n            (from.height - to.height) * (changed ? remaining : releaseFrames[index][2]) +\n            (changed ? height * (toolbar ? 1 : 1.1) : 0),\n        ),\n      };\n      return { ...frame(box), offset: time / 0.8 };\n    });\n    play(frames, 800, false, startTime);\n  };\n  const releasePressed = (from: LensRect, to: LensRect) => {\n    const samples = [\n      [0, 1],\n      [0.033, 0.78],\n      [0.067, 0.49],\n      [0.1, 0.28],\n      [0.133, 0.157],\n      [0.167, 0.089],\n      [0.2, 0.054],\n      [0.233, 0.034],\n      [0.267, 0.009],\n      [0.317, 0],\n      [0.43, -0.013],\n      [0.65, 0],\n    ];\n    play(\n      samples.map(([time, remaining]) => ({\n        ...frame({\n          ...to,\n          width: to.width + (from.width - to.width) * remaining,\n          height: to.height + (from.height - to.height) * remaining,\n        }),\n        offset: time / 0.65,\n      })),\n      650,\n    );\n  };\n  const down = (event: PointerEvent) => {\n    if (pointer || event.button !== 0 || segment.disabled || reducedMotion.matches || isNativeUIShell(segment)) return;\n    const button = (event.target as Element).closest<HTMLIonSegmentButtonElement>('ion-segment-button');\n    const old = selected();\n    if (!button || button.disabled || !old) return;\n    containerRelease?.cancel();\n    win.cancelAnimationFrame(pendingEnd);\n    const rest = rect(old);\n    surfaceWidth = rest.width;\n    const style = win.getComputedStyle(old);\n    surfaceColor = style.getPropertyValue('--indicator-color') || 'transparent';\n    lens.style.borderRadius = style.getPropertyValue('--border-radius');\n    const interrupted = !!animation;\n    const from = interrupted ? currentRect() : rest;\n    hide();\n    pointer = {\n      id: event.pointerId,\n      startX: event.clientX,\n      startedAt: win.performance.now(),\n      from: rest,\n      button: old,\n      selected: old === button,\n      moved: false,\n    };\n    segment.classList.add('ios27-segment-pressed');\n    if (pointer.selected) {\n      const samples = [\n        [0, 0],\n        [0.033, 0.133],\n        [0.067, 0.43],\n        [0.1, 0.67],\n        [0.133, 0.83],\n        [0.167, 0.92],\n        [0.2, 0.97],\n        [0.233, 1],\n      ];\n      play(\n        samples.map(([time, expansion]) => ({\n          ...frame({\n            ...from,\n            width: from.width + (rest.width + 24 - from.width) * expansion,\n            height: from.height + (rest.height + 16 - from.height) * expansion,\n          }),\n          offset: time / 0.233,\n        })),\n        233,\n        true,\n      );\n    } else if (interrupted) {\n      play([frame(from), frame(from)], 1, true);\n    }\n  };\n  const move = (event: PointerEvent) => {\n    if (!pointer || pointer.id !== event.pointerId || !pointer.selected || !segment.swipeGesture || segment.scrollable) return;\n    const dx = (event.clientX - pointer.startX) / (segment.getBoundingClientRect().width / segment.offsetWidth || 1);\n    if (Math.abs(dx) < 3 && !pointer.moved) return;\n    pointer.moved = true;\n    const centers = buttons()\n      .filter((button) => !button.disabled)\n      .map((button) => rect(button).x);\n    const box = {\n      ...pointer.from,\n      x: Math.max(Math.min(...centers), Math.min(Math.max(...centers), pointer.from.x + dx)),\n      width: pointer.from.width + 24,\n      height: pointer.from.height + 16,\n    };\n    animation?.cancel();\n    animation = undefined;\n    Object.assign(lens.style, frame(box));\n  };\n  const end = (event: PointerEvent) => {\n    if (!pointer || pointer.id !== event.pointerId) return;\n    const releasedAt = win.performance.now();\n    const state = pointer;\n    const from = !lens.hidden ? currentRect() : state.from;\n    const scale = new DOMMatrixReadOnly(win.getComputedStyle(segment).transform).a;\n    pointer = undefined;\n    segment.classList.remove('ios27-segment-pressed');\n    if (\n      segment.matches('.in-toolbar:not(.segment-expand)') &&\n      releasedAt - state.startedAt < 200 &&\n      !reducedMotion.matches &&\n      event.type !== 'pointercancel'\n    ) {\n      // UIKit keeps outward velocity on a short tap instead of shortening the return.\n      const held = (releasedAt - state.startedAt) / 1000;\n      const amplitude = parseFloat(win.getComputedStyle(segment).getPropertyValue('--ios27-segment-scale')) - 1;\n      const velocity = amplitude * Math.exp(-12.6 * held) * (12.6 ** 2 / 15.7 + 15.7) * Math.sin(15.7 * held);\n      const frames = Array.from({ length: 37 }, (_, index) => {\n        const time = index / 60;\n        const displacement =\n          Math.exp(-10 * time) * ((scale - 1) * Math.cos(15 * time) + ((velocity + 10 * (scale - 1)) / 15) * Math.sin(15 * time));\n        return { transform: `scale(${index === 36 ? 1 : 1 + displacement})` };\n      });\n      const returning = segment.animate(frames, { duration: 600 });\n      containerRelease = returning;\n      void returning.finished.then(\n        () => {\n          if (containerRelease === returning) containerRelease = undefined;\n        },\n        () => {},\n      );\n    }\n    // Capture runs before Ionic's pointer-end handler. Read its committed value afterwards.\n    pendingEnd = win.requestAnimationFrame(() => {\n      pendingEnd = 0;\n      if (destroyed || pointer) return;\n      const next = selected();\n      if (!next || reducedMotion.matches || event.type === 'pointercancel') {\n        hide();\n        return;\n      }\n      const changed = next !== state.button;\n      // Ionic has committed selection: use the destination's public appearance\n      // for the moving surface as well as the final indicator.\n      const nextStyle = win.getComputedStyle(next);\n      surfaceColor = nextStyle.getPropertyValue('--indicator-color') || 'transparent';\n      lens.style.borderRadius = nextStyle.getPropertyValue('--border-radius');\n      if (!changed && !state.moved && animation) {\n        // A short selected-item tap completes its press before returning, as UIKit does.\n        const pressing = animation;\n        void pressing.finished.then(\n          () => {\n            if (!destroyed && !pointer && animation === pressing) releasePressed(currentRect(), rect(next));\n          },\n          () => {},\n        );\n      } else if (changed || !lens.hidden) settle(from, rect(next), changed && !state.moved, releasedAt);\n    });\n  };\n  const abort = () => {\n    containerRelease?.cancel();\n    containerRelease = undefined;\n    win.cancelAnimationFrame(pendingEnd);\n    pendingEnd = 0;\n    pointer = undefined;\n    segment.classList.remove('ios27-segment-pressed');\n    hide();\n  };\n  segment.addEventListener('pointerdown', down, { capture: true, signal: listeners.signal });\n  doc.addEventListener('pointermove', move, { capture: true, signal: listeners.signal });\n  doc.addEventListener('pointerup', end, { capture: true, signal: listeners.signal });\n  doc.addEventListener('pointercancel', end, { capture: true, signal: listeners.signal });\n  win.addEventListener('blur', abort, { signal: listeners.signal });\n  win.addEventListener('resize', abort, { signal: listeners.signal });\n  segment.addEventListener(\n    'ionSelect',\n    () => {\n      if (!pointer && !pendingEnd) abort();\n    },\n    { signal: listeners.signal },\n  );\n  reducedMotion.addEventListener('change', abort, { signal: listeners.signal });\n  segment.addEventListener('nativeUIShellChange', abort, { signal: listeners.signal });\n  return {\n    destroy: () => {\n      destroyed = true;\n      listeners.abort();\n      abort();\n      segment.classList.remove('ios27-enable-gesture');\n      lens.remove();\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/sheets-of-glass/animations.d.ts

@@ -1,23 +1,24 @@
-import type { Animation, AnimationKeyFrames } from '@ionic/core';
-import { AnimationPosition, EffectScales } from './interfaces';
-import { GestureDetail } from '@ionic/core';
+import { AnimationPosition, EffectScales } from "./interfaces.js";
+import { Animation, AnimationKeyFrames, GestureDetail } from "@ionic/core";
+//#region src/sheets-of-glass/animations.d.ts
 export declare const animationRect: (element: Element, vertical?: boolean) => DOMRect | {
-    left: number;
-    top: number;
-    right: number;
-    width: number;
-    height: number;
-    x: number;
-    y: number;
+  left: number;
+  top: number;
+  right: number;
+  width: number;
+  height: number;
+  x: number;
+  y: number;
 };
 export declare const getScaleAnimation: (effectElement: Element) => Animation;
 export declare const createTabBarPressAnimation: (effect: HTMLElement, from: HTMLElement, to: HTMLElement, bar: HTMLElement, vertical?: boolean) => Animation;
 export declare const createTabBarDragAnimation: (effect: HTMLElement, bar: HTMLElement, velocity: number, vertical?: boolean) => Animation;
 export declare const createTabBarReleaseAnimation: (effectElement: Element, target: HTMLElement, tap?: {
-    elapsed: number;
-    distance: number;
+  elapsed: number;
+  distance: number;
 }, vertical?: boolean) => Animation;
 export declare const createPreMoveAnimation: (effectElement: Element, tabSelectedElement: Element, currentTouchedElement: Element, animationPosition: AnimationPosition) => Animation;
 export declare const createMoveAnimation: (effectElement: Element, detail: GestureDetail, tabSelectedElement: Element, animationPosition: AnimationPosition, vertical?: boolean) => Animation;
 export declare const getMoveAnimationKeyframe: (type: "moveRight" | "moveLeft" | "slowly", scales: EffectScales) => AnimationKeyFrames;
+//#endregion
 //# sourceMappingURL=animations.d.ts.map

package/dist/sheets-of-glass/animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/sheets-of-glass/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAmB,aAAa,EAAE,MAAM,aAAa,CAAC;AAI7D,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,EAAE,kBAAgB;;;;;;;;CAK/D,CAAC;AASF,eAAO,MAAM,iBAAiB,GAAI,eAAe,OAAO,KAAG,SAE1D,CAAC;AAyCF,eAAO,MAAM,0BAA0B,GACrC,QAAQ,WAAW,EACnB,MAAM,WAAW,EACjB,IAAI,WAAW,EACf,KAAK,WAAW,EAChB,kBAAgB,KACf,SAsCF,CAAC;AAGF,eAAO,MAAM,yBAAyB,GAAI,QAAQ,WAAW,EAAE,KAAK,WAAW,EAAE,UAAU,MAAM,EAAE,kBAAgB,KAAG,SAmBrH,CAAC;AAGF,eAAO,MAAM,4BAA4B,GACvC,eAAe,OAAO,EACtB,QAAQ,WAAW,EACnB,MAAM;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC3C,kBAAgB,KACf,SAmIF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,eAAe,OAAO,EACtB,oBAAoB,OAAO,EAC3B,uBAAuB,OAAO,EAC9B,mBAAmB,iBAAiB,KACnC,SA0BF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,eAAe,OAAO,EACtB,QAAQ,aAAa,EACrB,oBAAoB,OAAO,EAC3B,mBAAmB,iBAAiB,EACpC,kBAAgB,KACf,SAiBF,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,WAAW,GAAG,UAAU,GAAG,QAAQ,EAAE,QAAQ,YAAY,KAAG,kBAqD1G,CAAC"}
+{"version":3,"file":"animations.d.ts","names":[],"sources":["../../src/sheets-of-glass/animations.ts"],"mappings":";;;qBAMa,gBAAiB,SAAS,SAAS,uBAAgB;;;;;;;;;qBAcnD,oBAAqB,eAAe,YAAU;qBA2C9C,6BACX,QAAQ,aACR,MAAM,aACN,IAAI,aACJ,KAAK,aACL,uBACC;qBAyCU,4BAA6B,QAAQ,aAAa,KAAK,aAAa,kBAAkB,uBAAmB;qBAsBzG,+BACX,eAAe,SACf,QAAQ,aACR;EAAQ;EAAiB;GACzB,uBACC;qBAqIU,yBACX,eAAe,SACf,oBAAoB,SACpB,uBAAuB,SACvB,mBAAmB,sBAClB;qBA4BU,sBACX,eAAe,SACf,QAAQ,eACR,oBAAoB,SACpB,mBAAmB,mBACnB,uBACC;qBAmBU,2BAA4B,2CAA2C,QAAQ,iBAAe"}