@rdlabo/ionic-theme-ios27 1.2.0-3 → 1.2.0-4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -2
- package/dist/_virtual/_rolldown/runtime.js +13 -0
- package/dist/css/ionic-theme-ios27.css +1 -1
- package/dist/css/vertical-bars.css +1 -1
- package/dist/focus-controller/index.d.ts +4 -2
- package/dist/focus-controller/index.d.ts.map +1 -1
- package/dist/focus-controller/index.js +100 -57
- package/dist/focus-controller/index.js.map +1 -0
- package/dist/index.d.ts +10 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +54 -60
- package/dist/index.js.map +1 -0
- package/dist/native/components/index.d.ts +13 -10
- package/dist/native/components/index.d.ts.map +1 -1
- package/dist/native/components/index.js +39 -41
- package/dist/native/components/index.js.map +1 -0
- package/dist/native/components/ion-back-button.d.ts +6 -1
- package/dist/native/components/ion-back-button.d.ts.map +1 -1
- package/dist/native/components/ion-back-button.js +19 -13
- package/dist/native/components/ion-back-button.js.map +1 -0
- package/dist/native/components/ion-button.d.ts +8 -2
- package/dist/native/components/ion-button.d.ts.map +1 -1
- package/dist/native/components/ion-button.js +22 -17
- package/dist/native/components/ion-button.js.map +1 -0
- package/dist/native/components/ion-buttons.d.ts +8 -2
- package/dist/native/components/ion-buttons.d.ts.map +1 -1
- package/dist/native/components/ion-buttons.js +29 -33
- package/dist/native/components/ion-buttons.js.map +1 -0
- package/dist/native/components/ion-fab.d.ts +6 -1
- package/dist/native/components/ion-fab.d.ts.map +1 -1
- package/dist/native/components/ion-fab.js +131 -151
- package/dist/native/components/ion-fab.js.map +1 -0
- package/dist/native/components/ion-menu-button.d.ts +8 -2
- package/dist/native/components/ion-menu-button.d.ts.map +1 -1
- package/dist/native/components/ion-menu-button.js +29 -19
- package/dist/native/components/ion-menu-button.js.map +1 -0
- package/dist/native/components/ion-segment.d.ts +6 -1
- package/dist/native/components/ion-segment.d.ts.map +1 -1
- package/dist/native/components/ion-segment.js +29 -23
- package/dist/native/components/ion-segment.js.map +1 -0
- package/dist/native/components/ion-tab-bar.d.ts +6 -1
- package/dist/native/components/ion-tab-bar.d.ts.map +1 -1
- package/dist/native/components/ion-tab-bar.js +49 -40
- package/dist/native/components/ion-tab-bar.js.map +1 -0
- package/dist/native/components/searchable-tabs.d.ts +17 -15
- package/dist/native/components/searchable-tabs.d.ts.map +1 -1
- package/dist/native/components/searchable-tabs.js +382 -434
- package/dist/native/components/searchable-tabs.js.map +1 -0
- package/dist/native/definitions.d.ts +118 -111
- package/dist/native/definitions.d.ts.map +1 -1
- package/dist/native/definitions.js +0 -1
- package/dist/native/foldable/fold-state.d.ts +5 -0
- package/dist/native/foldable/fold-state.d.ts.map +1 -0
- package/dist/native/foldable/fold-state.js +14 -0
- package/dist/native/foldable/fold-state.js.map +1 -0
- package/dist/native/foldable/types.d.ts +12 -0
- package/dist/native/foldable/types.d.ts.map +1 -0
- package/dist/native/foldable/types.js +0 -0
- package/dist/native/index.d.ts +6 -3
- package/dist/native/index.d.ts.map +1 -1
- package/dist/native/index.js +228 -204
- package/dist/native/index.js.map +1 -0
- package/dist/native/prehide.d.ts +4 -2
- package/dist/native/prehide.d.ts.map +1 -1
- package/dist/native/prehide.js +220 -242
- package/dist/native/prehide.js.map +1 -0
- package/dist/native/runtime.d.ts +3 -1
- package/dist/native/runtime.d.ts.map +1 -1
- package/dist/native/runtime.js +626 -730
- package/dist/native/runtime.js.map +1 -0
- package/dist/native/shared/candidate.d.ts +16 -11
- package/dist/native/shared/candidate.d.ts.map +1 -1
- package/dist/native/shared/candidate.js +96 -95
- package/dist/native/shared/candidate.js.map +1 -0
- package/dist/native/shared/crossfade.d.ts +6 -4
- package/dist/native/shared/crossfade.d.ts.map +1 -1
- package/dist/native/shared/crossfade.js +49 -45
- package/dist/native/shared/crossfade.js.map +1 -0
- package/dist/native/shared/dom.d.ts +7 -5
- package/dist/native/shared/dom.d.ts.map +1 -1
- package/dist/native/shared/dom.js +163 -211
- package/dist/native/shared/dom.js.map +1 -0
- package/dist/native/shared/events.d.ts +8 -6
- package/dist/native/shared/events.d.ts.map +1 -1
- package/dist/native/shared/events.js +12 -7
- package/dist/native/shared/events.js.map +1 -0
- package/dist/native/shared/icons.d.ts +4 -2
- package/dist/native/shared/icons.d.ts.map +1 -1
- package/dist/native/shared/icons.js +59 -53
- package/dist/native/shared/icons.js.map +1 -0
- package/dist/native/shared/modal.d.ts +3 -1
- package/dist/native/shared/modal.d.ts.map +1 -1
- package/dist/native/shared/modal.js +156 -139
- package/dist/native/shared/modal.js.map +1 -0
- package/dist/native/vertical-bars-web.d.ts +3 -1
- package/dist/native/vertical-bars-web.d.ts.map +1 -1
- package/dist/native/vertical-bars-web.js +332 -346
- package/dist/native/vertical-bars-web.js.map +1 -0
- package/dist/native-integration/index.d.ts +10 -8
- package/dist/native-integration/index.d.ts.map +1 -1
- package/dist/native-integration/index.js +102 -100
- package/dist/native-integration/index.js.map +1 -0
- package/dist/native-integration/transition.d.ts +3 -1
- package/dist/native-integration/transition.d.ts.map +1 -1
- package/dist/native-integration/transition.js +15 -6
- package/dist/native-integration/transition.js.map +1 -0
- package/dist/searchbar/index.d.ts +4 -2
- package/dist/searchbar/index.d.ts.map +1 -1
- package/dist/searchbar/index.js +64 -56
- package/dist/searchbar/index.js.map +1 -0
- package/dist/segment/index.d.ts +3 -1
- package/dist/segment/index.d.ts.map +1 -1
- package/dist/segment/index.js +465 -324
- package/dist/segment/index.js.map +1 -0
- package/dist/sheets-of-glass/animations.d.ts +13 -12
- package/dist/sheets-of-glass/animations.d.ts.map +1 -1
- package/dist/sheets-of-glass/animations.js +496 -306
- package/dist/sheets-of-glass/animations.js.map +1 -0
- package/dist/sheets-of-glass/index.d.ts +3 -1
- package/dist/sheets-of-glass/index.d.ts.map +1 -1
- package/dist/sheets-of-glass/index.js +294 -357
- package/dist/sheets-of-glass/index.js.map +1 -0
- package/dist/sheets-of-glass/interfaces.d.ts +11 -9
- package/dist/sheets-of-glass/interfaces.d.ts.map +1 -1
- package/dist/sheets-of-glass/interfaces.js +0 -1
- package/dist/tab-bar-searchable/animations/enter.d.ts +4 -2
- package/dist/tab-bar-searchable/animations/enter.d.ts.map +1 -1
- package/dist/tab-bar-searchable/animations/enter.js +50 -69
- package/dist/tab-bar-searchable/animations/enter.js.map +1 -0
- package/dist/tab-bar-searchable/animations/leave.d.ts +4 -2
- package/dist/tab-bar-searchable/animations/leave.d.ts.map +1 -1
- package/dist/tab-bar-searchable/animations/leave.js +48 -62
- package/dist/tab-bar-searchable/animations/leave.js.map +1 -0
- package/dist/tab-bar-searchable/index.d.ts +5 -3
- package/dist/tab-bar-searchable/index.d.ts.map +1 -1
- package/dist/tab-bar-searchable/index.js +123 -135
- package/dist/tab-bar-searchable/index.js.map +1 -0
- package/dist/transition/index.d.ts +9 -8
- package/dist/transition/index.d.ts.map +1 -1
- package/dist/transition/index.js +203 -192
- package/dist/transition/index.js.map +1 -0
- package/dist/transition/ios.transition.d.ts +7 -5
- package/dist/transition/ios.transition.d.ts.map +1 -1
- package/dist/transition/ios.transition.js +15 -11
- package/dist/transition/ios.transition.js.map +1 -0
- package/dist/utils.d.ts +10 -8
- package/dist/utils.d.ts.map +1 -1
- package/dist/utils.js +58 -66
- package/dist/utils.js.map +1 -0
- package/dist/vertical-bars.d.ts +5 -4
- package/dist/vertical-bars.js +4 -2
- package/docs/iphone-duo-with-original-theme.md +18 -29
- package/docs/iphone-duo.md +44 -204
- package/docs/native-ui-shell.md +10 -8
- package/docs/special-markup.md +2 -0
- package/docs/vertical-bars.md +283 -0
- package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellVerticalBars.swift +34 -14
- package/ios/Sources/IonicNativeUIShellPlugin/Shared/ShellSnapshot.swift +2 -0
- package/ios/Tests/IonicNativeUIShellPluginTests/ShellSnapshotTests.swift +3 -0
- package/package.json +9 -6
- package/src/native/components/index.ts +3 -2
- package/src/native/components/ion-button.ts +3 -2
- package/src/native/components/ion-buttons.ts +4 -3
- package/src/native/components/ion-menu-button.ts +3 -2
- package/src/native/definitions.ts +22 -1
- package/src/native/foldable/fold-state.ts +9 -0
- package/src/native/foldable/types.ts +4 -0
- package/src/native/index.ts +17 -3
- package/src/native/prehide.ts +3 -1
- package/src/native/runtime.ts +2 -2
- package/src/native/shared/candidate.ts +39 -10
- package/src/native/shared/dom.ts +4 -4
- package/src/styles/vertical-bars.scss +4 -2
- package/src/vertical-bars.ts +9 -1
- package/dist/vertical-bars.d.ts.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.js","names":[],"sources":["../../src/sheets-of-glass/animations.ts"],"sourcesContent":["import type { Animation, AnimationKeyFrames } from '@ionic/core';\nimport { AnimationPosition, EffectScales } from './interfaces';\nimport { createAnimation, GestureDetail } from '@ionic/core';\nimport { getStep } from '../utils';\n\n// Work in main/cross-axis coordinates so native horizontal samples also drive the rail.\nexport const animationRect = (element: Element, vertical = false) => {\n const rect = element.getBoundingClientRect();\n return vertical\n ? { left: rect.top, top: rect.left, right: rect.bottom, width: rect.height, height: rect.width, x: rect.y, y: rect.x }\n : rect;\n};\nconst translate = (x: number, y: number, vertical: boolean) => `translate3d(${vertical ? y : x}px, ${vertical ? x : y}px, 0)`;\nconst stretchTransform = (x: number, y: number, vertical: boolean) => `scale(${vertical ? y : x}, ${vertical ? x : y})`;\nconst mainSize = (element: HTMLElement, vertical: boolean) => (vertical ? element.offsetHeight : element.offsetWidth);\nconst axisScale = (transform: string, vertical: boolean) => {\n const matrix = new DOMMatrixReadOnly(transform);\n return vertical ? { a: matrix.d, d: matrix.a } : matrix;\n};\n\nexport const getScaleAnimation = (effectElement: Element): Animation => {\n return createAnimation().addElement(effectElement.shadowRoot!.querySelector<HTMLElement>('[part=\"native\"]')!).easing('ease-out');\n};\n\n// Seconds, center progress, extra width/height (pt), platter expansion progress.\nconst tabBarPressFrames = [\n [0, 0, 0, 0, 0],\n [0.033, 0.091, 4.26, 1.52, 0.148],\n [0.067, 0.312, 13.28, 2.89, 0.46],\n [0.1, 0.551, 21.99, 2.24, 0.752],\n [0.133, 0.736, 25.94, 2.77, 0.951],\n [0.167, 0.858, 24.35, 6.03, 1.052],\n [0.2, 0.932, 22.72, 8.41, 1.081],\n [0.267, 0.985, 21.55, 10.38, 1.058],\n [0.333, 1.003, 17.89, 13.98, 1.01],\n [0.4, 1.015, 13.54, 18.42, 1],\n [0.467, 1.018, 11.3, 20.75, 1],\n [0.6, 1.005, 12.36, 19.72, 1],\n [0.733, 0.993, 14.75, 17.27, 1],\n [0.9, 1, 16, 16, 1],\n];\n\n// Short-tap transfer, measured separately from a held press (seconds, center, width/height deltas).\nconst tabBarTapFrames = [\n [0, 0, 0, 0],\n [0.033, 0.099, 4.15, 2.91],\n [0.067, 0.333, 13.81, 5.59],\n [0.1, 0.589, 23.77, 5.52],\n [0.133, 0.794, 29.84, 4.24],\n [0.167, 0.925, 29.01, 5.83],\n [0.2, 0.992, 26.85, 7.25],\n [0.233, 1.015, 25.83, 7.87],\n [0.267, 1.018, 20.43, 5.56],\n [0.3, 1.018, 12.87, 3.16],\n [0.367, 1.024, 1.3, 2.69],\n [0.433, 1.031, -3.98, 4.1],\n [0.5, 1.027, -5.05, 3.89],\n [0.6, 1.013, -2.95, 2.31],\n [0.7, 1.003, -0.74, 0.59],\n [0.8, 1, 0, 0],\n];\n\n// UITabBarController presentation-layer samples: horizontal stretch precedes vertical stretch.\nexport const createTabBarPressAnimation = (\n effect: HTMLElement,\n from: HTMLElement,\n to: HTMLElement,\n bar: HTMLElement,\n vertical = false,\n): Animation => {\n const box = animationRect(bar, vertical);\n const center = box.left + box.width / 2;\n const left = center - mainSize(bar, vertical) / 2;\n const fromBox = animationRect(from, vertical);\n const toBox = animationRect(to, vertical);\n const parentScale = box.width / mainSize(bar, vertical);\n const buttonScale = axisScale(getComputedStyle(from).transform, vertical);\n const width = fromBox.width / parentScale / buttonScale.a;\n const height = fromBox.height / parentScale / buttonScale.d;\n const start = (fromBox.left + fromBox.width / 2 - box.left) / parentScale;\n const end = (toBox.left + toBox.width / 2 - box.left) / parentScale;\n const selected = from === to;\n const growth = vertical ? 20 / 16 : 1;\n const frames = tabBarPressFrames.map(([time, position, extraWidth, extraHeight, expansion]) => {\n const scale = vertical ? 1 : 1 + (14.14 / mainSize(bar, vertical)) * expansion;\n // A selected item expands in place, without the transfer's sideways deformation.\n const press = 1 - Math.exp(-18 * time) * (1 + 18 * time);\n return {\n offset: time / 0.9,\n x: center + (left + start + (end - start) * position - center) * scale - width / 2,\n sx: ((width + (selected ? 16 * press : extraWidth) * growth) * scale) / width,\n sy: ((height + (selected ? 16 * press : extraHeight) * growth) * scale) / height,\n };\n });\n const move = createAnimation()\n .addElement(effect)\n .beforeStyles({\n width: `${vertical ? height : width}px`,\n height: `${vertical ? width : height}px`,\n display: 'block',\n opacity: '1',\n })\n .keyframes(frames.map(({ offset, x }) => ({ offset, transform: translate(x, box.top + box.height / 2 - height / 2, vertical) })));\n const stretch = getScaleAnimation(effect)\n .easing('linear')\n .keyframes(frames.map(({ offset, sx, sy }) => ({ offset, transform: stretchTransform(sx, sy, vertical) })));\n return createAnimation().duration(900).easing('linear').addAnimation([move, stretch]);\n};\n\n// Drag samples: faster movement stretches sideways, then rebounds vertically at rest.\nexport const createTabBarDragAnimation = (effect: HTMLElement, bar: HTMLElement, velocity: number, vertical = false): Animation => {\n const native = effect.shadowRoot!.querySelector<HTMLElement>('[part=\"native\"]')!;\n const current = axisScale(native.style.transform || getComputedStyle(native).transform, vertical);\n const { width, height } = animationRect(effect, vertical);\n const scale = vertical ? 1 : 1 + 14.14 / mainSize(bar, vertical);\n const restX = ((width + (vertical ? 20 : 16)) * scale) / width;\n const restY = ((height + (vertical ? 20 : 16)) * scale) / height;\n // Approximate the 100/600pt/s UIKit samples; keep deformation bounded for fast swipes.\n const stretch = Math.min(16, 32 * velocity * velocity) * scale;\n const rebound = Math.max(stretch, (current.a - restX) * width) * 0.8;\n return getScaleAnimation(effect)\n .duration(500)\n .easing('linear')\n .keyframes([\n { offset: 0, transform: stretchTransform(current.a, current.d, vertical) },\n { offset: 0.2, transform: stretchTransform(restX + stretch / width, restY - stretch / height, vertical) },\n { offset: 0.44, transform: stretchTransform(restX - rebound / width, restY + rebound / height, vertical) },\n { offset: 1, transform: stretchTransform(restX, restY, vertical) },\n ]);\n};\n\n// UITabBarController release samples: return to rest with a small undershoot.\nexport const createTabBarReleaseAnimation = (\n effectElement: Element,\n target: HTMLElement,\n tap?: { elapsed: number; distance: number },\n vertical = false,\n): Animation => {\n const tapElapsed = tap?.elapsed;\n const native = effectElement.shadowRoot!.querySelector<HTMLElement>('[part=\"native\"]')!;\n const scale = axisScale(native.style.transform || getComputedStyle(native).transform, vertical);\n const samples = [\n [0, 1],\n [0.033, 0.85],\n [0.067, 0.58],\n [0.1, 0.31],\n [0.133, 0.15],\n [0.167, 0.055],\n [0.2, 0.01],\n [0.267, -0.01],\n [0.367, -0.004],\n [0.45, 0],\n ];\n const bar = target.parentElement!;\n const box = animationRect(bar, vertical);\n const current = animationRect(effectElement, vertical);\n const targetBox = animationRect(target, vertical);\n const center = box.left + box.width / 2;\n const x = center + (targetBox.left + targetBox.width / 2 - center) / (box.width / mainSize(bar, vertical)) - current.width / 2;\n const y = box.top + box.height / 2 - current.height / 2;\n // The vertical platter contracts from 64pt items to 44 × 58pt on release.\n const endScaleX = vertical ? target.offsetHeight / current.width : 1;\n const endScaleY = vertical ? target.offsetWidth / current.height : 1;\n const elapsed = (tapElapsed ?? 0) / 1000;\n const duration = tapElapsed === undefined ? 450 : 800 - tapElapsed;\n let frames = samples.map(([time, remaining]) => ({\n offset: time / 0.45,\n x: x + (current.x - x) * remaining,\n y: y + (current.y - y) * remaining,\n sx: endScaleX + (scale.a - endScaleX) * remaining,\n sy: endScaleY + (scale.d - endScaleY) * remaining,\n }));\n if (tapElapsed !== undefined && !vertical) {\n const nextIndex = tabBarTapFrames.findIndex(([time]) => time > elapsed);\n const previous = tabBarTapFrames[Math.max(0, nextIndex - 1)];\n const next = tabBarTapFrames[nextIndex];\n const progress = previous[1] + ((next[1] - previous[1]) * (elapsed - previous[0])) / (next[0] - previous[0]);\n // The late squeeze grows with travel (adjacent and three-item UIKit samples).\n const extraDistance = Math.max(0, tap!.distance - 1);\n // Start at the rendered press, not a recomputed rectangle, to avoid a release-frame jump.\n frames = [\n { offset: 0, x: current.x, y: current.y, sx: scale.a, sy: scale.d },\n ...tabBarTapFrames.slice(nextIndex).map(([time, position, width, height]) => ({\n offset: (time - elapsed) / (0.8 - elapsed),\n x: x + ((current.x - x) * (1 - position)) / Math.max(0.1, 1 - progress),\n y: y + ((current.y - y) * (1 - position)) / Math.max(0.1, 1 - progress),\n sx: 1 + (width * (time >= 0.367 ? 1 + 0.75 * extraDistance : 1)) / current.width,\n sy: 1 + (height * (time >= 0.367 ? 1 + 0.5 * extraDistance : 1)) / current.height,\n })),\n ];\n }\n const stretch = createAnimation()\n .addElement(native)\n .duration(duration)\n .easing('linear')\n .keyframes(frames.map(({ offset, sx, sy }) => ({ offset, transform: stretchTransform(sx, sy, vertical) })));\n const move = createAnimation()\n .addElement(effectElement)\n .duration(duration)\n .easing('linear')\n .keyframes(\n frames.map(({ offset, x, y }) => ({\n offset,\n transform: translate(x, y, vertical),\n })),\n );\n // Blend the reflective lens into the selected surface during the final 200ms.\n const offset = 1 - 200 / duration;\n const selectedBackground =\n 'var(--ios27-tab-selected-background, rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.095))';\n const glass = createAnimation()\n .addElement(effectElement)\n .easing('linear')\n .keyframes([\n { offset: 0, opacity: 1 },\n { offset, opacity: 1 },\n { offset: 1, opacity: 0 },\n ]);\n const selected = createAnimation()\n .addElement(target.shadowRoot!.querySelector<HTMLElement>('[part=\"native\"]')!)\n .easing('linear')\n .keyframes([\n { offset: 0, backgroundColor: 'transparent' },\n { offset, backgroundColor: 'transparent' },\n { offset: 1, backgroundColor: selectedBackground },\n ]);\n const release = createAnimation().duration(duration).addAnimation([stretch, move, glass, selected]);\n if (tapElapsed !== undefined && !vertical) {\n // A short UIKit tap keeps expanding after lift-off, then settles independently of the lens.\n // Width deltas from the 50ms tap; preserve the rendered size for an uninterrupted handoff.\n const width = mainSize(bar, vertical);\n const expansion = box.width - width;\n const peak = Math.max(8.65, expansion);\n const platter = createAnimation()\n .addElement(bar)\n .easing('linear')\n .keyframes(\n [\n [0, expansion],\n [17, expansion + (peak - expansion) * 0.503],\n [34, expansion + (peak - expansion) * 0.868],\n [50, peak],\n [67, peak * (8.46 / 8.65)],\n [83, peak * (7.73 / 8.65)],\n [100, peak * (6.66 / 8.65)],\n [117, peak * (5.44 / 8.65)],\n [134, peak * (4.19 / 8.65)],\n [150, peak * (3 / 8.65)],\n [167, peak * (1.97 / 8.65)],\n [184, peak * (1.09 / 8.65)],\n [200, peak * (0.39 / 8.65)],\n [217, 0],\n [234, peak * (-0.48 / 8.65)],\n [250, peak * (-0.7 / 8.65)],\n [267, peak * (-0.8 / 8.65)],\n [283, peak * (-0.82 / 8.65)],\n [300, peak * (-0.77 / 8.65)],\n [317, peak * (-0.68 / 8.65)],\n [334, peak * (-0.57 / 8.65)],\n [350, peak * (-0.46 / 8.65)],\n [383, peak * (-0.14 / 8.65)],\n [417, 0],\n [duration, 0],\n ].map(([time, extra]) => ({ offset: time / duration, transform: `scale(${1 + extra / width}) translateZ(0)` })),\n );\n release.addAnimation(platter);\n }\n return release;\n};\n\nexport const createPreMoveAnimation = (\n effectElement: Element,\n tabSelectedElement: Element,\n currentTouchedElement: Element,\n animationPosition: AnimationPosition,\n): Animation => {\n const diff = Math.max(\n Math.abs(tabSelectedElement.getBoundingClientRect().left - currentTouchedElement.getBoundingClientRect().left),\n 140,\n );\n return createAnimation()\n .duration(diff * 2.1)\n .easing('ease-out')\n .addElement(effectElement)\n .beforeStyles({\n width: `${tabSelectedElement.clientWidth}px`,\n height: `${tabSelectedElement.clientHeight}px`,\n display: 'block',\n opacity: '1',\n transform: 'none',\n })\n .keyframes([\n {\n offset: 0,\n transform: `translate3d(${tabSelectedElement.getBoundingClientRect().left}px, ${animationPosition.positionY}px, 0)`,\n },\n {\n offset: 1,\n transform: `translate3d(${currentTouchedElement.getBoundingClientRect().left}px, ${animationPosition.positionY}px, 0)`,\n },\n ]);\n};\n\nexport const createMoveAnimation = (\n effectElement: Element,\n detail: GestureDetail,\n tabSelectedElement: Element,\n animationPosition: AnimationPosition,\n vertical = false,\n): Animation => {\n return createAnimation()\n .duration(500)\n .addElement(effectElement)\n .beforeStyles({\n width: `${tabSelectedElement.clientWidth}px`,\n height: `${tabSelectedElement.clientHeight}px`,\n display: 'block',\n opacity: '1',\n transform: 'none',\n })\n .fromTo(\n 'transform',\n translate(animationPosition.minPositionX, animationPosition.positionY, vertical),\n translate(animationPosition.maxPositionX, animationPosition.positionY, vertical),\n )\n .progressStep(getStep(detail.currentX, animationPosition));\n};\n\nexport const getMoveAnimationKeyframe = (type: 'moveRight' | 'moveLeft' | 'slowly', scales: EffectScales): AnimationKeyFrames => {\n return {\n moveRight: [\n {\n offset: 0,\n transform: scales.large,\n },\n {\n offset: 0.4,\n transform: scales.small,\n },\n {\n offset: 0.75,\n transform: scales.xlarge,\n },\n {\n offset: 1,\n transform: scales.large,\n },\n ],\n moveLeft: [\n {\n offset: 0,\n transform: scales.large,\n },\n {\n offset: 0.1,\n transform: scales.xlarge,\n },\n {\n offset: 0.6,\n transform: scales.small,\n },\n {\n offset: 1,\n transform: scales.large,\n },\n ],\n slowly: [\n {\n offset: 0,\n transform: scales.large,\n },\n {\n offset: 0.4,\n transform: scales.medium,\n },\n {\n offset: 1,\n transform: scales.large,\n },\n ],\n }[type];\n};\n"],"mappings":"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"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
import { EffectScales, registeredEffect } from
|
|
1
|
+
import { EffectScales, registeredEffect } from "./interfaces.js";
|
|
2
|
+
//#region src/sheets-of-glass/index.d.ts
|
|
2
3
|
export declare const registerEffect: (targetElement: HTMLElement, effectTagName: string, selectedClassName: string, scales: EffectScales, vertical?: boolean) => registeredEffect | undefined;
|
|
4
|
+
//#endregion
|
|
3
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/sheets-of-glass/index.ts"],"mappings":";;qBAmBa,iBACX,eAAe,aACf,uBACA,2BACA,QAAQ,cACR,uBACC"}
|