@rdlabo/ionic-theme-ios27 1.2.1 → 2.0.0-1
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 +24 -280
- package/dist/css/components/ion-toolbar.css +1 -1
- package/dist/css/ionic-theme-ios27.css +1 -1
- package/dist/css/vertical-bars.css +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/dist/layout/index.d.ts +18 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/index.js +26 -0
- package/dist/layout/index.js.map +1 -0
- package/dist/segment/index.js +3 -3
- package/dist/segment/index.js.map +1 -1
- package/dist/sheets-of-glass/index.js +7 -7
- package/dist/sheets-of-glass/index.js.map +1 -1
- package/dist/tab-bar-searchable/dismiss-button.js +53 -3
- package/dist/tab-bar-searchable/dismiss-button.js.map +1 -1
- package/dist/tab-bar-searchable/index.js +18 -3
- package/dist/tab-bar-searchable/index.js.map +1 -1
- package/dist/transition/ios.transition.d.ts.map +1 -1
- package/dist/transition/ios.transition.js +7 -4
- package/dist/transition/ios.transition.js.map +1 -1
- package/dist/transition/native-ui.d.ts +6 -0
- package/dist/transition/native-ui.d.ts.map +1 -0
- package/dist/{native-integration/index.js → transition/native-ui.js} +16 -30
- package/dist/transition/native-ui.js.map +1 -0
- package/docs/adaptive-themes.md +161 -0
- package/docs/add-native-ui.md +53 -0
- package/docs/animation.md +19 -3
- package/docs/eslint.md +3 -1
- package/docs/features.md +9 -5
- package/docs/iphone-duo.md +62 -35
- package/docs/migration.md +17 -26
- package/docs/setup.md +92 -0
- package/docs/special-markup.md +41 -10
- package/docs/using-ion-item-group.md +2 -2
- package/docs/vertical-bars-layout.md +67 -0
- package/package.json +12 -42
- package/src/index.ts +3 -1
- package/src/layout/index.ts +29 -0
- package/src/segment/index.ts +3 -3
- package/src/sheets-of-glass/index.ts +7 -7
- package/src/styles/components/ion-toolbar.scss +1 -1
- package/src/styles/vertical-bars.scss +15 -18
- package/src/tab-bar-searchable/dismiss-button.ts +73 -4
- package/src/tab-bar-searchable/index.ts +20 -3
- package/src/transition/ios.transition.ts +7 -4
- package/src/{native-integration/index.ts → transition/native-ui.ts} +17 -46
- package/Package.swift +0 -21
- package/dist/_virtual/_rolldown/runtime.js +0 -13
- package/dist/native/components/index.d.ts +0 -19
- package/dist/native/components/index.d.ts.map +0 -1
- package/dist/native/components/index.js +0 -40
- package/dist/native/components/index.js.map +0 -1
- package/dist/native/components/ion-back-button.d.ts +0 -9
- package/dist/native/components/ion-back-button.d.ts.map +0 -1
- package/dist/native/components/ion-back-button.js +0 -20
- package/dist/native/components/ion-back-button.js.map +0 -1
- package/dist/native/components/ion-button.d.ts +0 -10
- package/dist/native/components/ion-button.d.ts.map +0 -1
- package/dist/native/components/ion-button.js +0 -23
- package/dist/native/components/ion-button.js.map +0 -1
- package/dist/native/components/ion-buttons.d.ts +0 -11
- package/dist/native/components/ion-buttons.d.ts.map +0 -1
- package/dist/native/components/ion-buttons.js +0 -30
- package/dist/native/components/ion-buttons.js.map +0 -1
- package/dist/native/components/ion-fab.d.ts +0 -10
- package/dist/native/components/ion-fab.d.ts.map +0 -1
- package/dist/native/components/ion-fab.js +0 -132
- package/dist/native/components/ion-fab.js.map +0 -1
- package/dist/native/components/ion-menu-button.d.ts +0 -13
- package/dist/native/components/ion-menu-button.d.ts.map +0 -1
- package/dist/native/components/ion-menu-button.js +0 -31
- package/dist/native/components/ion-menu-button.js.map +0 -1
- package/dist/native/components/ion-segment.d.ts +0 -11
- package/dist/native/components/ion-segment.d.ts.map +0 -1
- package/dist/native/components/ion-segment.js +0 -30
- package/dist/native/components/ion-segment.js.map +0 -1
- package/dist/native/components/ion-tab-bar.d.ts +0 -11
- package/dist/native/components/ion-tab-bar.d.ts.map +0 -1
- package/dist/native/components/ion-tab-bar.js +0 -50
- package/dist/native/components/ion-tab-bar.js.map +0 -1
- package/dist/native/components/searchable-tabs.d.ts +0 -20
- package/dist/native/components/searchable-tabs.d.ts.map +0 -1
- package/dist/native/components/searchable-tabs.js +0 -383
- package/dist/native/components/searchable-tabs.js.map +0 -1
- package/dist/native/definitions.d.ts +0 -152
- package/dist/native/definitions.d.ts.map +0 -1
- package/dist/native/definitions.js +0 -0
- package/dist/native/foldable/fold-state.d.ts +0 -5
- package/dist/native/foldable/fold-state.d.ts.map +0 -1
- package/dist/native/foldable/fold-state.js +0 -14
- package/dist/native/foldable/fold-state.js.map +0 -1
- package/dist/native/foldable/types.d.ts +0 -12
- package/dist/native/foldable/types.d.ts.map +0 -1
- package/dist/native/foldable/types.js +0 -0
- package/dist/native/index.d.ts +0 -11
- package/dist/native/index.d.ts.map +0 -1
- package/dist/native/index.js +0 -242
- package/dist/native/index.js.map +0 -1
- package/dist/native/prehide.d.ts +0 -7
- package/dist/native/prehide.d.ts.map +0 -1
- package/dist/native/prehide.js +0 -230
- package/dist/native/prehide.js.map +0 -1
- package/dist/native/runtime.d.ts +0 -5
- package/dist/native/runtime.d.ts.map +0 -1
- package/dist/native/runtime.js +0 -640
- package/dist/native/runtime.js.map +0 -1
- package/dist/native/shared/candidate.d.ts +0 -21
- package/dist/native/shared/candidate.d.ts.map +0 -1
- package/dist/native/shared/candidate.js +0 -98
- package/dist/native/shared/candidate.js.map +0 -1
- package/dist/native/shared/crossfade.d.ts +0 -10
- package/dist/native/shared/crossfade.d.ts.map +0 -1
- package/dist/native/shared/crossfade.js +0 -50
- package/dist/native/shared/crossfade.js.map +0 -1
- package/dist/native/shared/dom.d.ts +0 -46
- package/dist/native/shared/dom.d.ts.map +0 -1
- package/dist/native/shared/dom.js +0 -172
- package/dist/native/shared/dom.js.map +0 -1
- package/dist/native/shared/events.d.ts +0 -11
- package/dist/native/shared/events.d.ts.map +0 -1
- package/dist/native/shared/events.js +0 -13
- package/dist/native/shared/events.js.map +0 -1
- package/dist/native/shared/icons.d.ts +0 -8
- package/dist/native/shared/icons.d.ts.map +0 -1
- package/dist/native/shared/icons.js +0 -61
- package/dist/native/shared/icons.js.map +0 -1
- package/dist/native/shared/modal.d.ts +0 -10
- package/dist/native/shared/modal.d.ts.map +0 -1
- package/dist/native/shared/modal.js +0 -160
- package/dist/native/shared/modal.js.map +0 -1
- package/dist/native/vertical-bars-web-search.d.ts +0 -9
- package/dist/native/vertical-bars-web-search.d.ts.map +0 -1
- package/dist/native/vertical-bars-web-search.js +0 -84
- package/dist/native/vertical-bars-web-search.js.map +0 -1
- package/dist/native/vertical-bars-web.d.ts +0 -5
- package/dist/native/vertical-bars-web.d.ts.map +0 -1
- package/dist/native/vertical-bars-web.js +0 -341
- package/dist/native/vertical-bars-web.js.map +0 -1
- package/dist/native-integration/index.d.ts +0 -23
- package/dist/native-integration/index.d.ts.map +0 -1
- package/dist/native-integration/index.js.map +0 -1
- package/dist/native-integration/transition.d.ts +0 -5
- package/dist/native-integration/transition.d.ts.map +0 -1
- package/dist/native-integration/transition.js +0 -16
- package/dist/native-integration/transition.js.map +0 -1
- package/dist/vertical-bars.d.ts +0 -5
- package/dist/vertical-bars.js +0 -4
- package/docs/e2e-testing.md +0 -51
- package/docs/feedback.md +0 -65
- package/docs/iphone-duo-with-original-theme.md +0 -158
- package/docs/native-ui-shell.md +0 -285
- package/docs/vertical-bars.md +0 -285
- package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellButton.swift +0 -71
- package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellButtons.swift +0 -24
- package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellComponents.swift +0 -18
- package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellFab.swift +0 -83
- package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellSearchController.swift +0 -432
- package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellSegment.swift +0 -91
- package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellTabBar.swift +0 -221
- package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellVerticalBars.swift +0 -437
- package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellVerticalSearch.swift +0 -118
- package/ios/Sources/IonicNativeUIShellPlugin/IonicNativeUIShellPlugin.swift +0 -396
- package/ios/Sources/IonicNativeUIShellPlugin/Shared/ShellCrossfade.swift +0 -35
- package/ios/Sources/IonicNativeUIShellPlugin/Shared/ShellHost.swift +0 -8
- package/ios/Sources/IonicNativeUIShellPlugin/Shared/ShellRendering.swift +0 -27
- package/ios/Sources/IonicNativeUIShellPlugin/Shared/ShellSnapshot.swift +0 -135
- package/ios/Tests/IonicNativeUIShellPluginTests/ShellSnapshotTests.swift +0 -650
- package/src/native/components/index.ts +0 -53
- package/src/native/components/ion-back-button.ts +0 -19
- package/src/native/components/ion-button.ts +0 -24
- package/src/native/components/ion-buttons.ts +0 -38
- package/src/native/components/ion-fab.ts +0 -151
- package/src/native/components/ion-menu-button.ts +0 -24
- package/src/native/components/ion-segment.ts +0 -27
- package/src/native/components/ion-tab-bar.ts +0 -50
- package/src/native/components/searchable-tabs.ts +0 -459
- package/src/native/definitions.ts +0 -191
- package/src/native/foldable/fold-state.ts +0 -9
- package/src/native/foldable/types.ts +0 -4
- package/src/native/index.ts +0 -281
- package/src/native/prehide.ts +0 -265
- package/src/native/runtime.ts +0 -781
- package/src/native/shared/candidate.ts +0 -150
- package/src/native/shared/crossfade.ts +0 -50
- package/src/native/shared/dom.ts +0 -286
- package/src/native/shared/events.ts +0 -8
- package/src/native/shared/icons.ts +0 -57
- package/src/native/shared/modal.ts +0 -157
- package/src/native/vertical-bars-web-search.ts +0 -80
- package/src/native/vertical-bars-web.ts +0 -411
- package/src/native-integration/transition.ts +0 -15
- package/src/vertical-bars.ts +0 -11
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dom.js","names":[],"sources":["../../../src/native/shared/dom.ts"],"sourcesContent":["import { fadeMarker } from './crossfade';\nimport { modalUsesVerticalBars } from './modal';\n\nimport type { Frame } from '../definitions';\n\nexport const marker = 'data-native-ui-shell';\n// Scoped runtimes (Stencil slot emulation) patch child accessors on upgraded\n// elements and may report none before hydration; the prototype getter still\n// reports the real light DOM.\nconst childNodesGet = typeof Node === 'undefined' ? undefined : Object.getOwnPropertyDescriptor(Node.prototype, 'childNodes')?.get;\nexport const childNodesOf = (element: Element): Node[] =>\n childNodesGet ? Array.from(childNodesGet.call(element)) : Array.from(element.childNodes);\nexport const childElements = (element: Element): HTMLElement[] =>\n childNodesOf(element).filter((node) => node.nodeType === 1) as HTMLElement[];\nexport const prehiddenClass = 'ios-theme-native-ui-shell-prehidden';\nexport const prehideRootClass = 'ios-theme-native-ui-shell-prehide';\nexport const rejectedClass = 'ios-theme-native-ui-shell-rejected';\nexport const verticalBarsBackWebClass = 'ios-theme-vertical-bars-back-web-owned';\nconst prehideClasses = new Set([prehiddenClass, prehideRootClass]);\nexport const prehideOnlyMutation = (record: MutationRecord): boolean => {\n if (record.attributeName !== 'class' || record.oldValue === null) return false;\n const withoutPrehide = (value: string) =>\n value\n .split(/\\s+/)\n .filter((name) => name && !prehideClasses.has(name))\n .join(' ');\n return withoutPrehide(record.oldValue) === withoutPrehide((record.target as Element).getAttribute('class') ?? '');\n};\n\nexport const withoutPrehide = <T>(element: HTMLElement, read: () => T): T => {\n const changed: HTMLElement[] = [];\n for (let current: HTMLElement | null = element; current; current = current.parentElement) {\n if (current.classList.contains(prehiddenClass)) {\n current.classList.remove(prehiddenClass);\n changed.push(current);\n }\n }\n const root = element.ownerDocument.documentElement;\n if (element.matches('ion-back-button') && root.classList.contains(prehideRootClass)) {\n root.classList.remove(prehideRootClass);\n changed.push(root);\n }\n try {\n return read();\n } finally {\n changed.forEach((current) => current.classList.add(current === root ? prehideRootClass : prehiddenClass));\n }\n};\nexport const isDark = (style: CSSStyleDeclaration): boolean => {\n const themeScheme = style.getPropertyValue('--ios27-color-scheme').trim();\n if (themeScheme) return themeScheme === 'dark';\n const background = style.getPropertyValue('--ion-background-color-rgb').match(/\\d+/g)?.slice(0, 3).map(Number);\n return !!background && background.length === 3 && background[0] * 0.2126 + background[1] * 0.7152 + background[2] * 0.0722 < 128;\n};\nconst permanentlyExcluded = '.ios-theme-disabled, .ios26-disabled, .ion-cloned-element, [hidden], [inert]';\nexport const excluded = `${permanentlyExcluded}, .ion-page-hidden, .ion-page-invisible`;\nconst enteringPages = new WeakSet<HTMLElement>();\nexport const setVerticalBarsEnteringPage = (page: HTMLElement, entering: boolean): void => {\n if (entering) enteringPages.add(page);\n else enteringPages.delete(page);\n};\nexport const verticalBarsEnteringPage = (element: HTMLElement): HTMLElement | undefined => {\n const page = element.closest<HTMLElement>('.ion-page-invisible');\n return page && enteringPages.has(page) && page.closest('ion-app.ios-theme-vertical-bars') ? page : undefined;\n};\nexport const createVerticalBarsPageState = () => {\n const departed = new WeakSet<HTMLElement>();\n return {\n isDeparted(element: HTMLElement): boolean {\n const page = element.closest<HTMLElement>('.ion-page');\n return !!page && departed.has(page) && !!element.closest('ion-app.ios-theme-vertical-bars');\n },\n lifecycle(event: Event): void {\n // Avoid instanceof so stale listeners stay safe after global teardown.\n const page = event.target && (event.target as Node).nodeType === 1 ? (event.target as HTMLElement) : undefined;\n if (!page?.matches('.ion-page')) return;\n const entering = event.type === 'ionViewWillEnter';\n if (entering || event.type === 'ionViewDidEnter') departed.delete(page);\n else if (event.type === 'ionViewWillLeave' || event.type === 'ionViewDidLeave') departed.add(page);\n setVerticalBarsEnteringPage(page, entering);\n },\n cancel(entering?: HTMLElement, leaving?: HTMLElement): void {\n if (entering) {\n departed.add(entering);\n setVerticalBarsEnteringPage(entering, false);\n }\n if (leaving) departed.delete(leaving);\n },\n };\n};\nconst disabledButtonGroup = 'ion-buttons:is(.ios-theme-disabled, .ios26-disabled)';\nconst shellDisabledSelector = '.ios-theme-shell-disabled, [data-shell=\"disabled\"]';\n\nexport const isDisabledButtonGroupChild = (element: HTMLElement): boolean =>\n element.matches('ion-button') && element.parentElement?.matches(disabledButtonGroup) === true;\n\nconst verticalBarsTags = new Set(['ion-button', 'ion-back-button', 'ion-buttons', 'ion-menu-button', 'ion-tab-bar']);\n\nexport const isVerticalBarsSource = (element: HTMLElement): boolean =>\n verticalBarsTags.has(element.localName) &&\n (element.matches('ion-tab-bar') || verticalBarsOwned(element)) &&\n !element.closest('ion-menu, ion-popover') &&\n modalUsesVerticalBars(element) &&\n !!element.closest('ion-app.ios-theme-vertical-bars');\n\nexport const isVerticalBarsBackPosition = (element: HTMLElement): boolean => {\n if (element.closest('ion-header[collapse], ion-footer[collapse]')) return false;\n const page = element.closest('.ion-page');\n if (!page) return true;\n const candidates = Array.from(page.querySelectorAll<HTMLElement>('ion-back-button')).filter(\n (back) =>\n back.closest('.ion-page') === page &&\n !back.matches('.ion-cloned-element') &&\n !back.closest('ion-header[collapse], ion-footer[collapse], ion-menu, ion-popover') &&\n modalUsesVerticalBars(back),\n );\n const rank = (back: HTMLElement) =>\n inFixedToolbar(back) ? 0 : back.closest('ion-header ion-toolbar, ion-footer ion-toolbar') ? 1 : back.closest('ion-toolbar') ? 3 : 2;\n const best = candidates.reduce<HTMLElement | undefined>(\n (winner, back) => (!winner || rank(back) < rank(winner) ? back : winner),\n undefined,\n );\n return best === element;\n};\n\nexport const preferredVerticalBarsBack = <T extends HTMLElement>(elements: T[], doc: Document): T | undefined => {\n const pages = Array.from(doc.querySelectorAll('.ion-page'));\n const pageOrder = (element: Element) => pages.indexOf(element.closest('.ion-page')!);\n return elements.sort((a, b) => pageOrder(b) - pageOrder(a) || Number(!!b.closest('ion-header')) - Number(!!a.closest('ion-header')))[0];\n};\n\nconst excludedBy = (element: HTMLElement, selector: string): boolean => {\n const owner = element.closest<HTMLElement>(selector);\n return !!owner && !(element.parentElement === owner && isDisabledButtonGroupChild(element));\n};\n\nexport const isPermanentlyExcluded = (element: HTMLElement): boolean => excludedBy(element, permanentlyExcluded);\nexport const isExcluded = (element: HTMLElement, enteringPage?: HTMLElement): boolean =>\n excludedBy(element, `${permanentlyExcluded}, .ion-page-hidden`) || (!!element.closest('.ion-page-invisible') && !enteringPage);\n\n// A shared native surface must not cover an opted-out descendant either.\nexport const isShellDisabled = (element: Element): boolean =>\n !!element.closest(shellDisabledSelector) || !!element.querySelector(shellDisabledSelector);\n\nexport const isVerticalBarsToolbarActionShape = (element: HTMLElement): boolean =>\n element.matches('ion-menu-button') ||\n (element.matches('ion-button') && !!element.querySelector('ion-icon[slot=\"icon-only\"], svg[slot=\"icon-only\"]'));\n\n// Placement belongs to the DOM identity for one routed-page epoch. Changes to\n// content/disabled state affect rendering, never its chosen surface.\nconst verticalBarsPlacement = new WeakMap<HTMLElement, boolean>();\nexport const setVerticalBarsPlacement = (element: HTMLElement, rail: boolean): void => {\n verticalBarsPlacement.set(element, rail);\n};\nexport const clearVerticalBarsPlacement = (element: HTMLElement): void => {\n verticalBarsPlacement.delete(element);\n};\nexport const verticalBarsOwned = (element: HTMLElement): boolean => verticalBarsPlacement.get(element) === true;\n\nexport const isVerticalBarsToolbarAction = (element: HTMLElement): boolean =>\n verticalBarsOwned(element) && !isExcluded(element, verticalBarsEnteringPage(element)) && !isShellDisabled(element);\n\nconst overlays = 'ion-menu, ion-popover';\n\n/** Shared eligibility for a toolbar action candidate, before placement is decided (prehide) or consumed (projection). */\nexport const verticalBarsActionCandidate = (element: HTMLElement): boolean =>\n inFixedToolbar(element) &&\n !element.closest('ion-buttons.ios-theme-horizontal-only, ion-button.ios-theme-horizontal-only') &&\n !isPermanentlyExcluded(element) &&\n !isShellDisabled(element) &&\n !element.closest(overlays) &&\n modalUsesVerticalBars(element);\n\n/** Shared eligibility for a back-button candidate; the back button may sit outside a fixed toolbar. */\nexport const verticalBarsBackCandidate = (element: HTMLElement): boolean =>\n isVerticalBarsBackPosition(element) &&\n !element.closest('ion-buttons.ios-theme-horizontal-only') &&\n !isPermanentlyExcluded(element) &&\n !isShellDisabled(element) &&\n !element.closest(overlays) &&\n modalUsesVerticalBars(element);\n\nexport const verticalBarsToolbarActions = (element: HTMLElement): HTMLElement[] =>\n // Back buttons use the dedicated rail slot; they are never toolbar actions.\n childElements(element).filter((child) => !child.matches('ion-back-button') && isVerticalBarsToolbarAction(child));\n\nexport const isVerticalBarsToolbarGroup = (element: HTMLElement): boolean => {\n return (\n element.matches('ion-buttons') &&\n verticalBarsOwned(element) &&\n !element.matches('.ios-theme-disabled, .ios26-disabled') &&\n !isShellDisabled(element)\n );\n};\n\nexport const toolbarTextMarker = 'data-native-ui-shell-toolbar-text';\n\nexport const syncToolbarText = (doc: Document): void => {\n for (const toolbar of Array.from(\n doc.querySelectorAll<HTMLElement>(`ion-app.ios-theme-vertical-bars ion-toolbar, ion-toolbar[${toolbarTextMarker}]`),\n )) {\n toolbar.toggleAttribute(\n toolbarTextMarker,\n !!toolbar.closest('ion-app.ios-theme-vertical-bars') &&\n childNodesOf(toolbar).some((node) => node.nodeType === Node.TEXT_NODE && !!node.textContent?.trim()),\n );\n }\n};\n\nexport const activateProjectedElement = (element: HTMLElement): void => {\n const target = element.matches('ion-button, ion-back-button, ion-menu-button')\n ? element.shadowRoot?.querySelector<HTMLElement>('[part~=\"native\"]')\n : undefined;\n (target ?? element).click();\n};\n\nexport const unprojected = <T>(elements: Iterable<HTMLElement>, read: () => T): T => {\n const hidden = Array.from(elements).filter((element) => element.hasAttribute(marker));\n hidden.forEach((element) => element.removeAttribute(marker));\n try {\n return read();\n } finally {\n hidden.forEach((element) => element.setAttribute(marker, ''));\n }\n};\n\nconst readVisible = (element: HTMLElement, allowOutsideViewport: boolean): boolean => {\n const enteringPage = isVerticalBarsSource(element) ? verticalBarsEnteringPage(element) : undefined;\n if (!element.isConnected || isExcluded(element, enteringPage) || isShellDisabled(element)) return false;\n for (let current: HTMLElement | null = element; current; current = current.parentElement) {\n const style = getComputedStyle(current);\n if (\n style.display === 'none' ||\n style.visibility !== 'visible' ||\n (Number(style.opacity) === 0 && !current.hasAttribute(fadeMarker) && current !== enteringPage)\n )\n return false;\n // Ordinary controls on moving/collapsing/custom transformed surfaces stay in Web coordinates.\n // VerticalBars rail controls are placed independently of their Web coordinates and must remain\n // owned while Ionic transforms the content behind an open menu.\n if (\n !allowOutsideViewport &&\n style.transform !== 'none' &&\n !new DOMMatrixReadOnly(style.transform).isIdentity &&\n current !== element &&\n !current.matches('ion-tab-bar')\n )\n return false;\n }\n const rect = element.getBoundingClientRect();\n return (\n rect.width > 0 &&\n rect.height > 0 &&\n (allowOutsideViewport || (rect.left >= -1 && rect.top >= -1 && rect.right <= innerWidth + 1 && rect.bottom <= innerHeight + 1))\n );\n};\n\nexport const visible = (element: HTMLElement, allowOutsideViewport = false): boolean =>\n withoutPrehide(element, () => readVisible(element, allowOutsideViewport));\n\nexport const frame = (rect: DOMRect, origin?: DOMRect): Frame => ({\n x: rect.x - (origin?.x ?? 0),\n y: rect.y - (origin?.y ?? 0),\n width: rect.width,\n height: rect.height,\n});\n\nexport const text = (element: Element): string => {\n if (element.matches('ion-icon, svg, ion-badge, .ios27-segment-lens, .ion-cloned-element')) return '';\n return childNodesOf(element)\n .map((node) => (node.nodeType === 3 ? node.textContent : node.nodeType === 1 ? text(node as Element) : ''))\n .join('')\n .replace(/\\s+/g, ' ')\n .trim();\n};\n\nexport const inFixedToolbar = (element: Element): boolean => {\n const edge = element.closest('ion-toolbar')?.parentElement;\n const verticalBars = !!element.closest('ion-app.ios-theme-vertical-bars');\n return (\n !!edge?.matches('ion-header, ion-footer') &&\n !element.closest('ion-content') &&\n !edge.hasAttribute('collapse') &&\n (verticalBars || !edge.matches('.header-collapse-main, .header-collapse-condense'))\n );\n};\n"],"mappings":";;;AAKA,MAAa,SAAS;AAItB,MAAM,gBAAgB,OAAO,SAAS,cAAc,KAAA,IAAY,OAAO,yBAAyB,KAAK,WAAW,YAAY,CAAC,EAAE;AAC/H,MAAa,gBAAgB,YAC3B,gBAAgB,MAAM,KAAK,cAAc,KAAK,OAAO,CAAC,IAAI,MAAM,KAAK,QAAQ,UAAU;AACzF,MAAa,iBAAiB,YAC5B,aAAa,OAAO,CAAC,CAAC,QAAQ,SAAS,KAAK,aAAa,CAAC;AAC5D,MAAa,iBAAiB;AAC9B,MAAa,mBAAmB;AAChC,MAAa,gBAAgB;AAC7B,MAAa,2BAA2B;AACxC,MAAM,iCAAiB,IAAI,IAAI,CAAC,gBAAgB,gBAAgB,CAAC;AACjE,MAAa,uBAAuB,WAAoC;CACtE,IAAI,OAAO,kBAAkB,WAAW,OAAO,aAAa,MAAM,OAAO;CACzE,MAAM,kBAAkB,UACtB,MACG,MAAM,KAAK,CAAC,CACZ,QAAQ,SAAS,QAAQ,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC,CACnD,KAAK,GAAG;CACb,OAAO,eAAe,OAAO,QAAQ,MAAM,eAAgB,OAAO,OAAmB,aAAa,OAAO,KAAK,EAAE;AAClH;AAEA,MAAa,kBAAqB,SAAsB,SAAqB;CAC3E,MAAM,UAAyB,CAAC;CAChC,KAAK,IAAI,UAA8B,SAAS,SAAS,UAAU,QAAQ,eACzE,IAAI,QAAQ,UAAU,SAAA,qCAAuB,GAAG;EAC9C,QAAQ,UAAU,OAAO,cAAc;EACvC,QAAQ,KAAK,OAAO;CACtB;CAEF,MAAM,OAAO,QAAQ,cAAc;CACnC,IAAI,QAAQ,QAAQ,iBAAiB,KAAK,KAAK,UAAU,SAAA,mCAAyB,GAAG;EACnF,KAAK,UAAU,OAAO,gBAAgB;EACtC,QAAQ,KAAK,IAAI;CACnB;CACA,IAAI;EACF,OAAO,KAAK;CACd,UAAU;EACR,QAAQ,SAAS,YAAY,QAAQ,UAAU,IAAI,YAAY,OAAO,mBAAmB,cAAc,CAAC;CAC1G;AACF;AACA,MAAa,UAAU,UAAwC;CAC7D,MAAM,cAAc,MAAM,iBAAiB,sBAAsB,CAAC,CAAC,KAAK;CACxE,IAAI,aAAa,OAAO,gBAAgB;CACxC,MAAM,aAAa,MAAM,iBAAiB,4BAA4B,CAAC,CAAC,MAAM,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM;CAC7G,OAAO,CAAC,CAAC,cAAc,WAAW,WAAW,KAAK,WAAW,KAAK,QAAS,WAAW,KAAK,QAAS,WAAW,KAAK,QAAS;AAC/H;AACA,MAAM,sBAAsB;AAC5B,MAAa,WAAW,GAAG,oBAAoB;AAC/C,MAAM,gCAAgB,IAAI,QAAqB;AAC/C,MAAa,+BAA+B,MAAmB,aAA4B;CACzF,IAAI,UAAU,cAAc,IAAI,IAAI;MAC/B,cAAc,OAAO,IAAI;AAChC;AACA,MAAa,4BAA4B,YAAkD;CACzF,MAAM,OAAO,QAAQ,QAAqB,qBAAqB;CAC/D,OAAO,QAAQ,cAAc,IAAI,IAAI,KAAK,KAAK,QAAQ,iCAAiC,IAAI,OAAO,KAAA;AACrG;AACA,MAAa,oCAAoC;CAC/C,MAAM,2BAAW,IAAI,QAAqB;CAC1C,OAAO;EACL,WAAW,SAA+B;GACxC,MAAM,OAAO,QAAQ,QAAqB,WAAW;GACrD,OAAO,CAAC,CAAC,QAAQ,SAAS,IAAI,IAAI,KAAK,CAAC,CAAC,QAAQ,QAAQ,iCAAiC;EAC5F;EACA,UAAU,OAAoB;GAE5B,MAAM,OAAO,MAAM,UAAW,MAAM,OAAgB,aAAa,IAAK,MAAM,SAAyB,KAAA;GACrG,IAAI,CAAC,MAAM,QAAQ,WAAW,GAAG;GACjC,MAAM,WAAW,MAAM,SAAS;GAChC,IAAI,YAAY,MAAM,SAAS,mBAAmB,SAAS,OAAO,IAAI;QACjE,IAAI,MAAM,SAAS,sBAAsB,MAAM,SAAS,mBAAmB,SAAS,IAAI,IAAI;GACjG,4BAA4B,MAAM,QAAQ;EAC5C;EACA,OAAO,UAAwB,SAA6B;GAC1D,IAAI,UAAU;IACZ,SAAS,IAAI,QAAQ;IACrB,4BAA4B,UAAU,KAAK;GAC7C;GACA,IAAI,SAAS,SAAS,OAAO,OAAO;EACtC;CACF;AACF;AACA,MAAM,sBAAsB;AAC5B,MAAM,wBAAwB;AAE9B,MAAa,8BAA8B,YACzC,QAAQ,QAAQ,YAAY,KAAK,QAAQ,eAAe,QAAQ,mBAAmB,MAAM;AAE3F,MAAM,mCAAmB,IAAI,IAAI;CAAC;CAAc;CAAmB;CAAe;CAAmB;AAAa,CAAC;AAEnH,MAAa,wBAAwB,YACnC,iBAAiB,IAAI,QAAQ,SAAS,MACrC,QAAQ,QAAQ,aAAa,KAAK,kBAAkB,OAAO,MAC5D,CAAC,QAAQ,QAAQ,uBAAuB,KACxC,sBAAsB,OAAO,KAC7B,CAAC,CAAC,QAAQ,QAAQ,iCAAiC;AAErD,MAAa,8BAA8B,YAAkC;CAC3E,IAAI,QAAQ,QAAQ,4CAA4C,GAAG,OAAO;CAC1E,MAAM,OAAO,QAAQ,QAAQ,WAAW;CACxC,IAAI,CAAC,MAAM,OAAO;CAClB,MAAM,aAAa,MAAM,KAAK,KAAK,iBAA8B,iBAAiB,CAAC,CAAC,CAAC,QAClF,SACC,KAAK,QAAQ,WAAW,MAAM,QAC9B,CAAC,KAAK,QAAQ,qBAAqB,KACnC,CAAC,KAAK,QAAQ,mEAAmE,KACjF,sBAAsB,IAAI,CAC9B;CACA,MAAM,QAAQ,SACZ,eAAe,IAAI,IAAI,IAAI,KAAK,QAAQ,gDAAgD,IAAI,IAAI,KAAK,QAAQ,aAAa,IAAI,IAAI;CAKpI,OAJa,WAAW,QACrB,QAAQ,SAAU,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,MAAM,IAAI,OAAO,QACjE,KAAA,CAEQ,MAAM;AAClB;AAEA,MAAa,6BAAoD,UAAe,QAAiC;CAC/G,MAAM,QAAQ,MAAM,KAAK,IAAI,iBAAiB,WAAW,CAAC;CAC1D,MAAM,aAAa,YAAqB,MAAM,QAAQ,QAAQ,QAAQ,WAAW,CAAE;CACnF,OAAO,SAAS,MAAM,GAAG,MAAM,UAAU,CAAC,IAAI,UAAU,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,QAAQ,YAAY,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE,QAAQ,YAAY,CAAC,CAAC,CAAC,CAAC;AACvI;AAEA,MAAM,cAAc,SAAsB,aAA8B;CACtE,MAAM,QAAQ,QAAQ,QAAqB,QAAQ;CACnD,OAAO,CAAC,CAAC,SAAS,EAAE,QAAQ,kBAAkB,SAAS,2BAA2B,OAAO;AAC3F;AAEA,MAAa,yBAAyB,YAAkC,WAAW,SAAS,mBAAmB;AAC/G,MAAa,cAAc,SAAsB,iBAC/C,WAAW,SAAS,GAAG,oBAAoB,mBAAmB,KAAM,CAAC,CAAC,QAAQ,QAAQ,qBAAqB,KAAK,CAAC;AAGnH,MAAa,mBAAmB,YAC9B,CAAC,CAAC,QAAQ,QAAQ,qBAAqB,KAAK,CAAC,CAAC,QAAQ,cAAc,qBAAqB;AAE3F,MAAa,oCAAoC,YAC/C,QAAQ,QAAQ,iBAAiB,KAChC,QAAQ,QAAQ,YAAY,KAAK,CAAC,CAAC,QAAQ,cAAc,uDAAmD;AAI/G,MAAM,wCAAwB,IAAI,QAA8B;AAChE,MAAa,4BAA4B,SAAsB,SAAwB;CACrF,sBAAsB,IAAI,SAAS,IAAI;AACzC;AACA,MAAa,8BAA8B,YAA+B;CACxE,sBAAsB,OAAO,OAAO;AACtC;AACA,MAAa,qBAAqB,YAAkC,sBAAsB,IAAI,OAAO,MAAM;AAE3G,MAAa,+BAA+B,YAC1C,kBAAkB,OAAO,KAAK,CAAC,WAAW,SAAS,yBAAyB,OAAO,CAAC,KAAK,CAAC,gBAAgB,OAAO;AAEnH,MAAM,WAAW;;AAGjB,MAAa,+BAA+B,YAC1C,eAAe,OAAO,KACtB,CAAC,QAAQ,QAAQ,6EAA6E,KAC9F,CAAC,sBAAsB,OAAO,KAC9B,CAAC,gBAAgB,OAAO,KACxB,CAAC,QAAQ,QAAQ,QAAQ,KACzB,sBAAsB,OAAO;;AAG/B,MAAa,6BAA6B,YACxC,2BAA2B,OAAO,KAClC,CAAC,QAAQ,QAAQ,uCAAuC,KACxD,CAAC,sBAAsB,OAAO,KAC9B,CAAC,gBAAgB,OAAO,KACxB,CAAC,QAAQ,QAAQ,QAAQ,KACzB,sBAAsB,OAAO;AAE/B,MAAa,8BAA8B,YAEzC,cAAc,OAAO,CAAC,CAAC,QAAQ,UAAU,CAAC,MAAM,QAAQ,iBAAiB,KAAK,4BAA4B,KAAK,CAAC;AAElH,MAAa,8BAA8B,YAAkC;CAC3E,OACE,QAAQ,QAAQ,aAAa,KAC7B,kBAAkB,OAAO,KACzB,CAAC,QAAQ,QAAQ,sCAAsC,KACvD,CAAC,gBAAgB,OAAO;AAE5B;AAEA,MAAa,oBAAoB;AAEjC,MAAa,mBAAmB,QAAwB;CACtD,KAAK,MAAM,WAAW,MAAM,KAC1B,IAAI,iBAA8B,4DAA4D,kBAAkB,EAAE,CACpH,GACE,QAAQ,gBACN,mBACA,CAAC,CAAC,QAAQ,QAAQ,iCAAiC,KACjD,aAAa,OAAO,CAAC,CAAC,MAAM,SAAS,KAAK,aAAa,KAAK,aAAa,CAAC,CAAC,KAAK,aAAa,KAAK,CAAC,CACvG;AAEJ;AAEA,MAAa,4BAA4B,YAA+B;CAItE,EAHe,QAAQ,QAAQ,8CAA8C,IACzE,QAAQ,YAAY,cAA2B,oBAAkB,IACjE,KAAA,MACO,QAAA,CAAS,MAAM;AAC5B;AAEA,MAAa,eAAkB,UAAiC,SAAqB;CACnF,MAAM,SAAS,MAAM,KAAK,QAAQ,CAAC,CAAC,QAAQ,YAAY,QAAQ,aAAa,MAAM,CAAC;CACpF,OAAO,SAAS,YAAY,QAAQ,gBAAgB,MAAM,CAAC;CAC3D,IAAI;EACF,OAAO,KAAK;CACd,UAAU;EACR,OAAO,SAAS,YAAY,QAAQ,aAAa,QAAQ,EAAE,CAAC;CAC9D;AACF;AAEA,MAAM,eAAe,SAAsB,yBAA2C;CACpF,MAAM,eAAe,qBAAqB,OAAO,IAAI,yBAAyB,OAAO,IAAI,KAAA;CACzF,IAAI,CAAC,QAAQ,eAAe,WAAW,SAAS,YAAY,KAAK,gBAAgB,OAAO,GAAG,OAAO;CAClG,KAAK,IAAI,UAA8B,SAAS,SAAS,UAAU,QAAQ,eAAe;EACxF,MAAM,QAAQ,iBAAiB,OAAO;EACtC,IACE,MAAM,YAAY,UAClB,MAAM,eAAe,aACpB,OAAO,MAAM,OAAO,MAAM,KAAK,CAAC,QAAQ,aAAA,6BAAuB,KAAK,YAAY,cAEjF,OAAO;EAIT,IACE,CAAC,wBACD,MAAM,cAAc,UACpB,CAAC,IAAI,kBAAkB,MAAM,SAAS,CAAC,CAAC,cACxC,YAAY,WACZ,CAAC,QAAQ,QAAQ,aAAa,GAE9B,OAAO;CACX;CACA,MAAM,OAAO,QAAQ,sBAAsB;CAC3C,OACE,KAAK,QAAQ,KACb,KAAK,SAAS,MACb,wBAAyB,KAAK,QAAQ,MAAM,KAAK,OAAO,MAAM,KAAK,SAAS,aAAa,KAAK,KAAK,UAAU,cAAc;AAEhI;AAEA,MAAa,WAAW,SAAsB,uBAAuB,UACnE,eAAe,eAAe,YAAY,SAAS,oBAAoB,CAAC;AAE1E,MAAa,SAAS,MAAe,YAA6B;CAChE,GAAG,KAAK,KAAK,QAAQ,KAAK;CAC1B,GAAG,KAAK,KAAK,QAAQ,KAAK;CAC1B,OAAO,KAAK;CACZ,QAAQ,KAAK;AACf;AAEA,MAAa,QAAQ,YAA6B;CAChD,IAAI,QAAQ,QAAQ,oEAAoE,GAAG,OAAO;CAClG,OAAO,aAAa,OAAO,CAAC,CACzB,KAAK,SAAU,KAAK,aAAa,IAAI,KAAK,cAAc,KAAK,aAAa,IAAI,KAAK,IAAe,IAAI,EAAG,CAAC,CAC1G,KAAK,EAAE,CAAC,CACR,QAAQ,QAAQ,GAAG,CAAC,CACpB,KAAK;AACV;AAEA,MAAa,kBAAkB,YAA8B;CAC3D,MAAM,OAAO,QAAQ,QAAQ,aAAa,CAAC,EAAE;CAC7C,MAAM,eAAe,CAAC,CAAC,QAAQ,QAAQ,iCAAiC;CACxE,OACE,CAAC,CAAC,MAAM,QAAQ,wBAAwB,KACxC,CAAC,QAAQ,QAAQ,aAAa,KAC9B,CAAC,KAAK,aAAa,UAAU,MAC5B,gBAAgB,CAAC,KAAK,QAAQ,kDAAkD;AAErF"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
//#region src/native/shared/events.d.ts
|
|
2
|
-
export declare const CSS_MOTION_EVENTS: {
|
|
3
|
-
readonly transitionRun: "transitionrun";
|
|
4
|
-
readonly transitionEnd: "transitionend";
|
|
5
|
-
readonly transitionCancel: "transitioncancel";
|
|
6
|
-
readonly animationStart: "animationstart";
|
|
7
|
-
readonly animationEnd: "animationend";
|
|
8
|
-
readonly animationCancel: "animationcancel";
|
|
9
|
-
};
|
|
10
|
-
//#endregion
|
|
11
|
-
//# sourceMappingURL=events.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"events.d.ts","names":[],"sources":["../../../src/native/shared/events.ts"],"mappings":";qBAAa"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
//#region src/native/shared/events.ts
|
|
2
|
-
const CSS_MOTION_EVENTS = {
|
|
3
|
-
transitionRun: "transitionrun",
|
|
4
|
-
transitionEnd: "transitionend",
|
|
5
|
-
transitionCancel: "transitioncancel",
|
|
6
|
-
animationStart: "animationstart",
|
|
7
|
-
animationEnd: "animationend",
|
|
8
|
-
animationCancel: "animationcancel"
|
|
9
|
-
};
|
|
10
|
-
//#endregion
|
|
11
|
-
export { CSS_MOTION_EVENTS };
|
|
12
|
-
|
|
13
|
-
//# sourceMappingURL=events.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"events.js","names":[],"sources":["../../../src/native/shared/events.ts"],"sourcesContent":["export const CSS_MOTION_EVENTS = {\n transitionRun: 'transitionrun',\n transitionEnd: 'transitionend',\n transitionCancel: 'transitioncancel',\n animationStart: 'animationstart',\n animationEnd: 'animationend',\n animationCancel: 'animationcancel',\n} as const;\n"],"mappings":";AAAA,MAAa,oBAAoB;CAC/B,eAAe;CACf,eAAe;CACf,kBAAkB;CAClB,gBAAgB;CAChB,cAAc;CACd,iBAAiB;AACnB"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
//#region src/native/shared/icons.d.ts
|
|
2
|
-
export declare const iconSource: (svg: SVGElement, mirrored?: boolean) => string | undefined;
|
|
3
|
-
export declare const createIconRenderer: () => {
|
|
4
|
-
clear: () => void;
|
|
5
|
-
render(source: string, width: number, height: number): Promise<string>;
|
|
6
|
-
};
|
|
7
|
-
//#endregion
|
|
8
|
-
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","names":[],"sources":["../../../src/native/shared/icons.ts"],"mappings":";qBAAa,aAAc,KAAK,YAAY;qBA6B/B;;EAIY,OAAA,gBAAM,eAAe,iBAAmB"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
//#region src/native/shared/icons.ts
|
|
2
|
-
const iconSource = (svg, mirrored) => {
|
|
3
|
-
if (svg.querySelector("script, foreignObject, image, use, animate, animateTransform, set, style, text") || /url\((?!["']?#)/.test(svg.outerHTML)) return void 0;
|
|
4
|
-
if (mirrored === void 0 && svg.parentElement?.matches(".icon-inner")) {
|
|
5
|
-
const transform = new DOMMatrixReadOnly(getComputedStyle(svg.parentElement).transform);
|
|
6
|
-
mirrored = transform.is2D && transform.a === -1 && transform.d === 1 && !transform.b && !transform.c && !transform.e && !transform.f;
|
|
7
|
-
}
|
|
8
|
-
const copy = svg.cloneNode(true);
|
|
9
|
-
const originals = [svg, ...Array.from(svg.querySelectorAll("*"))];
|
|
10
|
-
const copies = [copy, ...Array.from(copy.querySelectorAll("*"))];
|
|
11
|
-
originals.forEach((node, index) => {
|
|
12
|
-
const style = getComputedStyle(node);
|
|
13
|
-
for (const property of [
|
|
14
|
-
"fill",
|
|
15
|
-
"stroke",
|
|
16
|
-
"stroke-width",
|
|
17
|
-
"opacity",
|
|
18
|
-
"fill-opacity",
|
|
19
|
-
"stroke-opacity",
|
|
20
|
-
"color"
|
|
21
|
-
]) copies[index].style.setProperty(property, style.getPropertyValue(property));
|
|
22
|
-
});
|
|
23
|
-
copy.setAttribute("xmlns", "http://www.w3.org/2000/svg");
|
|
24
|
-
if (mirrored) {
|
|
25
|
-
copy.style.transform = "scaleX(-1)";
|
|
26
|
-
copy.style.transformOrigin = "center";
|
|
27
|
-
}
|
|
28
|
-
return new XMLSerializer().serializeToString(copy);
|
|
29
|
-
};
|
|
30
|
-
const createIconRenderer = () => {
|
|
31
|
-
const cache = /* @__PURE__ */ new Map();
|
|
32
|
-
return {
|
|
33
|
-
clear: () => cache.clear(),
|
|
34
|
-
async render(source, width, height) {
|
|
35
|
-
const scale = devicePixelRatio || 1;
|
|
36
|
-
const key = `${width}:${height}:${scale}:${source}`;
|
|
37
|
-
const cached = cache.get(key);
|
|
38
|
-
if (cached) return cached;
|
|
39
|
-
const url = URL.createObjectURL(new Blob([source], { type: "image/svg+xml" }));
|
|
40
|
-
try {
|
|
41
|
-
const image = new Image();
|
|
42
|
-
image.src = url;
|
|
43
|
-
await image.decode();
|
|
44
|
-
const canvas = document.createElement("canvas");
|
|
45
|
-
canvas.width = Math.ceil(width * scale);
|
|
46
|
-
canvas.height = Math.ceil(height * scale);
|
|
47
|
-
canvas.getContext("2d").drawImage(image, 0, 0, canvas.width, canvas.height);
|
|
48
|
-
const data = canvas.toDataURL("image/png").split(",")[1];
|
|
49
|
-
if (cache.size >= 128) cache.delete(cache.keys().next().value);
|
|
50
|
-
cache.set(key, data);
|
|
51
|
-
return data;
|
|
52
|
-
} finally {
|
|
53
|
-
URL.revokeObjectURL(url);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
};
|
|
58
|
-
//#endregion
|
|
59
|
-
export { createIconRenderer, iconSource };
|
|
60
|
-
|
|
61
|
-
//# sourceMappingURL=icons.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","names":[],"sources":["../../../src/native/shared/icons.ts"],"sourcesContent":["export const iconSource = (svg: SVGElement, mirrored?: boolean): string | undefined => {\n // A small, local SVG subset. Never load external content while projecting UI.\n if (\n svg.querySelector('script, foreignObject, image, use, animate, animateTransform, set, style, text') ||\n /url\\((?![\"']?#)/.test(svg.outerHTML)\n )\n return undefined;\n // Ionicons flips the wrapper, not the SVG, for directional icons in RTL.\n if (mirrored === undefined && svg.parentElement?.matches('.icon-inner')) {\n const transform = new DOMMatrixReadOnly(getComputedStyle(svg.parentElement).transform);\n mirrored = transform.is2D && transform.a === -1 && transform.d === 1 && !transform.b && !transform.c && !transform.e && !transform.f;\n }\n const copy = svg.cloneNode(true) as SVGElement;\n const originals = [svg, ...Array.from(svg.querySelectorAll('*'))];\n const copies = [copy, ...Array.from(copy.querySelectorAll('*'))];\n originals.forEach((node, index) => {\n const style = getComputedStyle(node);\n for (const property of ['fill', 'stroke', 'stroke-width', 'opacity', 'fill-opacity', 'stroke-opacity', 'color']) {\n (copies[index] as SVGElement).style.setProperty(property, style.getPropertyValue(property));\n }\n });\n copy.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n if (mirrored) {\n copy.style.transform = 'scaleX(-1)';\n copy.style.transformOrigin = 'center';\n }\n return new XMLSerializer().serializeToString(copy);\n};\n\nexport const createIconRenderer = () => {\n const cache = new Map<string, string>();\n return {\n clear: () => cache.clear(),\n async render(source: string, width: number, height: number): Promise<string> {\n const scale = devicePixelRatio || 1;\n const key = `${width}:${height}:${scale}:${source}`;\n const cached = cache.get(key);\n if (cached) return cached;\n const url = URL.createObjectURL(new Blob([source], { type: 'image/svg+xml' }));\n try {\n const image = new Image();\n image.src = url;\n await image.decode();\n const canvas = document.createElement('canvas');\n canvas.width = Math.ceil(width * scale);\n canvas.height = Math.ceil(height * scale);\n canvas.getContext('2d')!.drawImage(image, 0, 0, canvas.width, canvas.height);\n const data = canvas.toDataURL('image/png').split(',')[1];\n if (cache.size >= 128) cache.delete(cache.keys().next().value!);\n cache.set(key, data);\n return data;\n } finally {\n URL.revokeObjectURL(url);\n }\n },\n };\n};\n"],"mappings":";AAAA,MAAa,cAAc,KAAiB,aAA2C;CAErF,IACE,IAAI,cAAc,gFAAgF,KAClG,kBAAkB,KAAK,IAAI,SAAS,GAEpC,OAAO,KAAA;CAET,IAAI,aAAa,KAAA,KAAa,IAAI,eAAe,QAAQ,aAAa,GAAG;EACvE,MAAM,YAAY,IAAI,kBAAkB,iBAAiB,IAAI,aAAa,CAAC,CAAC,SAAS;EACrF,WAAW,UAAU,QAAQ,UAAU,MAAM,MAAM,UAAU,MAAM,KAAK,CAAC,UAAU,KAAK,CAAC,UAAU,KAAK,CAAC,UAAU,KAAK,CAAC,UAAU;CACrI;CACA,MAAM,OAAO,IAAI,UAAU,IAAI;CAC/B,MAAM,YAAY,CAAC,KAAK,GAAG,MAAM,KAAK,IAAI,iBAAiB,GAAG,CAAC,CAAC;CAChE,MAAM,SAAS,CAAC,MAAM,GAAG,MAAM,KAAK,KAAK,iBAAiB,GAAG,CAAC,CAAC;CAC/D,UAAU,SAAS,MAAM,UAAU;EACjC,MAAM,QAAQ,iBAAiB,IAAI;EACnC,KAAK,MAAM,YAAY;GAAC;GAAQ;GAAU;GAAgB;GAAW;GAAgB;GAAkB;EAAO,GAC5G,OAAQ,MAAM,CAAgB,MAAM,YAAY,UAAU,MAAM,iBAAiB,QAAQ,CAAC;CAE9F,CAAC;CACD,KAAK,aAAa,SAAS,4BAA4B;CACvD,IAAI,UAAU;EACZ,KAAK,MAAM,YAAY;EACvB,KAAK,MAAM,kBAAkB;CAC/B;CACA,OAAO,IAAI,cAAc,CAAC,CAAC,kBAAkB,IAAI;AACnD;AAEA,MAAa,2BAA2B;CACtC,MAAM,wBAAQ,IAAI,IAAoB;CACtC,OAAO;EACL,aAAa,MAAM,MAAM;EACzB,MAAM,OAAO,QAAgB,OAAe,QAAiC;GAC3E,MAAM,QAAQ,oBAAoB;GAClC,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG;GAC3C,MAAM,SAAS,MAAM,IAAI,GAAG;GAC5B,IAAI,QAAQ,OAAO;GACnB,MAAM,MAAM,IAAI,gBAAgB,IAAI,KAAK,CAAC,MAAM,GAAG,EAAE,MAAM,gBAAgB,CAAC,CAAC;GAC7E,IAAI;IACF,MAAM,QAAQ,IAAI,MAAM;IACxB,MAAM,MAAM;IACZ,MAAM,MAAM,OAAO;IACnB,MAAM,SAAS,SAAS,cAAc,QAAQ;IAC9C,OAAO,QAAQ,KAAK,KAAK,QAAQ,KAAK;IACtC,OAAO,SAAS,KAAK,KAAK,SAAS,KAAK;IACxC,OAAO,WAAW,IAAI,CAAC,CAAE,UAAU,OAAO,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;IAC3E,MAAM,OAAO,OAAO,UAAU,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACtD,IAAI,MAAM,QAAQ,KAAK,MAAM,OAAO,MAAM,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAM;IAC9D,MAAM,IAAI,KAAK,IAAI;IACnB,OAAO;GACT,UAAU;IACR,IAAI,gBAAgB,GAAG;GACzB;EACF;CACF;AACF"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Frame } from "../definitions.js";
|
|
2
|
-
//#region src/native/shared/modal.d.ts
|
|
3
|
-
export declare const modalRailClass = "ios-theme-vertical-bars-modal";
|
|
4
|
-
export declare const topModal: (doc: Document) => HTMLIonModalElement | undefined;
|
|
5
|
-
export declare const modalUsesVerticalBars: (element: Element) => boolean;
|
|
6
|
-
export declare const inVerticalBarsSurface: (element: Element) => boolean;
|
|
7
|
-
export declare const observeVerticalBarsModals: (doc: Document) => (() => void);
|
|
8
|
-
export declare const modalVerticalBarFrame: (modal: Element) => Frame | undefined;
|
|
9
|
-
//#endregion
|
|
10
|
-
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","names":[],"sources":["../../../src/native/shared/modal.ts"],"mappings":";;qBAGa;qBAGA,WAAY,KAAK,aAAW;qBAC5B,wBAAyB,SAAS;qBAMlC,wBAAyB,SAAS;qBAKlC,4BAA6B,KAAK;qBAmIlC,wBAAyB,OAAO,YAAU"}
|
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
//#region src/native/shared/modal.ts
|
|
2
|
-
/** Modal hosts cover the viewport even when their visible dialog is centered. */
|
|
3
|
-
const modalRailClass = "ios-theme-vertical-bars-modal";
|
|
4
|
-
const states = /* @__PURE__ */ new WeakMap();
|
|
5
|
-
const topModal = (doc) => states.get(doc)?.top;
|
|
6
|
-
const modalUsesVerticalBars = (element) => {
|
|
7
|
-
const modal = element.closest("ion-modal");
|
|
8
|
-
return !modal || modal.classList.contains("ios-theme-vertical-bars-modal");
|
|
9
|
-
};
|
|
10
|
-
/** Only the foreground modal may contribute controls; never the covered page. */
|
|
11
|
-
const inVerticalBarsSurface = (element) => {
|
|
12
|
-
const modal = topModal(element.ownerDocument);
|
|
13
|
-
return modal ? element.closest("ion-modal") === modal && modalUsesVerticalBars(element) : !element.closest("ion-modal");
|
|
14
|
-
};
|
|
15
|
-
const observeVerticalBarsModals = (doc) => {
|
|
16
|
-
const win = doc.defaultView;
|
|
17
|
-
const state = {};
|
|
18
|
-
states.set(doc, state);
|
|
19
|
-
const presenting = /* @__PURE__ */ new Set();
|
|
20
|
-
const dismissed = /* @__PURE__ */ new WeakSet();
|
|
21
|
-
const observed = /* @__PURE__ */ new Set();
|
|
22
|
-
const listeners = new AbortController();
|
|
23
|
-
let stopped = false;
|
|
24
|
-
let frame = 0;
|
|
25
|
-
let pointerActive = false;
|
|
26
|
-
let bounds = "";
|
|
27
|
-
const toolbarTop = "--ios-theme-vertical-bars-modal-offset-top";
|
|
28
|
-
const refresh = () => {
|
|
29
|
-
win.cancelAnimationFrame(frame);
|
|
30
|
-
frame = 0;
|
|
31
|
-
if (stopped) return;
|
|
32
|
-
const app = doc.querySelector("ion-app.ios-theme-vertical-bars");
|
|
33
|
-
const modals = Array.from(doc.querySelectorAll("ion-modal"));
|
|
34
|
-
const active = modals.filter((modal) => !dismissed.has(modal) && (modal.presented || presenting.has(modal)));
|
|
35
|
-
for (const modal of presenting) if (!modal.isConnected) presenting.delete(modal);
|
|
36
|
-
const top = active.sort((a, b) => a.overlayIndex - b.overlayIndex).slice(-1)[0];
|
|
37
|
-
let changed = state.top !== top;
|
|
38
|
-
state.top = top;
|
|
39
|
-
const nextBounds = top ? JSON.stringify(modalVerticalBarFrame(top)) : "";
|
|
40
|
-
changed || (changed = bounds !== nextBounds);
|
|
41
|
-
bounds = nextBounds;
|
|
42
|
-
const wanted = /* @__PURE__ */ new Set();
|
|
43
|
-
for (const modal of modals) {
|
|
44
|
-
const content = modal.shadowRoot?.querySelector("[part~=\"content\"]");
|
|
45
|
-
if (content) wanted.add(content);
|
|
46
|
-
const fullWidth = !!content && Math.abs(content.offsetWidth - win.innerWidth) <= 1 && Math.abs(content.offsetLeft) <= 1;
|
|
47
|
-
const enabled = !!app?.contains(modal) && active.includes(modal) && fullWidth;
|
|
48
|
-
if (enabled) {
|
|
49
|
-
const offset = `${modalVerticalBarFrame(modal)?.y ?? 0}px`;
|
|
50
|
-
if (modal.style.getPropertyValue(toolbarTop) !== offset) {
|
|
51
|
-
modal.style.setProperty(toolbarTop, offset);
|
|
52
|
-
changed = true;
|
|
53
|
-
}
|
|
54
|
-
} else modal.style.removeProperty(toolbarTop);
|
|
55
|
-
if (modal.classList.contains("ios-theme-vertical-bars-modal") !== enabled) {
|
|
56
|
-
modal.classList.toggle(modalRailClass, enabled);
|
|
57
|
-
changed = true;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
if (wanted.size !== observed.size || [...wanted].some((element) => !observed.has(element))) {
|
|
61
|
-
resize?.disconnect();
|
|
62
|
-
observer.disconnect();
|
|
63
|
-
observer.observe(doc.documentElement, observation);
|
|
64
|
-
observed.clear();
|
|
65
|
-
for (const element of wanted) {
|
|
66
|
-
resize?.observe(element);
|
|
67
|
-
observer.observe(element, {
|
|
68
|
-
attributes: true,
|
|
69
|
-
attributeFilter: ["style", "class"]
|
|
70
|
-
});
|
|
71
|
-
observed.add(element);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
if (changed) win.dispatchEvent(new Event("nativeUIShellRefresh"));
|
|
75
|
-
if (top && (pointerActive || Array.from(wanted).some((element) => element.getAnimations().some((animation) => animation.playState === "running")))) schedule();
|
|
76
|
-
};
|
|
77
|
-
const schedule = () => {
|
|
78
|
-
if (!stopped && !frame) frame = win.requestAnimationFrame(refresh);
|
|
79
|
-
};
|
|
80
|
-
const resize = win.ResizeObserver ? new win.ResizeObserver(schedule) : void 0;
|
|
81
|
-
const observer = new MutationObserver(schedule);
|
|
82
|
-
const observation = {
|
|
83
|
-
subtree: true,
|
|
84
|
-
childList: true,
|
|
85
|
-
attributes: true,
|
|
86
|
-
attributeFilter: ["class", "style"]
|
|
87
|
-
};
|
|
88
|
-
observer.observe(doc.documentElement, observation);
|
|
89
|
-
for (const name of [
|
|
90
|
-
"ionModalWillPresent",
|
|
91
|
-
"ionModalDidPresent",
|
|
92
|
-
"ionModalWillDismiss",
|
|
93
|
-
"ionModalDidDismiss",
|
|
94
|
-
"ionBreakpointDidChange"
|
|
95
|
-
]) doc.addEventListener(name, (event) => {
|
|
96
|
-
const modal = event.target;
|
|
97
|
-
if (modal.localName !== "ion-modal") return;
|
|
98
|
-
if (name === "ionModalDidDismiss") {
|
|
99
|
-
presenting.delete(modal);
|
|
100
|
-
dismissed.add(modal);
|
|
101
|
-
} else {
|
|
102
|
-
presenting.add(modal);
|
|
103
|
-
dismissed.delete(modal);
|
|
104
|
-
}
|
|
105
|
-
refresh();
|
|
106
|
-
}, {
|
|
107
|
-
capture: true,
|
|
108
|
-
signal: listeners.signal
|
|
109
|
-
});
|
|
110
|
-
doc.addEventListener("pointerdown", (event) => {
|
|
111
|
-
if (event.target.closest("ion-modal")) {
|
|
112
|
-
pointerActive = true;
|
|
113
|
-
schedule();
|
|
114
|
-
}
|
|
115
|
-
}, {
|
|
116
|
-
capture: true,
|
|
117
|
-
signal: listeners.signal
|
|
118
|
-
});
|
|
119
|
-
for (const name of ["pointerup", "pointercancel"]) doc.addEventListener(name, () => {
|
|
120
|
-
pointerActive = false;
|
|
121
|
-
schedule();
|
|
122
|
-
}, {
|
|
123
|
-
capture: true,
|
|
124
|
-
signal: listeners.signal
|
|
125
|
-
});
|
|
126
|
-
win.addEventListener("resize", schedule, { signal: listeners.signal });
|
|
127
|
-
win.addEventListener("nativeUIShellRefresh", schedule, { signal: listeners.signal });
|
|
128
|
-
refresh();
|
|
129
|
-
return () => {
|
|
130
|
-
stopped = true;
|
|
131
|
-
win.cancelAnimationFrame(frame);
|
|
132
|
-
observer.disconnect();
|
|
133
|
-
resize?.disconnect();
|
|
134
|
-
listeners.abort();
|
|
135
|
-
if (states.get(doc) !== state) return;
|
|
136
|
-
states.delete(doc);
|
|
137
|
-
doc.querySelectorAll(`.${modalRailClass}`).forEach((modal) => {
|
|
138
|
-
modal.classList.remove(modalRailClass);
|
|
139
|
-
modal.style.removeProperty(toolbarTop);
|
|
140
|
-
});
|
|
141
|
-
};
|
|
142
|
-
};
|
|
143
|
-
/** Visible modal bounds, clipped at the viewport for Ionic's translated sheets. */
|
|
144
|
-
const modalVerticalBarFrame = (modal) => {
|
|
145
|
-
const rect = modal.shadowRoot?.querySelector("[part~=\"content\"]")?.getBoundingClientRect();
|
|
146
|
-
const win = modal.ownerDocument.defaultView;
|
|
147
|
-
if (!rect) return;
|
|
148
|
-
const y = Math.max(0, rect.top);
|
|
149
|
-
const height = Math.min(win.innerHeight, rect.bottom) - y;
|
|
150
|
-
return height > 0 ? {
|
|
151
|
-
x: 0,
|
|
152
|
-
y,
|
|
153
|
-
width: win.innerWidth,
|
|
154
|
-
height
|
|
155
|
-
} : void 0;
|
|
156
|
-
};
|
|
157
|
-
//#endregion
|
|
158
|
-
export { inVerticalBarsSurface, modalRailClass, modalUsesVerticalBars, modalVerticalBarFrame, observeVerticalBarsModals, topModal };
|
|
159
|
-
|
|
160
|
-
//# sourceMappingURL=modal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","names":[],"sources":["../../../src/native/shared/modal.ts"],"sourcesContent":["import type { Frame } from '../definitions';\n\n/** Modal hosts cover the viewport even when their visible dialog is centered. */\nexport const modalRailClass = 'ios-theme-vertical-bars-modal';\nconst states = new WeakMap<Document, { top?: HTMLIonModalElement }>();\n\nexport const topModal = (doc: Document): HTMLIonModalElement | undefined => states.get(doc)?.top;\nexport const modalUsesVerticalBars = (element: Element): boolean => {\n const modal = element.closest('ion-modal');\n return !modal || modal.classList.contains(modalRailClass);\n};\n\n/** Only the foreground modal may contribute controls; never the covered page. */\nexport const inVerticalBarsSurface = (element: Element): boolean => {\n const modal = topModal(element.ownerDocument);\n return modal ? element.closest('ion-modal') === modal && modalUsesVerticalBars(element) : !element.closest('ion-modal');\n};\n\nexport const observeVerticalBarsModals = (doc: Document): (() => void) => {\n const win = doc.defaultView!;\n const state: { top?: HTMLIonModalElement } = {};\n states.set(doc, state);\n const presenting = new Set<HTMLIonModalElement>();\n const dismissed = new WeakSet<HTMLIonModalElement>();\n const observed = new Set<Element>();\n const listeners = new AbortController();\n let stopped = false;\n let frame = 0;\n let pointerActive = false;\n let bounds = '';\n const toolbarTop = '--ios-theme-vertical-bars-modal-offset-top';\n const refresh = () => {\n win.cancelAnimationFrame(frame);\n frame = 0;\n if (stopped) return;\n const app = doc.querySelector('ion-app.ios-theme-vertical-bars');\n const modals = Array.from(doc.querySelectorAll<HTMLIonModalElement>('ion-modal'));\n const active = modals.filter(\n (modal) => !dismissed.has(modal) && ((modal as HTMLIonModalElement & { presented?: boolean }).presented || presenting.has(modal)),\n );\n for (const modal of presenting) if (!modal.isConnected) presenting.delete(modal);\n const top = active.sort((a, b) => a.overlayIndex - b.overlayIndex).slice(-1)[0];\n let changed = state.top !== top;\n state.top = top;\n const nextBounds = top ? JSON.stringify(modalVerticalBarFrame(top)) : '';\n changed ||= bounds !== nextBounds;\n bounds = nextBounds;\n const wanted = new Set<Element>();\n for (const modal of modals) {\n const content = modal.shadowRoot?.querySelector<HTMLElement>('[part~=\"content\"]');\n if (content) wanted.add(content);\n // offsetWidth is unaffected by Ionic's presentation transforms.\n const fullWidth = !!content && Math.abs(content.offsetWidth - win.innerWidth) <= 1 && Math.abs(content.offsetLeft) <= 1;\n const enabled = !!app?.contains(modal) && active.includes(modal) && fullWidth;\n if (enabled) {\n const top = modalVerticalBarFrame(modal)?.y ?? 0;\n const offset = `${top}px`;\n if (modal.style.getPropertyValue(toolbarTop) !== offset) {\n modal.style.setProperty(toolbarTop, offset);\n changed = true;\n }\n } else modal.style.removeProperty(toolbarTop);\n if (modal.classList.contains(modalRailClass) !== enabled) {\n modal.classList.toggle(modalRailClass, enabled);\n changed = true;\n }\n }\n if (wanted.size !== observed.size || [...wanted].some((element) => !observed.has(element))) {\n resize?.disconnect();\n observer.disconnect();\n observer.observe(doc.documentElement, observation);\n observed.clear();\n for (const element of wanted) {\n resize?.observe(element);\n observer.observe(element, { attributes: true, attributeFilter: ['style', 'class'] });\n observed.add(element);\n }\n }\n if (changed) win.dispatchEvent(new Event('nativeUIShellRefresh'));\n if (\n top &&\n (pointerActive ||\n Array.from(wanted).some((element) => element.getAnimations().some((animation) => animation.playState === 'running')))\n )\n schedule();\n };\n const schedule = () => {\n if (!stopped && !frame) frame = win.requestAnimationFrame(refresh);\n };\n const resize = win.ResizeObserver ? new win.ResizeObserver(schedule) : undefined;\n const observer = new MutationObserver(schedule);\n const observation = { subtree: true, childList: true, attributes: true, attributeFilter: ['class', 'style'] };\n observer.observe(doc.documentElement, observation);\n for (const name of ['ionModalWillPresent', 'ionModalDidPresent', 'ionModalWillDismiss', 'ionModalDidDismiss', 'ionBreakpointDidChange']) {\n doc.addEventListener(\n name,\n (event) => {\n const modal = event.target as HTMLIonModalElement;\n if (modal.localName !== 'ion-modal') return;\n if (name === 'ionModalDidDismiss') {\n presenting.delete(modal);\n dismissed.add(modal);\n } else {\n presenting.add(modal);\n dismissed.delete(modal);\n }\n refresh();\n },\n { capture: true, signal: listeners.signal },\n );\n }\n doc.addEventListener(\n 'pointerdown',\n (event) => {\n if ((event.target as Element).closest('ion-modal')) {\n pointerActive = true;\n schedule();\n }\n },\n { capture: true, signal: listeners.signal },\n );\n for (const name of ['pointerup', 'pointercancel'])\n doc.addEventListener(\n name,\n () => {\n pointerActive = false;\n schedule();\n },\n { capture: true, signal: listeners.signal },\n );\n win.addEventListener('resize', schedule, { signal: listeners.signal });\n win.addEventListener('nativeUIShellRefresh', schedule, { signal: listeners.signal });\n refresh();\n return () => {\n stopped = true;\n win.cancelAnimationFrame(frame);\n observer.disconnect();\n resize?.disconnect();\n listeners.abort();\n if (states.get(doc) !== state) return;\n states.delete(doc);\n doc.querySelectorAll<HTMLElement>(`.${modalRailClass}`).forEach((modal) => {\n modal.classList.remove(modalRailClass);\n modal.style.removeProperty(toolbarTop);\n });\n };\n};\n\n/** Visible modal bounds, clipped at the viewport for Ionic's translated sheets. */\nexport const modalVerticalBarFrame = (modal: Element): Frame | undefined => {\n const rect = modal.shadowRoot?.querySelector('[part~=\"content\"]')?.getBoundingClientRect();\n const win = modal.ownerDocument.defaultView!;\n if (!rect) return;\n const y = Math.max(0, rect.top);\n const height = Math.min(win.innerHeight, rect.bottom) - y;\n return height > 0 ? { x: 0, y, width: win.innerWidth, height } : undefined;\n};\n"],"mappings":";;AAGA,MAAa,iBAAiB;AAC9B,MAAM,yBAAS,IAAI,QAAiD;AAEpE,MAAa,YAAY,QAAmD,OAAO,IAAI,GAAG,CAAC,EAAE;AAC7F,MAAa,yBAAyB,YAA8B;CAClE,MAAM,QAAQ,QAAQ,QAAQ,WAAW;CACzC,OAAO,CAAC,SAAS,MAAM,UAAU,SAAA,+BAAuB;AAC1D;;AAGA,MAAa,yBAAyB,YAA8B;CAClE,MAAM,QAAQ,SAAS,QAAQ,aAAa;CAC5C,OAAO,QAAQ,QAAQ,QAAQ,WAAW,MAAM,SAAS,sBAAsB,OAAO,IAAI,CAAC,QAAQ,QAAQ,WAAW;AACxH;AAEA,MAAa,6BAA6B,QAAgC;CACxE,MAAM,MAAM,IAAI;CAChB,MAAM,QAAuC,CAAC;CAC9C,OAAO,IAAI,KAAK,KAAK;CACrB,MAAM,6BAAa,IAAI,IAAyB;CAChD,MAAM,4BAAY,IAAI,QAA6B;CACnD,MAAM,2BAAW,IAAI,IAAa;CAClC,MAAM,YAAY,IAAI,gBAAgB;CACtC,IAAI,UAAU;CACd,IAAI,QAAQ;CACZ,IAAI,gBAAgB;CACpB,IAAI,SAAS;CACb,MAAM,aAAa;CACnB,MAAM,gBAAgB;EACpB,IAAI,qBAAqB,KAAK;EAC9B,QAAQ;EACR,IAAI,SAAS;EACb,MAAM,MAAM,IAAI,cAAc,iCAAiC;EAC/D,MAAM,SAAS,MAAM,KAAK,IAAI,iBAAsC,WAAW,CAAC;EAChF,MAAM,SAAS,OAAO,QACnB,UAAU,CAAC,UAAU,IAAI,KAAK,MAAO,MAAwD,aAAa,WAAW,IAAI,KAAK,EACjI;EACA,KAAK,MAAM,SAAS,YAAY,IAAI,CAAC,MAAM,aAAa,WAAW,OAAO,KAAK;EAC/E,MAAM,MAAM,OAAO,MAAM,GAAG,MAAM,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;EAC7E,IAAI,UAAU,MAAM,QAAQ;EAC5B,MAAM,MAAM;EACZ,MAAM,aAAa,MAAM,KAAK,UAAU,sBAAsB,GAAG,CAAC,IAAI;EACtE,YAAA,UAAY,WAAW;EACvB,SAAS;EACT,MAAM,yBAAS,IAAI,IAAa;EAChC,KAAK,MAAM,SAAS,QAAQ;GAC1B,MAAM,UAAU,MAAM,YAAY,cAA2B,qBAAmB;GAChF,IAAI,SAAS,OAAO,IAAI,OAAO;GAE/B,MAAM,YAAY,CAAC,CAAC,WAAW,KAAK,IAAI,QAAQ,cAAc,IAAI,UAAU,KAAK,KAAK,KAAK,IAAI,QAAQ,UAAU,KAAK;GACtH,MAAM,UAAU,CAAC,CAAC,KAAK,SAAS,KAAK,KAAK,OAAO,SAAS,KAAK,KAAK;GACpE,IAAI,SAAS;IAEX,MAAM,SAAS,GADH,sBAAsB,KAAK,CAAC,EAAE,KAAK,EACzB;IACtB,IAAI,MAAM,MAAM,iBAAiB,UAAU,MAAM,QAAQ;KACvD,MAAM,MAAM,YAAY,YAAY,MAAM;KAC1C,UAAU;IACZ;GACF,OAAO,MAAM,MAAM,eAAe,UAAU;GAC5C,IAAI,MAAM,UAAU,SAAA,+BAAuB,MAAM,SAAS;IACxD,MAAM,UAAU,OAAO,gBAAgB,OAAO;IAC9C,UAAU;GACZ;EACF;EACA,IAAI,OAAO,SAAS,SAAS,QAAQ,CAAC,GAAG,MAAM,CAAC,CAAC,MAAM,YAAY,CAAC,SAAS,IAAI,OAAO,CAAC,GAAG;GAC1F,QAAQ,WAAW;GACnB,SAAS,WAAW;GACpB,SAAS,QAAQ,IAAI,iBAAiB,WAAW;GACjD,SAAS,MAAM;GACf,KAAK,MAAM,WAAW,QAAQ;IAC5B,QAAQ,QAAQ,OAAO;IACvB,SAAS,QAAQ,SAAS;KAAE,YAAY;KAAM,iBAAiB,CAAC,SAAS,OAAO;IAAE,CAAC;IACnF,SAAS,IAAI,OAAO;GACtB;EACF;EACA,IAAI,SAAS,IAAI,cAAc,IAAI,MAAM,sBAAsB,CAAC;EAChE,IACE,QACC,iBACC,MAAM,KAAK,MAAM,CAAC,CAAC,MAAM,YAAY,QAAQ,cAAc,CAAC,CAAC,MAAM,cAAc,UAAU,cAAc,SAAS,CAAC,IAErH,SAAS;CACb;CACA,MAAM,iBAAiB;EACrB,IAAI,CAAC,WAAW,CAAC,OAAO,QAAQ,IAAI,sBAAsB,OAAO;CACnE;CACA,MAAM,SAAS,IAAI,iBAAiB,IAAI,IAAI,eAAe,QAAQ,IAAI,KAAA;CACvE,MAAM,WAAW,IAAI,iBAAiB,QAAQ;CAC9C,MAAM,cAAc;EAAE,SAAS;EAAM,WAAW;EAAM,YAAY;EAAM,iBAAiB,CAAC,SAAS,OAAO;CAAE;CAC5G,SAAS,QAAQ,IAAI,iBAAiB,WAAW;CACjD,KAAK,MAAM,QAAQ;EAAC;EAAuB;EAAsB;EAAuB;EAAsB;CAAwB,GACpI,IAAI,iBACF,OACC,UAAU;EACT,MAAM,QAAQ,MAAM;EACpB,IAAI,MAAM,cAAc,aAAa;EACrC,IAAI,SAAS,sBAAsB;GACjC,WAAW,OAAO,KAAK;GACvB,UAAU,IAAI,KAAK;EACrB,OAAO;GACL,WAAW,IAAI,KAAK;GACpB,UAAU,OAAO,KAAK;EACxB;EACA,QAAQ;CACV,GACA;EAAE,SAAS;EAAM,QAAQ,UAAU;CAAO,CAC5C;CAEF,IAAI,iBACF,gBACC,UAAU;EACT,IAAK,MAAM,OAAmB,QAAQ,WAAW,GAAG;GAClD,gBAAgB;GAChB,SAAS;EACX;CACF,GACA;EAAE,SAAS;EAAM,QAAQ,UAAU;CAAO,CAC5C;CACA,KAAK,MAAM,QAAQ,CAAC,aAAa,eAAe,GAC9C,IAAI,iBACF,YACM;EACJ,gBAAgB;EAChB,SAAS;CACX,GACA;EAAE,SAAS;EAAM,QAAQ,UAAU;CAAO,CAC5C;CACF,IAAI,iBAAiB,UAAU,UAAU,EAAE,QAAQ,UAAU,OAAO,CAAC;CACrE,IAAI,iBAAiB,wBAAwB,UAAU,EAAE,QAAQ,UAAU,OAAO,CAAC;CACnF,QAAQ;CACR,aAAa;EACX,UAAU;EACV,IAAI,qBAAqB,KAAK;EAC9B,SAAS,WAAW;EACpB,QAAQ,WAAW;EACnB,UAAU,MAAM;EAChB,IAAI,OAAO,IAAI,GAAG,MAAM,OAAO;EAC/B,OAAO,OAAO,GAAG;EACjB,IAAI,iBAA8B,IAAI,gBAAgB,CAAC,CAAC,SAAS,UAAU;GACzE,MAAM,UAAU,OAAO,cAAc;GACrC,MAAM,MAAM,eAAe,UAAU;EACvC,CAAC;CACH;AACF;;AAGA,MAAa,yBAAyB,UAAsC;CAC1E,MAAM,OAAO,MAAM,YAAY,cAAc,qBAAmB,CAAC,EAAE,sBAAsB;CACzF,MAAM,MAAM,MAAM,cAAc;CAChC,IAAI,CAAC,MAAM;CACX,MAAM,IAAI,KAAK,IAAI,GAAG,KAAK,GAAG;CAC9B,MAAM,SAAS,KAAK,IAAI,IAAI,aAAa,KAAK,MAAM,IAAI;CACxD,OAAO,SAAS,IAAI;EAAE,GAAG;EAAG;EAAG,OAAO,IAAI;EAAY;CAAO,IAAI,KAAA;AACnE"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
//#region src/native/vertical-bars-web-search.d.ts
|
|
2
|
-
export declare const searchProjectionClass = "ios-theme-vertical-bars-search-projection";
|
|
3
|
-
export declare const createVerticalBarsWebSearch: (doc: Document, eligible: (element: HTMLElement) => boolean, refresh: () => void) => {
|
|
4
|
-
restore: () => void;
|
|
5
|
-
readonly source: HTMLElement | undefined;
|
|
6
|
-
update(root: HTMLElement): void;
|
|
7
|
-
};
|
|
8
|
-
//#endregion
|
|
9
|
-
//# sourceMappingURL=vertical-bars-web-search.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"vertical-bars-web-search.d.ts","names":[],"sources":["../../src/native/vertical-bars-web-search.ts"],"mappings":";qBAGa;qBAGA,8BAA+B,KAAK,UAAU,WAAW,SAAS,yBAAyB;;;EAuBvF,OAAA,MAAA"}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { getNativeSearchBindings } from "../native-integration/index.js";
|
|
2
|
-
import { activateProjectedElement, marker, unprojected } from "./shared/dom.js";
|
|
3
|
-
//#region src/native/vertical-bars-web-search.ts
|
|
4
|
-
const searchProjectionClass = "ios-theme-vertical-bars-search-projection";
|
|
5
|
-
/** Web counterpart of the system search button above the vertical tabs, or at the rail bottom without visible tabs. */
|
|
6
|
-
const createVerticalBarsWebSearch = (doc, eligible, refresh) => {
|
|
7
|
-
let binding;
|
|
8
|
-
let projection;
|
|
9
|
-
let container;
|
|
10
|
-
const iconObserver = new MutationObserver(refresh);
|
|
11
|
-
let previousAriaHidden = null;
|
|
12
|
-
const restore = () => {
|
|
13
|
-
iconObserver.disconnect();
|
|
14
|
-
container?.remove();
|
|
15
|
-
container = void 0;
|
|
16
|
-
projection = void 0;
|
|
17
|
-
if (binding) {
|
|
18
|
-
binding.trigger.removeAttribute(marker);
|
|
19
|
-
if (previousAriaHidden === null) binding.trigger.removeAttribute("aria-hidden");
|
|
20
|
-
else binding.trigger.setAttribute("aria-hidden", previousAriaHidden);
|
|
21
|
-
}
|
|
22
|
-
binding = void 0;
|
|
23
|
-
};
|
|
24
|
-
return {
|
|
25
|
-
restore,
|
|
26
|
-
get source() {
|
|
27
|
-
return binding?.trigger;
|
|
28
|
-
},
|
|
29
|
-
update(root) {
|
|
30
|
-
const next = unprojected(binding ? [binding.trigger] : [], () => getNativeSearchBindings(doc).find(({ trigger, footer }) => eligible(trigger) && eligible(footer)));
|
|
31
|
-
if (next !== binding || container?.parentElement !== root) restore();
|
|
32
|
-
if (!next) return;
|
|
33
|
-
if (!projection) {
|
|
34
|
-
binding = next;
|
|
35
|
-
previousAriaHidden = next.trigger.getAttribute("aria-hidden");
|
|
36
|
-
projection = next.trigger.cloneNode(true);
|
|
37
|
-
for (const name of [
|
|
38
|
-
"id",
|
|
39
|
-
"slot",
|
|
40
|
-
marker,
|
|
41
|
-
"aria-hidden",
|
|
42
|
-
"style"
|
|
43
|
-
]) projection.removeAttribute(name);
|
|
44
|
-
container = doc.createElement("ion-fab");
|
|
45
|
-
container.setAttribute("mode", next.trigger.mode ?? "ios");
|
|
46
|
-
container.classList.add(searchProjectionClass, "ion-cloned-element");
|
|
47
|
-
projection.addEventListener("click", (event) => {
|
|
48
|
-
event.preventDefault();
|
|
49
|
-
event.stopImmediatePropagation();
|
|
50
|
-
activateProjectedElement(next.trigger);
|
|
51
|
-
}, { capture: true });
|
|
52
|
-
container.append(projection);
|
|
53
|
-
root.append(container);
|
|
54
|
-
next.trigger.setAttribute(marker, "");
|
|
55
|
-
next.trigger.setAttribute("aria-hidden", "true");
|
|
56
|
-
}
|
|
57
|
-
projection.setAttribute("aria-label", next.trigger.getAttribute("aria-label") ?? next.footer.querySelector("ion-searchbar")?.getAttribute("aria-label") ?? "Search");
|
|
58
|
-
const sourceIcon = next.trigger.querySelector("ion-icon");
|
|
59
|
-
const icon = projection.querySelector("ion-icon");
|
|
60
|
-
if (sourceIcon?.shadowRoot) iconObserver.observe(sourceIcon.shadowRoot, {
|
|
61
|
-
subtree: true,
|
|
62
|
-
childList: true,
|
|
63
|
-
attributes: true
|
|
64
|
-
});
|
|
65
|
-
if (sourceIcon && icon) {
|
|
66
|
-
icon.icon = sourceIcon.icon;
|
|
67
|
-
icon.name = sourceIcon.name;
|
|
68
|
-
icon.src = sourceIcon.src;
|
|
69
|
-
}
|
|
70
|
-
container.hidden = next.trigger.style.pointerEvents === "none";
|
|
71
|
-
projection.disabled = next.trigger.disabled;
|
|
72
|
-
const bounds = next.tabBar.getBoundingClientRect();
|
|
73
|
-
const tabs = bounds.width > 0 && bounds.height > 0 && getComputedStyle(next.tabBar).visibility === "visible" ? bounds : void 0;
|
|
74
|
-
container.style.left = tabs ? `${tabs.left + (tabs.width - 46) / 2}px` : "";
|
|
75
|
-
container.style.top = tabs ? `${tabs.top - 56}px` : "";
|
|
76
|
-
container.style.right = tabs ? "auto" : "";
|
|
77
|
-
container.style.bottom = tabs ? "auto" : "";
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
//#endregion
|
|
82
|
-
export { createVerticalBarsWebSearch, searchProjectionClass };
|
|
83
|
-
|
|
84
|
-
//# sourceMappingURL=vertical-bars-web-search.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"vertical-bars-web-search.js","names":[],"sources":["../../src/native/vertical-bars-web-search.ts"],"sourcesContent":["import { getNativeSearchBindings, type NativeSearchBinding } from '../native-integration';\nimport { activateProjectedElement, marker, unprojected } from './shared/dom';\n\nexport const searchProjectionClass = 'ios-theme-vertical-bars-search-projection';\n\n/** Web counterpart of the system search button above the vertical tabs, or at the rail bottom without visible tabs. */\nexport const createVerticalBarsWebSearch = (doc: Document, eligible: (element: HTMLElement) => boolean, refresh: () => void) => {\n let binding: NativeSearchBinding | undefined;\n let projection: HTMLIonFabButtonElement | undefined;\n let container: HTMLIonFabElement | undefined;\n const iconObserver = new MutationObserver(refresh);\n let previousAriaHidden: string | null = null;\n const restore = () => {\n iconObserver.disconnect();\n container?.remove();\n container = undefined;\n projection = undefined;\n if (binding) {\n binding.trigger.removeAttribute(marker);\n if (previousAriaHidden === null) binding.trigger.removeAttribute('aria-hidden');\n else binding.trigger.setAttribute('aria-hidden', previousAriaHidden);\n }\n binding = undefined;\n };\n return {\n restore,\n get source() {\n return binding?.trigger;\n },\n update(root: HTMLElement) {\n const next = unprojected(binding ? [binding.trigger] : [], () =>\n getNativeSearchBindings(doc).find(({ trigger, footer }) => eligible(trigger) && eligible(footer)),\n );\n if (next !== binding || container?.parentElement !== root) restore();\n if (!next) return;\n if (!projection) {\n binding = next;\n previousAriaHidden = next.trigger.getAttribute('aria-hidden');\n projection = next.trigger.cloneNode(true) as HTMLIonFabButtonElement;\n for (const name of ['id', 'slot', marker, 'aria-hidden', 'style']) projection.removeAttribute(name);\n container = doc.createElement('ion-fab');\n container.setAttribute('mode', (next.trigger as HTMLIonFabButtonElement).mode ?? 'ios');\n container.classList.add(searchProjectionClass, 'ion-cloned-element');\n projection.addEventListener(\n 'click',\n (event) => {\n event.preventDefault();\n event.stopImmediatePropagation();\n activateProjectedElement(next.trigger);\n },\n { capture: true },\n );\n container.append(projection);\n root.append(container);\n next.trigger.setAttribute(marker, '');\n next.trigger.setAttribute('aria-hidden', 'true');\n }\n projection.setAttribute(\n 'aria-label',\n next.trigger.getAttribute('aria-label') ?? next.footer.querySelector('ion-searchbar')?.getAttribute('aria-label') ?? 'Search',\n );\n const sourceIcon = next.trigger.querySelector('ion-icon');\n const icon = projection.querySelector('ion-icon');\n if (sourceIcon?.shadowRoot) iconObserver.observe(sourceIcon.shadowRoot, { subtree: true, childList: true, attributes: true });\n if (sourceIcon && icon) {\n icon.icon = sourceIcon.icon;\n icon.name = sourceIcon.name;\n icon.src = sourceIcon.src;\n }\n container!.hidden = next.trigger.style.pointerEvents === 'none';\n projection.disabled = (next.trigger as HTMLIonFabButtonElement).disabled;\n const bounds = next.tabBar.getBoundingClientRect();\n const tabs = bounds.width > 0 && bounds.height > 0 && getComputedStyle(next.tabBar).visibility === 'visible' ? bounds : undefined;\n container!.style.left = tabs ? `${tabs.left + (tabs.width - 46) / 2}px` : '';\n container!.style.top = tabs ? `${tabs.top - 56}px` : '';\n container!.style.right = tabs ? 'auto' : '';\n container!.style.bottom = tabs ? 'auto' : '';\n },\n };\n};\n"],"mappings":";;;AAGA,MAAa,wBAAwB;;AAGrC,MAAa,+BAA+B,KAAe,UAA6C,YAAwB;CAC9H,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM,eAAe,IAAI,iBAAiB,OAAO;CACjD,IAAI,qBAAoC;CACxC,MAAM,gBAAgB;EACpB,aAAa,WAAW;EACxB,WAAW,OAAO;EAClB,YAAY,KAAA;EACZ,aAAa,KAAA;EACb,IAAI,SAAS;GACX,QAAQ,QAAQ,gBAAgB,MAAM;GACtC,IAAI,uBAAuB,MAAM,QAAQ,QAAQ,gBAAgB,aAAa;QACzE,QAAQ,QAAQ,aAAa,eAAe,kBAAkB;EACrE;EACA,UAAU,KAAA;CACZ;CACA,OAAO;EACL;EACA,IAAI,SAAS;GACX,OAAO,SAAS;EAClB;EACA,OAAO,MAAmB;GACxB,MAAM,OAAO,YAAY,UAAU,CAAC,QAAQ,OAAO,IAAI,CAAC,SACtD,wBAAwB,GAAG,CAAC,CAAC,MAAM,EAAE,SAAS,aAAa,SAAS,OAAO,KAAK,SAAS,MAAM,CAAC,CAClG;GACA,IAAI,SAAS,WAAW,WAAW,kBAAkB,MAAM,QAAQ;GACnE,IAAI,CAAC,MAAM;GACX,IAAI,CAAC,YAAY;IACf,UAAU;IACV,qBAAqB,KAAK,QAAQ,aAAa,aAAa;IAC5D,aAAa,KAAK,QAAQ,UAAU,IAAI;IACxC,KAAK,MAAM,QAAQ;KAAC;KAAM;KAAQ;KAAQ;KAAe;IAAO,GAAG,WAAW,gBAAgB,IAAI;IAClG,YAAY,IAAI,cAAc,SAAS;IACvC,UAAU,aAAa,QAAS,KAAK,QAAoC,QAAQ,KAAK;IACtF,UAAU,UAAU,IAAI,uBAAuB,oBAAoB;IACnE,WAAW,iBACT,UACC,UAAU;KACT,MAAM,eAAe;KACrB,MAAM,yBAAyB;KAC/B,yBAAyB,KAAK,OAAO;IACvC,GACA,EAAE,SAAS,KAAK,CAClB;IACA,UAAU,OAAO,UAAU;IAC3B,KAAK,OAAO,SAAS;IACrB,KAAK,QAAQ,aAAa,QAAQ,EAAE;IACpC,KAAK,QAAQ,aAAa,eAAe,MAAM;GACjD;GACA,WAAW,aACT,cACA,KAAK,QAAQ,aAAa,YAAY,KAAK,KAAK,OAAO,cAAc,eAAe,CAAC,EAAE,aAAa,YAAY,KAAK,QACvH;GACA,MAAM,aAAa,KAAK,QAAQ,cAAc,UAAU;GACxD,MAAM,OAAO,WAAW,cAAc,UAAU;GAChD,IAAI,YAAY,YAAY,aAAa,QAAQ,WAAW,YAAY;IAAE,SAAS;IAAM,WAAW;IAAM,YAAY;GAAK,CAAC;GAC5H,IAAI,cAAc,MAAM;IACtB,KAAK,OAAO,WAAW;IACvB,KAAK,OAAO,WAAW;IACvB,KAAK,MAAM,WAAW;GACxB;GACA,UAAW,SAAS,KAAK,QAAQ,MAAM,kBAAkB;GACzD,WAAW,WAAY,KAAK,QAAoC;GAChE,MAAM,SAAS,KAAK,OAAO,sBAAsB;GACjD,MAAM,OAAO,OAAO,QAAQ,KAAK,OAAO,SAAS,KAAK,iBAAiB,KAAK,MAAM,CAAC,CAAC,eAAe,YAAY,SAAS,KAAA;GACxH,UAAW,MAAM,OAAO,OAAO,GAAG,KAAK,QAAQ,KAAK,QAAQ,MAAM,EAAE,MAAM;GAC1E,UAAW,MAAM,MAAM,OAAO,GAAG,KAAK,MAAM,GAAG,MAAM;GACrD,UAAW,MAAM,QAAQ,OAAO,SAAS;GACzC,UAAW,MAAM,SAAS,OAAO,SAAS;EAC5C;CACF;AACF"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { NativeUIShellHandle, NativeUIShellOptions } from "./definitions.js";
|
|
2
|
-
//#region src/native/vertical-bars-web.d.ts
|
|
3
|
-
export declare const createVerticalBarsWebProjection: (doc: Document, options: NativeUIShellOptions, enabled?: () => boolean) => NativeUIShellHandle;
|
|
4
|
-
//#endregion
|
|
5
|
-
//# sourceMappingURL=vertical-bars-web.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"vertical-bars-web.d.ts","names":[],"sources":["../../src/native/vertical-bars-web.ts"],"mappings":";;qBA0Ca,kCACX,KAAK,UACL,SAAS,sBACT,4BACC"}
|