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

package/dist/tab-bar-searchable/index.js

@@ -1,140 +1,128 @@
-import { createAnimation } from '@ionic/core';
-import { ANIMATION_DELAY_BASE, ANIMATION_DURATION, ANIMATION_EASING, getElementReferences, getElementSizes, throwErrorByFailedClickElement, TabBarSearchableType, } from '@rdlabo/ionic-theme-utils';
-import { isNativeUIShell, registerNativeSearch, requestNativeSearch, suspendNativeUIShell } from '../native-integration';
-import { createCloseButtonsAnimation, createEffectAnimation, createFabButtonAnimation, createSearchContainerAnimation, createTabBarAnimation, } from './animations/enter';
-import { createReverseCloseButtonsAnimation, createReverseEffectAnimation, createReverseFabButtonAnimation, createReverseSearchContainerAnimation, createReverseTabBarAnimation, } from './animations/leave';
-export { TabBarSearchableType, } from '@rdlabo/ionic-theme-utils';
-export const attachTabBarSearchable = (ionTabBar, ionFabButton, ionFooter) => {
-    if (!ionTabBar || !ionFabButton || !ionFooter) {
-        throw new Error('TabBarSearchable should be defined with props');
-    }
-    ionFooter.style.pointerEvents = 'none';
-    ionFooter.style.opacity = '0';
-    ionFooter.querySelector('ion-buttons[slot=start]')?.classList.add('ios-theme-horizontal-only');
-    const nativeSearch = registerNativeSearch(ionTabBar, ionFabButton, ionFooter);
-    let searchableEventCache;
-    let resumeNative;
-    let nativeEntry = false;
-    let nativeRequest = 0;
-    let verticalSearch = false;
-    let tabVisibilityObserver;
-    return async (event, type) => {
-        const selector = type === TabBarSearchableType.Enter ? 'ion-fab-button' : 'ion-buttons[slot=start] ion-button';
-        if (!event.target?.closest(selector))
-            throw throwErrorByFailedClickElement(selector);
-        if (type === TabBarSearchableType.Leave && !nativeEntry && !searchableEventCache)
-            throw new Error('TabBarSearchableType.Leave should be run after TabBarSearchableType.Enter');
-        const hadNativeEntry = nativeEntry;
-        const request = ++nativeRequest;
-        if (type === TabBarSearchableType.Enter)
-            nativeEntry || (nativeEntry = isNativeUIShell(ionFooter));
-        const accepted = await requestNativeSearch(nativeSearch, type === TabBarSearchableType.Enter);
-        if (request !== nativeRequest)
-            return;
-        if (accepted) {
-            nativeEntry = type === TabBarSearchableType.Enter;
-            return;
-        }
-        nativeEntry = false;
-        if (type === TabBarSearchableType.Leave && hadNativeEntry) {
-            return;
-        }
-        if (type === TabBarSearchableType.Enter) {
-            verticalSearch = !!ionTabBar.closest('ion-app.ios-theme-vertical-bars');
-            if (verticalSearch) {
-                const keepTabsVisible = () => {
-                    if (ionTabBar.classList.contains('tab-bar-hidden') && ionTabBar.closest('ion-app.ios-theme-vertical-bars')) {
-                        ionTabBar.classList.remove('tab-bar-hidden');
-                    }
-                };
-                tabVisibilityObserver?.disconnect();
-                tabVisibilityObserver = new MutationObserver(keepTabsVisible);
-                tabVisibilityObserver.observe(ionTabBar, { attributes: true, attributeFilter: ['class'] });
-                keepTabsVisible();
-            }
-            resumeNative ?? (resumeNative = await suspendNativeUIShell([
-                ...(verticalSearch ? [] : [ionTabBar]),
-                ionFooter,
-                ionFabButton.closest('ion-fab') ?? ionFabButton,
-            ]));
-            try {
-                searchableEventCache = await enterEvent(event, ionTabBar, ionFabButton, ionFooter, verticalSearch);
-            }
-            catch (error) {
-                tabVisibilityObserver?.disconnect();
-                resumeNative();
-                resumeNative = undefined;
-                throw error;
-            }
-        }
-        else if (searchableEventCache !== undefined) {
-            try {
-                await leaveEvent(event, searchableEventCache, ionTabBar, ionFabButton, ionFooter, verticalSearch);
-                searchableEventCache = undefined;
-            }
-            finally {
-                tabVisibilityObserver?.disconnect();
-                resumeNative?.();
-                resumeNative = undefined;
-            }
-        }
-        else {
-            throw new Error('TabBarSearchableType.Leave should be run after TabBarSearchableType.Enter');
-        }
-    };
+import { isNativeUIShell, registerNativeSearch, requestNativeSearch, suspendNativeUIShell } from "../native-integration/index.js";
+import { createCloseButtonsAnimation, createEffectAnimation, createFabButtonAnimation, createSearchContainerAnimation, createTabBarAnimation } from "./animations/enter.js";
+import { createReverseCloseButtonsAnimation, createReverseEffectAnimation, createReverseFabButtonAnimation, createReverseSearchContainerAnimation, createReverseTabBarAnimation } from "./animations/leave.js";
+import { createAnimation } from "@ionic/core";
+import { ANIMATION_DELAY_BASE, ANIMATION_DURATION, ANIMATION_EASING, TabBarSearchableType, TabBarSearchableType as TabBarSearchableType$1, getElementReferences, getElementSizes, throwErrorByFailedClickElement } from "@rdlabo/ionic-theme-utils";
+//#region src/tab-bar-searchable/index.ts
+/**
+*  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
+*   <ion-fab-button (click)="present($event)">
+*     <ion-icon name="search"></ion-icon>
+*   </ion-fab-button>
+*  </ion-fab>
+*  <ion-footer [translucent]="true">
+*   <ion-toolbar>
+*     <ion-buttons slot="start">
+*     <!-- ion-icon does not need `name` attribute. -->
+*       <ion-button fill="default"><ion-icon slot="icon-only"></ion-icon>
+*     </ion-button>
+*     </ion-buttons>
+*     <!-- User set `ionChange` or other events. -->
+*     <ion-searchbar aria-label="Search" (ionChange)="example($event)"></ion-searchbar>
+*   </ion-toolbar>
+*  </ion-footer>
+**/
+const attachTabBarSearchable = (ionTabBar, ionFabButton, ionFooter) => {
+	if (!ionTabBar || !ionFabButton || !ionFooter) throw new Error("TabBarSearchable should be defined with props");
+	ionFooter.style.pointerEvents = "none";
+	ionFooter.style.opacity = "0";
+	ionFooter.querySelector("ion-buttons[slot=start]")?.classList.add("ios-theme-horizontal-only");
+	const nativeSearch = registerNativeSearch(ionTabBar, ionFabButton, ionFooter);
+	let searchableEventCache;
+	let resumeNative;
+	let nativeEntry = false;
+	let nativeRequest = 0;
+	let verticalSearch = false;
+	let tabVisibilityObserver;
+	return async (event, type) => {
+		const selector = type === TabBarSearchableType$1.Enter ? "ion-fab-button" : "ion-buttons[slot=start] ion-button";
+		if (!event.target?.closest(selector)) throw throwErrorByFailedClickElement(selector);
+		if (type === TabBarSearchableType$1.Leave && !nativeEntry && !searchableEventCache) throw new Error("TabBarSearchableType.Leave should be run after TabBarSearchableType.Enter");
+		const hadNativeEntry = nativeEntry;
+		const request = ++nativeRequest;
+		if (type === TabBarSearchableType$1.Enter) nativeEntry || (nativeEntry = isNativeUIShell(ionFooter));
+		const accepted = await requestNativeSearch(nativeSearch, type === TabBarSearchableType$1.Enter);
+		if (request !== nativeRequest) return;
+		if (accepted) {
+			nativeEntry = type === TabBarSearchableType$1.Enter;
+			return;
+		}
+		nativeEntry = false;
+		if (type === TabBarSearchableType$1.Leave && hadNativeEntry) return;
+		if (type === TabBarSearchableType$1.Enter) {
+			verticalSearch = !!ionTabBar.closest("ion-app.ios-theme-vertical-bars");
+			if (verticalSearch) {
+				const keepTabsVisible = () => {
+					if (ionTabBar.classList.contains("tab-bar-hidden") && ionTabBar.closest("ion-app.ios-theme-vertical-bars")) ionTabBar.classList.remove("tab-bar-hidden");
+				};
+				tabVisibilityObserver?.disconnect();
+				tabVisibilityObserver = new MutationObserver(keepTabsVisible);
+				tabVisibilityObserver.observe(ionTabBar, {
+					attributes: true,
+					attributeFilter: ["class"]
+				});
+				keepTabsVisible();
+			}
+			resumeNative ?? (resumeNative = await suspendNativeUIShell([
+				...verticalSearch ? [] : [ionTabBar],
+				ionFooter,
+				ionFabButton.closest("ion-fab") ?? ionFabButton
+			]));
+			try {
+				searchableEventCache = await enterEvent(event, ionTabBar, ionFabButton, ionFooter, verticalSearch);
+			} catch (error) {
+				tabVisibilityObserver?.disconnect();
+				resumeNative();
+				resumeNative = void 0;
+				throw error;
+			}
+		} else if (searchableEventCache !== void 0) try {
+			await leaveEvent(event, searchableEventCache, ionTabBar, ionFabButton, ionFooter, verticalSearch);
+			searchableEventCache = void 0;
+		} finally {
+			tabVisibilityObserver?.disconnect();
+			resumeNative?.();
+			resumeNative = void 0;
+		}
+		else throw new Error("TabBarSearchableType.Leave should be run after TabBarSearchableType.Enter");
+	};
 };
 const enterEvent = async (event, ionTabBar, ionFabButton, ionFooter, verticalSearch) => {
-    if (!event.target?.closest('ion-fab-button')) {
-        throw throwErrorByFailedClickElement('ion-fab-button');
-    }
-    const references = getElementReferences(ionTabBar, ionFooter);
-    const sizes = getElementSizes(ionTabBar, ionFabButton, references);
-    const colorSelected = references.selectedTabButton
-        ? getComputedStyle(references.selectedTabButton).getPropertyValue('--color-selected').trim()
-        : '';
-    if (verticalSearch)
-        references.closeButtonIcon.setAttribute('name', 'close');
-    const tabAnimations = verticalSearch
-        ? []
-        : [createTabBarAnimation(ionTabBar, references, sizes), createEffectAnimation(references, sizes)];
-    const searchContainerAnimation = createSearchContainerAnimation(references, sizes);
-    const closeButtonsAnimation = createCloseButtonsAnimation(references);
-    const fabButtonAnimation = createFabButtonAnimation(ionFabButton);
-    await createAnimation()
-        .delay(ANIMATION_DELAY_BASE)
-        .duration(ANIMATION_DURATION)
-        .easing(ANIMATION_EASING)
-        .addElement(ionFooter)
-        .afterAddWrite(() => (ionFooter.style.pointerEvents = 'auto'))
-        .fromTo('opacity', '0.8', '1')
-        .addAnimation([...tabAnimations, fabButtonAnimation, searchContainerAnimation, closeButtonsAnimation])
-        .play();
-    return {
-        elementSizes: sizes,
-        colorSelected,
-    };
+	if (!event.target?.closest("ion-fab-button")) throw throwErrorByFailedClickElement("ion-fab-button");
+	const references = getElementReferences(ionTabBar, ionFooter);
+	const sizes = getElementSizes(ionTabBar, ionFabButton, references);
+	const colorSelected = references.selectedTabButton ? getComputedStyle(references.selectedTabButton).getPropertyValue("--color-selected").trim() : "";
+	if (verticalSearch) references.closeButtonIcon.setAttribute("name", "close");
+	const tabAnimations = verticalSearch ? [] : [createTabBarAnimation(ionTabBar, references, sizes), createEffectAnimation(references, sizes)];
+	const searchContainerAnimation = createSearchContainerAnimation(references, sizes);
+	const closeButtonsAnimation = createCloseButtonsAnimation(references);
+	const fabButtonAnimation = createFabButtonAnimation(ionFabButton);
+	await createAnimation().delay(ANIMATION_DELAY_BASE).duration(ANIMATION_DURATION).easing(ANIMATION_EASING).addElement(ionFooter).afterAddWrite(() => ionFooter.style.pointerEvents = "auto").fromTo("opacity", "0.8", "1").addAnimation([
+		...tabAnimations,
+		fabButtonAnimation,
+		searchContainerAnimation,
+		closeButtonsAnimation
+	]).play();
+	return {
+		elementSizes: sizes,
+		colorSelected
+	};
 };
 const leaveEvent = async (event, searchableEventCache, ionTabBar, ionFabButton, ionFooter, verticalSearch) => {
-    if (!event.target?.closest('ion-buttons[slot=start] ion-button')) {
-        throw throwErrorByFailedClickElement('ion-buttons[slot=start] ion-button');
-    }
-    const references = getElementReferences(ionTabBar, ionFooter);
-    const tabAnimations = verticalSearch
-        ? []
-        : [
-            createReverseTabBarAnimation(ionTabBar, references, searchableEventCache.elementSizes),
-            createReverseEffectAnimation(references, searchableEventCache.elementSizes, searchableEventCache.colorSelected),
-        ];
-    const searchContainerAnimation = createReverseSearchContainerAnimation(references, searchableEventCache.elementSizes);
-    const closeButtonsAnimation = createReverseCloseButtonsAnimation(references);
-    const fabButtonAnimation = createReverseFabButtonAnimation(ionFabButton, searchableEventCache.elementSizes);
-    await createAnimation()
-        .delay(ANIMATION_DELAY_BASE)
-        .duration(ANIMATION_DURATION)
-        .easing(ANIMATION_EASING)
-        .addElement(ionFooter)
-        .afterAddWrite(() => (ionFooter.style.pointerEvents = 'none'))
-        .fromTo('opacity', '1', '0')
-        .addAnimation([...tabAnimations, fabButtonAnimation, searchContainerAnimation, closeButtonsAnimation])
-        .play();
+	if (!event.target?.closest("ion-buttons[slot=start] ion-button")) throw throwErrorByFailedClickElement("ion-buttons[slot=start] ion-button");
+	const references = getElementReferences(ionTabBar, ionFooter);
+	const tabAnimations = verticalSearch ? [] : [createReverseTabBarAnimation(ionTabBar, references, searchableEventCache.elementSizes), createReverseEffectAnimation(references, searchableEventCache.elementSizes, searchableEventCache.colorSelected)];
+	const searchContainerAnimation = createReverseSearchContainerAnimation(references, searchableEventCache.elementSizes);
+	const closeButtonsAnimation = createReverseCloseButtonsAnimation(references);
+	const fabButtonAnimation = createReverseFabButtonAnimation(ionFabButton, searchableEventCache.elementSizes);
+	await createAnimation().delay(ANIMATION_DELAY_BASE).duration(ANIMATION_DURATION).easing(ANIMATION_EASING).addElement(ionFooter).afterAddWrite(() => ionFooter.style.pointerEvents = "none").fromTo("opacity", "1", "0").addAnimation([
+		...tabAnimations,
+		fabButtonAnimation,
+		searchContainerAnimation,
+		closeButtonsAnimation
+	]).play();
 };
+//#endregion
+export { TabBarSearchableType, attachTabBarSearchable };
+
+//# sourceMappingURL=index.js.map

package/dist/tab-bar-searchable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TabBarSearchableType"],"sources":["../../src/tab-bar-searchable/index.ts"],"sourcesContent":["import { createAnimation } from '@ionic/core';\nimport {\n  ANIMATION_DELAY_BASE,\n  ANIMATION_DURATION,\n  ANIMATION_EASING,\n  getElementReferences,\n  getElementSizes,\n  throwErrorByFailedClickElement,\n  type SearchableEventCache,\n  type TabBarSearchableFunction,\n  TabBarSearchableType,\n} from '@rdlabo/ionic-theme-utils';\nimport { isNativeUIShell, registerNativeSearch, requestNativeSearch, suspendNativeUIShell } from '../native-integration';\nimport {\n  createCloseButtonsAnimation,\n  createEffectAnimation,\n  createFabButtonAnimation,\n  createSearchContainerAnimation,\n  createTabBarAnimation,\n} from './animations/enter';\nimport {\n  createReverseCloseButtonsAnimation,\n  createReverseEffectAnimation,\n  createReverseFabButtonAnimation,\n  createReverseSearchContainerAnimation,\n  createReverseTabBarAnimation,\n} from './animations/leave';\n\nexport {\n  TabBarSearchableType,\n  type TabBarSearchableFunction,\n  type SearchableEventCache,\n  type ElementSizes,\n  type ElementReferences,\n} from '@rdlabo/ionic-theme-utils';\n\n/**\n *  <ion-fab vertical=\"bottom\" horizontal=\"end\" slot=\"fixed\">\n *   <ion-fab-button (click)=\"present($event)\">\n *     <ion-icon name=\"search\"></ion-icon>\n *   </ion-fab-button>\n *  </ion-fab>\n *  <ion-footer [translucent]=\"true\">\n *   <ion-toolbar>\n *     <ion-buttons slot=\"start\">\n *     <!-- ion-icon does not need `name` attribute. -->\n *       <ion-button fill=\"default\"><ion-icon slot=\"icon-only\"></ion-icon>\n *     </ion-button>\n *     </ion-buttons>\n *     <!-- User set `ionChange` or other events. -->\n *     <ion-searchbar aria-label=\"Search\" (ionChange)=\"example($event)\"></ion-searchbar>\n *   </ion-toolbar>\n *  </ion-footer>\n **/\n\nexport const attachTabBarSearchable = (\n  ionTabBar: HTMLElement,\n  ionFabButton: HTMLElement,\n  ionFooter: HTMLElement,\n): TabBarSearchableFunction => {\n  if (!ionTabBar || !ionFabButton || !ionFooter) {\n    throw new Error('TabBarSearchable should be defined with props');\n  }\n  // Initialize\n  ionFooter.style.pointerEvents = 'none';\n  ionFooter.style.opacity = '0';\n  // Search dismissal belongs beside the Web search field, never in the vertical rail.\n  ionFooter.querySelector('ion-buttons[slot=start]')?.classList.add('ios-theme-horizontal-only');\n  const nativeSearch = registerNativeSearch(ionTabBar, ionFabButton, ionFooter);\n\n  // Saved Params\n  let searchableEventCache: SearchableEventCache | undefined;\n  let resumeNative: (() => void) | undefined;\n  // Leave is valid both while native Enter awaits its ack and after it completes.\n  let nativeEntry = false;\n  let nativeRequest = 0;\n  let verticalSearch = false;\n  let tabVisibilityObserver: MutationObserver | undefined;\n\n  return async (event: Event, type: TabBarSearchableType) => {\n    const selector = type === TabBarSearchableType.Enter ? 'ion-fab-button' : 'ion-buttons[slot=start] ion-button';\n    if (!(event.target as HTMLElement)?.closest(selector)) throw throwErrorByFailedClickElement(selector);\n    if (type === TabBarSearchableType.Leave && !nativeEntry && !searchableEventCache)\n      throw new Error('TabBarSearchableType.Leave should be run after TabBarSearchableType.Enter');\n    const hadNativeEntry = nativeEntry;\n    const request = ++nativeRequest;\n    if (type === TabBarSearchableType.Enter) nativeEntry ||= isNativeUIShell(ionFooter);\n    const accepted = await requestNativeSearch(nativeSearch, type === TabBarSearchableType.Enter);\n    if (request !== nativeRequest) return;\n    if (accepted) {\n      nativeEntry = type === TabBarSearchableType.Enter;\n      return;\n    }\n    nativeEntry = false;\n    if (type === TabBarSearchableType.Leave && hadNativeEntry) {\n      // Forced native retirement already restored the closed Web presentation.\n      return;\n    }\n    if (type === TabBarSearchableType.Enter) {\n      verticalSearch = !!ionTabBar.closest('ion-app.ios-theme-vertical-bars');\n      if (verticalSearch) {\n        // Ionic hides horizontal tabs when the keyboard opens; keep this rail available.\n        const keepTabsVisible = () => {\n          if (ionTabBar.classList.contains('tab-bar-hidden') && ionTabBar.closest('ion-app.ios-theme-vertical-bars')) {\n            ionTabBar.classList.remove('tab-bar-hidden');\n          }\n        };\n        tabVisibilityObserver?.disconnect();\n        tabVisibilityObserver = new MutationObserver(keepTabsVisible);\n        tabVisibilityObserver.observe(ionTabBar, { attributes: true, attributeFilter: ['class'] });\n        keepTabsVisible();\n      }\n      resumeNative ??= await suspendNativeUIShell([\n        ...(verticalSearch ? [] : [ionTabBar]),\n        ionFooter,\n        ionFabButton.closest('ion-fab') ?? ionFabButton,\n      ]);\n      try {\n        searchableEventCache = await enterEvent(event, ionTabBar, ionFabButton, ionFooter, verticalSearch);\n      } catch (error) {\n        tabVisibilityObserver?.disconnect();\n        resumeNative();\n        resumeNative = undefined;\n        throw error;\n      }\n    } else if (searchableEventCache !== undefined) {\n      try {\n        await leaveEvent(event, searchableEventCache, ionTabBar, ionFabButton, ionFooter, verticalSearch);\n        searchableEventCache = undefined;\n      } finally {\n        tabVisibilityObserver?.disconnect();\n        resumeNative?.();\n        resumeNative = undefined;\n      }\n    } else {\n      throw new Error('TabBarSearchableType.Leave should be run after TabBarSearchableType.Enter');\n    }\n  };\n};\n\nconst enterEvent = async (\n  event: Event,\n  ionTabBar: HTMLElement,\n  ionFabButton: HTMLElement,\n  ionFooter: HTMLElement,\n  verticalSearch: boolean,\n): Promise<SearchableEventCache> => {\n  if (!(event.target as HTMLElement)?.closest('ion-fab-button')) {\n    throw throwErrorByFailedClickElement('ion-fab-button');\n  }\n\n  const references = getElementReferences(ionTabBar, ionFooter);\n  const sizes = getElementSizes(ionTabBar, ionFabButton, references);\n  const colorSelected = references.selectedTabButton\n    ? getComputedStyle(references.selectedTabButton).getPropertyValue('--color-selected').trim()\n    : '';\n\n  if (verticalSearch) references.closeButtonIcon.setAttribute('name', 'close');\n  const tabAnimations = verticalSearch\n    ? []\n    : [createTabBarAnimation(ionTabBar, references, sizes), createEffectAnimation(references, sizes)];\n  const searchContainerAnimation = createSearchContainerAnimation(references, sizes);\n  const closeButtonsAnimation = createCloseButtonsAnimation(references);\n  const fabButtonAnimation = createFabButtonAnimation(ionFabButton);\n\n  await createAnimation()\n    .delay(ANIMATION_DELAY_BASE)\n    .duration(ANIMATION_DURATION)\n    .easing(ANIMATION_EASING)\n    .addElement(ionFooter)\n    .afterAddWrite(() => (ionFooter.style.pointerEvents = 'auto'))\n    .fromTo('opacity', '0.8', '1')\n    .addAnimation([...tabAnimations, fabButtonAnimation, searchContainerAnimation, closeButtonsAnimation])\n    .play();\n\n  return {\n    elementSizes: sizes,\n    colorSelected,\n  };\n};\n\nconst leaveEvent = async (\n  event: Event,\n  searchableEventCache: SearchableEventCache,\n  ionTabBar: HTMLElement,\n  ionFabButton: HTMLElement,\n  ionFooter: HTMLElement,\n  verticalSearch: boolean,\n): Promise<void> => {\n  if (!(event.target as HTMLElement)?.closest('ion-buttons[slot=start] ion-button')) {\n    throw throwErrorByFailedClickElement('ion-buttons[slot=start] ion-button');\n  }\n\n  const references = getElementReferences(ionTabBar, ionFooter);\n\n  const tabAnimations = verticalSearch\n    ? []\n    : [\n        createReverseTabBarAnimation(ionTabBar, references, searchableEventCache.elementSizes),\n        createReverseEffectAnimation(references, searchableEventCache.elementSizes, searchableEventCache.colorSelected),\n      ];\n  const searchContainerAnimation = createReverseSearchContainerAnimation(references, searchableEventCache.elementSizes);\n  const closeButtonsAnimation = createReverseCloseButtonsAnimation(references);\n  const fabButtonAnimation = createReverseFabButtonAnimation(ionFabButton, searchableEventCache.elementSizes);\n\n  await createAnimation()\n    .delay(ANIMATION_DELAY_BASE)\n    .duration(ANIMATION_DURATION)\n    .easing(ANIMATION_EASING)\n    .addElement(ionFooter)\n    .afterAddWrite(() => (ionFooter.style.pointerEvents = 'none'))\n    .fromTo('opacity', '1', '0')\n    .addAnimation([...tabAnimations, fabButtonAnimation, searchContainerAnimation, closeButtonsAnimation])\n    .play();\n};\n"],"mappings":"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"}

package/dist/transition/index.d.ts

@@ -1,5 +1,5 @@
-import type { NavOptions } from '@ionic/core';
-import type { Animation } from '@ionic/core';
+import { Animation, NavOptions } from "@ionic/core";
+//#region src/transition/index.d.ts
 export declare const transition: (opts: TransitionOptions) => Promise<TransitionResult>;
 export declare const lifecycle: (el: HTMLElement | undefined, eventName: string) => void;
 export declare const waitForMount: () => Promise<void>;
@@ -7,13 +7,14 @@ export declare const deepReady: (el: Element | undefined) => Promise<void>;
 export declare const setPageHidden: (el: HTMLElement, hidden: boolean) => void;
 export declare const getIonPageElement: (element: HTMLElement) => Element;
 export interface TransitionOptions extends NavOptions {
-    progressCallback?: (ani: Animation | undefined) => void;
-    baseEl: HTMLElement;
-    enteringEl: HTMLElement;
-    leavingEl: HTMLElement | undefined;
+  progressCallback?: (ani: Animation | undefined) => void;
+  baseEl: HTMLElement;
+  enteringEl: HTMLElement;
+  leavingEl: HTMLElement | undefined;
 }
 export interface TransitionResult {
-    hasCompleted: boolean;
-    animation?: Animation;
+  hasCompleted: boolean;
+  animation?: Animation;
 }
+//#endregion
 //# sourceMappingURL=index.d.ts.map

package/dist/transition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transition/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAoB,MAAM,aAAa,CAAC;AAmB/D,eAAO,MAAM,UAAU,GAAI,MAAM,iBAAiB,KAAG,OAAO,CAAC,gBAAgB,CAyB5E,CAAC;AAkKF,eAAO,MAAM,SAAS,GAAI,IAAI,WAAW,GAAG,SAAS,EAAE,WAAW,MAAM,SAQvE,CAAC;AAeF,eAAO,MAAM,YAAY,QAAO,OAAO,CAAC,IAAI,CAE3C,CAAC;AAOF,eAAO,MAAM,SAAS,GAAU,IAAI,OAAO,GAAG,SAAS,KAAG,OAAO,CAAC,IAAI,CAyBrE,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,IAAI,WAAW,EAAE,QAAQ,OAAO,SAS7D,CAAC;AA6CF,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,YAWrD,CAAC;AA4BF,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,WAAW,CAAC;IACxB,SAAS,EAAE,WAAW,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/transition/index.ts"],"mappings":";;qBAwBa,aAAc,MAAM,sBAAoB,QAAQ;qBA2LhD,YAAa,IAAI,yBAAyB;qBAuB1C,oBAAmB;qBASnB,YAAmB,IAAI,wBAAsB;qBA2B7C,gBAAiB,IAAI,aAAa;qBAsDlC,oBAAqB,SAAS,gBAAW;iBAuCrC,0BAA0B;EACzC,oBAAoB,KAAK;EACzB,QAAQ;EACR,YAAY;EACZ,WAAW;;iBAGI;EACf;EACA,YAAY"}