feat(translation/jp): 20240211 update (#3437)

* chore(support): update support table (#3164) * chore(support): update support table * update versioned support tables * fix(deps): update dependency @types/node to v18.18.1 (#3163) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs: add docs for dynamic font scaling (#3111) * docs(angular): add standalone documentation (#3115) * docs(dynamic-font): fix font family name (#3149) * docs: add modules architecture usage (#3151) * docs(angular): add angular standalone syntax to non-playground examples (#3116) * fix(angular): standalone guide formatting (#3152) * docs(angular): include add diff sign (#3157) * docs(toast): add playground for positionAnchor (#3158) * chore: resolve cspell errors (#3165) * chore: resolve cspell errors * chore: ignore all node_modules folders * chore: adjust sorting * docs(select): keyboard navigation (#3156) * chore(deps): update dependency vue-tsc to v1.8.14 (#3159) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update dependency web-vitals to v3 (#3142) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore: team is requested for review for renovatebot prs (#3168) * fix typo * chore * chore * fix(deps): update dependency vue-router to v4.2.5 (#3147) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update dependency @types/react to v18.2.22 (#3141) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v1.8.15 (#3170) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update dependency @types/node to v18.18.3 (#3171) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v4.4.0 (#3172) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update ionic to v7.4.3 (#3178) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update react monorepo (#3179) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update dependency web-vitals to v3.5.0 (#3173) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore: team is requested for review for renovatebot lockfile prs (#3180) * chore(deps): update dependency vite to v4.4.11 (#3177) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * feat(playground): persist framework and mode selection (#3169) * fix(deps): update dependency @types/node to v18.18.4 (#3182) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v1.8.16 (#3181) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(playground): wait until playground is in view before loading stored framework/mode (#3185) * docs(menu): clarify multiple side menu behavior (#3186) * docs(angular): document standalone routing usage (#3167) * docs(many): remove legacy form control syntax from v7 playgrounds (#3140) * docs(angular): add a section to standalone migration for migrating components (#3176) * chore(deps): update dependency vue-tsc to v1.8.18 (#3188) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(jp): re-add files for removed playgrounds (#3189) * chore: remove unused file * fix(): fix cspell check * translate * chore * chore: run lint * feat(keyboard): replace Codepens with playgrounds using modern syntax (#3192) * fix(deps): update dependency @types/react-dom to v18.2.11 (#3183) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore: update codeowners (#3187) * fix(deps): update ionic to v7.5.0 (#3197) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update react monorepo (#3196) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update dependency @types/node to v18.18.5 (#3195) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v1.8.19 (#3194) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs: clarify IonicSafeString usage (#3198) I've seen some confusion in threads such as ionic-team/ionic-framework#28365 as to when to use IonicSafeString, so I wanted to clarify this on the docs. * docs(input, textarea): fix specificity issues with theming playgrounds (#3199) * fix(backdrop): make backdrop visible in basic playground (#3200) Co-authored-by: Brandy Carney <[email protected]> * chore(deps): update dependency vite to v4.5.0 (#3206) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(react): writing tests with testing-library (#2861) * fix(deps): update dependency vue to v3.3.5 (#3204) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update dependency @types/node to v18.18.6 (#3202) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update react monorepo (#3205) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update ionic to v7.5.1 (#3203) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(fab): remove unused component from playground (#3207) * fix(deps): update dependency @types/react to v18.2.31 (#3209) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20 (#3211) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v1.8.20 (#3212) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * feat(api): get current readme * translate * fix(lint): ignore src/translate * chore(deps): update ionic to v7.5.2 (#3216) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.8.9 (#3214) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v1.8.22 (#3213) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore: add framework team as code owners (#3218) * fix(textarea): autogrow playground can scroll to the top of contents (#3219) * docs: change comments for pwa-elements defineCustomElements (#3191) * chore(docusaurus): update to latest (#3014) * fix(deps): update dependency vue to v3.3.6 (#3210) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(deps): update dependency @types/react to v18.2.33 (#3215) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.3.7 (#3221) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(angular): clarify addIcons usage (#3222) * docs(angular): add note on migration utility (#3223) * docs(react): link to vitest docs (#3225) * docs(react): link to vitest docs * docs: add vitest to introduction section * chore: regenerate cli.json (#3193) * chore(deps): update dependency @types/node to v20.8.10 (#3228) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.5.3 (#3230) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(renovate): use chore subject line for prs (#3234) * chore(renovate): update config to ignore typescript updates in react v6 (#3231) * docs(toggle): increase height of the label placement demo (#3238) * docs(react): v7 playgrounds use vite (#3236) * docs(radio): playground for compareWith (#3237) * docs(reorder): assign stable identity to loop items (#3239) * docs(angular): vscode settings for standalone usages (#3233) * fix(deps): update dependency @types/react to v18.2.34 (#3229) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(alert): update content in playground examples (#3235) * fix(playground): support angular 17 template (#3242) * chore(deps): update dependency vue to v3.3.8 (#3240) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(react): v6 playgrounds use vite (#3246) * chore(deps): update dependency @types/node to v20.9.0 (#3245) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.5.4 (#3244) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v4.4.1 (#3243) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(renovate): revert typescript ignore rule (#3248) This reverts commit 94aba0a. * chore(deps): update react monorepo (#3241) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(support): note angular 17 support (#3249) * chore(renovate): match explicitly the react-router and react-router-dom (#3257) * chore(ci): run workflow against node v20 (#3259) * chore(deps): update ionic to v7.5.5 (#3253) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.9.1 (#3252) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v4.2.0 (#3254) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v4.5.0 (#3255) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency typescript to v5.3.2 (#3261) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update react monorepo (#3262) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(react): update live reload to fix order (#3265) Set return order of usePhotoGallery the same as expected in Tab2 * docs(toast): add swipeGesture playground (#3247) * chore(deps): update dependency @types/react-dom to v18.2.17 (#3267) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.3.9 (#3270) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(autofocus): playground examples for setFocus (#3258) --------- Co-authored-by: Shawn Taylor <[email protected]> Co-authored-by: Liam DeBeasi <[email protected]> * chore(deps): update dependency @types/node to v20.10.0 (#3269) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore * translate * chore * chore: update renovate to update react (#3273) * fix(): copy package.json from repository * fix(color-generator): contrast color calculation (#3274) * fix(color-generator): contrast color calculation * refactor: apply types and code style * chore(deps): update ionic to v7.5.6 (#3268) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(color-generator): add missing dark color (#3279) * chore(deps): update dependency @types/react to v18.2.39 (#3276) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * feat(input, textarea, select): add section for start and end slots (#3271) * chore(google-tag-manager): switch to Docusaurus preset (#3280) * chore(deps): update dependency @vitejs/plugin-vue to v4.5.1 (#3286) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.10.1 (#3283) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.5.7 (#3285) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(color-generator): consistently format value as hex color (#3282) * chore(deps): update dependency @angular/platform-browser-dynamic to v17.0.4 (#3275) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v1.8.24 (#3284) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.40 (#3289) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.10.2 (#3288) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(color-generator): generate correct secondary color (#3290) * fix(playground): tabs stackblitz example loads in Safari (#3287) * chore(select): remove unneeded patch from start/end slots demo (#3295) * chore(deps): update dependency @types/react to v18.2.41 (#3294) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v4.5.1 [security] (#3293) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.10.3 (#3297) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.42 (#3299) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-react to v4.2.1 (#3300) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v4.5.2 (#3308) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/node to v20.10.4 (#3307) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(angular): note jest transformIgnorePatterns for es modules (#3298) * chore(deps): update dependency typescript to v5.3.3 (#3309) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.6.0 (#3311) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(item): clarify usage for text wrapping (#3314) * docs(layout): fix path from dynamic font to typography (#3312) * chore(renovate): package vite with related plugins (#3266) * chore(deps): update dependency @types/react to v18.2.43 (#3317) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5 (#3318) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5 (#3319) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(app-store): update release build to include capacitor steps (#3324) Co-authored-by: Matthew Harris <[email protected]> * docs(radio): fix radio demo (#3326) * chore(deps): update dependency @types/react to v18.2.45 (#3329) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.6.1 (#3332) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.0.9 (#3331) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react-dom to v18.2.18 (#3336) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.0.10 (#3337) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs: show how to account for this (#3333) * chore * docs(popover): warn about popover attribute on v5 (#3339) * docs(support): revise wording (#3341) * chore(deps): update dependency @types/node to v20.10.5 (#3343) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(refresher): add rubber band effect for virtual scroll (#3345) * chore(deps): update dependency vite to v5.0.9 (#3330) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update ionic to v7.6.2 (#3348) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vite to v5.0.10 (#3349) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v5 (#3350) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.3.10 (#3301) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v1.8.25 (#3310) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.4.0 (#3355) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @angular/platform-browser-dynamic to v17.0.8 (#3351) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @vitejs/plugin-vue to v5.0.1 (#3357) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue to v3.4.3 (#3361) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency vue-tsc to v1.8.27 (#3353) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency clsx to v2.1.0 (#3358) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency @types/react to v18.2.46 (#3352) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * chore(deps): update dependency web-vitals to v3.5.1 (#3354) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(many): remove implications that we support desktop apps (#3366) * docs(hbb): document close watcher support (#3364) * chore(deps): update dependency @types/node to v20.10.6 (#3356) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * docs(desktop): remove desktop app deployment docs (#3365) * chore(deps): update dependency vue to v3.4.5 (#3371) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * fix(playground): use correct usage target or mode, when limited (#3367) * chore(deps): update dependency vite to v5.0.11 (#3375) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> * 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> * 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> * 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(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 --------- Co-authored-by: Shawn Taylor <[email protected]> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Liam DeBeasi <[email protected]> Co-authored-by: Amanda Johnston <[email protected]> Co-authored-by: Sean Perkins <[email protected]> Co-authored-by: Maria Hutt <[email protected]> Co-authored-by: Brandy Carney <[email protected]> Co-authored-by: jcesarmobile <[email protected]> Co-authored-by: sylvainvdm <[email protected]> Co-authored-by: ptmkenny <[email protected]> Co-authored-by: Matthew Harris <[email protected]> Co-authored-by: Nikita Barsukov <[email protected]> Co-authored-by: Treigh Mawaka <[email protected]>
ionic-team · Feb 28, 2024 · a4b02e7 · a4b02e7
1 parent 1b07a0f
commit a4b02e7
Show file tree

Hide file tree

Showing 377 changed files with 10,409 additions and 5,686 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -11,7 +11,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16.x
+          node-version: 20.x
           cache: 'npm'
           cache-dependency-path: package-lock.json
 

diff --git a/docs/angular/build-options.md b/docs/angular/build-options.md
@@ -1,3 +1,6 @@
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 # Build Options
 
 Developers have two options for using Ionic components: Standalone or Modules. This guide covers both options as well as the benefits and downsides of each approach.
@@ -175,6 +178,29 @@ export class HomePage {}
 <ion-button routerLink="/foo" routerDirection="root">Go to Foo Page</ion-button>
 ```
 
+**Testing**
+
+Ionic Angular's standalone components use ES Modules. As a result, developers using Jest should ensure that ES Modules are transpiled to a format that Jest can use. Developers using Jest should add the following to their Jest config:
+
+<Tabs groupId="package-manager" defaultValue="npm" values={[{ value: 'npm', label: 'npm' }, { value: 'pnpm', label: 'pnpm' }]}>
+<TabItem value="npm">
+
+```json
+
+"transformIgnorePatterns": ["<rootDir>/node_modules/(?!(@ionic/angular|@ionic/core|ionicons|@stencil/core|@angular/*)/)"]
+```
+
+</TabItem>
+<TabItem value="pnpm">
+
+```json
+
+"transformIgnorePatterns": ["<rootDir>/node_modules/.pnpm/(?!(@ionic/angular|@ionic/core|ionicons|@stencil/core|@angular/*)@)"]
+```
+
+</TabItem>
+</Tabs>
+
 ### Usage with NgModule-based Applications
 
 :::warning
@@ -315,6 +341,29 @@ export class HomePageModule {}
 <ion-button routerLink="/foo" routerDirection="root">Go to Foo Page</ion-button>
 ```
 
+**Testing**
+
+Ionic Angular's standalone components use ES Modules. As a result, developers using Jest should ensure that ES Modules are transpiled to a format that Jest can use. Developers using Jest should add the following to their Jest config:
+
+<Tabs groupId="package-manager" defaultValue="npm" values={[{ value: 'npm', label: 'npm' }, { value: 'pnpm', label: 'pnpm' }]}>
+<TabItem value="npm">
+
+```json
+
+"transformIgnorePatterns": ["<rootDir>/node_modules/(?!(@ionic/angular|@ionic/core|ionicons|@stencil/core|@angular/*)/)"]
+```
+
+</TabItem>
+<TabItem value="pnpm">
+
+```json
+
+"transformIgnorePatterns": ["<rootDir>/node_modules/.pnpm/(?!(@ionic/angular|@ionic/core|ionicons|@stencil/core|@angular/*)@)"]
+```
+
+</TabItem>
+</Tabs>
+
 ## Modules
 
 ### Overview

diff --git a/docs/angular/your-first-app.md b/docs/angular/your-first-app.md
@@ -21,7 +21,7 @@ Here’s the finished app running on all 3 platforms:
   src="https://www.youtube.com/embed/0ASQ13Y1Rk4"
   frameBorder="0"
   allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-  allowfullscreen
+  allowFullScreen
 ></iframe>
 
 :::note
@@ -77,6 +77,12 @@ Consider setting up npm to operate globally without elevated permissions. See [R
 ionic start photo-gallery tabs --type=angular --capacitor
 ```
 
+:::note
+
+`NgModules` と `Standalone` のどちらかを選択するプロンプトが表示されたら、このチュートリアルは `NgModules` のアプローチに従っているので、`NgModules` を選択する。
+
+:::
+
 このスタータープロジェクトには、Ionic 開発のために事前に構成された 3 つのページとベストプラクティスが用意されています。共通の構成要素がすでに配置されているため、機能を簡単に追加できます！
 
 次に、アプリのフォルダに移動します:

diff --git a/docs/api.md b/docs/api.md
@@ -5,13 +5,13 @@ title: APIインデックス
 import APIList from '@components/page/api/APIList';
 
 <head>
-  <title>API Index | Ionic Docs API Index for all API Custom Elements</title>
+  <title>API Index | API カスタム要素の Ionic Docs API Index</title>
   <meta
     name="description"
-    content="Each component in the Ionic Docs API Index consists of one or more custom elements—which each, in turn, may expose methods, events, and CSS custom properties."
+    content="Ionic Docs API Indexの各コンポーネントは、1つまたは複数のカスタム要素で構成され、それぞれがメソッド、イベント、CSSカスタムプロパティを公開します。"
   />
 </head>
 
-Each Ionic [component](/docs/components) consists of one or more [custom elements](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements). Each custom element, in turn, may expose properties, methods, events, and CSS custom properties.
+各 Ionic の [コンポーネント](/docs/components) は、1 つ以上の [カスタム要素](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) から構成されます。各カスタム要素は順番に、プロパティ、メソッド、イベント、および CSS カスタムプロパティを公開できます。
 
 <APIList sidebar={require('@site/sidebars.js').default} />
diff --git a/docs/api/input.md b/docs/api/input.md
@@ -18,7 +18,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill';
 <EncapsulationPill type="scoped" />
 
 
-inputコンポーネントは、カスタム・スタイル設定と追加機能を持つHTMLのInput要素のラッパーです。HTML Inputとほとんど同じプロパティーを受け入れますが、デスクトップ・デバイスでは優れた動作をし、モバイル・デバイスではキーボードと統合されます。
+input コンポーネントは、HTML input 要素のラッパーで、カスタムスタイルと追加機能を備えています。HTML入力と同じプロパティのほとんどを受け入れ、モバイルデバイスのキーボードと統合します。
 
 
 ## 基本的な使い方
@@ -148,9 +148,25 @@ Please submit bug reports with Maskito to the [Maskito Github repository](https:
 
 :::
 
+## Start and End Slots (experimental)
+
+`start`スロットと `end`スロットはInputの両側にアイコン、ボタン、接頭辞/接尾辞テキストを配置するために使用することができます。
+
+この機能は [Web Component slots](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots) のシミュレート版に依存しているため、実験的なものであることに注意してください。そのため、シミュレートされた動作はネイティブのスロットの動作と完全に一致するとは限りません。
+
+:::note
+In most cases, [Icon](./icon.md) components placed in these slots should have `aria-hidden="true"`. See the [Icon accessibility docs](https://ionicframework.com/docs/api/icon#accessibility) for more information.
+
+If slot content is meant to be interacted with, it should be wrapped in an interactive element such as a [Button](./button.md). This ensures that the content can be tabbed to.
+:::
+
+import StartEndSlots from '@site/static/usage/v7/input/start-end-slots/index.md';
+
+<StartEndSlots />
+
 ## テーマ
 
-### Colors
+### 配色
 
 `color`プロパティを設定すると、各Inputのカラーパレットが変更されます。 `ios`モードでは、このプロパティはキャレットカラーを変更します。 `md`モードでは、このプロパティはキャレットカラーとハイライト/アンダーラインカラーを変更します。
 

diff --git a/docs/api/item.md b/docs/api/item.md
@@ -25,7 +25,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill';
 
 ## 基本的な使い方
 
-アイテムはテキストを左寄せにし、テキストがアイテムより幅が広い場合は省略記号を追加しています。この動作は、Ionic Framework が提供する CSS Utilities を使って変更することができます。例えば、以下の例では `.ion-text-wrap` を使っています。テキストを変換するためにアイテムに追加できる他のクラスについては、[CSS Utilities Documentation](/docs/layout/css-utilities) を参照してください。
+アイテムはテキストを左寄せにし、テキストがアイテムより幅が広い場合は省略記号を追加しています。この動作は、Ionic Framework が提供する CSS Utilities を使って変更することができます。例えば、以下の例では `.ion-text-nowrap` を使っています。テキストを変換するためにアイテムに追加できる他のクラスについては、[CSS Utilities Documentation](/docs/layout/css-utilities) を参照してください。
 
 import Basic from '@site/static/usage/v7/item/basic/index.md';
 

diff --git a/docs/api/radio.md b/docs/api/radio.md
@@ -36,6 +36,14 @@ import LabelPlacement from '@site/static/usage/v7/radio/label-placement/index.md
 
 <LabelPlacement />
 
+## Object Value References
+
+By default, the radio group uses strict equality (`===`) to determine if an option is selected. This can be overridden by providing a property name or a function to the `compareWith` property.
+
+import UsingComparewith from '@site/static/usage/v7/radio/using-comparewith/index.md';
+
+<UsingComparewith />
+
 ## Alignment
 
 Developers can use the `alignment` property to control how the label and control are aligned on the cross axis. This property mirrors the flexbox `align-items` property.

diff --git a/docs/api/refresher.md b/docs/api/refresher.md
@@ -67,6 +67,28 @@ iOSとMaterial Designのネイティブリフレッシュ機能は、Ionicのデ
 
 Refresher が機能するためには、スクロールコンテナが必要です。仮想スクロールを使用する場合は、`ion-content` のスクロールを無効にし、`.ion-content-scroll-host` クラスターゲットで、どの要素コンテナがスクロールコンテナを担当するかを指定する必要があります。
 
+Developers should apply the following CSS to the scrollable container. This CSS adds a "rubber band" scrolling effect on iOS which allows the native iOS refresher to work properly:
+
+```css
+.ion-content-scroll-host::before,
+.ion-content-scroll-host::after {
+  position: absolute;
+
+  width: 1px;
+  height: 1px;
+
+  content: "";
+}
+
+.ion-content-scroll-host::before {
+  bottom: -1px;
+}
+
+.ion-content-scroll-host::after {
+  top: -1px;
+}
+```
+
 import CustomScrollTarget from '@site/static/usage/v7/refresher/custom-scroll-target/index.md';
 
 <CustomScrollTarget />

diff --git a/docs/api/select.md b/docs/api/select.md
@@ -119,7 +119,7 @@ import RespondingToInteractionExample from '@site/static/usage/v7/select/basic/r
 
 Selectの値にオブジェクトを使用する場合、Selectの値のidentityはそのままで、サーバやデータベースから取得したオブジェクトのidentityが変わってしまうことがあります。例えば、希望するオブジェクト値を持つ既存のレコードがSelectに読み込まれたが、新しく取得されたselectオプションのIDが異なる場合、このようなことが起こりえます。その結果、Selectは、元のSelectがそのまま残っているにもかかわらず、全く値がないように見えることになります。
 
-デフォルトでは、Selectはオブジェクトの等質性(`===`)を使用してオプションが選択されているかどうかを判断します。これは `compareWith` プロパティにプロパティ名または関数を指定することでオーバーライドすることができます。
+デフォルトでは、Select はオプションが選択されているかどうかを決定するために厳密な等式 (`===`) を使用します。これは、プロパティ名または関数を `compareWith` プロパティに指定することでオーバーライドできます。
 
 ### Using compareWith
 
@@ -173,6 +173,20 @@ import InterfaceOptionsExample from '@site/static/usage/v7/select/customization/
 
 <InterfaceOptionsExample />
 
+## Start and End Slots
+
+The `start` and `end` slots can be used to place icons, buttons, or prefix/suffix text on either side of the select. If the slot content is clicked, the select will not open.
+
+:::note
+In most cases, [Icon](./icon.md) components placed in these slots should have `aria-hidden="true"`. See the [Icon accessibility docs](https://ionicframework.com/docs/api/icon#accessibility) for more information.
+
+If slot content is meant to be interacted with, it should be wrapped in an interactive element such as a [Button](./button.md). This ensures that the content can be tabbed to.
+:::
+
+import StartEndSlots from '@site/static/usage/v7/select/start-end-slots/index.md';
+
+<StartEndSlots />
+
 ## カスタマイズ
 
 Selectコンポーネントには2つのユニットがあり、それぞれ別々にスタイルを設定する必要があります。 `ion-select`要素は、ビュー上で選択された値、ない場合はプレースホルダ、ドロップダウンのアイコンによって表現されます。インターフェイスは上記の[インターフェイス](#interfaces)セクションで定義されており、`ion-select`をクリックしたときに開くダイアログです。インターフェイスには `ion-select-option` 要素を追加することで定義されるすべてのオプションが含まれています。以下のセクションでは、これらのスタイリングの違いについて説明します。

diff --git a/docs/api/textarea.md b/docs/api/textarea.md
@@ -109,6 +109,22 @@ import ClearOnEditPlayground from '@site/static/usage/v7/textarea/clear-on-edit/
 
 <ClearOnEditPlayground />
 
+## Start and End Slots (experimental)
+
+The `start` and `end` slots can be used to place icons, buttons, or prefix/suffix text on either side of the textarea.
+
+Note that this feature is considered experimental because it relies on a simulated version of [Web Component slots](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots). As a result, the simulated behavior may not exactly match the native slot behavior.
+
+:::note
+In most cases, [Icon](./icon.md) components placed in these slots should have `aria-hidden="true"`. See the [Icon accessibility docs](https://ionicframework.com/docs/api/icon#accessibility) for more information.
+
+If slot content is meant to be interacted with, it should be wrapped in an interactive element such as a [Button](./button.md). This ensures that the content can be tabbed to.
+:::
+
+import StartEndSlots from '@site/static/usage/v7/textarea/start-end-slots/index.md';
+
+<StartEndSlots />
+
 ## レガシーtextarea構文からの移行
 
 Ionic 7.0では、よりシンプルなtextareaの構文が導入されました。この新しい構文は、textareaを設定するために必要な定型文を減らし、アクセシビリティの問題を解決し、開発者の体験を向上させます。

diff --git a/docs/api/toast.md b/docs/api/toast.md
@@ -72,6 +72,14 @@ import PositionAnchor from '@site/static/usage/v7/toast/position-anchor/index.md
 
 <PositionAnchor />
 
+## Swipe to Dismiss
+
+`swipeGesture`プロパティを使用することで、トーストをスワイプして消すことができます。この機能は位置を認識します。つまり、ユーザがスワイプする方向は `position` プロパティの値に基づいて変化します。さらに、ユーザーがスワイプする距離は `positionAnchor` プロパティによって影響を受ける可能性があります。
+
+import SwipeGesture from '@site/static/usage/v7/toast/swipe-gesture/index.md';
+
+<SwipeGesture />
+
 ## レイアウト
 
 トースト内のボタンコンテナは、`layout`プロパティを使用して、メッセージと同じ行に表示するか、別々の行に積み重ねて表示することができます。スタックレイアウトは、長いテキスト値を持つボタンで使用する必要があります。さらに、スタックトーストレイアウトのボタンは `side` の値として `start` または `end` のどちらかを使用できますが、両方を使用することはできません。
@@ -200,6 +208,10 @@ While this is not a complete list, here are some guidelines to follow when using
 
 * For toasts with long messages, consider adjusting the `duration` property to allow users enough time to read the content of the toast.
 
+* If adding buttons to a toast, always provide alternative ways of completing the actions associated with each button. This ensures that even if the toast dismisses before a user can read it, they can still complete the actions shown in the toast.
+
+* Avoid showing a toast with buttons from inside another overlay such as a [modal](./modal). Modals and other overlays implement [focus trapping](./modal#focus-trapping) that will prevent screen readers from moving focus to the toast to complete the actions. This may be confusing for users since the toast will still be announced by screen readers. This is true even if alternative ways of completing the actions associated with each button are implemented. Consider creating a [live region](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) within the focus-trapped modal instead of using a toast.
+
 ## Interfaces
 
 ### ToastButton

diff --git a/docs/cli.md b/docs/cli.md
@@ -7,7 +7,7 @@ sidebar_label: 概要
   <title>Ionic CLI Framework: Command-Line Interface to Develop Apps</title>
   <meta
     name="description"
-    content="The Ionic command-line interface (CLI) is the go-to tool for developing Ionic apps. Install our framework globally with npm."
+    content="Ionicのコマンドラインインターフェイス（CLI）は、Ionicアプリの開発に最適なツールです。npmでフレームワークをグローバルにインストールします。"
   />
 </head>
 

diff --git a/docs/components.md b/docs/components.md
@@ -37,12 +37,11 @@ Ionic アプリは、コンポーネントと呼ばれる高レイヤーの構
 </DocsCard>
 
 <DocsCard header="Button" href="api/button" icon="/icons/component-button-icon.png">
-  <p>
-    Buttonを使ってユーザが行動を起こすことができます。これはアプリと対話したり、移動したりするのに不可欠な方法です。
-  </p>
+  <p>Buttonを使ってユーザが行動を起こせます。アプリと対話したり、移動したりするのに不可欠な方法です。</p>
 </DocsCard>
 
 <DocsCard header="Card" href="api/card" icon="/icons/component-card-icon.png">
+  <!-- prettier-ignore -->
   <p>Cardは重要なコンテンツを表示するのに最適な方法で、画像、ボタン、テキストなどを含めることができます。</p>
 </DocsCard>
 
@@ -71,7 +70,7 @@ Ionic アプリは、コンポーネントと呼ばれる高レイヤーの構
 </DocsCard>
 
 <DocsCard header="Icons" href="api/icon" img="/icons/feature-component-icons-icon.png">
-  <p>Beautifully designed icons for use in web, iOS, Android, and desktop apps.</p>
+  <p>ウェブ、iOS、Androidアプリで使える美しいデザインのアイコン。</p>
 </DocsCard>
 
 <DocsCard header="Grid" href="api/grid" icon="/icons/component-grid-icon.png">