translation(jp): 20240430 update (#3630)

* chore(deps): update dependency vue to v3.4.6 (#3382) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.4.10 (#3385) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(docusaurus): upgrade to v3 (#3322) * chore(playgrounds): update demos to use latest major version (#3388) * chore(deps): update dependency vue to v3.4.11 (#3387) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(label): clarify usage for text wrapping (#3386) * chore(deps): update dependency @vitejs/plugin-vue to v5.0.2 (#3360) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.6.3 (#3372) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.47 (#3376) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.10.7 (#3379) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.4.13 (#3389) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.11.0 (#3392) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.6.4 (#3391) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.11.1 (#3393) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.48 (#3394) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.4.14 (#3397) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.11.3 (#3396) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.4.15 (#3400) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.0.12 [security] (#3398) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.11.5 (#3399) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.6.5 (#3401) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.0.12 [security] (#3403) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v5.0.3 (#3390) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * feat(theming): update dark mode guide with new dark theme files and playgrounds (#3384) * docs(input): update `Maskito` documentation (according to the latest major release `2.0.0`) (#3402) * chore(deps): update ionic to v7.6.6 (#3411) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.11.6 (#3409) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(node): upgrade to v20 (#3404) * chore(deps): update dependency web-vitals to v3.5.2 (#3410) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(): sync with main (#3405) Co-authored-by: Shawn Taylor <[email protected]> Co-authored-by: Liam DeBeasi <[email protected]> Co-authored-by: Amanda Johnston <[email protected]> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: ptmkenny <[email protected]> Co-authored-by: Brandy Carney <[email protected]> Co-authored-by: Matthew Harris <[email protected]> Co-authored-by: Nikita Barsukov <[email protected]> * fix(docs): version the common css and js files (#3412) * chore: fix sidebar for v7 docs * docs(angular): use ngmodules for the first app (#3417) * chore(deps): update dependency @types/node to v20.11.7 (#3414) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(searchbar): streamline usage example with script setup syntax (#3408) * docs(hbb): add CloseWatcher docs to versioned docs (#3420) * docs(theming): document new placeholder opacity global css variable (#3421) * docs(searchbar): streamline usage example with script setup syntax (#3406) * chore(deps): update dependency @angular/platform-browser-dynamic to v17.1.1 (#3423) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.51 (#3425) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(react, vue): update Quickstart page to use modern checkbox syntax (#3415) * chore(deps): update dependency @types/react to v18.2.52 (#3430) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix: release notes generation from changelog (#3428) * docs(toast): clarify toasts from overlays (#3432) * chore(deps): update dependency @types/react to v18.2.53 (#3433) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore: npm install * fmt * chore(): remove duplication package * translate * fix(): follow ionicframework.com * chore(ci): update node version * fix(): comment-out unused script * chore(): follow package-lock.json * fix(): npm install at root * translate(): shallow doc is translated * chore * fmt * chore * chore * chore(deps): update dependency vue to v3.4.16 (#3438) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.54 (#3434) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.1.0 (#3439) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.7.0 (#3426) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.4.18 (#3443) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo (#3445) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(config): add rippleEffect to table (#3448) * fix(config): add rippleEffect to table * lint * docs(high-contrast): add documentation (#3431) * chore(deps): update ionic to v7.7.1 (#3444) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(layout): update dynamic font scaling for v8 (#3447) * chore(deps): update dependency vite to v5.1.0 (#3440) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.1.1 (#3442) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.11.10 (#3422) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(infinite-scroll): clarify virtual scroll element (#3338) * docs(infinite-scroll): clarify virtual scroll element * chore: update content * chore(prettier): cache prettier (#3323) * docs(datetime, datetime-button): document formatOptions property (#3452) * docs(datetime,datetime-button): document formatOptions property * misc improvements * Apply suggestions from code review Co-authored-by: Liam DeBeasi <[email protected]> * add link to time zone docs * enlarge playground --------- Co-authored-by: Liam DeBeasi <[email protected]> * chore(deps): update dependency vue to v3.4.19 (#3458) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * refactor(md): remove unused Docusaurus properties (#3441) * chore(deps): update dependency @types/react to v18.2.56 (#3462) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update vite-vue to v5.0.4 (#3449) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.1.3 (#3460) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.57 (#3466) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.7.2 (#3461) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(theming): add other frameworks to CSS Variables guide (#3465) * chore(deps): update dependency vue-router to v4.3.0 (#3470) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(input): clarify color property description (#3471) * docs(input): clarify color property description * fix anchor link * chore(deps): update dependency vite to v5.1.4 (#3469) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.58 (#3472) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(updating): add v8 migration guide (#3475) * docs(theming): note new stepped colors in ionic 8 (#3477) * docs(playground): v8 playgrounds use the next tag (#3476) * chore: increase memory limit temporarily (#3480) * docs: archive v5 docs (#3482) * chore(deps): update dependency vite to v5.1.3 (#3464) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs: add correct breaking changes url (#3483) The v8 breaking changes are available on the `feature-8.0` branch, so we need to link there until v8 is merged into `main`. * chore: remove trailing slash to avoid flash of 404 page (#3484) * chore(deps): update dependency vite to v4.5.2 [security] (#3479) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo (#3491) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency typescript to v5.3.3 (#3486) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs: Integrate Beamer release notes tool (#3468) * chore(deps): update dependency @vitejs/plugin-react to v4.2.1 (#3485) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.59 (#3497) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v3.5.2 (#3490) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.4.20 (#3499) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(dark-mode): demos use correct stepped color tokens (#3495) * Update 8-distribute.md (#3489) * chore(deps): update dependency @angular/platform-browser-dynamic to v17.2.2 (#3498) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v4.6.2 (#3492) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.1.4 (#3487) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(updating): show how to migrate custom step color usages (#3496) * chore(deps): update dependency vue-router to v4.3.0 (#3504) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.4.21 (#3503) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.61 (#3502) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5 (#3506) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(theming): add type to prevent compilation error in dark mode playground (#3467) Without type on the parameter, the following error is displayed error TS7006: Parameter 'shouldAdd' implicitly has an 'any' type. * chore(deps): update dependency vue-tsc to v2 (#3507) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore: fix numbering (#3508) Vue Upgrade steps went from 1 to 3 when it should have gone from 1 to 2. * chore(deps): update dependency @types/react to v18.2.62 (#3510) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.1.5 (#3512) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo (#3516) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.1.5 (#3511) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v2.0.6 (#3515) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(input): add start/end slot section back into v7 docs (#3509) * docs(input): add start/end slot section back into v7 docs * fix demo imports * docs(config): use correct v8 tag for API generation (#3519) * chore(deps): update dependency typescript to v5.4.2 (#3517) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.7.3 (#3473) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(datetime-button): update datetime button playground for format options * Update static/usage/v8/datetime/format-options/index.md Co-authored-by: Shawn Taylor <[email protected]> * Update static/usage/v8/datetime-button/format-options/index.md Co-authored-by: Shawn Taylor <[email protected]> * chore(deps): update ionic to v7.7.4 (#3520) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs: note event bubbling (#3522) * chore(deps): update dependency vite to v5.1.5 (#3513) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.1.6 (#3529) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.1.6 (#3528) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.65 (#3527) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(v8): update with latest migration recommendations (#3524) * chore(deps): update ionic to v7.8.0 (#3532) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo (#3531) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(dark-mode): link to latest palette (#3525) resolves #3518 * docs(modal): update controller example for react (#3535) * docs(modal): update controller example for react * chore: lint --------- Co-authored-by: Liam DeBeasi <[email protected]> * chore(deps): update dependency vite to v5.1.6 (#3530) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(renovate): account for v8 and ionic packages (#3536) * chore(deps): update dependency clsx to v2.1.0 (#3493) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(renovate): account for v7 deps with minimumReleaseAge (#3538) * docs: rename themes to palettes (#3521) Co-authored-by: Liam DeBeasi <[email protected]> * chore(deps): update dependency @vitejs/plugin-vue to v5 (#3539) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.8.1 (#3537) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(playground): update playground generator for v8 docs (#3542) * fix: rename themes to palettes in playground imports (#3543) * chore(deps): update dependency @types/react to v18.2.67 (#3544) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(theming): update high contrast mode title (#3545) * chore(deps): update dependency vite to v5.2.2 (#3552) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v2.0.7 (#3549) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.2.2 (#3551) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.2.3 (#3556) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.2.3 (#3555) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.69 (#3554) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.2.4 (#3558) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(password-toggle): add password toggle docs (#3541) * chore(deps): update ionic to v7.8.2 (#3561) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.2.6 (#3560) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * translate * feat(): set tag `next` at ionic/core * translate(): update 8.0 * chore(deps): update dependency vite to v5.2.7 (#3567) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @angular/platform-browser-dynamic to v17.3.2 (#3566) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore: remove mapsandapps from code owners file (#3568) * chore(deps): update dependency @types/react to v18.2.70 (#3562) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.2.4 (#3559) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(toast): use className for react examples (#3571) * docs(modal): clarify content requirement for sheet modal (#3570) * chore(deps): update dependency vite to v5.2.7 (#3573) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.8.3 (#3575) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.2.8 (#3580) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(your-first-app): use correct type on "Adding Mobile" page (#3533) Co-authored-by: Maria Hutt <[email protected]> * chore(deps): update dependency vite to v5.2.8 (#3579) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v2.0.10 (#3581) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(high-contrast): fix typo in Angular dark palette import (#3587) * docs(migration): add info about removing old light palette colors (#3586) * docs(migration): add info about removing old light palette colors * Update docs/updating/8-0.md Co-authored-by: Liam DeBeasi <[email protected]> * lint --------- Co-authored-by: Liam DeBeasi <[email protected]> * docs(checkbox): show how to prevent toggling checkbox with link (#3584) * docs(title): add information on setting headings (#3585) * docs(updating): change theme to palette in the migration guide to v8 (#3590) * chore(deps): update dependency vue-tsc to v2.0.11 (#3592) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(angular): update swiper events (#3435) Co-authored-by: shiv19 <[email protected]> Co-authored-by: arnotixe <[email protected]> Co-authored-by: Liam DeBeasi <[email protected]> * chore(deps): update dependency vue-tsc to v2.0.12 (#3596) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(button): update shape and icons playgrounds to showcase circular icon buttons (#3594) * docs(updating): include links to other documentation (#3591) * chore(deps): update ionic to v7.8.4 (#3593) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(modal): clarify changing height of sheet modal (#3589) * chore(deps): update dependency vue-tsc to v2.0.13 (#3599) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(): remove overwrite files * fmt * default docs to v8 * freeze ionic 6 docs * update package.json files * update playground iframes * typo * point to main branch * update package lock * fix: update cta to v8 upgrade guide * translate * chore: replace diff examples with before/after Docusaurus does not have built-in support for diff formatting. To make it easier for developers to tell the differences between the legacy code and new approach, I separated the examples into before/after code snippet blocks. * chore: make ionic 8 default version (#3600) * default docs to v8 * freeze ionic 6 docs --------- Co-authored-by: Sean Perkins <[email protected]> * chore: update support table for v8 + support (#3601) * chore(deps): update ionic to v7.8.5 (#3602) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(dark-mode): improve link accessibility (#3595) * chore(renovate): do not bump v7 deps to v8 (#3604) Renovate bot is trying to bump the v7 playground deps to v8. This change prevents it from doing that: #3603 * chore(deps): update dependency vue to v3.4.22 (#3605) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(input): examples for setting an initial value with maskito (#3597) * add examples for setting an initial value when using maskito (using maskitoTransform) * chore: prettier formatting * input-masking: add maskitoTransform reference to demo.html --------- Co-authored-by: Sean Perkins <[email protected]> * chore(deps): update dependency vite to v5.2.9 (#3607) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-router to v4.3.2 (#3611) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency typescript to v5.4.3 (#3548) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Maria Hutt <[email protected]> * chore(deps): update dependency vite to v5.2.9 (#3606) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.4.23 (#3610) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(renovate): remove v6, add v8 (#3616) * chore(deps): update dependency vite to v5.2.10 (#3615) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(core-concepts): update android webview link (#3501) * Fixed dead Android WebView link. The previous link navigated to a missing page (404) in the Android developer docs. This link routes to a similar page as the iOS variant. * docs: update webview link on latest docs --------- Co-authored-by: Sean Perkins <[email protected]> * chore(deps): update dependency @types/node to v20.12.7 (#3450) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency typescript to v5.4.5 (#3613) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.2.10 (#3614) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic (#3618) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency clsx to v2.1.1 (#3621) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore: disable renovate on v6 playgrounds (#3622) * chore(deps): update dependency vue to v3.4.24 (#3620) * chore(deps): update dependency vue to v3.4.24 * chore(v6): revert vue update --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Maria Hutt <[email protected]> * chore(deps): update dependency vue-tsc to v2.0.14 (#3617) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Maria Hutt <[email protected]> * chore(deps): update react monorepo (#3572) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * refactor(many): batch update of alt text and title attributes for MD images (#3500) Co-authored-by: github-actions <[email protected]> Co-authored-by: Maria Hutt <[email protected]> * chore(deps): update dependency vue to v3.4.25 (#3623) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo to v18.3.0 (#3624) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react to v18.3.0 (#3625) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Maria Hutt <[email protected]> Co-authored-by: Brandy Carney <[email protected]> Co-authored-by: Shawn Taylor <[email protected]> Co-authored-by: Nikita Barsukov <[email protected]> Co-authored-by: Liam DeBeasi <[email protected]> Co-authored-by: Amanda Johnston <[email protected]> Co-authored-by: ptmkenny <[email protected]> Co-authored-by: Matthew Harris <[email protected]> Co-authored-by: Treigh Mawaka <[email protected]> Co-authored-by: Sean Perkins <[email protected]> Co-authored-by: Nikhil <[email protected]> Co-authored-by: Matt Netkow <[email protected]> Co-authored-by: Deepak Sharma <[email protected]> Co-authored-by: nlko <[email protected]> Co-authored-by: Mike Hartington <[email protected]> Co-authored-by: Nozarno <[email protected]> Co-authored-by: Maria Hutt <[email protected]> Co-authored-by: Santiago Mejia <[email protected]> Co-authored-by: shiv19 <[email protected]> Co-authored-by: arnotixe <[email protected]> Co-authored-by: Sean Perkins <[email protected]> Co-authored-by: Marlon Harrison <[email protected]> Co-authored-by: Antheus Steenvoorden <[email protected]> Co-authored-by: Jonathan Algar <[email protected]> Co-authored-by: github-actions <[email protected]>
ionic-team · May 1, 2024 · 9eaa3c0 · 9eaa3c0
1 parent f8c3be6
commit 9eaa3c0
Show file tree

Hide file tree

Showing 137 changed files with 1,160 additions and 1,127 deletions.
diff --git a/docs/angular/lifecycle.md b/docs/angular/lifecycle.md
@@ -13,7 +13,7 @@ sidebar_label: ライフサイクル
 
 このガイドでは、Ionic と Angular を使用して構築されたアプリでの Page Life Cycle のしくみについて説明します。（追記：Life Cycle とは、表示をはじめてから破棄するまでを指します。この間の特定のタイミングに設定されているイベントを Life Cycle Events といいます）
 
-![Ionic life cycle events demo](/img/guides/lifecycle/ioniclifecycle.png)
+![Flowchart illustrating the Ionic page life cycle events and their sequence.](/img/guides/lifecycle/ioniclifecycle.png 'Ionic Lifecycle Diagram')
 
 ## Angular の Life Cycle Events
 
@@ -47,7 +47,7 @@ Angular の Life Cycle Events に加えて、Ionic Angular には、使用可能
 
 `ionViewWillLeave` と `ionViewDidLeave` についてですが、 `ionViewWillLeave` は現在のページから離脱する処理がはじまる前に呼び出されますが、 `ionViewDidLeave` は新しいページに遷移する処理が成功してから呼び出されます (新しいページの `ionViewDidEnter` が発火した後になります)。
 
-![Ionic life cycle events demo](/img/guides/lifecycle/ioniclifecycle.gif)
+![Animated GIF showing Ionic page life cycle events in a console log as a page transition occurs.](/img/guides/lifecycle/ioniclifecycle.gif 'Ionic Lifecycle Animation')
 
 ## Ionic が Page の Life をどのように処理するか
 

diff --git a/docs/angular/your-first-app.md b/docs/angular/your-first-app.md
@@ -132,7 +132,7 @@ And voilà! Your Ionic app is now running in a web browser. Most of your app can
 
 There are three tabs. Click on the Tab2 tab. It’s a blank canvas, aka the perfect spot to transform into a Photo Gallery. The Ionic CLI features Live Reload, so when you make changes and save them, the app is updated immediately!
 
-![Before and after going through this tutorial](/img/guides/first-app-cap-ng/email-photogallery.gif)
+![Animated GIF showing the live reload feature in an Ionic app, with changes in code immediately updating the app in a web browser.](/img/guides/first-app-cap-ng/email-photogallery.gif 'Live Reload Feature in Ionic App')
 
 Open the photo-gallery app folder in your code editor of choice, then navigate to `/src/app/tab2/tab2.page.html`. We see:
 

diff --git a/docs/angular/your-first-app/2-taking-photos.md b/docs/angular/your-first-app/2-taking-photos.md
@@ -70,7 +70,7 @@ Then, open `tab2.page.html` and call the `addPhotoToGallery()` function when the
 
 Save the file, and if it's not running already, restart the development server in your browser by running `ionic serve`. On the Photo Gallery tab, click the Camera button. If your computer has a webcam of any sort, a modal window appears. Take a selfie!
 
-![Camera API on the web](/img/guides/first-app-cap-ng/camera-web.png)
+![A photo gallery app displaying a webcam selfie.](/img/guides/first-app-cap-ng/camera-web.png 'Webcam Selfie in Photo Gallery')
 
 _(Your selfie is probably much better than mine)_
 

diff --git a/docs/angular/your-first-app/6-deploying-mobile.md b/docs/angular/your-first-app/6-deploying-mobile.md
@@ -60,7 +60,7 @@ ionic cap open ios
 
 In order for some native plugins to work, user permissions must be configured. In our photo gallery app, this includes the Camera plugin: iOS displays a modal dialog automatically after the first time that `Camera.getPhoto()` is called, prompting the user to allow the app to use the Camera. The permission that drives this is labeled “Privacy - Camera Usage.” To set it, the `Info.plist` file must be modified ([more details here](https://capacitorjs.com/docs/ios/configuration)). To access it, click "Info," then expand "Custom iOS Target Properties."
 
-![Xcode Custom iOS Target Properties](/img/guides/first-app-cap-ng/xcode-info-plist.png)
+![The Info.plist file in Xcode showing the NSCameraUsageDescription key added for camera access.](/img/guides/first-app-cap-ng/xcode-info-plist.png 'Xcode Info.plist Configuration')
 
 Each setting in `Info.plist` has a low-level parameter name and a high-level name. By default, the property list editor shows the high-level names, but it's often useful to switch to showing the raw, low-level names. To do this, right-click anywhere in the property list editor and toggle "Raw Keys/Values."
 
@@ -70,15 +70,15 @@ Follow the same process to add the other two Keys required of the Camera plugin:
 
 Next, click on `App` in the Project Navigator on the left-hand side, then within the `Signing & Capabilities` section, select your Development Team.
 
-![Xcode - Selecting Development Team](/img/guides/first-app-cap-ng/xcode-signing.png)
+![The Xcode interface displaying the Signing and Capabilities tab for an iOS app project.](/img/guides/first-app-cap-ng/xcode-signing.png 'Xcode Signing & Capabilities')
 
 With permissions in place and Development Team selected, we are ready to try out the app on a real device! Connect an iOS device to your Mac computer, select it (`App -> Matthew’s iPhone` for me) then click the "Build" button to build, install, and launch the app on your device:
 
-![Xcode build button](/img/guides/first-app-cap-ng/xcode-build-button.png)
+![Xcode toolbar highlighting the Build button used to compile and run an iOS app.](/img/guides/first-app-cap-ng/xcode-build-button.png 'Xcode Build Button')
 
 Upon tapping the Camera button on the Photo Gallery tab, the permission prompt will display. Tap OK, then take a picture with the Camera. Afterward, the photo shows in the app!
 
-![iOS Camera permissions](/img/guides/first-app-cap-ng/ios-permissions-photo.png)
+![Two iPhones side by side, one showing the camera permission prompt and the other displaying a photo taken with the app.](/img/guides/first-app-cap-ng/ios-permissions-photo.png 'iOS Camera Permission Prompt and Photo Result')
 
 ## Android Deployment
 
@@ -92,7 +92,7 @@ ionic cap open android
 
 Similar to iOS, we must enable the correct permissions to use the Camera. Configure these in the `AndroidManifest.xml` file. Android Studio will likely open this file automatically, but in case it doesn't, locate it under `android/app/src/main/`.
 
-![Android Manifest location](/img/guides/first-app-cap-ng/android-manifest.png)
+![Android Studio editor showing the AndroidManifest.xml file with camera permissions.](/img/guides/first-app-cap-ng/android-manifest.png 'Android Manifest Permissions')
 
 Scroll to the `Permissions` section and ensure these entries are included:
 
@@ -103,11 +103,11 @@ Scroll to the `Permissions` section and ensure these entries are included:
 
 Save the file. With permissions in place, we are ready to try out the app on a real device! Connect an Android device to your computer. Within Android Studio, click the "Run" button, select the attached Android device, then click OK to build, install, and launch the app on your device.
 
-![Launching app on Android](/img/guides/first-app-cap-ng/android-device.png)
+![The Android Studio interface with arrows pointing to the Run button and the connected device.](/img/guides/first-app-cap-ng/android-device.png 'Android Studio Run Configuration')
 
 Once again, upon tapping the Camera button on the Photo Gallery tab, the permission prompt should be displayed. Tap OK, then take a picture with the Camera. Afterward, the photo should appear in the app.
 
-![Android Camera permissions](/img/guides/first-app-cap-ng/android-permissions-photo.png)
+![Two Android phones side by side, one showing the camera permission prompt and the other displaying a photo taken with the app.](/img/guides/first-app-cap-ng/android-permissions-photo.png 'Android Permissions and Photo Capture')
 
 Our Photo Gallery app has just been deployed to Android and iOS devices. 🎉
 

diff --git a/docs/core-concepts/webview.md b/docs/core-concepts/webview.md
@@ -22,7 +22,7 @@ Ionic アプリは[Web 技術](../reference/glossary.md#web-standards)をつか
 
 最近の Web View は、カメラ、センサー、GPS、スピーカー、Bluetooth などのハードウェア機能のための組み込み<a href="https://whatwebcando.today" target="_blank">HTML5 APIs</a>を多数提供していますが、プラットフォーム固有のハードウェア API にアクセスする必要がある場合もあります。Ionic アプリでは、通常は JavaScript API を利用してネイティブプラグインにアクセスしてブリッジする形でハードウェア API を利用することができます。
 
-![webview architecture](/img/building/webview-architecture.png)
+![Diagram illustrating the architecture of a Web View in Ionic apps, showing the bridge between native app components and web components.](/img/building/webview-architecture.png 'Web View Architecture Diagram')
 
 Ionic Web View プラグインは、最新の JavaScript アプリケーションに特化しています。iOS と Android の両方で、アプリファイルは常に `http://` プロトコルを使ってデバイス上で動作する最適化された HTTP サーバーにホストされます。
 
@@ -47,4 +47,4 @@ Cordova アプリでは、[Ionic Web View plugin](https://github.com/ionic-team/
 ### 実装
 
 - **iOS**: <a href="https://developer.apple.com/documentation/webkit/wkwebview" target="_blank">WKWebView</a>
-- **Android**: <a href="https://developer.chrome.com/multidevice/webview/overview" target="_blank">Web View for Android</a>
+- **Android**: <a href="https://developer.android.com/reference/android/webkit/WebView" target="_blank">WebView for Android</a>
diff --git a/docs/deployment/play-store.mdx b/docs/deployment/play-store.mdx
@@ -69,15 +69,15 @@ If you haven't made the switch to Android app bundles yet, you will need to opt
 First, create a new app in the Google Play Console. In order to enable app signing, you'll need to navigate to the new release screen, on one of the Production, Open testing, closed testing, or internal testing pages.
 Select the Create new release button as seen below (it doesn't matter which release type, since you don't have to actually go through with creating a new release right now):
 
-![Select create new release in Google Play Console's Production tab](https://blog.ionicframework.com/wp-content/uploads/2021/12/newapps-release-1024x561.png)
+![Google Play Console's Production tab with arrow pointing to the 'Create new release' button.](https://blog.ionicframework.com/wp-content/uploads/2021/12/newapps-release-1024x561.png "Google Play Console New Release Creation")
 
 Under the App integrity section, click the **Change app signing key** button:
 
-![Select change app signing key in Google Play Console's Production tab](https://blog.ionicframework.com/wp-content/uploads/2021/12/newapps-signingkey.png)
+![Google Play Console's App integrity section with the 'Change app signing key' button highlighted.](https://blog.ionicframework.com/wp-content/uploads/2021/12/newapps-signingkey.png "Google Play Console Change App Signing Key Option")
 
 Next, select the **Export and upload a key from Java Keystore** option. This is the only way in which you can retain the key and have Google Play use it for signing. If you're using Appflow to build Android apps in the cloud, this is also the required option so you can upload the keystore file to Appflow.
 
-![Uploading a keystore file to Google Play Console](https://blog.ionicframework.com/wp-content/uploads/2021/12/newapps-export-1024x564.png)
+![The Google Play Console showing the option to 'Export and upload a key from Java Keystore'.](https://blog.ionicframework.com/wp-content/uploads/2021/12/newapps-export-1024x564.png "Google Play Console Export and Upload Key Option")
 
 Follow the instructions on the screen to generate the Keystore and you can use the same Keystore file to sign your app in the Appflow dashboard as well. If you need any help generating the Keystore file, you can refer to our docs [here](https://ionic.io/docs/appflow/package/credentials#android-certificates).
 Once the generated zip file has been uploaded, you're all set! Build an AAB binary signed with the keystore file then upload it to Google Play.
@@ -88,7 +88,7 @@ As of now, existing apps aren't required to use the AAB format, but you can stil
 
 To opt into app signing, you'll need to upload the app signing key used to sign previous releases of the app. Navigate to Setup -> App integrity, then choose one of the two methods seen in the screenshot below. Once the key has been uploaded, you can enroll in Play App Signing.
 
-![App integrity setup in Google Play Console](https://blog.ionicframework.com/wp-content/uploads/2021/12/existingapps-optin.png)
+![The opt-in options for Play App Signing in the Google Play Console.](https://blog.ionicframework.com/wp-content/uploads/2021/12/existingapps-optin.png "Google Play Console Opt-in to Play App Signing")
 
 :::tip
 With smaller app sizes, improved performance, and enhanced security, the AAB binary format is a win for app developers and users alike. If you have an existing Android app using the APK format, consider migrating to AAB to take advantage of all the great features it provides.
@@ -140,7 +140,7 @@ Making a developer account with Google Play costs $25 USD.
 
 Once a developer account has been created, go ahead and click the `Create an Application`
 
-![Create an App button](/img/publishing/newAppGPlay.png)
+![The Google Play Store Developer Console with the 'CREATE APPLICATION' button highlighted.](/img/publishing/newAppGPlay.png "Google Play Store Create Application Button")
 
 Be sure to fill out the description for the app along with providing screenshots and additional info.
 When ready, upload the signed release AAB/APK that was generated and publish the app.

diff --git a/docs/developer-resources/guides/first-app-v3/intro.md b/docs/developer-resources/guides/first-app-v3/intro.md
@@ -2,7 +2,7 @@
 
 The great thing about Ionic is that with one codebase, you can build for any platform using familiar web tools and languages. Follow along as we create a working Photo Gallery. Here’s the before and after:
 
-![Before and after going through this tutorial](/img/guides/first-app-v3/gallery-combined.png)
+![An Ionic app's transformation from a blank 'Tab Two' to a 'Photo Gallery' with images.](/img/guides/first-app-v3/gallery-combined.png 'Ionic App Before and After Photo Gallery')
 
 It’s easy to get started. Reference code for this guide can be [found on GitHub](https://github.com/ionic-team/photo-gallery-tutorial-ionic3/).
 
@@ -76,7 +76,7 @@ And voilà! Your Ionic app is now running in a web browser. Most of your app can
 
 There are three tabs: “Home”, “About”, and “Contact.” Click on the About tab. It’s a blank canvas, aka the perfect spot to add camera functionality. Let’s begin to transform the About page into a Photo Gallery. Ionic features LiveReload, so when you make changes and save them, the app is updated immediately!
 
-![Before and after going through this tutorial](/img/guides/first-app-v3/email-photogallery.gif)
+![Animated GIF demonstrating the LiveReload feature in Ionic, showing real-time updates in the app after code changes.](/img/guides/first-app-v3/email-photogallery.gif 'Ionic LiveReload Feature Demonstration')
 
 Open the photo-gallery app folder in your favorite code editor of choice, then navigate to `/src/pages/about/about.html`. We see:
 

diff --git a/docs/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md b/docs/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md
@@ -17,7 +17,7 @@ $ ionic cordova plugin add cordova-plugin-ionic@latest --save
 
 There are two unique values to provide: your app id and channel name. Sign into Appflow, then find the App Id on your app’s dashboard:
 
-![app id location](/img/guides/first-app-v3/app-id-location.png)
+![The location of the App ID in the Appflow dashboard.](/img/guides/first-app-v3/app-id-location.png 'Appflow App ID Location')
 
 And we’ll just use “Master” as the channel name. Putting this together looks like:
 
@@ -168,7 +168,7 @@ $ git push ionic master
 
 Log into the [Appflow dashboard](https://dashboard.ionicframework.com) and navigate to Deploy -> Builds. You’ll see this newest commit begin to build immediately. Since we assigned the Appflow plugin to the Master branch (the one we always Git Push to), the Channel label will also point to this commit, effectively auto-deploying this change to all app users:
 
-![deploy channel](/img/guides/first-app-v3/deploy-channel.png)
+![The Deploy Builds section in the Appflow dashboard.](/img/guides/first-app-v3/deploy-channel.png 'Appflow Deploy Builds')
 
 A Channel points to a specific JavaScript Build or Snapshot of your app that will be shared with devices listening to that channel for updates. You can change which Build a Channel points to whenever you’d like.
 
@@ -180,7 +180,7 @@ What if you deploy a change, then realize that there is a bug? Or perhaps you’
 
 On the Deploy Builds page, click the “Assign to Channel” button on the previous commit, then click “Deploy.” App users will be reverted to the previous version, and our “Photo Gallery” name has been restored.
 
-![deploy channel](/img/guides/first-app-v3/deploy-revertChange.png)
+![The Deploy Builds section in Appflow with a commit labeled 'set name to Photo Gallery' being assigned to the master channel for rollback.](/img/guides/first-app-v3/deploy-revertChange.png 'Appflow Deploy Revert Change')
 
 This was just a taste of what you can do with Appflow Live Updates! You can also set up multiple deployment channels to send targeted updates to specific groups of users. Use it to run A/B tests, or target the distribution of updates by audience, geography, or test group.
 

diff --git a/docs/developer-resources/guides/first-app-v3/theming.md b/docs/developer-resources/guides/first-app-v3/theming.md
@@ -4,11 +4,11 @@ Previously, we converted our single use Camera app into an epic photo gallery. N
 
 Ionic has five default colors, defined as Sass variables, that can be used to change the color of its UI components:
 
-![v3-theming](/img/guides/first-app-v3/v3-theming.png)
+![Ionic's default Sass color variables for theming: 'primary", secondary, danger, light, and dark.](/img/guides/first-app-v3/v3-theming.png 'Default Ionic Sass Variables')
 
 You can customize each color further by supplying a base and contract property. Base acts as the background color and contrast acts as the text color for most components. This provides much more flexible control over your styles:
 
-![v3-theming-colors](/img/guides/first-app-v3/v3-themeColors.png)
+![Code snippet showing customized Ionic Sass variables with additional twitter color base and contrast properties.](/img/guides/first-app-v3/v3-themeColors.png 'Customized Ionic Sass Variables')
 
 You can find these colors defined in `src/theme/variables.scss`.
 
@@ -22,7 +22,7 @@ $colors: (
 
 But wait, there’s more! Ionic automatically provides platform specific styles based on the device the application is running on, giving that native look and feel your users are used to:
 
-![ios and android comparison](/img/guides/first-app-v3/ion-lab-comparison.png)
+![Comparing the native look of an Ionic app on iOS and Android platforms.](/img/guides/first-app-v3/ion-lab-comparison.png 'Ionic Platform Specific Styles Comparison')
 
 In our app, this is clearly visible in how the header and the icons are styled.
 
@@ -40,7 +40,7 @@ imports: [
 
 Now, the iOS version of our app has a Material Design skin!
 
-![ios and android comparison](/img/guides/first-app-v3/ion-lab-md-styling.png)
+![An Ionic app with Material Design styling applied on an iOS device.](/img/guides/first-app-v3/ion-lab-md-styling.png 'Ionic Material Design Styling on iOS')
 
 Creating gorgeous-looking Ionic apps is easy with Sass variables and platform-specific styling. You now have everything you need to get started with Ionic. Go forth and build great apps!
 

diff --git a/docs/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.md b/docs/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.md
@@ -75,11 +75,11 @@ ionic serve
 
 Tap on the Gallery tab, then the camera button. A runtime error should occur. In a browser, head over to the [Appflow dashboard](https://dashboard.ionicframework.com), then Monitor -> Monitoring. After a few minutes, the error should appear:
 
-![event monitoring](/img/guides/first-app-v3/monitoring-event.png)
+![An event showing error 'takePhoto is not a function' with status 'New'.](/img/guides/first-app-v3/monitoring-event.png 'Ionic Monitoring Event Overview')
 
 Clicking on the event gives us lots of details surrounding what happened, such as a full stack trace. In this instance, we see that the error occurred three times on Mac OS X in the Chrome web browser.
 
-![event details](/img/guides/first-app-v3/monitoring-details.png)
+![Detailed view of an event log displaying a TypeError stack trace and error details such as device, browser, and operating system.](/img/guides/first-app-v3/monitoring-details.png 'Detailed Ionic Monitoring Event Log')
 
 Given the proliferation of mobile devices and operating systems these days, this is immensely powerful. Armed with these details, we can hone in on the problem and fix it quickly.