From f8c3be61e5878a8f13b72a097a19ccdaf73def93 Mon Sep 17 00:00:00 2001 From: Masahiko Sakakibara Date: Thu, 18 Apr 2024 02:21:44 +0900 Subject: [PATCH 1/2] translation(jp): 20240331 update. support Ionic v8!! (#3565) * docs(support): add support for Ionic 8 (#3344) * 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> * feat(color-contrast): update light theme to use new colors (#3374) * chore(demoURL): update docs demo url for v7 (#3377) * 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> * feat(light-mode): update light theme on stackblitz (#3380) * refactor(Stackblitz): use imported dark theme instead of hard-coded styles (#3378) * fix(docs): update playgrounds to use v8 (#3381) * 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 Co-authored-by: Liam DeBeasi Co-authored-by: Amanda Johnston <90629384+amandaejohnston@users.noreply.github.com> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: ptmkenny <1451472+ptmkenny@users.noreply.github.com> Co-authored-by: Brandy Carney Co-authored-by: Matthew Harris Co-authored-by: Nikita Barsukov * 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 * add link to time zone docs * enlarge playground --------- Co-authored-by: Liam DeBeasi * 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 * Update static/usage/v8/datetime-button/format-options/index.md Co-authored-by: Shawn Taylor * 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 * 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 * 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 * chore(): merge fix path * 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 * 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 * lint --------- Co-authored-by: Liam DeBeasi * 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 Co-authored-by: arnotixe Co-authored-by: Liam DeBeasi * 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 --------- Co-authored-by: Liam DeBeasi Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Shawn Taylor Co-authored-by: Maria Hutt Co-authored-by: Amanda Johnston <90629384+amandaejohnston@users.noreply.github.com> Co-authored-by: Brandy Carney Co-authored-by: Nikita Barsukov Co-authored-by: ptmkenny <1451472+ptmkenny@users.noreply.github.com> Co-authored-by: Matthew Harris Co-authored-by: Treigh Mawaka <92684310+treighmawaka@users.noreply.github.com> Co-authored-by: Sean Perkins <13732623+sean-perkins@users.noreply.github.com> Co-authored-by: Nikhil <6836536+qwertynik@users.noreply.github.com> Co-authored-by: Matt Netkow Co-authored-by: Deepak Sharma Co-authored-by: nlko Co-authored-by: Mike Hartington Co-authored-by: Nozarno <97676780+Nozarno@users.noreply.github.com> Co-authored-by: Maria Hutt Co-authored-by: Santiago Mejia Co-authored-by: shiv19 Co-authored-by: arnotixe Co-authored-by: Sean Perkins --- .github/CODEOWNERS | 2 - _templates/README.md | 2 +- _templates/playground/new/demo.html.ejs.t | 4 +- _templates/playground/new/index.js | 6 +- cspell-wordlist.txt | 1 + docs/angular/slides.md | 44 +- docs/api/accordion-group.md | 12 +- docs/api/accordion.md | 46 +- docs/api/action-sheet.md | 24 +- docs/api/alert.md | 26 +- docs/api/app.md | 12 +- docs/api/avatar.md | 20 +- docs/api/back-button.md | 16 +- docs/api/backdrop.md | 16 +- docs/api/badge.md | 18 +- docs/api/breadcrumb.md | 12 +- docs/api/breadcrumbs.md | 30 +- docs/api/button.md | 30 +- docs/api/buttons.md | 20 +- docs/api/card-content.md | 12 +- docs/api/card-header.md | 12 +- docs/api/card-subtitle.md | 12 +- docs/api/card-title.md | 12 +- docs/api/card.md | 24 +- docs/api/checkbox.md | 34 +- docs/api/chip.md | 20 +- docs/api/col.md | 12 +- docs/api/content.md | 32 +- docs/api/datetime-button.md | 22 +- docs/api/datetime.md | 72 +- docs/api/fab-button.md | 12 +- docs/api/fab-list.md | 12 +- docs/api/fab.md | 28 +- docs/api/footer.md | 22 +- docs/api/grid.md | 40 +- docs/api/header.md | 24 +- docs/api/icon.md | 2 +- docs/api/img.md | 14 +- docs/api/infinite-scroll-content.md | 12 +- docs/api/infinite-scroll.md | 28 +- docs/api/input-password-toggle.md | 52 + docs/api/input.md | 46 +- docs/api/item-divider.md | 18 +- docs/api/item-group.md | 16 +- docs/api/item-option.md | 12 +- docs/api/item-options.md | 12 +- docs/api/item-sliding.md | 18 +- docs/api/item.md | 40 +- docs/api/label.md | 18 +- docs/api/list-header.md | 22 +- docs/api/list.md | 18 +- docs/api/loading.md | 20 +- docs/api/menu-button.md | 12 +- docs/api/menu-toggle.md | 12 +- docs/api/menu.md | 24 +- docs/api/modal.md | 66 +- docs/api/nav-link.md | 12 +- docs/api/nav.md | 14 +- docs/api/note.md | 20 +- docs/api/picker-column-option.md | 38 + docs/api/picker-column.md | 38 + docs/api/picker-legacy.md | 151 + docs/api/picker.md | 127 +- docs/api/popover.md | 28 +- docs/api/progress-bar.md | 26 +- docs/api/radio-group.md | 12 +- docs/api/radio.md | 30 +- docs/api/range.md | 36 +- docs/api/refresher-content.md | 12 +- docs/api/refresher.md | 22 +- docs/api/reorder-group.md | 12 +- docs/api/reorder.md | 24 +- docs/api/ripple-effect.md | 18 +- docs/api/route-redirect.md | 12 +- docs/api/route.md | 12 +- docs/api/router-link.md | 12 +- docs/api/router-outlet.md | 12 +- docs/api/router.md | 14 +- docs/api/row.md | 12 +- docs/api/searchbar.md | 28 +- docs/api/segment-button.md | 20 +- docs/api/segment.md | 22 +- docs/api/select-option.md | 12 +- docs/api/select.md | 52 +- docs/api/skeleton-text.md | 16 +- docs/api/spinner.md | 20 +- docs/api/split-pane.md | 16 +- docs/api/tab-bar.md | 12 +- docs/api/tab-button.md | 12 +- docs/api/tab.md | 12 +- docs/api/tabs.md | 14 +- docs/api/text.md | 14 +- docs/api/textarea.md | 34 +- docs/api/thumbnail.md | 18 +- docs/api/title.md | 31 +- docs/api/toast.md | 28 +- docs/api/toggle.md | 32 +- docs/api/toolbar.md | 26 +- docs/core-concepts/cross-platform.md | 2 +- docs/developing/config.md | 1 + docs/developing/keyboard.md | 4 +- docs/developing/managing-focus.md | 2 +- docs/layout/css-utilities.md | 2 - docs/layout/dynamic-font-scaling.md | 10 +- docs/layout/global-stylesheets.md | 2 - docs/layout/structure.md | 11 +- ...onic-react-to-an-existing-react-project.md | 69 +- docs/react/your-first-app/5-adding-mobile.md | 2 +- docs/reference/browser-support.md | 15 +- docs/reference/support.md | 4 + docs/techniques/security.md | 1 - docs/theming/advanced.md | 33 +- docs/theming/colors.md | 2 - docs/theming/css-variables.md | 6 +- docs/theming/dark-mode.md | 400 ++- docs/theming/high-contrast-mode.md | 245 ++ docs/theming/themes.md | 12 +- docs/troubleshooting/build.md | 1 - docs/updating/6-0.md | 4 +- docs/updating/8-0.md | 262 ++ docs/utilities/animations.md | 16 +- docs/utilities/gestures.md | 4 +- docs/vue/your-first-app/5-adding-mobile.md | 2 +- docusaurus.config.js | 70 +- package.json | 4 +- .../index.js | 9 +- renovate.json | 17 +- scripts/build-translate/translate-type.ts | 2 +- scripts/cli.mjs | 1 + scripts/data/translated-api.json | 1400 +++++--- scripts/data/translated-cache.json | 21 +- scripts/native.mjs | 7 +- sidebars.js | 14 +- .../reference/ReleaseNotes/release-notes.json | 119 +- .../reference/ReleaseNotes/styles.module.css | 4 +- .../theming/ColorAccordion/styles.module.css | 72 +- .../page/theming/ColorGenerator/index.tsx | 16 +- .../LayeredColorsSelect/styles.module.scss | 68 +- .../theming/SteppedColorGenerator/index.tsx | 56 +- .../.detection/api/action-sheet.json | 11 +- src/translate/.detection/api/alert.json | 6 +- src/translate/.detection/api/backdrop.json | 4 +- src/translate/.detection/api/button.json | 6 +- src/translate/.detection/api/checkbox.json | 24 - src/translate/.detection/api/datetime.json | 64 +- .../.detection/api/input-password-toggle.json | 170 + .../api/input-password-toggle.readme.md | 0 src/translate/.detection/api/input.json | 86 +- src/translate/.detection/api/item.json | 174 +- src/translate/.detection/api/label.json | 4 - src/translate/.detection/api/loading.json | 6 +- src/translate/.detection/api/menu.json | 23 +- src/translate/.detection/api/modal.json | 6 +- src/translate/.detection/api/nav.json | 22 + src/translate/.detection/api/note.json | 10 +- .../.detection/api/picker-column-option.json | 135 + .../api/picker-column-option.readme.md | 0 .../.detection/api/picker-column.json | 228 ++ .../.detection/api/picker-column.readme.md | 0 .../.detection/api/picker-legacy.json | 756 +++++ .../.detection/api/picker-legacy.readme.md | 0 src/translate/.detection/api/picker.json | 719 +---- src/translate/.detection/api/popover.json | 6 +- .../.detection/api/progress-bar.json | 5 - src/translate/.detection/api/radio.json | 24 - src/translate/.detection/api/range.json | 24 - .../.detection/api/ripple-effect.json | 4 + src/translate/.detection/api/searchbar.json | 70 + src/translate/.detection/api/select.json | 32 +- src/translate/.detection/api/textarea.json | 29 +- src/translate/.detection/api/toast.json | 6 +- src/translate/.detection/api/toggle.json | 26 +- src/translate/api/action-sheet.json | 11 +- src/translate/api/alert.json | 6 +- src/translate/api/backdrop.json | 4 +- src/translate/api/button.json | 6 +- src/translate/api/checkbox.json | 24 - src/translate/api/datetime.json | 64 +- src/translate/api/input-password-toggle.json | 170 + .../api/input-password-toggle.readme.md | 0 src/translate/api/input.json | 86 +- src/translate/api/item.json | 174 +- src/translate/api/label.json | 4 - src/translate/api/loading.json | 6 +- src/translate/api/menu.json | 23 +- src/translate/api/modal.json | 6 +- src/translate/api/nav.json | 22 + src/translate/api/note.json | 10 +- src/translate/api/picker-column-option.json | 135 + .../api/picker-column-option.readme.md | 0 src/translate/api/picker-column.json | 228 ++ src/translate/api/picker-column.readme.md | 0 src/translate/api/picker-legacy.json | 756 +++++ src/translate/api/picker-legacy.readme.md | 0 src/translate/api/picker.json | 719 +---- src/translate/api/popover.json | 6 +- src/translate/api/progress-bar.json | 5 - src/translate/api/radio.json | 24 - src/translate/api/range.json | 24 - src/translate/api/ripple-effect.json | 4 + src/translate/api/searchbar.json | 70 + src/translate/api/select.json | 32 +- src/translate/api/textarea.json | 29 +- src/translate/api/toast.json | 6 +- src/translate/api/toggle.json | 26 +- .../code/stackblitz/v6/angular/package.json | 2 +- .../stackblitz/v6/react/package-lock.json | 721 +++-- .../code/stackblitz/v6/vue/package-lock.json | 1075 ++++--- static/code/stackblitz/v6/vue/package.json | 4 +- .../code/stackblitz/v7/angular/package.json | 2 +- .../stackblitz/v7/react/package-lock.json | 781 ++--- .../code/stackblitz/v7/vue/package-lock.json | 1135 +++---- static/code/stackblitz/v7/vue/package.json | 4 +- .../code/stackblitz/v8/angular/angular.json | 118 + .../stackblitz/v8/angular/app.component.css | 0 .../stackblitz/v8/angular/app.component.html | 3 + .../stackblitz/v8/angular/app.component.ts | 8 + .../v8/angular/app.component.withContent.html | 5 + .../code/stackblitz/v8/angular/app.module.ts | 16 + .../v8/angular/example.component.ts | 8 + static/code/stackblitz/v8/angular/global.css | 0 static/code/stackblitz/v8/angular/main.ts | 7 + .../code/stackblitz/v8/angular/package.json | 7 + static/code/stackblitz/v8/angular/styles.css | 37 + .../code/stackblitz/v8/angular/tsconfig.json | 22 + .../code/stackblitz/v8/angular/variables.css | 0 static/code/stackblitz/v8/html/index.html | 14 + static/code/stackblitz/v8/html/index.ts | 43 + .../stackblitz/v8/html/index.withContent.html | 16 + static/code/stackblitz/v8/html/package.json | 5 + static/code/stackblitz/v8/html/variables.css | 0 static/code/stackblitz/v8/react/app.tsx | 44 + .../stackblitz/v8/react/app.withContent.tsx | 46 + .../code/stackblitz/v8/react/browserslistrc | 6 + static/code/stackblitz/v8/react/eslintrc.js | 17 + static/code/stackblitz/v8/react/index.html | 26 + static/code/stackblitz/v8/react/index.tsx | 12 + .../stackblitz/v8/react/package-lock.json | 2830 +++++++++++++++++ static/code/stackblitz/v8/react/package.json | 27 + static/code/stackblitz/v8/react/tsconfig.json | 20 + static/code/stackblitz/v8/react/variables.css | 0 .../code/stackblitz/v8/react/vite.config.js | 8 + static/code/stackblitz/v8/vue/App.vue | 18 + .../stackblitz/v8/vue/App.withContent.vue | 20 + static/code/stackblitz/v8/vue/env.d.ts | 8 + static/code/stackblitz/v8/vue/index.html | 16 + static/code/stackblitz/v8/vue/main.ts | 36 + .../code/stackblitz/v8/vue/package-lock.json | 1895 +++++++++++ static/code/stackblitz/v8/vue/package.json | 22 + static/code/stackblitz/v8/vue/tsconfig.json | 18 + .../code/stackblitz/v8/vue/tsconfig.node.json | 8 + static/code/stackblitz/v8/vue/variables.css | 0 static/code/stackblitz/v8/vue/vite.config.ts | 7 + .../accessibility/animations/demo.html | 4 +- static/usage/v6/accordion/basic/demo.html | 4 +- .../advanced-expansion-styles/demo.html | 4 +- .../customization/expansion-styles/demo.html | 4 +- .../accordion/customization/icons/demo.html | 4 +- .../accordion/customization/theming/demo.html | 4 +- .../v6/accordion/disable-group/demo.html | 4 +- .../v6/accordion/disable/group/demo.html | 4 +- .../v6/accordion/disable/individual/demo.html | 4 +- .../v6/accordion/listen-changes/demo.html | 4 +- static/usage/v6/accordion/multiple/demo.html | 4 +- .../v6/accordion/readonly/group/demo.html | 4 +- .../accordion/readonly/individual/demo.html | 4 +- static/usage/v6/accordion/toggle/demo.html | 4 +- static/usage/v6/action-sheet/basic/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- .../v6/action-sheet/theming/styling/demo.html | 4 +- static/usage/v6/alert/buttons/demo.html | 4 +- static/usage/v6/alert/customization/demo.html | 4 +- static/usage/v6/alert/inputs/radios/demo.html | 4 +- .../v6/alert/inputs/text-inputs/demo.html | 4 +- .../v6/alert/presenting/controller/demo.html | 4 +- static/usage/v6/avatar/basic/demo.html | 4 +- static/usage/v6/avatar/chip/demo.html | 4 +- static/usage/v6/avatar/item/demo.html | 4 +- .../avatar/theming/css-properties/demo.html | 4 +- static/usage/v6/back-button/basic/demo.html | 4 +- static/usage/v6/back-button/custom/demo.html | 4 +- static/usage/v6/backdrop/basic/demo.html | 4 +- static/usage/v6/backdrop/styling/demo.html | 4 +- static/usage/v6/badge/basic/demo.html | 4 +- .../usage/v6/badge/theming/colors/demo.html | 4 +- .../v6/badge/theming/css-properties/demo.html | 4 +- static/usage/v6/breadcrumbs/basic/demo.html | 4 +- .../expand-on-click/demo.html | 4 +- .../items-before-after/demo.html | 4 +- .../collapsing-items/max-items/demo.html | 4 +- .../popover-on-click/demo.html | 4 +- .../icons/custom-separators/demo.html | 4 +- .../icons/icons-on-items/demo.html | 4 +- .../v6/breadcrumbs/theming/colors/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v6/button/basic/demo.html | 4 +- static/usage/v6/button/expand/demo.html | 4 +- static/usage/v6/button/fill/demo.html | 4 +- static/usage/v6/button/icons/demo.html | 4 +- static/usage/v6/button/shape/demo.html | 4 +- static/usage/v6/button/size/demo.html | 4 +- .../usage/v6/button/theming/colors/demo.html | 4 +- .../button/theming/css-properties/demo.html | 4 +- static/usage/v6/buttons/basic/demo.html | 4 +- static/usage/v6/buttons/placement/demo.html | 4 +- static/usage/v6/buttons/types/demo.html | 4 +- static/usage/v6/card/basic/demo.html | 4 +- static/usage/v6/card/buttons/demo.html | 4 +- static/usage/v6/card/list/demo.html | 4 +- static/usage/v6/card/media/demo.html | 4 +- static/usage/v6/card/theming/colors/demo.html | 4 +- .../v6/card/theming/css-properties/demo.html | 4 +- static/usage/v6/checkbox/basic/demo.html | 4 +- .../usage/v6/checkbox/indeterminate/demo.html | 4 +- .../checkbox/theming/css-properties/demo.html | 4 +- static/usage/v6/chip/basic/demo.html | 4 +- static/usage/v6/chip/slots/demo.html | 4 +- static/usage/v6/chip/theming/colors/demo.html | 4 +- .../v6/chip/theming/css-properties/demo.html | 4 +- static/usage/{ => v6}/common.css | 0 static/usage/{ => v6}/common.js | 0 static/usage/v6/content/basic/demo.html | 4 +- static/usage/v6/content/fixed/demo.html | 4 +- static/usage/v6/content/fullscreen/demo.html | 4 +- .../usage/v6/content/header-footer/demo.html | 4 +- .../usage/v6/content/scroll-events/demo.html | 4 +- .../usage/v6/content/scroll-methods/demo.html | 4 +- .../usage/v6/content/theming/colors/demo.html | 4 +- .../content/theming/css-properties/demo.html | 4 +- .../theming/css-shadow-parts/demo.html | 4 +- .../usage/v6/datetime-button/basic/demo.html | 4 +- static/usage/v6/datetime/basic/demo.html | 4 +- .../customizing-button-texts/demo.html | 4 +- .../buttons/customizing-buttons/demo.html | 4 +- .../showing-confirmation-buttons/demo.html | 4 +- .../date-constraints/advanced/demo.html | 4 +- .../date-constraints/max-min/demo.html | 4 +- .../date-constraints/values/demo.html | 4 +- .../localization/custom-locale/demo.html | 4 +- .../localization/first-day-of-week/demo.html | 4 +- .../localization/hour-cycle/demo.html | 4 +- .../locale-extension-tags/demo.html | 4 +- .../localization/time-label/demo.html | 4 +- static/usage/v6/datetime/multiple/demo.html | 4 +- .../v6/datetime/presentation/date/demo.html | 4 +- .../presentation/month-and-year/demo.html | 4 +- .../v6/datetime/presentation/time/demo.html | 4 +- .../v6/datetime/presentation/wheel/demo.html | 4 +- static/usage/v6/datetime/theming/demo.html | 4 +- .../title/customizing-title/demo.html | 4 +- .../title/showing-default-title/demo.html | 4 +- static/usage/v6/fab/basic/demo.html | 4 +- static/usage/v6/fab/button-sizing/demo.html | 4 +- static/usage/v6/fab/list-side/demo.html | 4 +- static/usage/v6/fab/positioning/demo.html | 4 +- static/usage/v6/fab/theming/colors/demo.html | 4 +- .../theming/css-custom-properties/demo.html | 4 +- .../v6/fab/theming/css-shadow-parts/demo.html | 4 +- static/usage/v6/footer/basic/demo.html | 4 +- .../v6/footer/custom-scroll-target/demo.html | 4 +- static/usage/v6/footer/fade/demo.html | 4 +- static/usage/v6/footer/no-border/demo.html | 4 +- static/usage/v6/footer/translucent/demo.html | 4 +- static/usage/v6/grid/basic/demo.html | 4 +- .../grid/customizing/column-number/demo.html | 4 +- .../v6/grid/customizing/padding/demo.html | 4 +- .../usage/v6/grid/customizing/width/demo.html | 4 +- static/usage/v6/grid/fixed/demo.html | 4 +- .../v6/grid/horizontal-alignment/demo.html | 4 +- .../usage/v6/grid/offset-responsive/demo.html | 4 +- static/usage/v6/grid/offset/demo.html | 4 +- .../v6/grid/push-pull-responsive/demo.html | 4 +- static/usage/v6/grid/push-pull/demo.html | 4 +- static/usage/v6/grid/size-auto/demo.html | 4 +- .../usage/v6/grid/size-responsive/demo.html | 4 +- static/usage/v6/grid/size/demo.html | 4 +- .../v6/grid/vertical-alignment/demo.html | 4 +- static/usage/v6/header/basic/demo.html | 4 +- static/usage/v6/header/condense/demo.html | 4 +- .../v6/header/custom-scroll-target/demo.html | 4 +- static/usage/v6/header/fade/demo.html | 4 +- static/usage/v6/header/no-border/demo.html | 4 +- static/usage/v6/header/translucent/demo.html | 4 +- static/usage/v6/icon/basic/demo.html | 4 +- static/usage/v6/img/basic/demo.html | 4 +- .../usage/v6/infinite-scroll/basic/demo.html | 4 +- .../custom-infinite-scroll-content/demo.html | 4 +- .../infinite-scroll-content/demo.html | 4 +- static/usage/v6/input/basic/demo.html | 4 +- static/usage/v6/input/clear/demo.html | 4 +- static/usage/v6/input/fill/demo.html | 4 +- static/usage/v6/input/filtering/demo.html | 4 +- static/usage/v6/input/labels/demo.html | 4 +- .../usage/v6/input/theming/colors/demo.html | 4 +- .../v6/input/theming/css-properties/demo.html | 4 +- static/usage/v6/input/types/demo.html | 4 +- static/usage/v6/item-divider/basic/demo.html | 4 +- .../v6/item-divider/theming/colors/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v6/item-group/basic/demo.html | 4 +- .../v6/item-group/sliding-items/demo.html | 4 +- static/usage/v6/item-sliding/basic/demo.html | 4 +- .../v6/item-sliding/expandable/demo.html | 4 +- static/usage/v6/item-sliding/icons/demo.html | 4 +- static/usage/v6/item/basic/demo.html | 4 +- static/usage/v6/item/buttons/demo.html | 4 +- static/usage/v6/item/clickable/demo.html | 4 +- static/usage/v6/item/counter/demo.html | 4 +- static/usage/v6/item/detail-arrows/demo.html | 4 +- static/usage/v6/item/helper-error/demo.html | 4 +- static/usage/v6/item/icons/demo.html | 4 +- static/usage/v6/item/inputs/demo.html | 4 +- static/usage/v6/item/lines/demo.html | 4 +- static/usage/v6/item/media/demo.html | 4 +- static/usage/v6/item/theming/colors/demo.html | 4 +- .../v6/item/theming/css-properties/demo.html | 4 +- .../item/theming/css-shadow-parts/demo.html | 4 +- .../v6/item/theming/input-highlight/demo.html | 4 +- static/usage/v6/label/basic/demo.html | 4 +- static/usage/v6/label/input/demo.html | 4 +- static/usage/v6/label/item/demo.html | 4 +- .../usage/v6/label/theming/colors/demo.html | 4 +- static/usage/v6/list-header/basic/demo.html | 4 +- static/usage/v6/list-header/buttons/demo.html | 4 +- static/usage/v6/list-header/lines/demo.html | 4 +- .../v6/list-header/theming/colors/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v6/list/basic/demo.html | 4 +- static/usage/v6/list/inset/demo.html | 4 +- static/usage/v6/list/lines/demo.html | 4 +- static/usage/v6/loading/controller/demo.html | 4 +- static/usage/v6/loading/spinners/demo.html | 4 +- static/usage/v6/loading/theming/demo.html | 4 +- static/usage/v6/menu/basic/demo.html | 4 +- static/usage/v6/menu/theming/demo.html | 4 +- static/usage/v6/menu/toggle/demo.html | 4 +- static/usage/v6/menu/type/demo.html | 4 +- .../v6/modal/can-dismiss/boolean/demo.html | 4 +- .../v6/modal/can-dismiss/function/demo.html | 4 +- .../prevent-swipe-to-close/demo.html | 4 +- static/usage/v6/modal/card/basic/demo.html | 4 +- static/usage/v6/modal/controller/demo.html | 4 +- static/usage/v6/modal/inline/basic/demo.html | 4 +- .../usage/v6/modal/inline/is-open/demo.html | 4 +- .../v6/modal/performance/mount/demo.html | 4 +- .../modal/sheet/background-content/demo.html | 4 +- static/usage/v6/modal/sheet/basic/demo.html | 4 +- .../v6/modal/sheet/handle-behavior/demo.html | 4 +- .../v6/modal/styling/animations/demo.html | 4 +- .../usage/v6/modal/styling/theming/demo.html | 4 +- .../usage/v6/nav/modal-navigation/demo.html | 4 +- static/usage/v6/nav/nav-link/demo.html | 4 +- static/usage/v6/note/basic/demo.html | 4 +- static/usage/v6/note/item/demo.html | 4 +- static/usage/v6/note/theming/colors/demo.html | 4 +- .../v6/note/theming/css-properties/demo.html | 4 +- .../usage/v6/picker/multiple-column/demo.html | 4 +- .../usage/v6/picker/single-column/demo.html | 4 +- .../customization/positioning/demo.html | 4 +- .../v6/popover/customization/sizing/demo.html | 4 +- .../popover/customization/styling/demo.html | 4 +- static/usage/v6/popover/nested/demo.html | 4 +- .../v6/popover/performance/mount/demo.html | 4 +- .../popover/presenting/controller/demo.html | 4 +- .../presenting/inline-isopen/demo.html | 4 +- .../presenting/inline-trigger/demo.html | 4 +- static/usage/v6/progress-bar/buffer/demo.html | 4 +- .../v6/progress-bar/determinate/demo.html | 4 +- .../v6/progress-bar/indeterminate/demo.html | 4 +- .../v6/progress-bar/theming/colors/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- .../theming/css-shadow-parts/demo.html | 4 +- static/usage/v6/radio/basic/demo.html | 4 +- .../usage/v6/radio/empty-selection/demo.html | 4 +- .../usage/v6/radio/theming/colors/demo.html | 4 +- .../v6/radio/theming/css-properties/demo.html | 4 +- .../radio/theming/css-shadow-parts/demo.html | 4 +- static/usage/v6/range/basic/demo.html | 4 +- static/usage/v6/range/dual-knobs/demo.html | 4 +- .../usage/v6/range/ion-change-event/demo.html | 4 +- .../v6/range/ion-knob-move-event/demo.html | 4 +- static/usage/v6/range/pins/demo.html | 4 +- static/usage/v6/range/slots/demo.html | 4 +- .../usage/v6/range/snapping-ticks/demo.html | 4 +- .../v6/range/theming/css-properties/demo.html | 4 +- .../range/theming/css-shadow-parts/demo.html | 4 +- static/usage/v6/refresher/advanced/demo.html | 4 +- static/usage/v6/refresher/basic/demo.html | 4 +- .../v6/refresher/custom-content/demo.html | 4 +- .../refresher/custom-scroll-target/demo.html | 4 +- .../v6/refresher/pull-properties/demo.html | 4 +- static/usage/v6/reorder/basic/demo.html | 4 +- static/usage/v6/reorder/custom-icon/demo.html | 4 +- .../v6/reorder/custom-scroll-target/demo.html | 4 +- .../v6/reorder/toggling-disabled/demo.html | 4 +- .../usage/v6/reorder/updating-data/demo.html | 4 +- static/usage/v6/reorder/wrapper/demo.html | 4 +- static/usage/v6/ripple-effect/basic/demo.html | 4 +- .../v6/ripple-effect/customizing/demo.html | 4 +- static/usage/v6/ripple-effect/type/demo.html | 4 +- static/usage/v6/router/basic/demo.html | 4 +- static/usage/v6/searchbar/basic/demo.html | 4 +- .../v6/searchbar/cancel-button/demo.html | 4 +- .../usage/v6/searchbar/clear-button/demo.html | 4 +- static/usage/v6/searchbar/debounce/demo.html | 4 +- .../usage/v6/searchbar/search-icon/demo.html | 4 +- .../v6/searchbar/theming/colors/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- .../usage/v6/segment-button/basic/demo.html | 4 +- .../usage/v6/segment-button/layout/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- .../theming/css-shadow-parts/demo.html | 4 +- static/usage/v6/segment/basic/demo.html | 4 +- static/usage/v6/segment/scrollable/demo.html | 4 +- .../usage/v6/segment/theming/colors/demo.html | 4 +- .../segment/theming/css-properties/demo.html | 4 +- .../select/basic/multiple-selection/demo.html | 4 +- .../basic/responding-to-interaction/demo.html | 4 +- .../select/basic/single-selection/demo.html | 4 +- .../customization/button-text/demo.html | 4 +- .../customization/interface-options/demo.html | 4 +- .../customization/styling-select/demo.html | 4 +- .../select/interfaces/action-sheet/demo.html | 4 +- .../v6/select/interfaces/popover/demo.html | 4 +- .../multiple-selection/demo.html | 4 +- .../using-comparewith/demo.html | 4 +- static/usage/v6/select/typeahead/demo.html | 4 +- static/usage/v6/skeleton-text/basic/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v6/spinner/basic/demo.html | 4 +- .../usage/v6/spinner/theming/colors/demo.html | 4 +- .../spinner/theming/css-properties/demo.html | 4 +- static/usage/v6/split-pane/basic/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v6/tabs/router/demo.html | 4 +- static/usage/v6/text/basic/demo.html | 4 +- static/usage/v6/textarea/autogrow/demo.html | 4 +- static/usage/v6/textarea/basic/demo.html | 4 +- .../usage/v6/textarea/clear-on-edit/demo.html | 4 +- static/usage/v6/textarea/theming/demo.html | 4 +- static/usage/v6/thumbnail/basic/demo.html | 4 +- static/usage/v6/thumbnail/item/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v6/title/basic/demo.html | 4 +- .../collapsible-large-title/basic/demo.html | 4 +- .../collapsible-large-title/buttons/demo.html | 4 +- .../v6/title/theming/css-properties/demo.html | 4 +- static/usage/v6/toast/buttons/demo.html | 4 +- static/usage/v6/toast/icon/demo.html | 4 +- static/usage/v6/toast/layout/demo.html | 4 +- .../v6/toast/presenting/controller/demo.html | 4 +- static/usage/v6/toast/theming/demo.html | 4 +- static/usage/v6/toggle/basic/demo.html | 4 +- static/usage/v6/toggle/on-off/demo.html | 4 +- .../usage/v6/toggle/theming/colors/demo.html | 4 +- .../toggle/theming/css-properties/demo.html | 4 +- .../toggle/theming/css-shadow-parts/demo.html | 4 +- static/usage/v6/toolbar/basic/demo.html | 4 +- static/usage/v6/toolbar/buttons/demo.html | 4 +- .../usage/v6/toolbar/progress-bars/demo.html | 4 +- static/usage/v6/toolbar/searchbars/demo.html | 4 +- static/usage/v6/toolbar/segments/demo.html | 4 +- .../usage/v6/toolbar/theming/colors/demo.html | 4 +- .../toolbar/theming/css-properties/demo.html | 4 +- .../accessibility/animations/demo.html | 4 +- static/usage/v7/accordion/basic/demo.html | 4 +- .../advanced-expansion-styles/demo.html | 4 +- .../customization/expansion-styles/demo.html | 4 +- .../accordion/customization/icons/demo.html | 4 +- .../accordion/customization/theming/demo.html | 4 +- .../v7/accordion/disable-group/demo.html | 4 +- .../v7/accordion/disable/group/demo.html | 4 +- .../v7/accordion/disable/individual/demo.html | 4 +- .../v7/accordion/listen-changes/demo.html | 4 +- static/usage/v7/accordion/multiple/demo.html | 4 +- .../v7/accordion/readonly/group/demo.html | 4 +- .../accordion/readonly/individual/demo.html | 4 +- static/usage/v7/accordion/toggle/demo.html | 4 +- .../v7/action-sheet/controller/demo.html | 4 +- .../v7/action-sheet/inline/isOpen/demo.html | 4 +- .../v7/action-sheet/inline/trigger/demo.html | 4 +- .../role-info-on-dismiss/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- .../v7/action-sheet/theming/styling/demo.html | 4 +- static/usage/v7/alert/buttons/demo.html | 4 +- static/usage/v7/alert/customization/demo.html | 4 +- static/usage/v7/alert/inputs/radios/demo.html | 4 +- .../v7/alert/inputs/text-inputs/demo.html | 4 +- .../v7/alert/presenting/controller/demo.html | 4 +- .../v7/alert/presenting/isOpen/demo.html | 4 +- .../v7/alert/presenting/trigger/demo.html | 4 +- static/usage/v7/animations/basic/demo.html | 4 +- .../before-and-after-hooks/demo.html | 4 +- static/usage/v7/animations/chain/demo.html | 4 +- static/usage/v7/animations/gesture/demo.html | 4 +- static/usage/v7/animations/group/demo.html | 4 +- .../usage/v7/animations/keyframes/demo.html | 4 +- .../v7/animations/modal-override/demo.html | 4 +- .../v7/animations/preference-based/demo.html | 4 +- static/usage/v7/avatar/basic/demo.html | 4 +- static/usage/v7/avatar/chip/demo.html | 4 +- static/usage/v7/avatar/item/demo.html | 4 +- .../avatar/theming/css-properties/demo.html | 4 +- static/usage/v7/back-button/basic/demo.html | 4 +- static/usage/v7/back-button/custom/demo.html | 4 +- static/usage/v7/backdrop/basic/demo.html | 4 +- static/usage/v7/backdrop/styling/demo.html | 4 +- static/usage/v7/badge/basic/demo.html | 4 +- .../usage/v7/badge/theming/colors/demo.html | 4 +- .../v7/badge/theming/css-properties/demo.html | 4 +- static/usage/v7/breadcrumbs/basic/demo.html | 4 +- .../expand-on-click/demo.html | 4 +- .../items-before-after/demo.html | 4 +- .../collapsing-items/max-items/demo.html | 4 +- .../popover-on-click/demo.html | 4 +- .../icons/custom-separators/demo.html | 4 +- .../icons/icons-on-items/demo.html | 4 +- .../v7/breadcrumbs/theming/colors/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v7/button/basic/demo.html | 4 +- static/usage/v7/button/expand/demo.html | 4 +- static/usage/v7/button/fill/demo.html | 4 +- static/usage/v7/button/icons/demo.html | 4 +- static/usage/v7/button/shape/demo.html | 4 +- static/usage/v7/button/size/demo.html | 4 +- .../usage/v7/button/text-wrapping/demo.html | 4 +- .../usage/v7/button/theming/colors/demo.html | 4 +- .../button/theming/css-properties/demo.html | 4 +- static/usage/v7/buttons/basic/demo.html | 4 +- static/usage/v7/buttons/placement/demo.html | 4 +- static/usage/v7/buttons/types/demo.html | 4 +- static/usage/v7/card/basic/demo.html | 4 +- static/usage/v7/card/buttons/demo.html | 4 +- static/usage/v7/card/list/demo.html | 4 +- static/usage/v7/card/media/demo.html | 4 +- static/usage/v7/card/theming/colors/demo.html | 4 +- .../v7/card/theming/css-properties/demo.html | 4 +- static/usage/v7/checkbox/alignment/demo.html | 4 +- static/usage/v7/checkbox/basic/demo.html | 4 +- .../usage/v7/checkbox/indeterminate/demo.html | 4 +- static/usage/v7/checkbox/justify/demo.html | 4 +- .../usage/v7/checkbox/label-link/angular.md | 3 + static/usage/v7/checkbox/label-link/demo.html | 24 + static/usage/v7/checkbox/label-link/index.md | 17 + .../v7/checkbox/label-link/javascript.md | 3 + static/usage/v7/checkbox/label-link/react.md | 29 + static/usage/v7/checkbox/label-link/vue.md | 14 + .../v7/checkbox/label-placement/demo.html | 4 +- .../checkbox/theming/css-properties/demo.html | 4 +- static/usage/v7/chip/basic/demo.html | 4 +- static/usage/v7/chip/slots/demo.html | 4 +- static/usage/v7/chip/theming/colors/demo.html | 4 +- .../v7/chip/theming/css-properties/demo.html | 4 +- static/usage/v7/common.css | 255 ++ static/usage/v7/common.js | 78 + static/usage/v7/content/basic/demo.html | 4 +- static/usage/v7/content/fixed/demo.html | 4 +- static/usage/v7/content/fullscreen/demo.html | 4 +- .../usage/v7/content/header-footer/demo.html | 4 +- .../usage/v7/content/scroll-events/demo.html | 4 +- .../usage/v7/content/scroll-methods/demo.html | 4 +- .../usage/v7/content/theming/colors/demo.html | 4 +- .../content/theming/css-properties/demo.html | 4 +- .../theming/css-shadow-parts/demo.html | 4 +- .../v7/content/theming/safe-area/demo.html | 4 +- .../usage/v7/datetime-button/basic/demo.html | 4 +- .../datetime-button/format-options/angular.md | 24 + .../datetime-button/format-options/demo.html | 41 + .../datetime-button/format-options/index.md | 18 + .../format-options/javascript.md | 22 + .../datetime-button/format-options/react.md | 32 + .../v7/datetime-button/format-options/vue.md | 31 + static/usage/v7/datetime/basic/demo.html | 4 +- .../customizing-button-texts/demo.html | 4 +- .../buttons/customizing-buttons/demo.html | 4 +- .../showing-confirmation-buttons/demo.html | 4 +- .../date-constraints/advanced/demo.html | 4 +- .../date-constraints/max-min/demo.html | 4 +- .../date-constraints/values/demo.html | 4 +- .../v7/datetime/format-options/angular.md | 11 + .../v7/datetime/format-options/demo.html | 37 + .../usage/v7/datetime/format-options/index.md | 18 + .../v7/datetime/format-options/javascript.md | 13 + .../usage/v7/datetime/format-options/react.md | 19 + .../usage/v7/datetime/format-options/vue.md | 17 + .../datetime/highlightedDates/array/demo.html | 4 +- .../highlightedDates/callback/demo.html | 4 +- .../localization/custom-locale/demo.html | 4 +- .../localization/first-day-of-week/demo.html | 4 +- .../localization/hour-cycle/demo.html | 4 +- .../locale-extension-tags/demo.html | 4 +- .../localization/time-label/demo.html | 4 +- static/usage/v7/datetime/multiple/demo.html | 4 +- .../v7/datetime/presentation/date/demo.html | 4 +- .../presentation/month-and-year/demo.html | 4 +- .../v7/datetime/presentation/time/demo.html | 4 +- .../v7/datetime/presentation/wheel/demo.html | 4 +- .../datetime/styling/calendar-days/demo.html | 4 +- .../datetime/styling/global-theming/demo.html | 4 +- .../datetime/styling/wheel-styling/demo.html | 4 +- static/usage/v7/datetime/theming/demo.html | 4 +- .../title/customizing-title/demo.html | 4 +- .../title/showing-default-title/demo.html | 4 +- static/usage/v7/fab/basic/demo.html | 4 +- static/usage/v7/fab/button-sizing/demo.html | 4 +- static/usage/v7/fab/list-side/demo.html | 4 +- static/usage/v7/fab/positioning/demo.html | 4 +- static/usage/v7/fab/safe-area/demo.html | 4 +- static/usage/v7/fab/theming/colors/demo.html | 4 +- .../theming/css-custom-properties/demo.html | 4 +- .../v7/fab/theming/css-shadow-parts/demo.html | 4 +- static/usage/v7/footer/basic/demo.html | 4 +- .../v7/footer/custom-scroll-target/demo.html | 4 +- static/usage/v7/footer/fade/demo.html | 4 +- static/usage/v7/footer/no-border/demo.html | 4 +- static/usage/v7/footer/translucent/demo.html | 4 +- static/usage/v7/gestures/basic/demo.html | 4 +- .../usage/v7/gestures/double-click/demo.html | 4 +- static/usage/v7/grid/basic/demo.html | 4 +- .../grid/customizing/column-number/demo.html | 4 +- .../v7/grid/customizing/padding/demo.html | 4 +- .../usage/v7/grid/customizing/width/demo.html | 4 +- static/usage/v7/grid/fixed/demo.html | 4 +- .../v7/grid/horizontal-alignment/demo.html | 4 +- .../usage/v7/grid/offset-responsive/demo.html | 4 +- static/usage/v7/grid/offset/demo.html | 4 +- .../v7/grid/push-pull-responsive/demo.html | 4 +- static/usage/v7/grid/push-pull/demo.html | 4 +- static/usage/v7/grid/size-auto/demo.html | 4 +- .../usage/v7/grid/size-responsive/demo.html | 4 +- static/usage/v7/grid/size/demo.html | 4 +- .../v7/grid/vertical-alignment/demo.html | 4 +- static/usage/v7/header/basic/demo.html | 4 +- static/usage/v7/header/condense/demo.html | 4 +- .../v7/header/custom-scroll-target/demo.html | 4 +- static/usage/v7/header/fade/demo.html | 4 +- static/usage/v7/header/no-border/demo.html | 4 +- static/usage/v7/header/translucent/demo.html | 4 +- static/usage/v7/icon/basic/demo.html | 4 +- static/usage/v7/img/basic/angular.md | 2 +- static/usage/v7/img/basic/demo.html | 6 +- static/usage/v7/img/basic/javascript.md | 2 +- static/usage/v7/img/basic/react.md | 2 +- static/usage/v7/img/basic/vue.md | 2 +- .../usage/v7/infinite-scroll/basic/demo.html | 4 +- .../custom-infinite-scroll-content/demo.html | 4 +- .../infinite-scroll-content/demo.html | 4 +- static/usage/v7/input/basic/demo.html | 4 +- static/usage/v7/input/clear/demo.html | 4 +- .../v7/input/counter-alignment/demo.html | 4 +- static/usage/v7/input/counter/demo.html | 4 +- static/usage/v7/input/fill/demo.html | 4 +- static/usage/v7/input/filtering/demo.html | 4 +- static/usage/v7/input/helper-error/demo.html | 4 +- .../usage/v7/input/label-placement/demo.html | 4 +- static/usage/v7/input/label-slot/demo.html | 4 +- static/usage/v7/input/mask/demo.html | 4 +- .../usage/v7/input/no-visible-label/demo.html | 4 +- static/usage/v7/input/set-focus/demo.html | 4 +- .../usage/v7/input/theming/colors/demo.html | 4 +- .../v7/input/theming/css-properties/demo.html | 4 +- static/usage/v7/input/types/demo.html | 4 +- static/usage/v7/item-divider/basic/demo.html | 4 +- .../v7/item-divider/theming/colors/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v7/item-group/basic/demo.html | 4 +- .../v7/item-group/sliding-items/demo.html | 4 +- static/usage/v7/item-sliding/basic/demo.html | 4 +- .../v7/item-sliding/expandable/demo.html | 4 +- static/usage/v7/item-sliding/icons/demo.html | 4 +- static/usage/v7/item/basic/demo.html | 4 +- static/usage/v7/item/buttons/demo.html | 4 +- static/usage/v7/item/clickable/demo.html | 4 +- .../v7/item/content-types/actions/demo.html | 4 +- .../v7/item/content-types/controls/demo.html | 4 +- .../v7/item/content-types/metadata/demo.html | 4 +- .../supporting-visuals/demo.html | 4 +- .../v7/item/content-types/text/demo.html | 4 +- static/usage/v7/item/detail-arrows/demo.html | 4 +- static/usage/v7/item/icons/demo.html | 4 +- static/usage/v7/item/inputs/demo.html | 4 +- static/usage/v7/item/lines/demo.html | 4 +- static/usage/v7/item/media/demo.html | 4 +- static/usage/v7/item/theming/colors/demo.html | 4 +- .../v7/item/theming/css-properties/demo.html | 4 +- .../item/theming/css-shadow-parts/demo.html | 4 +- .../v7/item/theming/input-highlight/demo.html | 4 +- .../usage/v7/keyboard/enterkeyhint/demo.html | 4 +- static/usage/v7/keyboard/inputmode/demo.html | 4 +- static/usage/v7/label/basic/demo.html | 4 +- static/usage/v7/label/input/demo.html | 4 +- static/usage/v7/label/item/demo.html | 4 +- .../usage/v7/label/theming/colors/demo.html | 4 +- static/usage/v7/list-header/basic/demo.html | 4 +- static/usage/v7/list-header/buttons/demo.html | 4 +- static/usage/v7/list-header/lines/demo.html | 4 +- .../v7/list-header/theming/colors/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v7/list/basic/demo.html | 4 +- static/usage/v7/list/inset/demo.html | 4 +- static/usage/v7/list/lines/demo.html | 4 +- static/usage/v7/loading/controller/demo.html | 4 +- static/usage/v7/loading/inline/demo.html | 4 +- static/usage/v7/loading/spinners/demo.html | 4 +- static/usage/v7/loading/theming/demo.html | 4 +- static/usage/v7/menu/basic/demo.html | 4 +- static/usage/v7/menu/multiple/demo.html | 4 +- static/usage/v7/menu/sides/demo.html | 4 +- static/usage/v7/menu/theming/demo.html | 4 +- static/usage/v7/menu/toggle/demo.html | 4 +- static/usage/v7/menu/type/demo.html | 4 +- .../v7/modal/can-dismiss/boolean/demo.html | 4 +- .../modal/can-dismiss/child-state/demo.html | 4 +- .../v7/modal/can-dismiss/function/demo.html | 4 +- .../prevent-swipe-to-close/demo.html | 4 +- static/usage/v7/modal/card/basic/demo.html | 4 +- static/usage/v7/modal/controller/demo.html | 4 +- .../usage/v7/modal/custom-dialogs/demo.html | 4 +- static/usage/v7/modal/inline/basic/demo.html | 4 +- .../usage/v7/modal/inline/is-open/demo.html | 4 +- .../v7/modal/performance/mount/demo.html | 4 +- .../v7/modal/sheet/auto-height/demo.html | 4 +- .../modal/sheet/background-content/demo.html | 4 +- static/usage/v7/modal/sheet/basic/demo.html | 4 +- .../v7/modal/sheet/handle-behavior/demo.html | 4 +- .../v7/modal/styling/animations/demo.html | 4 +- .../usage/v7/modal/styling/theming/demo.html | 4 +- .../usage/v7/nav/modal-navigation/demo.html | 4 +- static/usage/v7/nav/nav-link/demo.html | 4 +- static/usage/v7/note/basic/demo.html | 4 +- static/usage/v7/note/item/demo.html | 4 +- static/usage/v7/note/theming/colors/demo.html | 4 +- .../v7/note/theming/css-properties/demo.html | 4 +- static/usage/v7/picker/controller/demo.html | 4 +- .../usage/v7/picker/inline/isOpen/demo.html | 4 +- .../usage/v7/picker/inline/trigger/demo.html | 4 +- .../usage/v7/picker/multiple-column/demo.html | 4 +- .../customization/positioning/demo.html | 4 +- .../v7/popover/customization/sizing/demo.html | 4 +- .../popover/customization/styling/demo.html | 4 +- static/usage/v7/popover/nested/demo.html | 4 +- .../v7/popover/performance/mount/demo.html | 4 +- .../popover/presenting/controller/demo.html | 4 +- .../presenting/inline-isopen/demo.html | 4 +- .../presenting/inline-trigger/demo.html | 4 +- static/usage/v7/progress-bar/buffer/demo.html | 4 +- .../v7/progress-bar/determinate/demo.html | 4 +- .../v7/progress-bar/indeterminate/demo.html | 4 +- .../v7/progress-bar/theming/colors/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- .../theming/css-shadow-parts/demo.html | 4 +- static/usage/v7/radio/alignment/demo.html | 4 +- static/usage/v7/radio/basic/demo.html | 4 +- .../usage/v7/radio/empty-selection/demo.html | 4 +- static/usage/v7/radio/justify/demo.html | 4 +- .../usage/v7/radio/label-placement/demo.html | 4 +- .../usage/v7/radio/theming/colors/demo.html | 4 +- .../v7/radio/theming/css-properties/demo.html | 4 +- .../radio/theming/css-shadow-parts/demo.html | 4 +- static/usage/v7/range/basic/demo.html | 4 +- static/usage/v7/range/dual-knobs/demo.html | 4 +- .../usage/v7/range/ion-change-event/demo.html | 4 +- .../v7/range/ion-knob-move-event/demo.html | 4 +- static/usage/v7/range/label-slot/demo.html | 4 +- static/usage/v7/range/labels/demo.html | 4 +- .../usage/v7/range/no-visible-label/demo.html | 4 +- static/usage/v7/range/pins/demo.html | 4 +- static/usage/v7/range/slots/demo.html | 4 +- .../usage/v7/range/snapping-ticks/demo.html | 4 +- .../v7/range/theming/css-properties/demo.html | 4 +- .../range/theming/css-shadow-parts/demo.html | 4 +- static/usage/v7/refresher/advanced/demo.html | 4 +- static/usage/v7/refresher/basic/demo.html | 4 +- .../v7/refresher/custom-content/demo.html | 4 +- .../refresher/custom-scroll-target/demo.html | 4 +- .../v7/refresher/pull-properties/demo.html | 4 +- static/usage/v7/reorder/basic/demo.html | 4 +- static/usage/v7/reorder/custom-icon/demo.html | 4 +- .../v7/reorder/custom-scroll-target/demo.html | 4 +- .../v7/reorder/toggling-disabled/demo.html | 4 +- .../usage/v7/reorder/updating-data/demo.html | 4 +- static/usage/v7/reorder/wrapper/demo.html | 4 +- static/usage/v7/ripple-effect/basic/demo.html | 4 +- .../v7/ripple-effect/customizing/demo.html | 4 +- static/usage/v7/ripple-effect/type/demo.html | 4 +- static/usage/v7/router/basic/demo.html | 4 +- static/usage/v7/searchbar/basic/demo.html | 4 +- .../v7/searchbar/cancel-button/demo.html | 4 +- .../usage/v7/searchbar/clear-button/demo.html | 4 +- static/usage/v7/searchbar/debounce/demo.html | 4 +- .../usage/v7/searchbar/search-icon/demo.html | 4 +- .../v7/searchbar/theming/colors/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- .../usage/v7/segment-button/basic/demo.html | 4 +- .../usage/v7/segment-button/layout/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- .../theming/css-shadow-parts/demo.html | 4 +- static/usage/v7/segment/basic/demo.html | 4 +- static/usage/v7/segment/scrollable/demo.html | 4 +- .../usage/v7/segment/theming/colors/demo.html | 4 +- .../segment/theming/css-properties/demo.html | 4 +- .../select/basic/multiple-selection/demo.html | 4 +- .../basic/responding-to-interaction/demo.html | 4 +- .../select/basic/single-selection/demo.html | 4 +- .../customization/button-text/demo.html | 4 +- .../custom-toggle-icons/demo.html | 4 +- .../icon-flip-behavior/demo.html | 4 +- .../customization/interface-options/demo.html | 4 +- .../customization/styling-select/demo.html | 4 +- static/usage/v7/select/fill/demo.html | 4 +- .../select/interfaces/action-sheet/demo.html | 4 +- .../v7/select/interfaces/popover/demo.html | 4 +- static/usage/v7/select/justify/demo.html | 4 +- .../usage/v7/select/label-placement/demo.html | 4 +- static/usage/v7/select/label-slot/demo.html | 4 +- .../v7/select/no-visible-label/demo.html | 4 +- .../multiple-selection/demo.html | 4 +- .../using-comparewith/demo.html | 4 +- static/usage/v7/select/typeahead/demo.html | 4 +- static/usage/v7/skeleton-text/basic/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v7/spinner/basic/demo.html | 4 +- .../usage/v7/spinner/theming/colors/demo.html | 4 +- .../spinner/theming/css-properties/demo.html | 4 +- .../v7/spinner/theming/resizing/demo.html | 4 +- static/usage/v7/split-pane/basic/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v7/tabs/router/demo.html | 4 +- static/usage/v7/text/basic/demo.html | 4 +- static/usage/v7/textarea/autogrow/demo.html | 4 +- static/usage/v7/textarea/basic/demo.html | 4 +- .../usage/v7/textarea/clear-on-edit/demo.html | 4 +- static/usage/v7/textarea/counter/demo.html | 4 +- static/usage/v7/textarea/fill/demo.html | 4 +- .../usage/v7/textarea/helper-error/demo.html | 4 +- .../v7/textarea/label-placement/demo.html | 4 +- static/usage/v7/textarea/label-slot/demo.html | 4 +- .../v7/textarea/no-visible-label/demo.html | 4 +- static/usage/v7/textarea/theming/demo.html | 4 +- .../angular/example_component_ts.md | 2 +- .../v7/theming/automatic-dark-mode/demo.html | 4 +- .../v7/theming/manual-dark-mode/demo.html | 4 +- static/usage/v7/thumbnail/basic/demo.html | 4 +- static/usage/v7/thumbnail/item/demo.html | 4 +- .../theming/css-properties/demo.html | 4 +- static/usage/v7/title/basic/demo.html | 4 +- .../collapsible-large-title/basic/demo.html | 4 +- .../collapsible-large-title/buttons/demo.html | 4 +- .../v7/title/theming/css-properties/demo.html | 4 +- static/usage/v7/toast/buttons/demo.html | 4 +- static/usage/v7/toast/icon/demo.html | 4 +- static/usage/v7/toast/inline/basic/demo.html | 4 +- .../usage/v7/toast/inline/is-open/demo.html | 4 +- static/usage/v7/toast/layout/demo.html | 4 +- .../usage/v7/toast/position-anchor/demo.html | 4 +- .../v7/toast/presenting/controller/demo.html | 4 +- static/usage/v7/toast/theming/demo.html | 4 +- .../usage/v7/toast/theming/react/main_tsx.md | 2 +- static/usage/v7/toggle/alignment/demo.html | 4 +- static/usage/v7/toggle/basic/demo.html | 4 +- static/usage/v7/toggle/justify/demo.html | 4 +- .../usage/v7/toggle/label-placement/demo.html | 4 +- static/usage/v7/toggle/list/demo.html | 4 +- static/usage/v7/toggle/on-off/demo.html | 4 +- .../usage/v7/toggle/theming/colors/demo.html | 4 +- .../toggle/theming/css-properties/demo.html | 4 +- .../toggle/theming/css-shadow-parts/demo.html | 4 +- static/usage/v7/toolbar/basic/demo.html | 4 +- static/usage/v7/toolbar/buttons/demo.html | 4 +- .../usage/v7/toolbar/progress-bars/demo.html | 4 +- static/usage/v7/toolbar/searchbars/demo.html | 4 +- static/usage/v7/toolbar/segments/demo.html | 4 +- .../usage/v7/toolbar/theming/colors/demo.html | 4 +- .../toolbar/theming/css-properties/demo.html | 4 +- .../accessibility/animations/angular.md | 22 + .../accessibility/animations/demo.html | 41 + .../accessibility/animations/index.md | 17 + .../accessibility/animations/javascript.md | 22 + .../accessibility/animations/react.md | 35 + .../accordion/accessibility/animations/vue.md | 37 + static/usage/v8/accordion/basic/angular.md | 22 + static/usage/v8/accordion/basic/demo.html | 41 + static/usage/v8/accordion/basic/index.md | 18 + static/usage/v8/accordion/basic/javascript.md | 22 + static/usage/v8/accordion/basic/react.md | 35 + static/usage/v8/accordion/basic/vue.md | 38 + .../angular/example_component_css.md | 24 + .../angular/example_component_html.md | 22 + .../angular/example_component_ts.md | 10 + .../advanced-expansion-styles/demo.html | 74 + .../advanced-expansion-styles/index.md | 35 + .../advanced-expansion-styles/javascript.md | 47 + .../react/main_css.md | 24 + .../react/main_tsx.md | 38 + .../advanced-expansion-styles/vue.md | 63 + .../customization/expansion-styles/angular.md | 22 + .../customization/expansion-styles/demo.html | 41 + .../customization/expansion-styles/index.md | 18 + .../expansion-styles/javascript.md | 22 + .../customization/expansion-styles/react.md | 35 + .../customization/expansion-styles/vue.md | 38 + .../accordion/customization/icons/angular.md | 22 + .../accordion/customization/icons/demo.html | 41 + .../v8/accordion/customization/icons/index.md | 18 + .../customization/icons/javascript.md | 22 + .../v8/accordion/customization/icons/react.md | 37 + .../v8/accordion/customization/icons/vue.md | 42 + .../theming/angular/example_component_html.md | 22 + .../theming/angular/global_css.md | 23 + .../accordion/customization/theming/demo.html | 64 + .../accordion/customization/theming/index.md | 33 + .../customization/theming/javascript.md | 46 + .../customization/theming/react/main_css.md | 23 + .../customization/theming/react/main_tsx.md | 38 + .../v8/accordion/customization/theming/vue.md | 66 + .../v8/accordion/disable-group/angular.md | 22 + .../v8/accordion/disable-group/demo.html | 41 + .../usage/v8/accordion/disable-group/index.md | 17 + .../v8/accordion/disable-group/javascript.md | 22 + .../usage/v8/accordion/disable-group/react.md | 35 + .../usage/v8/accordion/disable-group/vue.md | 37 + .../v8/accordion/disable/group/angular.md | 22 + .../v8/accordion/disable/group/demo.html | 41 + .../usage/v8/accordion/disable/group/index.md | 17 + .../v8/accordion/disable/group/javascript.md | 22 + .../usage/v8/accordion/disable/group/react.md | 35 + .../usage/v8/accordion/disable/group/vue.md | 37 + .../accordion/disable/individual/angular.md | 22 + .../v8/accordion/disable/individual/demo.html | 41 + .../v8/accordion/disable/individual/index.md | 18 + .../disable/individual/javascript.md | 22 + .../v8/accordion/disable/individual/react.md | 35 + .../v8/accordion/disable/individual/vue.md | 37 + .../angular/example_component_html.md | 22 + .../angular/example_component_ts.md | 20 + .../v8/accordion/listen-changes/demo.html | 57 + .../v8/accordion/listen-changes/index.md | 26 + .../v8/accordion/listen-changes/javascript.md | 36 + .../v8/accordion/listen-changes/react.md | 45 + .../usage/v8/accordion/listen-changes/vue.md | 53 + static/usage/v8/accordion/multiple/angular.md | 22 + static/usage/v8/accordion/multiple/demo.html | 46 + static/usage/v8/accordion/multiple/index.md | 18 + .../usage/v8/accordion/multiple/javascript.md | 27 + static/usage/v8/accordion/multiple/react.md | 45 + static/usage/v8/accordion/multiple/vue.md | 38 + .../v8/accordion/readonly/group/angular.md | 22 + .../v8/accordion/readonly/group/demo.html | 41 + .../v8/accordion/readonly/group/index.md | 18 + .../v8/accordion/readonly/group/javascript.md | 22 + .../v8/accordion/readonly/group/react.md | 35 + .../usage/v8/accordion/readonly/group/vue.md | 38 + .../accordion/readonly/individual/angular.md | 22 + .../accordion/readonly/individual/demo.html | 41 + .../v8/accordion/readonly/individual/index.md | 17 + .../readonly/individual/javascript.md | 22 + .../v8/accordion/readonly/individual/react.md | 35 + .../v8/accordion/readonly/individual/vue.md | 38 + .../toggle/angular/example_component_html.md | 24 + .../toggle/angular/example_component_ts.md | 21 + static/usage/v8/accordion/toggle/demo.html | 61 + static/usage/v8/accordion/toggle/index.md | 25 + .../usage/v8/accordion/toggle/javascript.md | 35 + static/usage/v8/accordion/toggle/react.md | 51 + static/usage/v8/accordion/toggle/vue.md | 58 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 43 + .../v8/action-sheet/controller/demo.html | 53 + .../usage/v8/action-sheet/controller/index.md | 27 + .../v8/action-sheet/controller/javascript.md | 35 + .../usage/v8/action-sheet/controller/react.md | 43 + .../usage/v8/action-sheet/controller/vue.md | 46 + .../isOpen/angular/example_component_html.md | 9 + .../isOpen/angular/example_component_ts.md | 37 + .../v8/action-sheet/inline/isOpen/demo.html | 53 + .../v8/action-sheet/inline/isOpen/index.md | 27 + .../action-sheet/inline/isOpen/javascript.md | 35 + .../v8/action-sheet/inline/isOpen/react.md | 42 + .../v8/action-sheet/inline/isOpen/vue.md | 55 + .../trigger/angular/example_component_html.md | 4 + .../trigger/angular/example_component_ts.md | 32 + .../v8/action-sheet/inline/trigger/demo.html | 49 + .../v8/action-sheet/inline/trigger/index.md | 27 + .../action-sheet/inline/trigger/javascript.md | 31 + .../v8/action-sheet/inline/trigger/react.md | 39 + .../v8/action-sheet/inline/trigger/vue.md | 40 + .../angular/example_component_css.md | 9 + .../angular/example_component_html.md | 12 + .../angular/example_component_ts.md | 39 + .../role-info-on-dismiss/demo.html | 63 + .../role-info-on-dismiss/index.md | 36 + .../role-info-on-dismiss/javascript.md | 51 + .../role-info-on-dismiss/react/main_css.md | 9 + .../role-info-on-dismiss/react/main_tsx.md | 48 + .../action-sheet/role-info-on-dismiss/vue.md | 65 + .../angular/example_component_html.md | 10 + .../angular/example_component_ts.md | 35 + .../css-properties/angular/global_css.md | 12 + .../theming/css-properties/demo.html | 66 + .../theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 48 + .../theming/css-properties/react/main_css.md | 11 + .../theming/css-properties/react/main_tsx.md | 43 + .../theming/css-properties/vue.md | 58 + .../styling/angular/example_component_html.md | 10 + .../styling/angular/example_component_ts.md | 35 + .../theming/styling/angular/global_css.md | 29 + .../v8/action-sheet/theming/styling/demo.html | 83 + .../v8/action-sheet/theming/styling/index.md | 35 + .../theming/styling/javascript.md | 65 + .../theming/styling/react/main_css.md | 28 + .../theming/styling/react/main_tsx.md | 43 + .../v8/action-sheet/theming/styling/vue.md | 75 + .../buttons/angular/example_component_html.md | 9 + .../buttons/angular/example_component_ts.md | 30 + static/usage/v8/alert/buttons/demo.html | 48 + static/usage/v8/alert/buttons/index.md | 26 + static/usage/v8/alert/buttons/javascript.md | 29 + static/usage/v8/alert/buttons/react.md | 34 + static/usage/v8/alert/buttons/vue.md | 36 + .../angular/example_component_html.md | 4 + .../angular/example_component_ts.md | 20 + .../alert/customization/angular/global_css.md | 33 + static/usage/v8/alert/customization/demo.html | 72 + static/usage/v8/alert/customization/index.md | 34 + .../v8/alert/customization/javascript.md | 53 + .../v8/alert/customization/react/main_css.md | 33 + .../v8/alert/customization/react/main_tsx.md | 30 + static/usage/v8/alert/customization/vue.md | 55 + .../radios/angular/example_component_html.md | 9 + .../radios/angular/example_component_ts.md | 28 + static/usage/v8/alert/inputs/radios/demo.html | 46 + static/usage/v8/alert/inputs/radios/index.md | 25 + .../v8/alert/inputs/radios/javascript.md | 27 + static/usage/v8/alert/inputs/radios/react.md | 35 + static/usage/v8/alert/inputs/radios/vue.md | 34 + .../angular/example_component_html.md | 9 + .../angular/example_component_ts.md | 32 + .../v8/alert/inputs/text-inputs/demo.html | 50 + .../v8/alert/inputs/text-inputs/index.md | 25 + .../v8/alert/inputs/text-inputs/javascript.md | 31 + .../v8/alert/inputs/text-inputs/react.md | 39 + .../usage/v8/alert/inputs/text-inputs/vue.md | 38 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 23 + .../v8/alert/presenting/controller/demo.html | 35 + .../v8/alert/presenting/controller/index.md | 25 + .../alert/presenting/controller/javascript.md | 16 + .../v8/alert/presenting/controller/react.md | 24 + .../v8/alert/presenting/controller/vue.md | 20 + .../isOpen/angular/example_component_html.md | 11 + .../isOpen/angular/example_component_ts.md | 16 + .../v8/alert/presenting/isOpen/demo.html | 36 + .../usage/v8/alert/presenting/isOpen/index.md | 25 + .../v8/alert/presenting/isOpen/javascript.md | 17 + .../usage/v8/alert/presenting/isOpen/react.md | 23 + .../usage/v8/alert/presenting/isOpen/vue.md | 25 + .../trigger/angular/example_component_html.md | 10 + .../trigger/angular/example_component_ts.md | 11 + .../v8/alert/presenting/trigger/demo.html | 33 + .../v8/alert/presenting/trigger/index.md | 25 + .../v8/alert/presenting/trigger/javascript.md | 14 + .../v8/alert/presenting/trigger/react.md | 20 + .../usage/v8/alert/presenting/trigger/vue.md | 18 + .../basic/angular/example_component_html.md | 9 + .../basic/angular/example_component_ts.md | 40 + static/usage/v8/animations/basic/demo.html | 59 + static/usage/v8/animations/basic/index.md | 25 + .../usage/v8/animations/basic/javascript.md | 18 + static/usage/v8/animations/basic/react.md | 45 + static/usage/v8/animations/basic/vue.md | 51 + .../angular/example_component_html.md | 9 + .../angular/example_component_ts.md | 52 + .../before-and-after-hooks/demo.html | 74 + .../before-and-after-hooks/index.md | 25 + .../before-and-after-hooks/javascript.md | 28 + .../before-and-after-hooks/react.md | 61 + .../animations/before-and-after-hooks/vue.md | 67 + .../chain/angular/example_component_html.md | 17 + .../chain/angular/example_component_ts.md | 73 + static/usage/v8/animations/chain/demo.html | 96 + static/usage/v8/animations/chain/index.md | 25 + .../usage/v8/animations/chain/javascript.md | 67 + static/usage/v8/animations/chain/react.md | 89 + static/usage/v8/animations/chain/vue.md | 100 + .../gesture/angular/example_component_css.md | 17 + .../gesture/angular/example_component_html.md | 11 + .../gesture/angular/example_component_ts.md | 82 + static/usage/v8/animations/gesture/demo.html | 113 + static/usage/v8/animations/gesture/index.md | 35 + .../usage/v8/animations/gesture/javascript.md | 98 + .../v8/animations/gesture/react/main_css.md | 17 + .../v8/animations/gesture/react/main_tsx.md | 92 + static/usage/v8/animations/gesture/vue.md | 112 + .../group/angular/example_component_html.md | 17 + .../group/angular/example_component_ts.md | 66 + static/usage/v8/animations/group/demo.html | 87 + static/usage/v8/animations/group/index.md | 25 + .../usage/v8/animations/group/javascript.md | 46 + static/usage/v8/animations/group/react.md | 75 + static/usage/v8/animations/group/vue.md | 83 + .../angular/example_component_html.md | 8 + .../keyframes/angular/example_component_ts.md | 42 + .../usage/v8/animations/keyframes/demo.html | 61 + static/usage/v8/animations/keyframes/index.md | 25 + .../v8/animations/keyframes/javascript.md | 20 + static/usage/v8/animations/keyframes/react.md | 47 + static/usage/v8/animations/keyframes/vue.md | 60 + .../angular/example_component_html.md | 23 + .../angular/example_component_ts.md | 52 + .../v8/animations/modal-override/demo.html | 78 + .../v8/animations/modal-override/index.md | 26 + .../animations/modal-override/javascript.md | 57 + .../v8/animations/modal-override/react.md | 71 + .../usage/v8/animations/modal-override/vue.md | 90 + .../angular/example_component_css.md | 16 + .../angular/example_component_html.md | 9 + .../angular/example_component_ts.md | 41 + .../v8/animations/preference-based/demo.html | 71 + .../v8/animations/preference-based/index.md | 35 + .../animations/preference-based/javascript.md | 35 + .../preference-based/react/main_css.md | 16 + .../preference-based/react/main_tsx.md | 47 + .../v8/animations/preference-based/vue.md | 68 + static/usage/v8/avatar/basic/angular.md | 5 + static/usage/v8/avatar/basic/demo.html | 24 + static/usage/v8/avatar/basic/index.md | 8 + static/usage/v8/avatar/basic/javascript.md | 5 + static/usage/v8/avatar/basic/react.md | 15 + static/usage/v8/avatar/basic/vue.md | 16 + static/usage/v8/avatar/chip/angular.md | 8 + static/usage/v8/avatar/chip/demo.html | 27 + static/usage/v8/avatar/chip/index.md | 8 + static/usage/v8/avatar/chip/javascript.md | 8 + static/usage/v8/avatar/chip/react.md | 17 + static/usage/v8/avatar/chip/vue.md | 19 + static/usage/v8/avatar/item/angular.md | 8 + static/usage/v8/avatar/item/demo.html | 27 + static/usage/v8/avatar/item/index.md | 8 + static/usage/v8/avatar/item/javascript.md | 8 + static/usage/v8/avatar/item/react.md | 17 + static/usage/v8/avatar/item/vue.md | 19 + .../angular/example_component_css.md | 5 + .../angular/example_component_html.md | 5 + .../avatar/theming/css-properties/demo.html | 30 + .../v8/avatar/theming/css-properties/index.md | 33 + .../theming/css-properties/javascript.md | 11 + .../theming/css-properties/react/main_css.md | 5 + .../theming/css-properties/react/main_tsx.md | 17 + .../v8/avatar/theming/css-properties/vue.md | 22 + .../basic/angular/app_module_ts.md | 20 + .../basic/angular/example_component_html.md | 3 + .../basic/angular/example_component_ts.md | 13 + .../basic/angular/page_one_component_ts.md | 26 + .../basic/angular/page_two_component_ts.md | 22 + static/usage/v8/back-button/basic/demo.html | 61 + static/usage/v8/back-button/basic/index.md | 50 + .../usage/v8/back-button/basic/javascript.md | 48 + .../v8/back-button/basic/react/main_tsx.md | 11 + .../back-button/basic/react/page_one_tsx.md | 27 + .../back-button/basic/react/page_two_tsx.md | 25 + .../v8/back-button/basic/vue/example_vue.md | 19 + .../v8/back-button/basic/vue/page_one_vue.md | 30 + .../v8/back-button/basic/vue/page_two_vue.md | 24 + .../custom/angular/app_module_ts.md | 20 + .../custom/angular/example_component_html.md | 3 + .../custom/angular/example_component_ts.md | 13 + .../custom/angular/page_one_component_ts.md | 26 + .../custom/angular/page_two_component_ts.md | 22 + static/usage/v8/back-button/custom/demo.html | 61 + static/usage/v8/back-button/custom/index.md | 50 + .../usage/v8/back-button/custom/javascript.md | 48 + .../v8/back-button/custom/react/main_tsx.md | 11 + .../back-button/custom/react/page_one_tsx.md | 27 + .../back-button/custom/react/page_two_tsx.md | 26 + .../v8/back-button/custom/vue/example_vue.md | 19 + .../v8/back-button/custom/vue/page_one_vue.md | 30 + .../v8/back-button/custom/vue/page_two_vue.md | 28 + .../basic/angular/example_component_css.md | 6 + .../basic/angular/example_component_html.md | 16 + static/usage/v8/backdrop/basic/demo.html | 38 + static/usage/v8/backdrop/basic/index.md | 33 + static/usage/v8/backdrop/basic/javascript.md | 23 + .../usage/v8/backdrop/basic/react/main_css.md | 6 + .../usage/v8/backdrop/basic/react/main_tsx.md | 37 + static/usage/v8/backdrop/basic/vue.md | 42 + .../styling/angular/example_component_css.md | 21 + .../styling/angular/example_component_html.md | 21 + static/usage/v8/backdrop/styling/demo.html | 57 + static/usage/v8/backdrop/styling/index.md | 33 + .../usage/v8/backdrop/styling/javascript.md | 43 + .../v8/backdrop/styling/react/main_css.md | 21 + .../v8/backdrop/styling/react/main_tsx.md | 35 + static/usage/v8/backdrop/styling/vue.md | 53 + static/usage/v8/badge/basic/angular.md | 12 + static/usage/v8/badge/basic/demo.html | 37 + static/usage/v8/badge/basic/index.md | 8 + static/usage/v8/badge/basic/javascript.md | 12 + static/usage/v8/badge/basic/react.md | 19 + static/usage/v8/badge/basic/vue.md | 23 + .../usage/v8/badge/theming/colors/angular.md | 28 + .../usage/v8/badge/theming/colors/demo.html | 53 + static/usage/v8/badge/theming/colors/index.md | 13 + .../v8/badge/theming/colors/javascript.md | 28 + static/usage/v8/badge/theming/colors/react.md | 35 + static/usage/v8/badge/theming/colors/vue.md | 39 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 8 + .../v8/badge/theming/css-properties/demo.html | 40 + .../v8/badge/theming/css-properties/index.md | 32 + .../theming/css-properties/javascript.md | 17 + .../theming/css-properties/react/main_css.md | 8 + .../theming/css-properties/react/main_tsx.md | 18 + .../v8/badge/theming/css-properties/vue.md | 28 + static/usage/v8/breadcrumbs/basic/angular.md | 8 + static/usage/v8/breadcrumbs/basic/demo.html | 27 + static/usage/v8/breadcrumbs/basic/index.md | 8 + .../usage/v8/breadcrumbs/basic/javascript.md | 8 + static/usage/v8/breadcrumbs/basic/react.md | 15 + static/usage/v8/breadcrumbs/basic/vue.md | 19 + .../angular/example_component_html.md | 10 + .../angular/example_component_ts.md | 15 + .../expand-on-click/demo.html | 37 + .../collapsing-items/expand-on-click/index.md | 24 + .../expand-on-click/javascript.md | 18 + .../collapsing-items/expand-on-click/react.md | 20 + .../collapsing-items/expand-on-click/vue.md | 31 + .../items-before-after/angular.md | 41 + .../items-before-after/demo.html | 66 + .../items-before-after/index.md | 13 + .../items-before-after/javascript.md | 41 + .../items-before-after/react.md | 50 + .../items-before-after/vue.md | 52 + .../collapsing-items/max-items/angular.md | 10 + .../collapsing-items/max-items/demo.html | 29 + .../collapsing-items/max-items/index.md | 12 + .../collapsing-items/max-items/javascript.md | 10 + .../collapsing-items/max-items/react.md | 17 + .../collapsing-items/max-items/vue.md | 21 + .../angular/example_component_html.md | 25 + .../angular/example_component_ts.md | 20 + .../popover-on-click/demo.html | 60 + .../popover-on-click/index.md | 25 + .../popover-on-click/javascript.md | 41 + .../popover-on-click/react.md | 41 + .../collapsing-items/popover-on-click/vue.md | 48 + .../icons/custom-separators/angular.md | 20 + .../icons/custom-separators/demo.html | 39 + .../icons/custom-separators/index.md | 12 + .../icons/custom-separators/javascript.md | 20 + .../icons/custom-separators/react.md | 29 + .../icons/custom-separators/vue.md | 35 + .../icons/icons-on-items/angular.md | 41 + .../icons/icons-on-items/demo.html | 66 + .../breadcrumbs/icons/icons-on-items/index.md | 13 + .../icons/icons-on-items/javascript.md | 41 + .../breadcrumbs/icons/icons-on-items/react.md | 52 + .../breadcrumbs/icons/icons-on-items/vue.md | 56 + .../v8/breadcrumbs/theming/colors/angular.md | 8 + .../v8/breadcrumbs/theming/colors/demo.html | 27 + .../v8/breadcrumbs/theming/colors/index.md | 12 + .../breadcrumbs/theming/colors/javascript.md | 8 + .../v8/breadcrumbs/theming/colors/react.md | 15 + .../v8/breadcrumbs/theming/colors/vue.md | 19 + .../angular/example_component_css.md | 7 + .../angular/example_component_html.md | 8 + .../theming/css-properties/demo.html | 35 + .../theming/css-properties/index.md | 31 + .../theming/css-properties/javascript.md | 16 + .../theming/css-properties/react/main_css.md | 7 + .../theming/css-properties/react/main_tsx.md | 18 + .../breadcrumbs/theming/css-properties/vue.md | 27 + static/usage/v8/button/basic/angular.md | 3 + static/usage/v8/button/basic/demo.html | 23 + static/usage/v8/button/basic/index.md | 8 + static/usage/v8/button/basic/javascript.md | 3 + static/usage/v8/button/basic/react.md | 14 + static/usage/v8/button/basic/vue.md | 15 + static/usage/v8/button/expand/angular.md | 3 + static/usage/v8/button/expand/demo.html | 30 + static/usage/v8/button/expand/index.md | 8 + static/usage/v8/button/expand/javascript.md | 3 + static/usage/v8/button/expand/react.md | 14 + static/usage/v8/button/expand/vue.md | 15 + static/usage/v8/button/fill/angular.md | 6 + static/usage/v8/button/fill/demo.html | 25 + static/usage/v8/button/fill/index.md | 8 + static/usage/v8/button/fill/javascript.md | 6 + static/usage/v8/button/fill/react.md | 16 + static/usage/v8/button/fill/vue.md | 17 + static/usage/v8/button/icons/angular.md | 43 + static/usage/v8/button/icons/demo.html | 70 + static/usage/v8/button/icons/index.md | 8 + static/usage/v8/button/icons/javascript.md | 43 + static/usage/v8/button/icons/react.md | 54 + static/usage/v8/button/icons/vue.md | 58 + static/usage/v8/button/shape/angular.md | 10 + static/usage/v8/button/shape/demo.html | 29 + static/usage/v8/button/shape/index.md | 8 + static/usage/v8/button/shape/javascript.md | 10 + static/usage/v8/button/shape/react.md | 21 + static/usage/v8/button/shape/vue.md | 25 + static/usage/v8/button/size/angular.md | 5 + static/usage/v8/button/size/demo.html | 24 + static/usage/v8/button/size/index.md | 8 + static/usage/v8/button/size/javascript.md | 5 + static/usage/v8/button/size/react.md | 15 + static/usage/v8/button/size/vue.md | 16 + .../usage/v8/button/text-wrapping/angular.md | 7 + .../usage/v8/button/text-wrapping/demo.html | 26 + static/usage/v8/button/text-wrapping/index.md | 8 + .../v8/button/text-wrapping/javascript.md | 7 + static/usage/v8/button/text-wrapping/react.md | 16 + static/usage/v8/button/text-wrapping/vue.md | 18 + .../usage/v8/button/theming/colors/angular.md | 12 + .../usage/v8/button/theming/colors/demo.html | 39 + .../usage/v8/button/theming/colors/index.md | 8 + .../v8/button/theming/colors/javascript.md | 12 + .../usage/v8/button/theming/colors/react.md | 22 + static/usage/v8/button/theming/colors/vue.md | 23 + .../angular/example_component_css.md | 22 + .../angular/example_component_html.md | 3 + .../button/theming/css-properties/demo.html | 45 + .../v8/button/theming/css-properties/index.md | 33 + .../theming/css-properties/javascript.md | 26 + .../theming/css-properties/react/main_css.md | 22 + .../theming/css-properties/react/main_tsx.md | 11 + .../v8/button/theming/css-properties/vue.md | 37 + static/usage/v8/buttons/basic/angular.md | 8 + static/usage/v8/buttons/basic/demo.html | 27 + static/usage/v8/buttons/basic/index.md | 8 + static/usage/v8/buttons/basic/javascript.md | 8 + static/usage/v8/buttons/basic/react.md | 16 + static/usage/v8/buttons/basic/vue.md | 19 + static/usage/v8/buttons/placement/angular.md | 21 + static/usage/v8/buttons/placement/demo.html | 47 + static/usage/v8/buttons/placement/index.md | 8 + .../usage/v8/buttons/placement/javascript.md | 21 + static/usage/v8/buttons/placement/react.md | 31 + static/usage/v8/buttons/placement/vue.md | 32 + static/usage/v8/buttons/types/angular.md | 74 + static/usage/v8/buttons/types/demo.html | 100 + static/usage/v8/buttons/types/index.md | 13 + static/usage/v8/buttons/types/javascript.md | 74 + static/usage/v8/buttons/types/react.md | 85 + static/usage/v8/buttons/types/vue.md | 89 + static/usage/v8/card/basic/angular.md | 12 + static/usage/v8/card/basic/demo.html | 38 + static/usage/v8/card/basic/index.md | 8 + static/usage/v8/card/basic/javascript.md | 12 + static/usage/v8/card/basic/react.md | 18 + static/usage/v8/card/basic/vue.md | 23 + static/usage/v8/card/buttons/angular.md | 15 + static/usage/v8/card/buttons/demo.html | 41 + static/usage/v8/card/buttons/index.md | 8 + static/usage/v8/card/buttons/javascript.md | 15 + static/usage/v8/card/buttons/react.md | 21 + static/usage/v8/card/buttons/vue.md | 26 + .../list/angular/example_component_css.md | 5 + .../list/angular/example_component_html.md | 39 + static/usage/v8/card/list/demo.html | 73 + static/usage/v8/card/list/index.md | 33 + static/usage/v8/card/list/javascript.md | 45 + static/usage/v8/card/list/react/main_css.md | 5 + static/usage/v8/card/list/react/main_tsx.md | 59 + static/usage/v8/card/list/vue.md | 56 + static/usage/v8/card/media/angular.md | 13 + static/usage/v8/card/media/demo.html | 39 + static/usage/v8/card/media/index.md | 8 + static/usage/v8/card/media/javascript.md | 13 + static/usage/v8/card/media/react.md | 19 + static/usage/v8/card/media/vue.md | 24 + .../usage/v8/card/theming/colors/angular.md | 82 + static/usage/v8/card/theming/colors/demo.html | 111 + static/usage/v8/card/theming/colors/index.md | 13 + .../v8/card/theming/colors/javascript.md | 82 + static/usage/v8/card/theming/colors/react.md | 92 + static/usage/v8/card/theming/colors/vue.md | 93 + .../angular/example_component_css.md | 14 + .../angular/example_component_html.md | 12 + .../v8/card/theming/css-properties/demo.html | 51 + .../v8/card/theming/css-properties/index.md | 32 + .../card/theming/css-properties/javascript.md | 27 + .../theming/css-properties/react/main_css.md | 14 + .../theming/css-properties/react/main_tsx.md | 20 + .../v8/card/theming/css-properties/vue.md | 38 + static/usage/v8/checkbox/alignment/angular.md | 11 + static/usage/v8/checkbox/alignment/demo.html | 29 + static/usage/v8/checkbox/alignment/index.md | 17 + .../usage/v8/checkbox/alignment/javascript.md | 11 + static/usage/v8/checkbox/alignment/react.md | 25 + static/usage/v8/checkbox/alignment/vue.md | 24 + static/usage/v8/checkbox/basic/angular.md | 3 + static/usage/v8/checkbox/basic/demo.html | 22 + static/usage/v8/checkbox/basic/index.md | 17 + static/usage/v8/checkbox/basic/javascript.md | 3 + static/usage/v8/checkbox/basic/react.md | 9 + static/usage/v8/checkbox/basic/vue.md | 14 + .../v8/checkbox/indeterminate/angular.md | 3 + .../usage/v8/checkbox/indeterminate/demo.html | 22 + .../usage/v8/checkbox/indeterminate/index.md | 17 + .../v8/checkbox/indeterminate/javascript.md | 3 + .../usage/v8/checkbox/indeterminate/react.md | 9 + static/usage/v8/checkbox/indeterminate/vue.md | 14 + static/usage/v8/checkbox/justify/angular.md | 15 + static/usage/v8/checkbox/justify/demo.html | 39 + static/usage/v8/checkbox/justify/index.md | 8 + .../usage/v8/checkbox/justify/javascript.md | 15 + static/usage/v8/checkbox/justify/react.md | 23 + static/usage/v8/checkbox/justify/vue.md | 26 + .../usage/v8/checkbox/label-link/angular.md | 3 + static/usage/v8/checkbox/label-link/demo.html | 24 + static/usage/v8/checkbox/label-link/index.md | 17 + .../v8/checkbox/label-link/javascript.md | 3 + static/usage/v8/checkbox/label-link/react.md | 29 + static/usage/v8/checkbox/label-link/vue.md | 14 + .../v8/checkbox/label-placement/angular.md | 15 + .../v8/checkbox/label-placement/demo.html | 36 + .../v8/checkbox/label-placement/index.md | 8 + .../v8/checkbox/label-placement/javascript.md | 15 + .../v8/checkbox/label-placement/react.md | 25 + .../usage/v8/checkbox/label-placement/vue.md | 26 + static/usage/v8/checkbox/migration/index.md | 188 ++ .../angular/example_component_css.md | 11 + .../angular/example_component_html.md | 3 + .../checkbox/theming/css-properties/demo.html | 33 + .../checkbox/theming/css-properties/index.md | 32 + .../theming/css-properties/javascript.md | 15 + .../theming/css-properties/react/main_css.md | 11 + .../theming/css-properties/react/main_tsx.md | 11 + .../v8/checkbox/theming/css-properties/vue.md | 26 + static/usage/v8/chip/basic/angular.md | 5 + static/usage/v8/chip/basic/demo.html | 24 + static/usage/v8/chip/basic/index.md | 8 + static/usage/v8/chip/basic/javascript.md | 5 + static/usage/v8/chip/basic/react.md | 14 + static/usage/v8/chip/basic/vue.md | 16 + static/usage/v8/chip/slots/angular.md | 15 + static/usage/v8/chip/slots/demo.html | 34 + static/usage/v8/chip/slots/index.md | 8 + static/usage/v8/chip/slots/javascript.md | 15 + static/usage/v8/chip/slots/react.md | 26 + static/usage/v8/chip/slots/vue.md | 34 + .../usage/v8/chip/theming/colors/angular.md | 12 + static/usage/v8/chip/theming/colors/demo.html | 43 + static/usage/v8/chip/theming/colors/index.md | 8 + .../v8/chip/theming/colors/javascript.md | 12 + static/usage/v8/chip/theming/colors/react.md | 21 + static/usage/v8/chip/theming/colors/vue.md | 23 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 3 + .../v8/chip/theming/css-properties/demo.html | 29 + .../v8/chip/theming/css-properties/index.md | 32 + .../chip/theming/css-properties/javascript.md | 10 + .../theming/css-properties/react/main_css.md | 6 + .../theming/css-properties/react/main_tsx.md | 11 + .../v8/chip/theming/css-properties/vue.md | 21 + static/usage/v8/common.css | 24 + static/usage/v8/common.js | 85 + static/usage/v8/content/basic/angular.md | 12 + static/usage/v8/content/basic/demo.html | 27 + static/usage/v8/content/basic/index.md | 14 + static/usage/v8/content/basic/javascript.md | 12 + static/usage/v8/content/basic/react.md | 20 + static/usage/v8/content/basic/vue.md | 23 + static/usage/v8/content/fixed/angular.md | 54 + .../fixed/angular/example_component_css.md | 6 + .../fixed/angular/example_component_html.md | 54 + static/usage/v8/content/fixed/demo.html | 76 + static/usage/v8/content/fixed/index.md | 34 + static/usage/v8/content/fixed/javascript.md | 61 + static/usage/v8/content/fixed/react.md | 62 + .../usage/v8/content/fixed/react/main_css.md | 6 + .../usage/v8/content/fixed/react/main_tsx.md | 64 + static/usage/v8/content/fixed/vue.md | 72 + .../angular/example_component_css.md | 5 + .../angular/example_component_html.md | 61 + static/usage/v8/content/fullscreen/demo.html | 82 + static/usage/v8/content/fullscreen/index.md | 34 + .../usage/v8/content/fullscreen/javascript.md | 67 + .../v8/content/fullscreen/react/main_css.md | 5 + .../v8/content/fullscreen/react/main_tsx.md | 73 + static/usage/v8/content/fullscreen/vue.md | 78 + .../usage/v8/content/header-footer/angular.md | 22 + .../usage/v8/content/header-footer/demo.html | 37 + .../usage/v8/content/header-footer/index.md | 14 + .../v8/content/header-footer/javascript.md | 22 + .../usage/v8/content/header-footer/react.md | 32 + static/usage/v8/content/header-footer/vue.md | 33 + .../angular/example_component_html.md | 59 + .../angular/example_component_ts.md | 22 + .../usage/v8/content/scroll-events/demo.html | 77 + .../usage/v8/content/scroll-events/index.md | 27 + .../v8/content/scroll-events/javascript.md | 62 + .../usage/v8/content/scroll-events/react.md | 78 + static/usage/v8/content/scroll-events/vue.md | 80 + .../angular/example_component_html.md | 55 + .../angular/example_component_ts.md | 24 + .../usage/v8/content/scroll-methods/demo.html | 86 + .../usage/v8/content/scroll-methods/index.md | 26 + .../v8/content/scroll-methods/javascript.md | 71 + .../usage/v8/content/scroll-methods/react.md | 81 + static/usage/v8/content/scroll-methods/vue.md | 78 + .../v8/content/theming/colors/angular.md | 38 + .../usage/v8/content/theming/colors/demo.html | 67 + .../usage/v8/content/theming/colors/index.md | 14 + .../v8/content/theming/colors/javascript.md | 38 + .../usage/v8/content/theming/colors/react.md | 48 + static/usage/v8/content/theming/colors/vue.md | 49 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 12 + .../content/theming/css-properties/demo.html | 34 + .../content/theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 19 + .../theming/css-properties/react/main_css.md | 6 + .../theming/css-properties/react/main_tsx.md | 22 + .../v8/content/theming/css-properties/vue.md | 30 + .../angular/example_component_css.md | 9 + .../angular/example_component_html.md | 12 + .../theming/css-shadow-parts/demo.html | 37 + .../content/theming/css-shadow-parts/index.md | 34 + .../theming/css-shadow-parts/javascript.md | 22 + .../css-shadow-parts/react/main_css.md | 9 + .../css-shadow-parts/react/main_tsx.md | 22 + .../content/theming/css-shadow-parts/vue.md | 33 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 5 + .../theming/safe-area/angular/global_css.md | 12 + .../v8/content/theming/safe-area/demo.html | 36 + .../v8/content/theming/safe-area/index.md | 36 + .../content/theming/safe-area/javascript.md | 25 + .../theming/safe-area/react/main_css.md | 19 + .../theming/safe-area/react/main_tsx.md | 15 + .../usage/v8/content/theming/safe-area/vue.md | 40 + .../usage/v8/datetime-button/basic/angular.md | 9 + .../usage/v8/datetime-button/basic/demo.html | 31 + .../usage/v8/datetime-button/basic/index.md | 13 + .../v8/datetime-button/basic/javascript.md | 7 + .../usage/v8/datetime-button/basic/react.md | 16 + static/usage/v8/datetime-button/basic/vue.md | 18 + .../datetime-button/format-options/angular.md | 24 + .../datetime-button/format-options/demo.html | 41 + .../datetime-button/format-options/index.md | 18 + .../format-options/javascript.md | 22 + .../datetime-button/format-options/react.md | 32 + .../v8/datetime-button/format-options/vue.md | 31 + static/usage/v8/datetime/basic/angular.md | 3 + static/usage/v8/datetime/basic/demo.html | 31 + static/usage/v8/datetime/basic/index.md | 13 + static/usage/v8/datetime/basic/javascript.md | 3 + static/usage/v8/datetime/basic/react.md | 8 + static/usage/v8/datetime/basic/vue.md | 14 + .../customizing-button-texts/angular.md | 3 + .../customizing-button-texts/demo.html | 28 + .../buttons/customizing-button-texts/index.md | 13 + .../customizing-button-texts/javascript.md | 3 + .../buttons/customizing-button-texts/react.md | 8 + .../buttons/customizing-button-texts/vue.md | 14 + .../buttons/customizing-buttons/angular.md | 9 + .../buttons/customizing-buttons/demo.html | 38 + .../buttons/customizing-buttons/index.md | 13 + .../buttons/customizing-buttons/javascript.md | 13 + .../buttons/customizing-buttons/react.md | 32 + .../buttons/customizing-buttons/vue.md | 27 + .../showing-confirmation-buttons/angular.md | 3 + .../showing-confirmation-buttons/demo.html | 28 + .../showing-confirmation-buttons/index.md | 13 + .../javascript.md | 3 + .../showing-confirmation-buttons/react.md | 8 + .../showing-confirmation-buttons/vue.md | 14 + .../angular/example_component_html.md | 3 + .../advanced/angular/example_component_ts.md | 20 + .../date-constraints/advanced/demo.html | 41 + .../date-constraints/advanced/index.md | 25 + .../date-constraints/advanced/javascript.md | 17 + .../date-constraints/advanced/react.md | 19 + .../datetime/date-constraints/advanced/vue.md | 28 + .../date-constraints/max-min/angular.md | 3 + .../date-constraints/max-min/demo.html | 27 + .../date-constraints/max-min/index.md | 13 + .../date-constraints/max-min/javascript.md | 3 + .../date-constraints/max-min/react.md | 8 + .../datetime/date-constraints/max-min/vue.md | 14 + .../date-constraints/values/angular.md | 3 + .../date-constraints/values/demo.html | 27 + .../datetime/date-constraints/values/index.md | 13 + .../date-constraints/values/javascript.md | 3 + .../datetime/date-constraints/values/react.md | 8 + .../datetime/date-constraints/values/vue.md | 14 + .../v8/datetime/format-options/angular.md | 11 + .../v8/datetime/format-options/demo.html | 37 + .../usage/v8/datetime/format-options/index.md | 18 + .../v8/datetime/format-options/javascript.md | 13 + .../usage/v8/datetime/format-options/react.md | 19 + .../usage/v8/datetime/format-options/vue.md | 17 + .../array/angular/example_component_html.md | 3 + .../array/angular/example_component_ts.md | 32 + .../datetime/highlightedDates/array/demo.html | 53 + .../datetime/highlightedDates/array/index.md | 25 + .../highlightedDates/array/javascript.md | 29 + .../datetime/highlightedDates/array/react.md | 35 + .../v8/datetime/highlightedDates/array/vue.md | 40 + .../angular/example_component_html.md | 3 + .../callback/angular/example_component_ts.md | 30 + .../highlightedDates/callback/demo.html | 51 + .../highlightedDates/callback/index.md | 25 + .../highlightedDates/callback/javascript.md | 27 + .../highlightedDates/callback/react.md | 32 + .../datetime/highlightedDates/callback/vue.md | 38 + .../localization/custom-locale/angular.md | 3 + .../localization/custom-locale/demo.html | 27 + .../localization/custom-locale/index.md | 13 + .../localization/custom-locale/javascript.md | 3 + .../localization/custom-locale/react.md | 8 + .../localization/custom-locale/vue.md | 14 + .../localization/first-day-of-week/angular.md | 3 + .../localization/first-day-of-week/demo.html | 27 + .../localization/first-day-of-week/index.md | 13 + .../first-day-of-week/javascript.md | 3 + .../localization/first-day-of-week/react.md | 8 + .../localization/first-day-of-week/vue.md | 14 + .../localization/hour-cycle/angular.md | 3 + .../localization/hour-cycle/demo.html | 27 + .../datetime/localization/hour-cycle/index.md | 13 + .../localization/hour-cycle/javascript.md | 3 + .../datetime/localization/hour-cycle/react.md | 8 + .../datetime/localization/hour-cycle/vue.md | 14 + .../locale-extension-tags/angular.md | 3 + .../locale-extension-tags/demo.html | 27 + .../locale-extension-tags/index.md | 13 + .../locale-extension-tags/javascript.md | 3 + .../locale-extension-tags/react.md | 8 + .../localization/locale-extension-tags/vue.md | 14 + .../localization/time-label/angular.md | 5 + .../localization/time-label/demo.html | 29 + .../datetime/localization/time-label/index.md | 13 + .../localization/time-label/javascript.md | 5 + .../datetime/localization/time-label/react.md | 12 + .../datetime/localization/time-label/vue.md | 16 + static/usage/v8/datetime/multiple/angular.md | 3 + static/usage/v8/datetime/multiple/demo.html | 32 + static/usage/v8/datetime/multiple/index.md | 13 + .../usage/v8/datetime/multiple/javascript.md | 8 + static/usage/v8/datetime/multiple/react.md | 16 + static/usage/v8/datetime/multiple/vue.md | 14 + .../v8/datetime/presentation/date/angular.md | 3 + .../v8/datetime/presentation/date/demo.html | 27 + .../v8/datetime/presentation/date/index.md | 13 + .../datetime/presentation/date/javascript.md | 3 + .../v8/datetime/presentation/date/react.md | 8 + .../v8/datetime/presentation/date/vue.md | 14 + .../presentation/month-and-year/angular.md | 3 + .../presentation/month-and-year/demo.html | 27 + .../presentation/month-and-year/index.md | 13 + .../presentation/month-and-year/javascript.md | 3 + .../presentation/month-and-year/react.md | 8 + .../presentation/month-and-year/vue.md | 14 + .../v8/datetime/presentation/time/angular.md | 3 + .../v8/datetime/presentation/time/demo.html | 27 + .../v8/datetime/presentation/time/index.md | 12 + .../datetime/presentation/time/javascript.md | 3 + .../v8/datetime/presentation/time/react.md | 8 + .../v8/datetime/presentation/time/vue.md | 14 + .../v8/datetime/presentation/wheel/angular.md | 3 + .../v8/datetime/presentation/wheel/demo.html | 27 + .../v8/datetime/presentation/wheel/index.md | 13 + .../datetime/presentation/wheel/javascript.md | 3 + .../v8/datetime/presentation/wheel/react.md | 8 + .../v8/datetime/presentation/wheel/vue.md | 14 + .../angular/example_component_css.md | 46 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 36 + .../datetime/styling/calendar-days/demo.html | 91 + .../datetime/styling/calendar-days/index.md | 35 + .../styling/calendar-days/javascript.md | 72 + .../styling/calendar-days/react/main_css.md | 46 + .../styling/calendar-days/react/main_tsx.md | 33 + .../v8/datetime/styling/calendar-days/vue.md | 88 + .../angular/example_component_html.md | 3 + .../global-theming/angular/global_css.md | 66 + .../datetime/styling/global-theming/demo.html | 76 + .../datetime/styling/global-theming/index.md | 33 + .../styling/global-theming/javascript.md | 54 + .../styling/global-theming/react/main_css.md | 50 + .../styling/global-theming/react/main_tsx.md | 11 + .../v8/datetime/styling/global-theming/vue.md | 65 + .../angular/example_component_css.md | 17 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 14 + .../datetime/styling/wheel-styling/demo.html | 40 + .../datetime/styling/wheel-styling/index.md | 35 + .../styling/wheel-styling/javascript.md | 21 + .../styling/wheel-styling/react/main_css.md | 17 + .../styling/wheel-styling/react/main_tsx.md | 11 + .../v8/datetime/styling/wheel-styling/vue.md | 32 + .../theming/angular/example_component_html.md | 3 + .../v8/datetime/theming/angular/global_css.md | 66 + static/usage/v8/datetime/theming/demo.html | 76 + static/usage/v8/datetime/theming/index.md | 35 + .../usage/v8/datetime/theming/javascript.md | 54 + .../v8/datetime/theming/react/main_css.md | 50 + .../v8/datetime/theming/react/main_tsx.md | 11 + static/usage/v8/datetime/theming/vue.md | 65 + .../title/customizing-title/angular.md | 5 + .../title/customizing-title/demo.html | 29 + .../datetime/title/customizing-title/index.md | 13 + .../title/customizing-title/javascript.md | 5 + .../datetime/title/customizing-title/react.md | 12 + .../datetime/title/customizing-title/vue.md | 16 + .../title/showing-default-title/angular.md | 3 + .../title/showing-default-title/demo.html | 27 + .../title/showing-default-title/index.md | 13 + .../title/showing-default-title/javascript.md | 3 + .../title/showing-default-title/react.md | 8 + .../title/showing-default-title/vue.md | 14 + static/usage/v8/fab/basic/angular.md | 7 + static/usage/v8/fab/basic/demo.html | 26 + static/usage/v8/fab/basic/index.md | 8 + static/usage/v8/fab/basic/javascript.md | 7 + static/usage/v8/fab/basic/react.md | 16 + static/usage/v8/fab/basic/vue.md | 22 + static/usage/v8/fab/button-sizing/angular.md | 18 + static/usage/v8/fab/button-sizing/demo.html | 37 + static/usage/v8/fab/button-sizing/index.md | 8 + .../usage/v8/fab/button-sizing/javascript.md | 18 + static/usage/v8/fab/button-sizing/react.md | 27 + static/usage/v8/fab/button-sizing/vue.md | 33 + static/usage/v8/fab/list-side/angular.md | 33 + static/usage/v8/fab/list-side/demo.html | 52 + static/usage/v8/fab/list-side/index.md | 8 + static/usage/v8/fab/list-side/javascript.md | 33 + static/usage/v8/fab/list-side/react.md | 42 + static/usage/v8/fab/list-side/vue.md | 48 + static/usage/v8/fab/positioning/angular.md | 59 + static/usage/v8/fab/positioning/demo.html | 74 + static/usage/v8/fab/positioning/index.md | 14 + static/usage/v8/fab/positioning/javascript.md | 59 + static/usage/v8/fab/positioning/react.md | 77 + static/usage/v8/fab/positioning/vue.md | 81 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 7 + .../v8/fab/safe-area/angular/global_css.md | 10 + static/usage/v8/fab/safe-area/demo.html | 28 + static/usage/v8/fab/safe-area/index.md | 35 + static/usage/v8/fab/safe-area/javascript.md | 23 + .../usage/v8/fab/safe-area/react/main_css.md | 15 + .../usage/v8/fab/safe-area/react/main_tsx.md | 18 + static/usage/v8/fab/safe-area/vue.md | 44 + static/usage/v8/fab/theming/colors/angular.md | 33 + static/usage/v8/fab/theming/colors/demo.html | 52 + static/usage/v8/fab/theming/colors/index.md | 8 + .../usage/v8/fab/theming/colors/javascript.md | 33 + static/usage/v8/fab/theming/colors/react.md | 42 + static/usage/v8/fab/theming/colors/vue.md | 48 + .../angular/example_component_css.md | 10 + .../angular/example_component_html.md | 18 + .../theming/css-custom-properties/demo.html | 48 + .../theming/css-custom-properties/index.md | 32 + .../css-custom-properties/javascript.md | 29 + .../css-custom-properties/react/main_css.md | 10 + .../css-custom-properties/react/main_tsx.md | 29 + .../fab/theming/css-custom-properties/vue.md | 44 + .../angular/example_component_css.md | 16 + .../angular/example_component_html.md | 18 + .../v8/fab/theming/css-shadow-parts/demo.html | 54 + .../v8/fab/theming/css-shadow-parts/index.md | 32 + .../theming/css-shadow-parts/javascript.md | 35 + .../css-shadow-parts/react/main_css.md | 16 + .../css-shadow-parts/react/main_tsx.md | 29 + .../v8/fab/theming/css-shadow-parts/vue.md | 50 + static/usage/v8/footer/basic/angular.md | 10 + static/usage/v8/footer/basic/demo.html | 25 + static/usage/v8/footer/basic/index.md | 14 + static/usage/v8/footer/basic/javascript.md | 10 + static/usage/v8/footer/basic/react.md | 20 + static/usage/v8/footer/basic/vue.md | 21 + .../angular/example_component_css.md | 11 + .../angular/example_component_html.md | 69 + .../v8/footer/custom-scroll-target/demo.html | 98 + .../v8/footer/custom-scroll-target/index.md | 35 + .../footer/custom-scroll-target/javascript.md | 81 + .../custom-scroll-target/react/main_css.md | 11 + .../custom-scroll-target/react/main_tsx.md | 83 + .../v8/footer/custom-scroll-target/vue.md | 92 + static/usage/v8/footer/fade/angular.md | 67 + static/usage/v8/footer/fade/demo.html | 82 + static/usage/v8/footer/fade/index.md | 15 + static/usage/v8/footer/fade/javascript.md | 67 + static/usage/v8/footer/fade/react.md | 77 + static/usage/v8/footer/fade/vue.md | 78 + static/usage/v8/footer/no-border/angular.md | 10 + static/usage/v8/footer/no-border/demo.html | 25 + static/usage/v8/footer/no-border/index.md | 14 + .../usage/v8/footer/no-border/javascript.md | 10 + static/usage/v8/footer/no-border/react.md | 20 + static/usage/v8/footer/no-border/vue.md | 21 + static/usage/v8/footer/translucent/angular.md | 67 + static/usage/v8/footer/translucent/demo.html | 82 + static/usage/v8/footer/translucent/index.md | 15 + .../usage/v8/footer/translucent/javascript.md | 67 + static/usage/v8/footer/translucent/react.md | 77 + static/usage/v8/footer/translucent/vue.md | 78 + .../basic/angular/example_component_css.md | 14 + .../basic/angular/example_component_html.md | 10 + .../basic/angular/example_component_ts.md | 50 + static/usage/v8/gestures/basic/demo.html | 81 + static/usage/v8/gestures/basic/index.md | 34 + static/usage/v8/gestures/basic/javascript.md | 58 + .../usage/v8/gestures/basic/react/main_css.md | 14 + .../usage/v8/gestures/basic/react/main_tsx.md | 62 + static/usage/v8/gestures/basic/vue.md | 82 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 51 + .../usage/v8/gestures/double-click/demo.html | 67 + .../usage/v8/gestures/double-click/index.md | 34 + .../v8/gestures/double-click/javascript.md | 49 + .../gestures/double-click/react/main_css.md | 6 + .../gestures/double-click/react/main_tsx.md | 57 + static/usage/v8/gestures/double-click/vue.md | 69 + .../basic/angular/example_component_css.md | 8 + .../basic/angular/example_component_html.md | 37 + static/usage/v8/grid/basic/demo.html | 75 + static/usage/v8/grid/basic/index.md | 33 + static/usage/v8/grid/basic/javascript.md | 46 + static/usage/v8/grid/basic/react/main_css.md | 8 + static/usage/v8/grid/basic/react/main_tsx.md | 49 + static/usage/v8/grid/basic/vue.md | 57 + .../angular/example_component_css.md | 12 + .../angular/example_component_html.md | 11 + .../grid/customizing/column-number/demo.html | 51 + .../grid/customizing/column-number/index.md | 33 + .../customizing/column-number/javascript.md | 24 + .../column-number/react/main_css.md | 12 + .../column-number/react/main_tsx.md | 25 + .../v8/grid/customizing/column-number/vue.md | 35 + .../padding/angular/example_component_css.md | 26 + .../padding/angular/example_component_html.md | 9 + .../v8/grid/customizing/padding/demo.html | 63 + .../v8/grid/customizing/padding/index.md | 33 + .../v8/grid/customizing/padding/javascript.md | 36 + .../customizing/padding/react/main_css.md | 26 + .../customizing/padding/react/main_tsx.md | 21 + .../usage/v8/grid/customizing/padding/vue.md | 47 + .../width/angular/example_component_css.md | 18 + .../width/angular/example_component_html.md | 9 + .../usage/v8/grid/customizing/width/demo.html | 54 + .../usage/v8/grid/customizing/width/index.md | 33 + .../v8/grid/customizing/width/javascript.md | 28 + .../grid/customizing/width/react/main_css.md | 18 + .../grid/customizing/width/react/main_tsx.md | 19 + static/usage/v8/grid/customizing/width/vue.md | 39 + .../fixed/angular/example_component_css.md | 8 + .../fixed/angular/example_component_html.md | 9 + static/usage/v8/grid/fixed/demo.html | 46 + static/usage/v8/grid/fixed/index.md | 33 + static/usage/v8/grid/fixed/javascript.md | 18 + static/usage/v8/grid/fixed/react/main_css.md | 8 + static/usage/v8/grid/fixed/react/main_tsx.md | 19 + static/usage/v8/grid/fixed/vue.md | 29 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 41 + .../v8/grid/horizontal-alignment/demo.html | 79 + .../v8/grid/horizontal-alignment/index.md | 33 + .../grid/horizontal-alignment/javascript.md | 50 + .../horizontal-alignment/react/main_css.md | 8 + .../horizontal-alignment/react/main_tsx.md | 53 + .../usage/v8/grid/horizontal-alignment/vue.md | 61 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 30 + .../usage/v8/grid/offset-responsive/demo.html | 68 + .../usage/v8/grid/offset-responsive/index.md | 33 + .../v8/grid/offset-responsive/javascript.md | 39 + .../grid/offset-responsive/react/main_css.md | 8 + .../grid/offset-responsive/react/main_tsx.md | 46 + static/usage/v8/grid/offset-responsive/vue.md | 50 + .../offset/angular/example_component_css.md | 8 + .../offset/angular/example_component_html.md | 29 + static/usage/v8/grid/offset/demo.html | 67 + static/usage/v8/grid/offset/index.md | 33 + static/usage/v8/grid/offset/javascript.md | 38 + static/usage/v8/grid/offset/react/main_css.md | 8 + static/usage/v8/grid/offset/react/main_tsx.md | 49 + static/usage/v8/grid/offset/vue.md | 49 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 31 + .../v8/grid/push-pull-responsive/demo.html | 69 + .../v8/grid/push-pull-responsive/index.md | 33 + .../grid/push-pull-responsive/javascript.md | 40 + .../push-pull-responsive/react/main_css.md | 8 + .../push-pull-responsive/react/main_tsx.md | 55 + .../usage/v8/grid/push-pull-responsive/vue.md | 51 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 33 + static/usage/v8/grid/push-pull/demo.html | 77 + static/usage/v8/grid/push-pull/index.md | 33 + static/usage/v8/grid/push-pull/javascript.md | 42 + .../usage/v8/grid/push-pull/react/main_css.md | 8 + .../usage/v8/grid/push-pull/react/main_tsx.md | 55 + static/usage/v8/grid/push-pull/vue.md | 59 + .../angular/example_component_css.md | 12 + .../angular/example_component_html.md | 34 + static/usage/v8/grid/size-auto/demo.html | 76 + static/usage/v8/grid/size-auto/index.md | 33 + static/usage/v8/grid/size-auto/javascript.md | 47 + .../usage/v8/grid/size-auto/react/main_css.md | 12 + .../usage/v8/grid/size-auto/react/main_tsx.md | 52 + static/usage/v8/grid/size-auto/vue.md | 58 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 32 + .../usage/v8/grid/size-responsive/demo.html | 70 + static/usage/v8/grid/size-responsive/index.md | 33 + .../v8/grid/size-responsive/javascript.md | 41 + .../v8/grid/size-responsive/react/main_css.md | 8 + .../v8/grid/size-responsive/react/main_tsx.md | 64 + static/usage/v8/grid/size-responsive/vue.md | 52 + .../size/angular/example_component_css.md | 8 + .../size/angular/example_component_html.md | 30 + static/usage/v8/grid/size/demo.html | 68 + static/usage/v8/grid/size/index.md | 33 + static/usage/v8/grid/size/javascript.md | 39 + static/usage/v8/grid/size/react/main_css.md | 8 + static/usage/v8/grid/size/react/main_tsx.md | 48 + static/usage/v8/grid/size/vue.md | 50 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 46 + .../v8/grid/vertical-alignment/demo.html | 84 + .../usage/v8/grid/vertical-alignment/index.md | 33 + .../v8/grid/vertical-alignment/javascript.md | 55 + .../grid/vertical-alignment/react/main_css.md | 8 + .../grid/vertical-alignment/react/main_tsx.md | 58 + .../usage/v8/grid/vertical-alignment/vue.md | 66 + static/usage/v8/header/basic/angular.md | 10 + static/usage/v8/header/basic/demo.html | 25 + static/usage/v8/header/basic/index.md | 14 + static/usage/v8/header/basic/javascript.md | 10 + static/usage/v8/header/basic/react.md | 20 + static/usage/v8/header/basic/vue.md | 21 + static/usage/v8/header/condense/angular.md | 75 + static/usage/v8/header/condense/demo.html | 92 + static/usage/v8/header/condense/index.md | 15 + static/usage/v8/header/condense/javascript.md | 75 + static/usage/v8/header/condense/react.md | 87 + static/usage/v8/header/condense/vue.md | 86 + .../angular/example_component_css.md | 10 + .../angular/example_component_html.md | 69 + .../v8/header/custom-scroll-target/demo.html | 98 + .../v8/header/custom-scroll-target/index.md | 35 + .../header/custom-scroll-target/javascript.md | 43 + .../custom-scroll-target/react/main_css.md | 10 + .../custom-scroll-target/react/main_tsx.md | 83 + .../v8/header/custom-scroll-target/vue.md | 92 + static/usage/v8/header/fade/angular.md | 67 + static/usage/v8/header/fade/demo.html | 82 + static/usage/v8/header/fade/index.md | 15 + static/usage/v8/header/fade/javascript.md | 67 + static/usage/v8/header/fade/react.md | 77 + static/usage/v8/header/fade/vue.md | 78 + static/usage/v8/header/no-border/angular.md | 10 + static/usage/v8/header/no-border/demo.html | 25 + static/usage/v8/header/no-border/index.md | 14 + .../usage/v8/header/no-border/javascript.md | 10 + static/usage/v8/header/no-border/react.md | 20 + static/usage/v8/header/no-border/vue.md | 21 + static/usage/v8/header/translucent/angular.md | 67 + static/usage/v8/header/translucent/demo.html | 82 + static/usage/v8/header/translucent/index.md | 15 + .../usage/v8/header/translucent/javascript.md | 67 + static/usage/v8/header/translucent/react.md | 77 + static/usage/v8/header/translucent/vue.md | 78 + static/usage/v8/icon/basic/angular.md | 6 + static/usage/v8/icon/basic/demo.html | 25 + static/usage/v8/icon/basic/index.md | 8 + static/usage/v8/icon/basic/javascript.md | 6 + static/usage/v8/icon/basic/react.md | 17 + static/usage/v8/icon/basic/vue.md | 21 + static/usage/v8/img/basic/angular.md | 6 + static/usage/v8/img/basic/demo.html | 31 + static/usage/v8/img/basic/index.md | 8 + static/usage/v8/img/basic/javascript.md | 6 + static/usage/v8/img/basic/react.md | 14 + static/usage/v8/img/basic/vue.md | 17 + .../basic/angular/example_component_html.md | 15 + .../basic/angular/example_component_ts.md | 32 + .../usage/v8/infinite-scroll/basic/demo.html | 60 + .../usage/v8/infinite-scroll/basic/index.md | 24 + .../v8/infinite-scroll/basic/javascript.md | 46 + .../usage/v8/infinite-scroll/basic/react.md | 53 + static/usage/v8/infinite-scroll/basic/vue.md | 65 + .../angular/example_component_css.md | 12 + .../angular/example_component_html.md | 68 + .../angular/example_component_ts.md | 20 + .../custom-infinite-scroll-content/demo.html | 117 + .../custom-infinite-scroll-content/index.md | 34 + .../javascript.md | 104 + .../react/main_css.md | 12 + .../react/main_tsx.md | 89 + .../custom-infinite-scroll-content/vue.md | 121 + .../angular/example_component_html.md | 15 + .../angular/example_component_ts.md | 20 + .../infinite-scroll-content/demo.html | 53 + .../infinite-scroll-content/index.md | 24 + .../infinite-scroll-content/javascript.md | 38 + .../infinite-scroll-content/react.md | 44 + .../infinite-scroll-content/vue.md | 58 + .../v8/input-password-toggle/basic/angular.md | 5 + .../v8/input-password-toggle/basic/demo.html | 30 + .../v8/input-password-toggle/basic/index.md | 12 + .../input-password-toggle/basic/javascript.md | 5 + .../v8/input-password-toggle/basic/react.md | 13 + .../v8/input-password-toggle/basic/vue.md | 11 + static/usage/v8/input/basic/angular.md | 23 + static/usage/v8/input/basic/demo.html | 48 + static/usage/v8/input/basic/index.md | 8 + static/usage/v8/input/basic/javascript.md | 23 + static/usage/v8/input/basic/react.md | 31 + static/usage/v8/input/basic/vue.md | 34 + static/usage/v8/input/clear/angular.md | 34 + static/usage/v8/input/clear/demo.html | 59 + static/usage/v8/input/clear/index.md | 8 + static/usage/v8/input/clear/javascript.md | 34 + static/usage/v8/input/clear/react.md | 39 + static/usage/v8/input/clear/vue.md | 45 + .../v8/input/counter-alignment/angular.md | 11 + .../v8/input/counter-alignment/demo.html | 30 + .../usage/v8/input/counter-alignment/index.md | 17 + .../v8/input/counter-alignment/javascript.md | 11 + .../usage/v8/input/counter-alignment/react.md | 21 + .../usage/v8/input/counter-alignment/vue.md | 17 + .../counter/angular/example_component_html.md | 12 + .../counter/angular/example_component_ts.md | 13 + static/usage/v8/input/counter/demo.html | 44 + static/usage/v8/input/counter/index.md | 24 + static/usage/v8/input/counter/javascript.md | 16 + static/usage/v8/input/counter/react.md | 22 + static/usage/v8/input/counter/vue.md | 22 + static/usage/v8/input/fill/angular.md | 7 + static/usage/v8/input/fill/demo.html | 39 + static/usage/v8/input/fill/index.md | 14 + static/usage/v8/input/fill/javascript.md | 7 + static/usage/v8/input/fill/react.md | 17 + static/usage/v8/input/fill/vue.md | 18 + .../angular/example_component_html.md | 12 + .../filtering/angular/example_component_ts.md | 27 + static/usage/v8/input/filtering/demo.html | 36 + static/usage/v8/input/filtering/index.md | 24 + static/usage/v8/input/filtering/javascript.md | 16 + static/usage/v8/input/filtering/react.md | 36 + static/usage/v8/input/filtering/vue.md | 46 + static/usage/v8/input/helper-error/angular.md | 12 + static/usage/v8/input/helper-error/demo.html | 62 + static/usage/v8/input/helper-error/index.md | 18 + .../usage/v8/input/helper-error/javascript.md | 38 + static/usage/v8/input/helper-error/react.md | 44 + static/usage/v8/input/helper-error/vue.md | 48 + .../usage/v8/input/label-placement/angular.md | 19 + .../usage/v8/input/label-placement/demo.html | 44 + .../usage/v8/input/label-placement/index.md | 13 + .../v8/input/label-placement/javascript.md | 19 + .../usage/v8/input/label-placement/react.md | 27 + static/usage/v8/input/label-placement/vue.md | 30 + static/usage/v8/input/label-slot/angular.md | 9 + static/usage/v8/input/label-slot/demo.html | 28 + static/usage/v8/input/label-slot/index.md | 8 + .../usage/v8/input/label-slot/javascript.md | 9 + static/usage/v8/input/label-slot/react.md | 19 + static/usage/v8/input/label-slot/vue.md | 20 + .../v8/input/mask/angular/app_module_ts.md | 19 + .../mask/angular/example_component_html.md | 20 + .../mask/angular/example_component_ts.md | 31 + static/usage/v8/input/mask/demo.html | 73 + static/usage/v8/input/mask/index.md | 58 + .../v8/input/mask/javascript/index_html.md | 45 + .../v8/input/mask/javascript/index_ts.md | 28 + static/usage/v8/input/mask/react.md | 59 + static/usage/v8/input/mask/vue.md | 51 + static/usage/v8/input/migration/index.md | 248 ++ .../v8/input/no-visible-label/angular.md | 7 + .../usage/v8/input/no-visible-label/demo.html | 26 + .../usage/v8/input/no-visible-label/index.md | 8 + .../v8/input/no-visible-label/javascript.md | 7 + .../usage/v8/input/no-visible-label/react.md | 15 + static/usage/v8/input/no-visible-label/vue.md | 18 + static/usage/v8/input/set-focus/angular.md | 10 + static/usage/v8/input/set-focus/demo.html | 33 + static/usage/v8/input/set-focus/index.md | 17 + static/usage/v8/input/set-focus/javascript.md | 17 + static/usage/v8/input/set-focus/react.md | 21 + static/usage/v8/input/set-focus/vue.md | 23 + .../usage/v8/input/theming/colors/angular.md | 11 + .../usage/v8/input/theming/colors/demo.html | 42 + static/usage/v8/input/theming/colors/index.md | 13 + .../v8/input/theming/colors/javascript.md | 11 + static/usage/v8/input/theming/colors/react.md | 21 + static/usage/v8/input/theming/colors/vue.md | 22 + .../angular/example_component_css.md | 13 + .../angular/example_component_html.md | 10 + .../css-properties/angular/global_css.md | 14 + .../v8/input/theming/css-properties/demo.html | 55 + .../v8/input/theming/css-properties/index.md | 35 + .../theming/css-properties/javascript.md | 31 + .../theming/css-properties/react/main_css.md | 20 + .../theming/css-properties/react/main_tsx.md | 20 + .../v8/input/theming/css-properties/vue.md | 42 + static/usage/v8/input/types/angular.md | 25 + static/usage/v8/input/types/demo.html | 48 + static/usage/v8/input/types/index.md | 8 + static/usage/v8/input/types/javascript.md | 25 + static/usage/v8/input/types/react.md | 31 + static/usage/v8/input/types/vue.md | 34 + static/usage/v8/item-divider/basic/angular.md | 35 + static/usage/v8/item-divider/basic/demo.html | 60 + static/usage/v8/item-divider/basic/index.md | 13 + .../usage/v8/item-divider/basic/javascript.md | 35 + static/usage/v8/item-divider/basic/react.md | 43 + static/usage/v8/item-divider/basic/vue.md | 46 + .../v8/item-divider/theming/colors/angular.md | 32 + .../v8/item-divider/theming/colors/demo.html | 57 + .../v8/item-divider/theming/colors/index.md | 13 + .../item-divider/theming/colors/javascript.md | 32 + .../v8/item-divider/theming/colors/react.md | 42 + .../v8/item-divider/theming/colors/vue.md | 43 + .../angular/example_component_css.md | 11 + .../angular/example_component_html.md | 5 + .../theming/css-properties/demo.html | 36 + .../theming/css-properties/index.md | 33 + .../theming/css-properties/javascript.md | 17 + .../theming/css-properties/react/main_css.md | 11 + .../theming/css-properties/react/main_tsx.md | 15 + .../theming/css-properties/vue.md | 28 + static/usage/v8/item-group/basic/angular.md | 33 + static/usage/v8/item-group/basic/demo.html | 58 + static/usage/v8/item-group/basic/index.md | 13 + .../usage/v8/item-group/basic/javascript.md | 33 + static/usage/v8/item-group/basic/react.md | 43 + static/usage/v8/item-group/basic/vue.md | 44 + .../v8/item-group/sliding-items/angular.md | 67 + .../v8/item-group/sliding-items/demo.html | 92 + .../v8/item-group/sliding-items/index.md | 13 + .../v8/item-group/sliding-items/javascript.md | 67 + .../v8/item-group/sliding-items/react.md | 85 + .../usage/v8/item-group/sliding-items/vue.md | 86 + static/usage/v8/item-sliding/basic/angular.md | 39 + static/usage/v8/item-sliding/basic/demo.html | 64 + static/usage/v8/item-sliding/basic/index.md | 8 + .../usage/v8/item-sliding/basic/javascript.md | 39 + static/usage/v8/item-sliding/basic/react.md | 47 + static/usage/v8/item-sliding/basic/vue.md | 50 + .../v8/item-sliding/expandable/angular.md | 18 + .../v8/item-sliding/expandable/demo.html | 43 + .../usage/v8/item-sliding/expandable/index.md | 13 + .../v8/item-sliding/expandable/javascript.md | 18 + .../usage/v8/item-sliding/expandable/react.md | 30 + .../usage/v8/item-sliding/expandable/vue.md | 29 + static/usage/v8/item-sliding/icons/angular.md | 120 + static/usage/v8/item-sliding/icons/demo.html | 146 + static/usage/v8/item-sliding/icons/index.md | 13 + .../usage/v8/item-sliding/icons/javascript.md | 120 + static/usage/v8/item-sliding/icons/react.md | 129 + static/usage/v8/item-sliding/icons/vue.md | 135 + static/usage/v8/item/basic/angular.md | 40 + static/usage/v8/item/basic/demo.html | 65 + static/usage/v8/item/basic/index.md | 8 + static/usage/v8/item/basic/javascript.md | 40 + static/usage/v8/item/basic/react.md | 50 + static/usage/v8/item/basic/vue.md | 51 + static/usage/v8/item/buttons/angular.md | 36 + static/usage/v8/item/buttons/demo.html | 62 + static/usage/v8/item/buttons/index.md | 8 + static/usage/v8/item/buttons/javascript.md | 36 + static/usage/v8/item/buttons/react.md | 53 + static/usage/v8/item/buttons/vue.md | 51 + static/usage/v8/item/clickable/angular.md | 17 + static/usage/v8/item/clickable/demo.html | 42 + static/usage/v8/item/clickable/index.md | 8 + static/usage/v8/item/clickable/javascript.md | 17 + static/usage/v8/item/clickable/react.md | 27 + static/usage/v8/item/clickable/vue.md | 28 + .../v8/item/content-types/actions/angular.md | 150 + .../v8/item/content-types/actions/demo.html | 165 + .../v8/item/content-types/actions/index.md | 19 + .../item/content-types/actions/javascript.md | 150 + .../v8/item/content-types/actions/react.md | 174 + .../v8/item/content-types/actions/vue.md | 191 ++ .../v8/item/content-types/controls/angular.md | 39 + .../v8/item/content-types/controls/demo.html | 54 + .../v8/item/content-types/controls/index.md | 19 + .../item/content-types/controls/javascript.md | 39 + .../v8/item/content-types/controls/react.md | 49 + .../v8/item/content-types/controls/vue.md | 59 + .../metadata/angular/example_component_css.md | 41 + .../angular/example_component_html.md | 90 + .../v8/item/content-types/metadata/demo.html | 146 + .../v8/item/content-types/metadata/index.md | 34 + .../item/content-types/metadata/javascript.md | 132 + .../content-types/metadata/react/main_css.md | 41 + .../content-types/metadata/react/main_tsx.md | 122 + .../v8/item/content-types/metadata/vue.md | 169 + .../supporting-visuals/angular.md | 47 + .../supporting-visuals/demo.html | 66 + .../content-types/supporting-visuals/index.md | 18 + .../supporting-visuals/javascript.md | 47 + .../content-types/supporting-visuals/react.md | 58 + .../content-types/supporting-visuals/vue.md | 68 + .../text/angular/example_component_css.md | 5 + .../text/angular/example_component_html.md | 33 + .../v8/item/content-types/text/demo.html | 53 + .../usage/v8/item/content-types/text/index.md | 34 + .../v8/item/content-types/text/javascript.md | 39 + .../item/content-types/text/react/main_css.md | 5 + .../item/content-types/text/react/main_tsx.md | 57 + .../usage/v8/item/content-types/text/vue.md | 74 + static/usage/v8/item/detail-arrows/angular.md | 37 + static/usage/v8/item/detail-arrows/demo.html | 62 + static/usage/v8/item/detail-arrows/index.md | 13 + .../usage/v8/item/detail-arrows/javascript.md | 37 + static/usage/v8/item/detail-arrows/react.md | 48 + static/usage/v8/item/detail-arrows/vue.md | 54 + static/usage/v8/item/icons/angular.md | 21 + static/usage/v8/item/icons/demo.html | 46 + static/usage/v8/item/icons/index.md | 8 + static/usage/v8/item/icons/javascript.md | 21 + static/usage/v8/item/icons/react.md | 32 + static/usage/v8/item/icons/vue.md | 36 + static/usage/v8/item/inputs/angular.md | 43 + static/usage/v8/item/inputs/demo.html | 68 + static/usage/v8/item/inputs/index.md | 8 + static/usage/v8/item/inputs/javascript.md | 47 + static/usage/v8/item/inputs/react.md | 53 + static/usage/v8/item/inputs/vue.md | 63 + static/usage/v8/item/lines/angular.md | 41 + static/usage/v8/item/lines/demo.html | 66 + static/usage/v8/item/lines/index.md | 8 + static/usage/v8/item/lines/javascript.md | 41 + static/usage/v8/item/lines/react.md | 52 + static/usage/v8/item/lines/vue.md | 56 + static/usage/v8/item/media/angular.md | 15 + static/usage/v8/item/media/demo.html | 40 + static/usage/v8/item/media/index.md | 8 + static/usage/v8/item/media/javascript.md | 15 + static/usage/v8/item/media/react.md | 25 + static/usage/v8/item/media/vue.md | 26 + .../usage/v8/item/theming/colors/angular.md | 32 + static/usage/v8/item/theming/colors/demo.html | 57 + static/usage/v8/item/theming/colors/index.md | 13 + .../v8/item/theming/colors/javascript.md | 32 + static/usage/v8/item/theming/colors/react.md | 42 + static/usage/v8/item/theming/colors/vue.md | 43 + .../angular/example_component_css.md | 18 + .../angular/example_component_html.md | 13 + .../v8/item/theming/css-properties/demo.html | 55 + .../v8/item/theming/css-properties/index.md | 32 + .../item/theming/css-properties/javascript.md | 32 + .../theming/css-properties/react/main_css.md | 18 + .../theming/css-properties/react/main_tsx.md | 25 + .../v8/item/theming/css-properties/vue.md | 43 + .../angular/example_component_css.md | 18 + .../angular/example_component_html.md | 13 + .../item/theming/css-shadow-parts/demo.html | 55 + .../v8/item/theming/css-shadow-parts/index.md | 32 + .../theming/css-shadow-parts/javascript.md | 32 + .../css-shadow-parts/react/main_css.md | 18 + .../css-shadow-parts/react/main_tsx.md | 25 + .../v8/item/theming/css-shadow-parts/vue.md | 43 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 16 + .../v8/item/theming/input-highlight/demo.html | 48 + .../v8/item/theming/input-highlight/index.md | 33 + .../theming/input-highlight/javascript.md | 25 + .../theming/input-highlight/react/main_css.md | 8 + .../theming/input-highlight/react/main_tsx.md | 28 + .../v8/item/theming/input-highlight/vue.md | 35 + .../usage/v8/keyboard/enterkeyhint/angular.md | 14 + .../usage/v8/keyboard/enterkeyhint/demo.html | 33 + .../usage/v8/keyboard/enterkeyhint/index.md | 17 + .../v8/keyboard/enterkeyhint/javascript.md | 14 + .../usage/v8/keyboard/enterkeyhint/react.md | 22 + static/usage/v8/keyboard/enterkeyhint/vue.md | 29 + static/usage/v8/keyboard/inputmode/angular.md | 19 + static/usage/v8/keyboard/inputmode/demo.html | 44 + static/usage/v8/keyboard/inputmode/index.md | 17 + .../usage/v8/keyboard/inputmode/javascript.md | 19 + static/usage/v8/keyboard/inputmode/react.md | 27 + static/usage/v8/keyboard/inputmode/vue.md | 34 + static/usage/v8/label/basic/angular.md | 3 + static/usage/v8/label/basic/demo.html | 22 + static/usage/v8/label/basic/index.md | 8 + static/usage/v8/label/basic/javascript.md | 3 + static/usage/v8/label/basic/react.md | 13 + static/usage/v8/label/basic/vue.md | 14 + static/usage/v8/label/input/angular.md | 31 + static/usage/v8/label/input/demo.html | 56 + static/usage/v8/label/input/index.md | 8 + static/usage/v8/label/input/javascript.md | 31 + static/usage/v8/label/input/react.md | 41 + static/usage/v8/label/input/vue.md | 41 + static/usage/v8/label/item/angular.md | 26 + static/usage/v8/label/item/demo.html | 51 + static/usage/v8/label/item/index.md | 8 + static/usage/v8/label/item/javascript.md | 26 + static/usage/v8/label/item/react.md | 36 + static/usage/v8/label/item/vue.md | 37 + .../usage/v8/label/theming/colors/angular.md | 12 + .../usage/v8/label/theming/colors/demo.html | 37 + static/usage/v8/label/theming/colors/index.md | 8 + .../v8/label/theming/colors/javascript.md | 12 + static/usage/v8/label/theming/colors/react.md | 22 + static/usage/v8/label/theming/colors/vue.md | 23 + .../v8/layout/dynamic-font-scaling/angular.md | 45 + .../v8/layout/dynamic-font-scaling/demo.html | 60 + .../v8/layout/dynamic-font-scaling/index.md | 19 + .../layout/dynamic-font-scaling/javascript.md | 45 + .../v8/layout/dynamic-font-scaling/react.md | 74 + .../v8/layout/dynamic-font-scaling/vue.md | 92 + static/usage/v8/list-header/basic/angular.md | 22 + static/usage/v8/list-header/basic/demo.html | 47 + static/usage/v8/list-header/basic/index.md | 13 + .../usage/v8/list-header/basic/javascript.md | 22 + static/usage/v8/list-header/basic/react.md | 30 + static/usage/v8/list-header/basic/vue.md | 33 + .../usage/v8/list-header/buttons/angular.md | 23 + static/usage/v8/list-header/buttons/demo.html | 48 + static/usage/v8/list-header/buttons/index.md | 13 + .../v8/list-header/buttons/javascript.md | 23 + static/usage/v8/list-header/buttons/react.md | 31 + static/usage/v8/list-header/buttons/vue.md | 34 + static/usage/v8/list-header/lines/angular.md | 37 + static/usage/v8/list-header/lines/demo.html | 62 + static/usage/v8/list-header/lines/index.md | 13 + .../usage/v8/list-header/lines/javascript.md | 37 + static/usage/v8/list-header/lines/react.md | 47 + static/usage/v8/list-header/lines/vue.md | 48 + .../v8/list-header/theming/colors/angular.md | 32 + .../v8/list-header/theming/colors/demo.html | 57 + .../v8/list-header/theming/colors/index.md | 13 + .../list-header/theming/colors/javascript.md | 32 + .../v8/list-header/theming/colors/react.md | 42 + .../v8/list-header/theming/colors/vue.md | 43 + .../angular/example_component_css.md | 10 + .../angular/example_component_html.md | 5 + .../theming/css-properties/demo.html | 35 + .../theming/css-properties/index.md | 33 + .../theming/css-properties/javascript.md | 16 + .../theming/css-properties/react/main_css.md | 10 + .../theming/css-properties/react/main_tsx.md | 15 + .../list-header/theming/css-properties/vue.md | 27 + static/usage/v8/list/basic/angular.md | 19 + static/usage/v8/list/basic/demo.html | 44 + static/usage/v8/list/basic/index.md | 8 + static/usage/v8/list/basic/javascript.md | 19 + static/usage/v8/list/basic/react.md | 27 + static/usage/v8/list/basic/vue.md | 30 + static/usage/v8/list/inset/angular.md | 21 + static/usage/v8/list/inset/demo.html | 45 + static/usage/v8/list/inset/index.md | 14 + static/usage/v8/list/inset/javascript.md | 21 + static/usage/v8/list/inset/react.md | 29 + static/usage/v8/list/inset/vue.md | 32 + static/usage/v8/list/lines/angular.md | 37 + static/usage/v8/list/lines/demo.html | 64 + static/usage/v8/list/lines/index.md | 8 + static/usage/v8/list/lines/javascript.md | 37 + static/usage/v8/list/lines/react.md | 47 + static/usage/v8/list/lines/vue.md | 48 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 22 + static/usage/v8/loading/controller/demo.html | 37 + static/usage/v8/loading/controller/index.md | 24 + .../usage/v8/loading/controller/javascript.md | 14 + static/usage/v8/loading/controller/react.md | 26 + static/usage/v8/loading/controller/vue.md | 26 + static/usage/v8/loading/inline/angular.md | 4 + static/usage/v8/loading/inline/demo.html | 23 + static/usage/v8/loading/inline/index.md | 17 + static/usage/v8/loading/inline/javascript.md | 4 + static/usage/v8/loading/inline/react.md | 13 + static/usage/v8/loading/inline/vue.md | 14 + static/usage/v8/loading/spinners/angular.md | 4 + static/usage/v8/loading/spinners/demo.html | 23 + static/usage/v8/loading/spinners/index.md | 17 + .../usage/v8/loading/spinners/javascript.md | 4 + static/usage/v8/loading/spinners/react.md | 13 + static/usage/v8/loading/spinners/vue.md | 15 + .../theming/angular/example_component_html.md | 4 + .../v8/loading/theming/angular/global_css.md | 8 + static/usage/v8/loading/theming/demo.html | 35 + static/usage/v8/loading/theming/index.md | 32 + static/usage/v8/loading/theming/javascript.md | 13 + .../v8/loading/theming/react/main_css.md | 8 + .../v8/loading/theming/react/main_tsx.md | 16 + static/usage/v8/loading/theming/vue.md | 23 + static/usage/v8/menu/basic/angular.md | 21 + static/usage/v8/menu/basic/demo.html | 36 + static/usage/v8/menu/basic/index.md | 18 + static/usage/v8/menu/basic/javascript.md | 21 + static/usage/v8/menu/basic/react.md | 30 + static/usage/v8/menu/basic/vue.md | 41 + .../angular/example_component_html.md | 43 + .../multiple/angular/example_component_ts.md | 39 + static/usage/v8/menu/multiple/demo.html | 92 + static/usage/v8/menu/multiple/index.md | 27 + static/usage/v8/menu/multiple/javascript.md | 72 + static/usage/v8/menu/multiple/react.md | 87 + static/usage/v8/menu/multiple/vue.md | 84 + static/usage/v8/menu/sides/angular.md | 21 + static/usage/v8/menu/sides/demo.html | 37 + static/usage/v8/menu/sides/index.md | 18 + static/usage/v8/menu/sides/javascript.md | 21 + static/usage/v8/menu/sides/react.md | 30 + static/usage/v8/menu/sides/vue.md | 41 + .../theming/angular/example_component_css.md | 11 + .../theming/angular/example_component_html.md | 23 + static/usage/v8/menu/theming/demo.html | 47 + static/usage/v8/menu/theming/index.md | 33 + static/usage/v8/menu/theming/javascript.md | 35 + .../usage/v8/menu/theming/react/main_css.md | 11 + .../usage/v8/menu/theming/react/main_tsx.md | 33 + static/usage/v8/menu/theming/vue.md | 53 + static/usage/v8/menu/toggle/angular.md | 26 + static/usage/v8/menu/toggle/demo.html | 41 + static/usage/v8/menu/toggle/index.md | 18 + static/usage/v8/menu/toggle/javascript.md | 26 + static/usage/v8/menu/toggle/react.md | 35 + static/usage/v8/menu/toggle/vue.md | 46 + .../type/angular/example_component_html.md | 46 + .../menu/type/angular/example_component_ts.md | 11 + static/usage/v8/menu/type/demo.html | 70 + static/usage/v8/menu/type/index.md | 25 + static/usage/v8/menu/type/javascript.md | 55 + static/usage/v8/menu/type/react.md | 74 + static/usage/v8/menu/type/vue.md | 86 + .../boolean/angular/example_component_html.md | 32 + .../boolean/angular/example_component_ts.md | 23 + .../v8/modal/can-dismiss/boolean/demo.html | 64 + .../v8/modal/can-dismiss/boolean/index.md | 26 + .../modal/can-dismiss/boolean/javascript.md | 49 + .../v8/modal/can-dismiss/boolean/react.md | 72 + .../usage/v8/modal/can-dismiss/boolean/vue.md | 82 + .../child-state/angular/app_module_ts.md | 19 + .../angular/child_component_html.md | 24 + .../child-state/angular/child_component_ts.md | 22 + .../angular/example_component_html.md | 23 + .../angular/example_component_ts.md | 58 + .../modal/can-dismiss/child-state/demo.html | 92 + .../v8/modal/can-dismiss/child-state/index.md | 42 + .../child-state/react/child_tsx.md | 55 + .../can-dismiss/child-state/react/main_tsx.md | 97 + .../can-dismiss/child-state/vue/child_vue.md | 51 + .../child-state/vue/example_vue.md | 85 + .../angular/example_component_html.md | 27 + .../function/angular/example_component_ts.md | 41 + .../v8/modal/can-dismiss/function/demo.html | 74 + .../v8/modal/can-dismiss/function/index.md | 26 + .../modal/can-dismiss/function/javascript.md | 59 + .../v8/modal/can-dismiss/function/react.md | 85 + .../v8/modal/can-dismiss/function/vue.md | 78 + .../angular/example_component_html.md | 30 + .../angular/example_component_ts.md | 13 + .../prevent-swipe-to-close/demo.html | 55 + .../prevent-swipe-to-close/index.md | 27 + .../prevent-swipe-to-close/javascript.md | 39 + .../prevent-swipe-to-close/react.md | 56 + .../can-dismiss/prevent-swipe-to-close/vue.md | 47 + .../basic/angular/example_component_html.md | 65 + .../basic/angular/example_component_ts.md | 16 + static/usage/v8/modal/card/basic/demo.html | 88 + static/usage/v8/modal/card/basic/index.md | 26 + .../usage/v8/modal/card/basic/javascript.md | 73 + static/usage/v8/modal/card/basic/react.md | 100 + static/usage/v8/modal/card/basic/vue.md | 115 + .../modal/controller/angular/app_module_ts.md | 19 + .../angular/example_component_html.md | 11 + .../angular/example_component_ts.md | 29 + .../angular/modal-example_component_html.md | 18 + .../angular/modal-example_component_ts.md | 23 + static/usage/v8/modal/controller/demo.html | 75 + static/usage/v8/modal/controller/index.md | 39 + .../usage/v8/modal/controller/javascript.md | 56 + static/usage/v8/modal/controller/react.md | 79 + .../v8/modal/controller/vue/example_vue.md | 37 + .../v8/modal/controller/vue/modal_vue.md | 39 + .../angular/example_component_html.md | 33 + .../custom-dialogs/angular/global_css.md | 28 + .../usage/v8/modal/custom-dialogs/demo.html | 79 + static/usage/v8/modal/custom-dialogs/index.md | 33 + .../v8/modal/custom-dialogs/javascript.md | 67 + .../v8/modal/custom-dialogs/react/main_css.md | 28 + .../v8/modal/custom-dialogs/react/main_tsx.md | 64 + static/usage/v8/modal/custom-dialogs/vue.md | 82 + .../basic/angular/example_component_html.md | 37 + .../basic/angular/example_component_ts.md | 31 + static/usage/v8/modal/inline/basic/demo.html | 69 + static/usage/v8/modal/inline/basic/index.md | 26 + .../usage/v8/modal/inline/basic/javascript.md | 49 + static/usage/v8/modal/inline/basic/react.md | 79 + static/usage/v8/modal/inline/basic/vue.md | 71 + .../is-open/angular/example_component_html.md | 29 + .../is-open/angular/example_component_ts.md | 15 + .../usage/v8/modal/inline/is-open/demo.html | 46 + static/usage/v8/modal/inline/is-open/index.md | 26 + .../v8/modal/inline/is-open/javascript.md | 31 + static/usage/v8/modal/inline/is-open/react.md | 42 + static/usage/v8/modal/inline/is-open/vue.md | 39 + .../v8/modal/performance/mount/angular.md | 23 + .../v8/modal/performance/mount/demo.html | 47 + .../usage/v8/modal/performance/mount/index.md | 19 + .../v8/modal/performance/mount/javascript.md | 32 + .../usage/v8/modal/performance/mount/react.md | 36 + .../usage/v8/modal/performance/mount/vue.md | 32 + .../angular/example_component_css.md | 13 + .../angular/example_component_html.md | 16 + .../v8/modal/sheet/auto-height/demo.html | 49 + .../usage/v8/modal/sheet/auto-height/index.md | 33 + .../v8/modal/sheet/auto-height/javascript.md | 35 + .../modal/sheet/auto-height/react/main_css.md | 13 + .../modal/sheet/auto-height/react/main_tsx.md | 30 + .../usage/v8/modal/sheet/auto-height/vue.md | 34 + .../angular/example_component_css.md | 7 + .../angular/example_component_html.md | 72 + .../angular/example_component_ts.md | 20 + .../modal/sheet/background-content/demo.html | 103 + .../modal/sheet/background-content/index.md | 28 + .../sheet/background-content/javascript.md | 89 + .../modal/sheet/background-content/react.md | 100 + .../v8/modal/sheet/background-content/vue.md | 98 + static/usage/v8/modal/sheet/basic/angular.md | 56 + static/usage/v8/modal/sheet/basic/demo.html | 80 + static/usage/v8/modal/sheet/basic/index.md | 19 + .../usage/v8/modal/sheet/basic/javascript.md | 65 + static/usage/v8/modal/sheet/basic/react.md | 82 + static/usage/v8/modal/sheet/basic/vue.md | 73 + .../v8/modal/sheet/handle-behavior/angular.md | 25 + .../v8/modal/sheet/handle-behavior/demo.html | 39 + .../v8/modal/sheet/handle-behavior/index.md | 19 + .../modal/sheet/handle-behavior/javascript.md | 24 + .../v8/modal/sheet/handle-behavior/react.md | 35 + .../v8/modal/sheet/handle-behavior/vue.md | 29 + .../angular/example_component_html.md | 63 + .../angular/example_component_ts.md | 40 + .../v8/modal/styling/animations/demo.html | 114 + .../v8/modal/styling/animations/index.md | 33 + .../animations/javascript/index_html.md | 95 + .../styling/animations/javascript/index_ts.md | 9 + .../v8/modal/styling/animations/react.md | 123 + .../usage/v8/modal/styling/animations/vue.md | 109 + .../theming/angular/example_component_html.md | 61 + .../styling/theming/angular/global_css.md | 17 + .../usage/v8/modal/styling/theming/demo.html | 99 + .../usage/v8/modal/styling/theming/index.md | 33 + .../v8/modal/styling/theming/javascript.md | 87 + .../modal/styling/theming/react/main_css.md | 17 + .../modal/styling/theming/react/main_tsx.md | 95 + static/usage/v8/modal/styling/theming/vue.md | 101 + .../modal-navigation/angular/app_module_ts.md | 21 + .../angular/example_component_html.md | 25 + .../angular/example_component_ts.md | 18 + .../angular/page_one_component_ts.md | 23 + .../angular/page_three_component_ts.md | 26 + .../angular/page_two_component_ts.md | 25 + .../usage/v8/nav/modal-navigation/demo.html | 100 + static/usage/v8/nav/modal-navigation/index.md | 56 + .../v8/nav/modal-navigation/javascript.md | 86 + .../v8/nav/modal-navigation/react/main_tsx.md | 60 + .../modal-navigation/react/page_one_tsx.md | 18 + .../modal-navigation/react/page_three_tsx.md | 19 + .../modal-navigation/react/page_two_tsx.md | 19 + .../nav/modal-navigation/vue/example_vue.md | 60 + .../nav/modal-navigation/vue/page_one_vue.md | 24 + .../modal-navigation/vue/page_three_vue.md | 28 + .../nav/modal-navigation/vue/page_two_vue.md | 24 + .../v8/nav/nav-link/angular/app_module_ts.md | 21 + .../angular/example_component_html.md | 3 + .../nav-link/angular/example_component_ts.md | 13 + .../nav-link/angular/page_one_component_ts.md | 25 + .../angular/page_three_component_ts.md | 21 + .../nav-link/angular/page_two_component_ts.md | 30 + static/usage/v8/nav/nav-link/demo.html | 81 + static/usage/v8/nav/nav-link/index.md | 55 + static/usage/v8/nav/nav-link/javascript.md | 67 + .../usage/v8/nav/nav-link/react/main_tsx.md | 11 + .../v8/nav/nav-link/react/page_one_tsx.md | 26 + .../v8/nav/nav-link/react/page_three_tsx.md | 24 + .../v8/nav/nav-link/react/page_two_tsx.md | 38 + .../usage/v8/nav/nav-link/vue/example_vue.md | 20 + .../usage/v8/nav/nav-link/vue/page_one_vue.md | 30 + .../v8/nav/nav-link/vue/page_three_vue.md | 23 + .../usage/v8/nav/nav-link/vue/page_two_vue.md | 51 + static/usage/v8/note/basic/angular.md | 3 + static/usage/v8/note/basic/demo.html | 22 + static/usage/v8/note/basic/index.md | 8 + static/usage/v8/note/basic/javascript.md | 3 + static/usage/v8/note/basic/react.md | 13 + static/usage/v8/note/basic/vue.md | 14 + static/usage/v8/note/item/angular.md | 11 + static/usage/v8/note/item/demo.html | 36 + static/usage/v8/note/item/index.md | 8 + static/usage/v8/note/item/javascript.md | 11 + static/usage/v8/note/item/react.md | 21 + static/usage/v8/note/item/vue.md | 22 + .../usage/v8/note/theming/colors/angular.md | 12 + static/usage/v8/note/theming/colors/demo.html | 47 + static/usage/v8/note/theming/colors/index.md | 8 + .../v8/note/theming/colors/javascript.md | 12 + static/usage/v8/note/theming/colors/react.md | 22 + static/usage/v8/note/theming/colors/vue.md | 23 + .../angular/example_component_css.md | 5 + .../angular/example_component_html.md | 3 + .../v8/note/theming/css-properties/demo.html | 28 + .../v8/note/theming/css-properties/index.md | 32 + .../note/theming/css-properties/javascript.md | 9 + .../theming/css-properties/react/main_css.md | 5 + .../theming/css-properties/react/main_tsx.md | 15 + .../v8/note/theming/css-properties/vue.md | 20 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 54 + .../v8/picker-legacy/controller/demo.html | 68 + .../v8/picker-legacy/controller/index.md | 26 + .../v8/picker-legacy/controller/javascript.md | 46 + .../v8/picker-legacy/controller/react.md | 52 + .../usage/v8/picker-legacy/controller/vue.md | 61 + .../isOpen/angular/example_component_html.md | 9 + .../isOpen/angular/example_component_ts.md | 52 + .../v8/picker-legacy/inline/isOpen/demo.html | 67 + .../v8/picker-legacy/inline/isOpen/index.md | 26 + .../picker-legacy/inline/isOpen/javascript.md | 49 + .../v8/picker-legacy/inline/isOpen/react.md | 55 + .../v8/picker-legacy/inline/isOpen/vue.md | 66 + .../trigger/angular/example_component_html.md | 4 + .../trigger/angular/example_component_ts.md | 46 + .../v8/picker-legacy/inline/trigger/demo.html | 63 + .../v8/picker-legacy/inline/trigger/index.md | 26 + .../inline/trigger/javascript.md | 45 + .../v8/picker-legacy/inline/trigger/react.md | 52 + .../v8/picker-legacy/inline/trigger/vue.md | 55 + .../angular/example_component_html.md | 4 + .../angular/example_component_ts.md | 76 + .../picker-legacy/multiple-column/demo.html | 93 + .../v8/picker-legacy/multiple-column/index.md | 26 + .../multiple-column/javascript.md | 75 + .../v8/picker-legacy/multiple-column/react.md | 82 + .../v8/picker-legacy/multiple-column/vue.md | 85 + static/usage/v8/picker/basic/angular.md | 11 + static/usage/v8/picker/basic/demo.html | 31 + static/usage/v8/picker/basic/index.md | 18 + static/usage/v8/picker/basic/javascript.md | 11 + static/usage/v8/picker/basic/react.md | 24 + static/usage/v8/picker/basic/vue.md | 17 + .../modal/angular/example_component_css.md | 11 + .../modal/angular/example_component_html.md | 24 + .../modal/angular/example_component_ts.md | 20 + static/usage/v8/picker/modal/demo.html | 67 + static/usage/v8/picker/modal/index.md | 37 + static/usage/v8/picker/modal/javascript.md | 49 + .../usage/v8/picker/modal/react/main_css.md | 11 + .../usage/v8/picker/modal/react/main_tsx.md | 53 + static/usage/v8/picker/modal/vue.md | 62 + .../usage/v8/picker/prefix-suffix/angular.md | 14 + .../usage/v8/picker/prefix-suffix/demo.html | 34 + static/usage/v8/picker/prefix-suffix/index.md | 18 + .../v8/picker/prefix-suffix/javascript.md | 14 + static/usage/v8/picker/prefix-suffix/react.md | 27 + static/usage/v8/picker/prefix-suffix/vue.md | 20 + .../angular/example_component_css.md | 36 + .../angular/example_component_html.md | 10 + .../picker/theming/css-properties/demo.html | 67 + .../v8/picker/theming/css-properties/index.md | 33 + .../theming/css-properties/javascript.md | 48 + .../theming/css-properties/react/main_css.md | 37 + .../theming/css-properties/react/main_tsx.md | 26 + .../v8/picker/theming/css-properties/vue.md | 53 + .../angular/example_component_css.md | 12 + .../angular/example_component_html.md | 31 + .../angular/example_component_ts.md | 10 + .../customization/positioning/demo.html | 50 + .../customization/positioning/index.md | 34 + .../customization/positioning/javascript.md | 36 + .../positioning/react/main_css.md | 12 + .../positioning/react/main_tsx.md | 33 + .../popover/customization/positioning/vue.md | 47 + .../popover/customization/sizing/angular.md | 15 + .../v8/popover/customization/sizing/demo.html | 30 + .../v8/popover/customization/sizing/index.md | 13 + .../customization/sizing/javascript.md | 11 + .../v8/popover/customization/sizing/react.md | 20 + .../v8/popover/customization/sizing/vue.md | 22 + .../styling/angular/example_component_html.md | 8 + .../styling/angular/global_css.md | 17 + .../popover/customization/styling/demo.html | 43 + .../v8/popover/customization/styling/index.md | 32 + .../customization/styling/javascript.md | 24 + .../customization/styling/react/main_css.md | 17 + .../customization/styling/react/main_tsx.md | 18 + .../v8/popover/customization/styling/vue.md | 35 + static/usage/v8/popover/nested/angular.md | 24 + static/usage/v8/popover/nested/demo.html | 39 + static/usage/v8/popover/nested/index.md | 13 + static/usage/v8/popover/nested/javascript.md | 20 + static/usage/v8/popover/nested/react.md | 37 + static/usage/v8/popover/nested/vue.md | 31 + .../v8/popover/performance/mount/angular.md | 8 + .../v8/popover/performance/mount/demo.html | 25 + .../v8/popover/performance/mount/index.md | 18 + .../popover/performance/mount/javascript.md | 6 + .../v8/popover/performance/mount/react.md | 15 + .../usage/v8/popover/performance/mount/vue.md | 19 + .../controller/angular/app_module_ts.md | 19 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 27 + .../angular/popover_component_html.md | 3 + .../angular/popover_component_ts.md | 10 + .../popover/presenting/controller/demo.html | 52 + .../v8/popover/presenting/controller/index.md | 39 + .../presenting/controller/javascript.md | 33 + .../v8/popover/presenting/controller/react.md | 26 + .../presenting/controller/vue/example_vue.md | 26 + .../presenting/controller/vue/popover_vue.md | 15 + .../angular/example_component_html.md | 8 + .../angular/example_component_ts.md | 18 + .../presenting/inline-isopen/demo.html | 37 + .../popover/presenting/inline-isopen/index.md | 25 + .../presenting/inline-isopen/javascript.md | 18 + .../popover/presenting/inline-isopen/react.md | 24 + .../popover/presenting/inline-isopen/vue.md | 29 + .../presenting/inline-trigger/angular.md | 22 + .../presenting/inline-trigger/demo.html | 35 + .../presenting/inline-trigger/index.md | 13 + .../presenting/inline-trigger/javascript.md | 16 + .../presenting/inline-trigger/react.md | 25 + .../popover/presenting/inline-trigger/vue.md | 27 + .../buffer/angular/example_component_html.md | 3 + .../buffer/angular/example_component_ts.md | 29 + static/usage/v8/progress-bar/buffer/demo.html | 44 + static/usage/v8/progress-bar/buffer/index.md | 25 + .../v8/progress-bar/buffer/javascript.md | 25 + static/usage/v8/progress-bar/buffer/react.md | 28 + static/usage/v8/progress-bar/buffer/vue.md | 38 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 26 + .../v8/progress-bar/determinate/demo.html | 39 + .../v8/progress-bar/determinate/index.md | 25 + .../v8/progress-bar/determinate/javascript.md | 20 + .../v8/progress-bar/determinate/react.md | 25 + .../usage/v8/progress-bar/determinate/vue.md | 34 + .../v8/progress-bar/indeterminate/angular.md | 3 + .../v8/progress-bar/indeterminate/demo.html | 22 + .../v8/progress-bar/indeterminate/index.md | 12 + .../progress-bar/indeterminate/javascript.md | 3 + .../v8/progress-bar/indeterminate/react.md | 9 + .../v8/progress-bar/indeterminate/vue.md | 14 + .../v8/progress-bar/theming/colors/angular.md | 11 + .../v8/progress-bar/theming/colors/demo.html | 37 + .../v8/progress-bar/theming/colors/index.md | 12 + .../progress-bar/theming/colors/javascript.md | 11 + .../v8/progress-bar/theming/colors/react.md | 21 + .../v8/progress-bar/theming/colors/vue.md | 22 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 3 + .../theming/css-properties/demo.html | 35 + .../theming/css-properties/index.md | 32 + .../theming/css-properties/javascript.md | 11 + .../theming/css-properties/react/main_css.md | 6 + .../theming/css-properties/react/main_tsx.md | 16 + .../theming/css-properties/vue.md | 22 + .../angular/example_component_css.md | 13 + .../angular/example_component_html.md | 3 + .../theming/css-shadow-parts/demo.html | 42 + .../theming/css-shadow-parts/index.md | 32 + .../theming/css-shadow-parts/javascript.md | 18 + .../css-shadow-parts/react/main_css.md | 13 + .../css-shadow-parts/react/main_tsx.md | 16 + .../theming/css-shadow-parts/vue.md | 29 + static/usage/v8/radio/alignment/angular.md | 15 + static/usage/v8/radio/alignment/demo.html | 34 + static/usage/v8/radio/alignment/index.md | 17 + static/usage/v8/radio/alignment/javascript.md | 15 + static/usage/v8/radio/alignment/react.md | 27 + static/usage/v8/radio/alignment/vue.md | 26 + static/usage/v8/radio/basic/angular.md | 8 + static/usage/v8/radio/basic/demo.html | 33 + static/usage/v8/radio/basic/index.md | 8 + static/usage/v8/radio/basic/javascript.md | 8 + static/usage/v8/radio/basic/react.md | 19 + static/usage/v8/radio/basic/vue.md | 19 + .../usage/v8/radio/empty-selection/angular.md | 8 + .../usage/v8/radio/empty-selection/demo.html | 27 + .../usage/v8/radio/empty-selection/index.md | 8 + .../v8/radio/empty-selection/javascript.md | 8 + .../usage/v8/radio/empty-selection/react.md | 20 + static/usage/v8/radio/empty-selection/vue.md | 19 + static/usage/v8/radio/justify/angular.md | 21 + static/usage/v8/radio/justify/demo.html | 45 + static/usage/v8/radio/justify/index.md | 8 + static/usage/v8/radio/justify/javascript.md | 21 + static/usage/v8/radio/justify/react.md | 35 + static/usage/v8/radio/justify/vue.md | 32 + .../usage/v8/radio/label-placement/angular.md | 23 + .../usage/v8/radio/label-placement/demo.html | 44 + .../usage/v8/radio/label-placement/index.md | 8 + .../v8/radio/label-placement/javascript.md | 23 + .../usage/v8/radio/label-placement/react.md | 41 + static/usage/v8/radio/label-placement/vue.md | 34 + static/usage/v8/radio/migration/index.md | 188 ++ .../usage/v8/radio/theming/colors/angular.md | 29 + .../usage/v8/radio/theming/colors/demo.html | 48 + static/usage/v8/radio/theming/colors/index.md | 13 + .../v8/radio/theming/colors/javascript.md | 29 + static/usage/v8/radio/theming/colors/react.md | 39 + static/usage/v8/radio/theming/colors/vue.md | 40 + .../angular/example_component_css.md | 21 + .../angular/example_component_html.md | 6 + .../v8/radio/theming/css-properties/demo.html | 47 + .../v8/radio/theming/css-properties/index.md | 33 + .../theming/css-properties/javascript.md | 28 + .../theming/css-properties/react/main_css.md | 21 + .../theming/css-properties/react/main_tsx.md | 16 + .../v8/radio/theming/css-properties/vue.md | 39 + .../angular/example_component_css.md | 32 + .../angular/example_component_html.md | 6 + .../radio/theming/css-shadow-parts/demo.html | 58 + .../radio/theming/css-shadow-parts/index.md | 33 + .../theming/css-shadow-parts/javascript.md | 39 + .../css-shadow-parts/react/main_css.md | 32 + .../css-shadow-parts/react/main_tsx.md | 16 + .../v8/radio/theming/css-shadow-parts/vue.md | 50 + static/usage/v8/range/basic/angular.md | 3 + static/usage/v8/range/basic/demo.html | 27 + static/usage/v8/range/basic/index.md | 10 + static/usage/v8/range/basic/javascript.md | 3 + static/usage/v8/range/basic/react.md | 8 + static/usage/v8/range/basic/vue.md | 14 + static/usage/v8/range/dual-knobs/angular.md | 3 + static/usage/v8/range/dual-knobs/demo.html | 34 + static/usage/v8/range/dual-knobs/index.md | 8 + .../usage/v8/range/dual-knobs/javascript.md | 11 + static/usage/v8/range/dual-knobs/react.md | 17 + static/usage/v8/range/dual-knobs/vue.md | 14 + .../angular/example_component_html.md | 3 + .../angular/example_component_ts.md | 15 + .../usage/v8/range/ion-change-event/demo.html | 37 + .../usage/v8/range/ion-change-event/index.md | 25 + .../v8/range/ion-change-event/javascript.md | 11 + .../usage/v8/range/ion-change-event/react.md | 14 + static/usage/v8/range/ion-change-event/vue.md | 19 + .../angular/example_component_html.md | 7 + .../angular/example_component_ts.md | 19 + .../v8/range/ion-knob-move-event/demo.html | 41 + .../v8/range/ion-knob-move-event/index.md | 25 + .../range/ion-knob-move-event/javascript.md | 15 + .../v8/range/ion-knob-move-event/react.md | 15 + .../usage/v8/range/ion-knob-move-event/vue.md | 26 + static/usage/v8/range/label-slot/angular.md | 5 + static/usage/v8/range/label-slot/demo.html | 29 + static/usage/v8/range/label-slot/index.md | 8 + .../usage/v8/range/label-slot/javascript.md | 5 + static/usage/v8/range/label-slot/react.md | 14 + static/usage/v8/range/label-slot/vue.md | 16 + static/usage/v8/range/labels/angular.md | 15 + static/usage/v8/range/labels/demo.html | 41 + static/usage/v8/range/labels/index.md | 8 + static/usage/v8/range/labels/javascript.md | 15 + static/usage/v8/range/labels/react.md | 24 + static/usage/v8/range/labels/vue.md | 26 + static/usage/v8/range/migration/index.md | 256 ++ .../v8/range/no-visible-label/angular.md | 3 + .../usage/v8/range/no-visible-label/demo.html | 27 + .../usage/v8/range/no-visible-label/index.md | 8 + .../v8/range/no-visible-label/javascript.md | 3 + .../usage/v8/range/no-visible-label/react.md | 8 + static/usage/v8/range/no-visible-label/vue.md | 14 + .../pins/angular/example_component_html.md | 3 + .../pins/angular/example_component_ts.md | 13 + static/usage/v8/range/pins/demo.html | 33 + static/usage/v8/range/pins/index.md | 24 + static/usage/v8/range/pins/javascript.md | 10 + static/usage/v8/range/pins/react.md | 8 + static/usage/v8/range/pins/vue.md | 19 + static/usage/v8/range/slots/angular.md | 6 + static/usage/v8/range/slots/demo.html | 30 + static/usage/v8/range/slots/index.md | 8 + static/usage/v8/range/slots/javascript.md | 6 + static/usage/v8/range/slots/react.md | 15 + static/usage/v8/range/slots/vue.md | 24 + .../usage/v8/range/snapping-ticks/angular.md | 3 + .../usage/v8/range/snapping-ticks/demo.html | 27 + static/usage/v8/range/snapping-ticks/index.md | 8 + .../v8/range/snapping-ticks/javascript.md | 3 + static/usage/v8/range/snapping-ticks/react.md | 8 + static/usage/v8/range/snapping-ticks/vue.md | 14 + .../angular/example_component_css.md | 12 + .../angular/example_component_html.md | 3 + .../v8/range/theming/css-properties/demo.html | 36 + .../v8/range/theming/css-properties/index.md | 32 + .../theming/css-properties/javascript.md | 16 + .../theming/css-properties/react/main_css.md | 12 + .../theming/css-properties/react/main_tsx.md | 11 + .../v8/range/theming/css-properties/vue.md | 27 + .../angular/example_component_css.md | 43 + .../angular/example_component_html.md | 11 + .../range/theming/css-shadow-parts/demo.html | 77 + .../range/theming/css-shadow-parts/index.md | 32 + .../theming/css-shadow-parts/javascript.md | 47 + .../css-shadow-parts/react/main_css.md | 43 + .../css-shadow-parts/react/main_tsx.md | 14 + .../v8/range/theming/css-shadow-parts/vue.md | 66 + .../advanced/angular/example_component_css.md | 11 + .../angular/example_component_html.md | 23 + .../advanced/angular/example_component_ts.md | 51 + static/usage/v8/refresher/advanced/demo.html | 97 + static/usage/v8/refresher/advanced/index.md | 36 + .../usage/v8/refresher/advanced/javascript.md | 82 + .../v8/refresher/advanced/react/main_css.md | 11 + .../v8/refresher/advanced/react/main_tsx.md | 93 + static/usage/v8/refresher/advanced/vue.md | 108 + .../basic/angular/example_component_html.md | 15 + .../basic/angular/example_component_ts.md | 16 + static/usage/v8/refresher/basic/demo.html | 41 + static/usage/v8/refresher/basic/index.md | 26 + static/usage/v8/refresher/basic/javascript.md | 26 + static/usage/v8/refresher/basic/react.md | 40 + static/usage/v8/refresher/basic/vue.md | 36 + .../angular/example_component_html.md | 21 + .../angular/example_component_ts.md | 16 + .../v8/refresher/custom-content/demo.html | 47 + .../v8/refresher/custom-content/index.md | 26 + .../v8/refresher/custom-content/javascript.md | 32 + .../v8/refresher/custom-content/react.md | 46 + .../usage/v8/refresher/custom-content/vue.md | 43 + .../angular/example_component_css.md | 28 + .../angular/example_component_html.md | 17 + .../angular/example_component_ts.md | 17 + .../refresher/custom-scroll-target/demo.html | 72 + .../refresher/custom-scroll-target/index.md | 34 + .../custom-scroll-target/javascript.md | 57 + .../custom-scroll-target/react/main_css.md | 28 + .../custom-scroll-target/react/main_tsx.md | 44 + .../v8/refresher/custom-scroll-target/vue.md | 67 + .../angular/example_component_html.md | 15 + .../angular/example_component_ts.md | 16 + .../v8/refresher/pull-properties/demo.html | 41 + .../v8/refresher/pull-properties/index.md | 26 + .../refresher/pull-properties/javascript.md | 26 + .../v8/refresher/pull-properties/react.md | 40 + .../usage/v8/refresher/pull-properties/vue.md | 36 + .../basic/angular/example_component_html.md | 32 + .../basic/angular/example_component_ts.md | 22 + static/usage/v8/reorder/basic/demo.html | 71 + static/usage/v8/reorder/basic/index.md | 26 + static/usage/v8/reorder/basic/javascript.md | 46 + static/usage/v8/reorder/basic/react.md | 50 + static/usage/v8/reorder/basic/vue.md | 56 + .../angular/example_component_html.md | 42 + .../angular/example_component_ts.md | 22 + static/usage/v8/reorder/custom-icon/demo.html | 81 + static/usage/v8/reorder/custom-icon/index.md | 26 + .../v8/reorder/custom-icon/javascript.md | 56 + static/usage/v8/reorder/custom-icon/react.md | 61 + static/usage/v8/reorder/custom-icon/vue.md | 66 + .../angular/example_component_css.md | 11 + .../angular/example_component_html.md | 36 + .../angular/example_component_ts.md | 23 + .../v8/reorder/custom-scroll-target/demo.html | 83 + .../v8/reorder/custom-scroll-target/index.md | 37 + .../custom-scroll-target/javascript.md | 62 + .../custom-scroll-target/react/main_css.md | 11 + .../custom-scroll-target/react/main_tsx.md | 64 + .../v8/reorder/custom-scroll-target/vue.md | 72 + .../angular/example_component_html.md | 34 + .../angular/example_component_ts.md | 28 + .../v8/reorder/toggling-disabled/demo.html | 82 + .../v8/reorder/toggling-disabled/index.md | 26 + .../reorder/toggling-disabled/javascript.md | 52 + .../v8/reorder/toggling-disabled/react.md | 68 + .../usage/v8/reorder/toggling-disabled/vue.md | 64 + .../angular/example_component_html.md | 12 + .../angular/example_component_ts.md | 31 + .../usage/v8/reorder/updating-data/demo.html | 74 + .../usage/v8/reorder/updating-data/index.md | 26 + .../v8/reorder/updating-data/javascript.md | 49 + .../usage/v8/reorder/updating-data/react.md | 37 + static/usage/v8/reorder/updating-data/vue.md | 40 + .../wrapper/angular/example_component_html.md | 37 + .../wrapper/angular/example_component_ts.md | 22 + static/usage/v8/reorder/wrapper/demo.html | 76 + static/usage/v8/reorder/wrapper/index.md | 26 + static/usage/v8/reorder/wrapper/javascript.md | 51 + static/usage/v8/reorder/wrapper/react.md | 55 + static/usage/v8/reorder/wrapper/vue.md | 61 + .../basic/angular/example_component_css.md | 43 + .../basic/angular/example_component_html.md | 17 + static/usage/v8/ripple-effect/basic/demo.html | 80 + static/usage/v8/ripple-effect/basic/index.md | 33 + .../v8/ripple-effect/basic/javascript.md | 61 + .../v8/ripple-effect/basic/react/main_css.md | 43 + .../v8/ripple-effect/basic/react/main_tsx.md | 27 + static/usage/v8/ripple-effect/basic/vue.md | 72 + .../angular/example_component_css.md | 44 + .../angular/example_component_html.md | 15 + .../v8/ripple-effect/customizing/demo.html | 79 + .../v8/ripple-effect/customizing/index.md | 33 + .../ripple-effect/customizing/javascript.md | 60 + .../customizing/react/main_css.md | 44 + .../customizing/react/main_tsx.md | 25 + .../usage/v8/ripple-effect/customizing/vue.md | 71 + .../type/angular/example_component_css.md | 44 + .../type/angular/example_component_html.md | 15 + static/usage/v8/ripple-effect/type/demo.html | 79 + static/usage/v8/ripple-effect/type/index.md | 33 + .../usage/v8/ripple-effect/type/javascript.md | 60 + .../v8/ripple-effect/type/react/main_css.md | 44 + .../v8/ripple-effect/type/react/main_tsx.md | 25 + static/usage/v8/ripple-effect/type/vue.md | 71 + static/usage/v8/router/basic/demo.html | 62 + static/usage/v8/router/basic/index.md | 11 + static/usage/v8/router/basic/javascript.md | 47 + static/usage/v8/searchbar/basic/angular.md | 7 + static/usage/v8/searchbar/basic/demo.html | 32 + static/usage/v8/searchbar/basic/index.md | 13 + static/usage/v8/searchbar/basic/javascript.md | 7 + static/usage/v8/searchbar/basic/react.md | 17 + static/usage/v8/searchbar/basic/vue.md | 18 + .../v8/searchbar/cancel-button/angular.md | 11 + .../v8/searchbar/cancel-button/demo.html | 36 + .../usage/v8/searchbar/cancel-button/index.md | 13 + .../v8/searchbar/cancel-button/javascript.md | 11 + .../usage/v8/searchbar/cancel-button/react.md | 22 + .../usage/v8/searchbar/cancel-button/vue.md | 26 + .../v8/searchbar/clear-button/angular.md | 6 + .../usage/v8/searchbar/clear-button/demo.html | 31 + .../usage/v8/searchbar/clear-button/index.md | 13 + .../v8/searchbar/clear-button/javascript.md | 6 + .../usage/v8/searchbar/clear-button/react.md | 17 + static/usage/v8/searchbar/clear-button/vue.md | 21 + .../angular/example_component_html.md | 9 + .../debounce/angular/example_component_ts.md | 28 + static/usage/v8/searchbar/debounce/demo.html | 73 + static/usage/v8/searchbar/debounce/index.md | 26 + .../usage/v8/searchbar/debounce/javascript.md | 48 + static/usage/v8/searchbar/debounce/react.md | 41 + static/usage/v8/searchbar/debounce/vue.md | 43 + .../usage/v8/searchbar/search-icon/angular.md | 4 + .../usage/v8/searchbar/search-icon/demo.html | 29 + .../usage/v8/searchbar/search-icon/index.md | 8 + .../v8/searchbar/search-icon/javascript.md | 4 + .../usage/v8/searchbar/search-icon/react.md | 15 + static/usage/v8/searchbar/search-icon/vue.md | 19 + .../v8/searchbar/theming/colors/angular.md | 12 + .../v8/searchbar/theming/colors/demo.html | 37 + .../v8/searchbar/theming/colors/index.md | 13 + .../v8/searchbar/theming/colors/javascript.md | 12 + .../v8/searchbar/theming/colors/react.md | 22 + .../usage/v8/searchbar/theming/colors/vue.md | 23 + .../angular/example_component_css.md | 20 + .../angular/example_component_html.md | 3 + .../theming/css-properties/demo.html | 46 + .../searchbar/theming/css-properties/index.md | 32 + .../theming/css-properties/javascript.md | 24 + .../theming/css-properties/react/main_css.md | 20 + .../theming/css-properties/react/main_tsx.md | 11 + .../searchbar/theming/css-properties/vue.md | 35 + .../usage/v8/segment-button/basic/angular.md | 25 + .../usage/v8/segment-button/basic/demo.html | 54 + static/usage/v8/segment-button/basic/index.md | 8 + .../v8/segment-button/basic/javascript.md | 25 + static/usage/v8/segment-button/basic/react.md | 35 + static/usage/v8/segment-button/basic/vue.md | 36 + .../usage/v8/segment-button/layout/angular.md | 73 + .../usage/v8/segment-button/layout/demo.html | 102 + .../usage/v8/segment-button/layout/index.md | 13 + .../v8/segment-button/layout/javascript.md | 73 + .../usage/v8/segment-button/layout/react.md | 84 + static/usage/v8/segment-button/layout/vue.md | 88 + .../angular/example_component_css.md | 19 + .../angular/example_component_html.md | 13 + .../theming/css-properties/demo.html | 57 + .../theming/css-properties/index.md | 32 + .../theming/css-properties/javascript.md | 33 + .../theming/css-properties/react/main_css.md | 19 + .../theming/css-properties/react/main_tsx.md | 23 + .../theming/css-properties/vue.md | 44 + .../angular/example_component_css.md | 31 + .../angular/example_component_html.md | 13 + .../theming/css-shadow-parts/demo.html | 69 + .../theming/css-shadow-parts/index.md | 32 + .../theming/css-shadow-parts/javascript.md | 45 + .../css-shadow-parts/react/main_css.md | 31 + .../css-shadow-parts/react/main_tsx.md | 23 + .../theming/css-shadow-parts/vue.md | 56 + static/usage/v8/segment/basic/angular.md | 19 + static/usage/v8/segment/basic/demo.html | 48 + static/usage/v8/segment/basic/index.md | 8 + static/usage/v8/segment/basic/javascript.md | 19 + static/usage/v8/segment/basic/react.md | 29 + static/usage/v8/segment/basic/vue.md | 30 + static/usage/v8/segment/scrollable/angular.md | 34 + static/usage/v8/segment/scrollable/demo.html | 64 + static/usage/v8/segment/scrollable/index.md | 13 + .../usage/v8/segment/scrollable/javascript.md | 34 + static/usage/v8/segment/scrollable/react.md | 43 + static/usage/v8/segment/scrollable/vue.md | 60 + .../v8/segment/theming/colors/angular.md | 82 + .../usage/v8/segment/theming/colors/demo.html | 111 + .../usage/v8/segment/theming/colors/index.md | 13 + .../v8/segment/theming/colors/javascript.md | 82 + .../usage/v8/segment/theming/colors/react.md | 92 + static/usage/v8/segment/theming/colors/vue.md | 93 + .../angular/example_component_css.md | 5 + .../angular/example_component_html.md | 10 + .../segment/theming/css-properties/demo.html | 40 + .../segment/theming/css-properties/index.md | 32 + .../theming/css-properties/javascript.md | 16 + .../theming/css-properties/react/main_css.md | 5 + .../theming/css-properties/react/main_tsx.md | 22 + .../v8/segment/theming/css-properties/vue.md | 27 + .../basic/multiple-selection/angular.md | 11 + .../select/basic/multiple-selection/demo.html | 30 + .../select/basic/multiple-selection/index.md | 13 + .../basic/multiple-selection/javascript.md | 11 + .../select/basic/multiple-selection/react.md | 18 + .../v8/select/basic/multiple-selection/vue.md | 22 + .../angular/example_component_html.md | 17 + .../angular/example_component_ts.md | 21 + .../basic/responding-to-interaction/demo.html | 46 + .../basic/responding-to-interaction/index.md | 26 + .../responding-to-interaction/javascript.md | 27 + .../basic/responding-to-interaction/react.md | 26 + .../basic/responding-to-interaction/vue.md | 39 + .../select/basic/single-selection/angular.md | 11 + .../select/basic/single-selection/demo.html | 30 + .../v8/select/basic/single-selection/index.md | 13 + .../basic/single-selection/javascript.md | 11 + .../v8/select/basic/single-selection/react.md | 18 + .../v8/select/basic/single-selection/vue.md | 22 + .../customization/button-text/angular.md | 23 + .../customization/button-text/demo.html | 47 + .../select/customization/button-text/index.md | 13 + .../customization/button-text/javascript.md | 23 + .../select/customization/button-text/react.md | 30 + .../select/customization/button-text/vue.md | 34 + .../custom-toggle-icons/angular.md | 17 + .../custom-toggle-icons/demo.html | 36 + .../custom-toggle-icons/index.md | 13 + .../custom-toggle-icons/javascript.md | 17 + .../custom-toggle-icons/react.md | 26 + .../customization/custom-toggle-icons/vue.md | 32 + .../angular/example_component_css.md | 13 + .../angular/example_component_html.md | 30 + .../angular/example_component_ts.md | 10 + .../icon-flip-behavior/demo.html | 63 + .../customization/icon-flip-behavior/index.md | 34 + .../icon-flip-behavior/javascript.md | 44 + .../icon-flip-behavior/react/main_css.md | 13 + .../icon-flip-behavior/react/main_tsx.md | 41 + .../customization/icon-flip-behavior/vue.md | 59 + .../angular/example_component_html.md | 32 + .../angular/example_component_ts.md | 27 + .../customization/interface-options/demo.html | 83 + .../customization/interface-options/index.md | 25 + .../interface-options/javascript.md | 53 + .../customization/interface-options/react.md | 57 + .../customization/interface-options/vue.md | 73 + .../angular/example_component_css.md | 27 + .../angular/example_component_html.md | 7 + .../angular/example_component_ts.md | 10 + .../customization/styling-select/demo.html | 58 + .../customization/styling-select/index.md | 34 + .../styling-select/javascript.md | 35 + .../styling-select/react/main_css.md | 27 + .../styling-select/react/main_tsx.md | 17 + .../customization/styling-select/vue.md | 46 + static/usage/v8/select/fill/angular.md | 15 + static/usage/v8/select/fill/demo.html | 42 + static/usage/v8/select/fill/index.md | 14 + static/usage/v8/select/fill/javascript.md | 15 + static/usage/v8/select/fill/react.md | 25 + static/usage/v8/select/fill/vue.md | 26 + .../select/interfaces/action-sheet/angular.md | 11 + .../select/interfaces/action-sheet/demo.html | 30 + .../select/interfaces/action-sheet/index.md | 13 + .../interfaces/action-sheet/javascript.md | 11 + .../select/interfaces/action-sheet/react.md | 18 + .../v8/select/interfaces/action-sheet/vue.md | 22 + .../v8/select/interfaces/popover/angular.md | 11 + .../v8/select/interfaces/popover/demo.html | 30 + .../v8/select/interfaces/popover/index.md | 13 + .../select/interfaces/popover/javascript.md | 11 + .../v8/select/interfaces/popover/react.md | 18 + .../usage/v8/select/interfaces/popover/vue.md | 22 + static/usage/v8/select/justify/angular.md | 23 + static/usage/v8/select/justify/demo.html | 49 + static/usage/v8/select/justify/index.md | 13 + static/usage/v8/select/justify/javascript.md | 23 + static/usage/v8/select/justify/react.md | 33 + static/usage/v8/select/justify/vue.md | 36 + .../v8/select/label-placement/angular.md | 35 + .../usage/v8/select/label-placement/demo.html | 60 + .../usage/v8/select/label-placement/index.md | 13 + .../v8/select/label-placement/javascript.md | 35 + .../usage/v8/select/label-placement/react.md | 43 + static/usage/v8/select/label-placement/vue.md | 46 + static/usage/v8/select/label-slot/angular.md | 12 + static/usage/v8/select/label-slot/demo.html | 31 + static/usage/v8/select/label-slot/index.md | 13 + .../usage/v8/select/label-slot/javascript.md | 12 + static/usage/v8/select/label-slot/react.md | 22 + static/usage/v8/select/label-slot/vue.md | 23 + static/usage/v8/select/migration/index.md | 140 + .../v8/select/no-visible-label/angular.md | 11 + .../v8/select/no-visible-label/demo.html | 30 + .../usage/v8/select/no-visible-label/index.md | 13 + .../v8/select/no-visible-label/javascript.md | 11 + .../usage/v8/select/no-visible-label/react.md | 19 + .../usage/v8/select/no-visible-label/vue.md | 22 + .../angular/example_component_html.md | 15 + .../angular/example_component_ts.md | 43 + .../multiple-selection/demo.html | 72 + .../multiple-selection/index.md | 26 + .../multiple-selection/javascript.md | 53 + .../multiple-selection/react.md | 63 + .../multiple-selection/vue.md | 63 + .../angular/example_component_html.md | 14 + .../angular/example_component_ts.md | 35 + .../using-comparewith/demo.html | 64 + .../using-comparewith/index.md | 26 + .../using-comparewith/javascript.md | 46 + .../using-comparewith/react.md | 54 + .../using-comparewith/vue.md | 54 + .../typeahead/angular/angular_types_ts.md | 6 + .../select/typeahead/angular/app_module_ts.md | 19 + .../angular/example_component_html.md | 23 + .../typeahead/angular/example_component_ts.md | 59 + .../angular/modal-example_component_html.md | 26 + .../angular/modal-example_component_ts.md | 82 + static/usage/v8/select/typeahead/demo.html | 220 ++ static/usage/v8/select/typeahead/index.md | 52 + .../usage/v8/select/typeahead/javascript.md | 205 ++ .../v8/select/typeahead/react/main_tsx.md | 83 + .../select/typeahead/react/react_types_ts.md | 6 + .../react/typeahead_component_tsx.md | 122 + .../v8/select/typeahead/vue/example_vue.md | 83 + .../typeahead/vue/typeahead_component_vue.md | 135 + .../v8/select/typeahead/vue/vue_types_ts.md | 6 + .../basic/angular/example_component_html.md | 39 + .../basic/angular/example_component_ts.md | 12 + static/usage/v8/skeleton-text/basic/demo.html | 89 + static/usage/v8/skeleton-text/basic/index.md | 25 + .../v8/skeleton-text/basic/javascript.md | 60 + static/usage/v8/skeleton-text/basic/react.md | 61 + static/usage/v8/skeleton-text/basic/vue.md | 78 + .../angular/example_component_css.md | 7 + .../angular/example_component_html.md | 23 + .../theming/css-properties/demo.html | 58 + .../theming/css-properties/index.md | 33 + .../theming/css-properties/javascript.md | 31 + .../theming/css-properties/react/main_css.md | 7 + .../theming/css-properties/react/main_tsx.md | 33 + .../theming/css-properties/vue.md | 49 + static/usage/v8/spinner/basic/angular.md | 51 + static/usage/v8/spinner/basic/demo.html | 77 + static/usage/v8/spinner/basic/index.md | 13 + static/usage/v8/spinner/basic/javascript.md | 51 + static/usage/v8/spinner/basic/react.md | 61 + static/usage/v8/spinner/basic/vue.md | 62 + .../v8/spinner/theming/colors/angular.md | 12 + .../usage/v8/spinner/theming/colors/demo.html | 31 + .../usage/v8/spinner/theming/colors/index.md | 13 + .../v8/spinner/theming/colors/javascript.md | 12 + .../usage/v8/spinner/theming/colors/react.md | 22 + static/usage/v8/spinner/theming/colors/vue.md | 23 + .../angular/example_component_css.md | 5 + .../angular/example_component_html.md | 3 + .../spinner/theming/css-properties/demo.html | 28 + .../spinner/theming/css-properties/index.md | 32 + .../theming/css-properties/javascript.md | 9 + .../spinner/theming/css-properties/react.md | 9 + .../theming/css-properties/react/main_css.md | 5 + .../theming/css-properties/react/main_tsx.md | 15 + .../v8/spinner/theming/css-properties/vue.md | 20 + .../resizing/angular/example_component_css.md | 6 + .../angular/example_component_html.md | 3 + .../v8/spinner/theming/resizing/demo.html | 29 + .../v8/spinner/theming/resizing/index.md | 32 + .../v8/spinner/theming/resizing/javascript.md | 10 + .../v8/spinner/theming/resizing/react.md | 9 + .../theming/resizing/react/main_css.md | 6 + .../theming/resizing/react/main_tsx.md | 15 + .../usage/v8/spinner/theming/resizing/vue.md | 21 + static/usage/v8/split-pane/basic/angular.md | 21 + static/usage/v8/split-pane/basic/demo.html | 36 + static/usage/v8/split-pane/basic/index.md | 13 + .../usage/v8/split-pane/basic/javascript.md | 21 + static/usage/v8/split-pane/basic/react.md | 29 + static/usage/v8/split-pane/basic/vue.md | 32 + .../angular/example_component_css.md | 8 + .../angular/example_component_html.md | 21 + .../theming/css-properties/demo.html | 44 + .../theming/css-properties/index.md | 33 + .../theming/css-properties/javascript.md | 30 + .../theming/css-properties/react/main_css.md | 8 + .../theming/css-properties/react/main_tsx.md | 31 + .../split-pane/theming/css-properties/vue.md | 41 + .../tabs/router/angular/app_component_html.md | 3 + .../v8/tabs/router/angular/app_module_ts.md | 19 + .../router/angular/app_routing_module_ts.md | 42 + .../router/angular/example_component_html.md | 22 + .../v8/tabs/router/angular/global_css.md | 8 + .../angular/home_page_component_html.md | 10 + .../router/angular/home_page_component_ts.md | 9 + .../router/angular/home_page_module_ts.md | 14 + .../angular/library_page_component_html.md | 10 + .../angular/library_page_component_ts.md | 9 + .../router/angular/library_page_module_ts.md | 14 + .../angular/radio_page_component_html.md | 10 + .../router/angular/radio_page_component_ts.md | 9 + .../router/angular/radio_page_module_ts.md | 14 + .../angular/search_page_component_html.md | 10 + .../angular/search_page_component_ts.md | 9 + .../router/angular/search_page_module_ts.md | 14 + static/usage/v8/tabs/router/demo.html | 114 + static/usage/v8/tabs/router/index.md | 93 + static/usage/v8/tabs/router/javascript.md | 101 + .../v8/tabs/router/react/home_page_tsx.md | 28 + .../v8/tabs/router/react/library_page_tsx.md | 28 + static/usage/v8/tabs/router/react/main_tsx.md | 58 + .../v8/tabs/router/react/radio_page_tsx.md | 28 + .../v8/tabs/router/react/search_page_tsx.md | 28 + static/usage/v8/tabs/router/vue.md | 81 + static/usage/v8/tabs/router/vue/app_vue.md | 20 + .../usage/v8/tabs/router/vue/example_vue.md | 48 + .../usage/v8/tabs/router/vue/home_page_vue.md | 31 + .../v8/tabs/router/vue/library_page_vue.md | 31 + static/usage/v8/tabs/router/vue/main_ts.md | 32 + .../v8/tabs/router/vue/radio_page_vue.md | 31 + static/usage/v8/tabs/router/vue/router_ts.md | 46 + .../v8/tabs/router/vue/search_page_vue.md | 31 + static/usage/v8/text/basic/angular.md | 21 + static/usage/v8/text/basic/demo.html | 59 + static/usage/v8/text/basic/index.md | 8 + static/usage/v8/text/basic/javascript.md | 21 + static/usage/v8/text/basic/react.md | 35 + static/usage/v8/text/basic/vue.md | 38 + static/usage/v8/textarea/autogrow/angular.md | 10 + static/usage/v8/textarea/autogrow/demo.html | 41 + static/usage/v8/textarea/autogrow/index.md | 13 + .../usage/v8/textarea/autogrow/javascript.md | 10 + static/usage/v8/textarea/autogrow/react.md | 16 + static/usage/v8/textarea/autogrow/vue.md | 21 + static/usage/v8/textarea/basic/angular.md | 13 + static/usage/v8/textarea/basic/demo.html | 38 + static/usage/v8/textarea/basic/index.md | 13 + static/usage/v8/textarea/basic/javascript.md | 13 + static/usage/v8/textarea/basic/react.md | 20 + static/usage/v8/textarea/basic/vue.md | 24 + .../v8/textarea/clear-on-edit/angular.md | 6 + .../usage/v8/textarea/clear-on-edit/demo.html | 29 + .../usage/v8/textarea/clear-on-edit/index.md | 13 + .../v8/textarea/clear-on-edit/javascript.md | 6 + .../usage/v8/textarea/clear-on-edit/react.md | 13 + static/usage/v8/textarea/clear-on-edit/vue.md | 17 + .../counter/angular/example_component_html.md | 11 + .../counter/angular/example_component_ts.md | 13 + static/usage/v8/textarea/counter/demo.html | 44 + static/usage/v8/textarea/counter/index.md | 25 + .../usage/v8/textarea/counter/javascript.md | 16 + static/usage/v8/textarea/counter/react.md | 21 + static/usage/v8/textarea/counter/vue.md | 27 + static/usage/v8/textarea/fill/angular.md | 7 + static/usage/v8/textarea/fill/demo.html | 44 + static/usage/v8/textarea/fill/index.md | 14 + static/usage/v8/textarea/fill/javascript.md | 12 + static/usage/v8/textarea/fill/react.md | 21 + static/usage/v8/textarea/fill/vue.md | 23 + .../usage/v8/textarea/helper-error/angular.md | 11 + .../usage/v8/textarea/helper-error/demo.html | 61 + .../usage/v8/textarea/helper-error/index.md | 18 + .../v8/textarea/helper-error/javascript.md | 37 + .../usage/v8/textarea/helper-error/react.md | 49 + static/usage/v8/textarea/helper-error/vue.md | 47 + .../v8/textarea/label-placement/angular.md | 16 + .../v8/textarea/label-placement/demo.html | 41 + .../v8/textarea/label-placement/index.md | 13 + .../v8/textarea/label-placement/javascript.md | 16 + .../v8/textarea/label-placement/react.md | 24 + .../usage/v8/textarea/label-placement/vue.md | 27 + .../usage/v8/textarea/label-slot/angular.md | 9 + static/usage/v8/textarea/label-slot/demo.html | 28 + static/usage/v8/textarea/label-slot/index.md | 8 + .../v8/textarea/label-slot/javascript.md | 9 + static/usage/v8/textarea/label-slot/react.md | 19 + static/usage/v8/textarea/label-slot/vue.md | 20 + static/usage/v8/textarea/migration/index.md | 248 ++ .../v8/textarea/no-visible-label/angular.md | 7 + .../v8/textarea/no-visible-label/demo.html | 26 + .../v8/textarea/no-visible-label/index.md | 8 + .../textarea/no-visible-label/javascript.md | 7 + .../v8/textarea/no-visible-label/react.md | 15 + .../usage/v8/textarea/no-visible-label/vue.md | 18 + .../theming/angular/example_component_css.md | 10 + .../theming/angular/example_component_html.md | 10 + .../v8/textarea/theming/angular/global_css.md | 14 + static/usage/v8/textarea/theming/demo.html | 50 + static/usage/v8/textarea/theming/index.md | 35 + .../usage/v8/textarea/theming/javascript.md | 28 + .../v8/textarea/theming/react/main_css.md | 17 + .../v8/textarea/theming/react/main_tsx.md | 20 + static/usage/v8/textarea/theming/vue.md | 39 + .../angular/example_component_html.md | 45 + .../always-dark-mode/angular/styles_css.md | 39 + .../v8/theming/always-dark-mode/demo.html | 82 + .../v8/theming/always-dark-mode/index.md | 52 + .../always-dark-mode/javascript/index_html.md | 45 + .../always-dark-mode/javascript/index_ts.md | 35 + .../theming/always-dark-mode/react/app_tsx.md | 46 + .../always-dark-mode/react/main_tsx.md | 76 + .../always-dark-mode/theme/variables_css.md | 27 + .../always-dark-mode/vue/example_vue.md | 90 + .../theming/always-dark-mode/vue/main_ts.md | 38 + .../angular/example_component_html.md | 45 + .../angular/styles_css.md | 37 + .../always-high-contrast-mode/demo.html | 61 + .../always-high-contrast-mode/index.md | 46 + .../javascript/index_html.md | 45 + .../javascript/index_ts.md | 30 + .../react/app_tsx.md | 41 + .../react/main_tsx.md | 76 + .../vue/example_vue.md | 90 + .../always-high-contrast-mode/vue/main_ts.md | 33 + .../angular/example_component_html.md | 53 + .../angular/example_component_ts.md | 39 + .../class-dark-mode/angular/global_css.md | 6 + .../class-dark-mode/angular/styles_css.md | 39 + .../v8/theming/class-dark-mode/demo.html | 150 + .../usage/v8/theming/class-dark-mode/index.md | 58 + .../class-dark-mode/javascript/index_html.md | 94 + .../class-dark-mode/javascript/index_ts.md | 35 + .../theming/class-dark-mode/react/app_tsx.md | 46 + .../theming/class-dark-mode/react/main_css.md | 6 + .../theming/class-dark-mode/react/main_tsx.md | 117 + .../class-dark-mode/theme/variables_css.md | 33 + .../class-dark-mode/vue/example_vue.md | 143 + .../v8/theming/class-dark-mode/vue/main_ts.md | 38 + .../angular/example_component_html.md | 61 + .../angular/example_component_ts.md | 61 + .../angular/global_css.md | 6 + .../angular/styles_css.md | 40 + .../class-high-contrast-mode/demo.html | 145 + .../theming/class-high-contrast-mode/index.md | 52 + .../javascript/index_html.md | 111 + .../javascript/index_ts.md | 33 + .../class-high-contrast-mode/react/app_tsx.md | 44 + .../react/main_css.md | 6 + .../react/main_tsx.md | 144 + .../vue/example_vue.md | 165 + .../class-high-contrast-mode/vue/main_ts.md | 36 + .../angular/example_component_html.md | 45 + .../system-dark-mode/angular/global_css.md | 6 + .../system-dark-mode/angular/styles_css.md | 39 + .../v8/theming/system-dark-mode/demo.html | 95 + .../v8/theming/system-dark-mode/index.md | 56 + .../system-dark-mode/javascript/index_html.md | 52 + .../system-dark-mode/javascript/index_ts.md | 35 + .../theming/system-dark-mode/react/app_tsx.md | 46 + .../system-dark-mode/react/main_css.md | 6 + .../system-dark-mode/react/main_tsx.md | 78 + .../system-dark-mode/theme/variables_css.md | 35 + .../system-dark-mode/vue/example_vue.md | 97 + .../theming/system-dark-mode/vue/main_ts.md | 38 + .../angular/example_component_html.md | 45 + .../angular/styles_css.md | 40 + .../system-high-contrast-mode/demo.html | 69 + .../system-high-contrast-mode/index.md | 46 + .../javascript/index_html.md | 45 + .../javascript/index_ts.md | 33 + .../react/app_tsx.md | 44 + .../react/main_tsx.md | 76 + .../vue/example_vue.md | 90 + .../system-high-contrast-mode/vue/main_ts.md | 39 + static/usage/v8/thumbnail/basic/angular.md | 5 + static/usage/v8/thumbnail/basic/demo.html | 24 + static/usage/v8/thumbnail/basic/index.md | 8 + static/usage/v8/thumbnail/basic/javascript.md | 5 + static/usage/v8/thumbnail/basic/react.md | 15 + static/usage/v8/thumbnail/basic/vue.md | 16 + static/usage/v8/thumbnail/item/angular.md | 8 + static/usage/v8/thumbnail/item/demo.html | 27 + static/usage/v8/thumbnail/item/index.md | 8 + static/usage/v8/thumbnail/item/javascript.md | 8 + static/usage/v8/thumbnail/item/react.md | 18 + static/usage/v8/thumbnail/item/vue.md | 19 + .../angular/example_component_css.md | 6 + .../angular/example_component_html.md | 5 + .../theming/css-properties/demo.html | 31 + .../thumbnail/theming/css-properties/index.md | 33 + .../theming/css-properties/javascript.md | 12 + .../theming/css-properties/react/main_css.md | 6 + .../theming/css-properties/react/main_tsx.md | 17 + .../thumbnail/theming/css-properties/vue.md | 23 + static/usage/v8/title/basic/angular.md | 7 + static/usage/v8/title/basic/demo.html | 22 + static/usage/v8/title/basic/index.md | 14 + static/usage/v8/title/basic/javascript.md | 7 + static/usage/v8/title/basic/react.md | 15 + static/usage/v8/title/basic/vue.md | 18 + .../collapsible-large-title/basic/angular.md | 39 + .../collapsible-large-title/basic/demo.html | 54 + .../collapsible-large-title/basic/index.md | 16 + .../basic/javascript.md | 39 + .../collapsible-large-title/basic/react.md | 49 + .../collapsible-large-title/basic/vue.md | 50 + .../buttons/angular.md | 45 + .../collapsible-large-title/buttons/demo.html | 60 + .../collapsible-large-title/buttons/index.md | 15 + .../buttons/javascript.md | 45 + .../collapsible-large-title/buttons/react.md | 55 + .../collapsible-large-title/buttons/vue.md | 56 + .../angular/example_component_html.md | 37 + .../css-properties/angular/global_css.md | 14 + .../v8/title/theming/css-properties/demo.html | 67 + .../v8/title/theming/css-properties/index.md | 34 + .../theming/css-properties/javascript.md | 52 + .../theming/css-properties/react/main_css.md | 14 + .../theming/css-properties/react/main_tsx.md | 49 + .../v8/title/theming/css-properties/vue.md | 62 + .../buttons/angular/example_component_html.md | 10 + .../buttons/angular/example_component_ts.md | 31 + static/usage/v8/toast/buttons/demo.html | 54 + static/usage/v8/toast/buttons/index.md | 26 + static/usage/v8/toast/buttons/javascript.md | 30 + static/usage/v8/toast/buttons/react.md | 35 + static/usage/v8/toast/buttons/vue.md | 50 + static/usage/v8/toast/icon/angular.md | 4 + static/usage/v8/toast/icon/demo.html | 28 + static/usage/v8/toast/icon/index.md | 18 + static/usage/v8/toast/icon/javascript.md | 4 + static/usage/v8/toast/icon/react.md | 15 + static/usage/v8/toast/icon/vue.md | 20 + static/usage/v8/toast/inline/basic/angular.md | 12 + static/usage/v8/toast/inline/basic/demo.html | 27 + static/usage/v8/toast/inline/basic/index.md | 19 + .../usage/v8/toast/inline/basic/javascript.md | 12 + static/usage/v8/toast/inline/basic/react.md | 25 + static/usage/v8/toast/inline/basic/vue.md | 30 + .../is-open/angular/example_component_html.md | 16 + .../is-open/angular/example_component_ts.md | 15 + .../usage/v8/toast/inline/is-open/demo.html | 33 + static/usage/v8/toast/inline/is-open/index.md | 26 + .../v8/toast/inline/is-open/javascript.md | 18 + static/usage/v8/toast/inline/is-open/react.md | 31 + static/usage/v8/toast/inline/is-open/vue.md | 35 + .../layout/angular/example_component_html.md | 17 + .../layout/angular/example_component_ts.md | 15 + static/usage/v8/toast/layout/demo.html | 49 + static/usage/v8/toast/layout/index.md | 25 + static/usage/v8/toast/layout/javascript.md | 27 + static/usage/v8/toast/layout/react.md | 35 + static/usage/v8/toast/layout/vue.md | 37 + .../usage/v8/toast/position-anchor/angular.md | 33 + .../usage/v8/toast/position-anchor/demo.html | 57 + .../usage/v8/toast/position-anchor/index.md | 19 + .../v8/toast/position-anchor/javascript.md | 33 + .../usage/v8/toast/position-anchor/react.md | 43 + static/usage/v8/toast/position-anchor/vue.md | 52 + .../angular/example_component_html.md | 5 + .../angular/example_component_ts.md | 22 + .../v8/toast/presenting/controller/demo.html | 52 + .../v8/toast/presenting/controller/index.md | 25 + .../toast/presenting/controller/javascript.md | 17 + .../v8/toast/presenting/controller/react.md | 31 + .../v8/toast/presenting/controller/vue.md | 26 + .../theming/angular/example_component_html.md | 10 + .../theming/angular/example_component_ts.md | 18 + .../v8/toast/theming/angular/global_css.md | 17 + static/usage/v8/toast/theming/demo.html | 61 + static/usage/v8/toast/theming/index.md | 34 + static/usage/v8/toast/theming/javascript.md | 32 + .../usage/v8/toast/theming/react/main_css.md | 17 + .../usage/v8/toast/theming/react/main_tsx.md | 27 + static/usage/v8/toast/theming/vue.md | 48 + static/usage/v8/toggle/alignment/angular.md | 4 + static/usage/v8/toggle/alignment/demo.html | 25 + static/usage/v8/toggle/alignment/index.md | 17 + .../usage/v8/toggle/alignment/javascript.md | 4 + static/usage/v8/toggle/alignment/react.md | 20 + static/usage/v8/toggle/alignment/vue.md | 17 + static/usage/v8/toggle/basic/angular.md | 6 + static/usage/v8/toggle/basic/demo.html | 27 + static/usage/v8/toggle/basic/index.md | 8 + static/usage/v8/toggle/basic/javascript.md | 6 + static/usage/v8/toggle/basic/react.md | 24 + static/usage/v8/toggle/basic/vue.md | 17 + static/usage/v8/toggle/justify/angular.md | 13 + static/usage/v8/toggle/justify/demo.html | 38 + static/usage/v8/toggle/justify/index.md | 8 + static/usage/v8/toggle/justify/javascript.md | 13 + static/usage/v8/toggle/justify/react.md | 21 + static/usage/v8/toggle/justify/vue.md | 24 + .../v8/toggle/label-placement/angular.md | 6 + .../usage/v8/toggle/label-placement/demo.html | 27 + .../usage/v8/toggle/label-placement/index.md | 13 + .../v8/toggle/label-placement/javascript.md | 6 + .../usage/v8/toggle/label-placement/react.md | 22 + static/usage/v8/toggle/label-placement/vue.md | 17 + static/usage/v8/toggle/list/angular.md | 13 + static/usage/v8/toggle/list/demo.html | 32 + static/usage/v8/toggle/list/index.md | 8 + static/usage/v8/toggle/list/javascript.md | 13 + static/usage/v8/toggle/list/react.md | 21 + static/usage/v8/toggle/list/vue.md | 24 + static/usage/v8/toggle/migration/index.md | 188 ++ static/usage/v8/toggle/on-off/angular.md | 3 + static/usage/v8/toggle/on-off/demo.html | 22 + static/usage/v8/toggle/on-off/index.md | 8 + static/usage/v8/toggle/on-off/javascript.md | 3 + static/usage/v8/toggle/on-off/react.md | 9 + static/usage/v8/toggle/on-off/vue.md | 14 + .../usage/v8/toggle/theming/colors/angular.md | 11 + .../usage/v8/toggle/theming/colors/demo.html | 30 + .../usage/v8/toggle/theming/colors/index.md | 8 + .../v8/toggle/theming/colors/javascript.md | 11 + .../usage/v8/toggle/theming/colors/react.md | 21 + static/usage/v8/toggle/theming/colors/vue.md | 22 + .../angular/example_component_css.md | 27 + .../angular/example_component_html.md | 4 + .../toggle/theming/css-properties/demo.html | 50 + .../v8/toggle/theming/css-properties/index.md | 32 + .../theming/css-properties/javascript.md | 32 + .../theming/css-properties/react/main_css.md | 27 + .../theming/css-properties/react/main_tsx.md | 16 + .../v8/toggle/theming/css-properties/vue.md | 43 + .../angular/example_component_css.md | 34 + .../angular/example_component_html.md | 4 + .../toggle/theming/css-shadow-parts/demo.html | 58 + .../toggle/theming/css-shadow-parts/index.md | 32 + .../theming/css-shadow-parts/javascript.md | 39 + .../css-shadow-parts/react/main_css.md | 34 + .../css-shadow-parts/react/main_tsx.md | 16 + .../v8/toggle/theming/css-shadow-parts/vue.md | 50 + static/usage/v8/toolbar/basic/angular.md | 13 + static/usage/v8/toolbar/basic/demo.html | 28 + static/usage/v8/toolbar/basic/index.md | 14 + static/usage/v8/toolbar/basic/javascript.md | 13 + static/usage/v8/toolbar/basic/react.md | 23 + static/usage/v8/toolbar/basic/vue.md | 24 + static/usage/v8/toolbar/buttons/angular.md | 84 + static/usage/v8/toolbar/buttons/demo.html | 110 + static/usage/v8/toolbar/buttons/index.md | 13 + static/usage/v8/toolbar/buttons/javascript.md | 84 + static/usage/v8/toolbar/buttons/react.md | 95 + static/usage/v8/toolbar/buttons/vue.md | 99 + .../usage/v8/toolbar/progress-bars/angular.md | 8 + .../usage/v8/toolbar/progress-bars/demo.html | 23 + .../usage/v8/toolbar/progress-bars/index.md | 14 + .../v8/toolbar/progress-bars/javascript.md | 8 + .../usage/v8/toolbar/progress-bars/react.md | 16 + static/usage/v8/toolbar/progress-bars/vue.md | 19 + static/usage/v8/toolbar/searchbars/angular.md | 10 + static/usage/v8/toolbar/searchbars/demo.html | 25 + static/usage/v8/toolbar/searchbars/index.md | 14 + .../usage/v8/toolbar/searchbars/javascript.md | 10 + static/usage/v8/toolbar/searchbars/react.md | 18 + static/usage/v8/toolbar/searchbars/vue.md | 21 + static/usage/v8/toolbar/segments/angular.md | 14 + static/usage/v8/toolbar/segments/demo.html | 29 + static/usage/v8/toolbar/segments/index.md | 14 + .../usage/v8/toolbar/segments/javascript.md | 14 + static/usage/v8/toolbar/segments/react.md | 22 + static/usage/v8/toolbar/segments/vue.md | 25 + .../v8/toolbar/theming/colors/angular.md | 32 + .../usage/v8/toolbar/theming/colors/demo.html | 58 + .../usage/v8/toolbar/theming/colors/index.md | 13 + .../v8/toolbar/theming/colors/javascript.md | 32 + .../usage/v8/toolbar/theming/colors/react.md | 42 + static/usage/v8/toolbar/theming/colors/vue.md | 43 + .../angular/example_component_css.md | 14 + .../angular/example_component_html.md | 5 + .../toolbar/theming/css-properties/demo.html | 44 + .../toolbar/theming/css-properties/index.md | 33 + .../theming/css-properties/javascript.md | 20 + .../theming/css-properties/react/main_css.md | 14 + .../theming/css-properties/react/main_tsx.md | 15 + .../v8/toolbar/theming/css-properties/vue.md | 31 + .../core-concepts/cross-platform.md | 2 +- .../version-v5/layout/css-utilities.md | 3 +- .../version-v5/layout/global-stylesheets.md | 3 +- versioned_docs/version-v5/layout/grid.md | 2 - versioned_docs/version-v5/layout/structure.md | 2 +- .../version-v5/techniques/security.md | 2 +- versioned_docs/version-v5/theming/advanced.md | 3 +- versioned_docs/version-v5/theming/colors.md | 3 +- .../version-v5/theming/dark-mode.md | 3 +- .../version-v5/theming/platform-styles.md | 1 - versioned_docs/version-v5/theming/themes.md | 2 - .../version-v5/troubleshooting/build.md | 2 +- .../core-concepts/cross-platform.md | 2 +- .../version-v6/developing/config.md | 1 + .../version-v6/layout/css-utilities.md | 2 - .../version-v6/layout/global-stylesheets.md | 2 - versioned_docs/version-v6/layout/structure.md | 1 - .../version-v6/techniques/security.md | 1 - versioned_docs/version-v6/theming/advanced.md | 2 - versioned_docs/version-v6/theming/colors.md | 2 - .../version-v6/theming/dark-mode.md | 2 - .../version-v6/troubleshooting/build.md | 1 - versioned_docs/version-v7/README.md | 17 + .../version-v7/angular/build-options.md | 671 ++++ .../version-v7/angular/lifecycle.md | 103 + .../version-v7/angular/navigation.md | 497 +++ versioned_docs/version-v7/angular/overview.md | 46 + .../version-v7/angular/performance.md | 73 + versioned_docs/version-v7/angular/platform.md | 246 ++ versioned_docs/version-v7/angular/pwa.md | 166 + versioned_docs/version-v7/angular/slides.md | 366 +++ versioned_docs/version-v7/angular/storage.md | 32 + versioned_docs/version-v7/angular/testing.md | 593 ++++ .../version-v7/angular/virtual-scroll.md | 133 + .../version-v7/angular/your-first-app.md | 176 + .../angular/your-first-app/2-taking-photos.md | 134 + .../angular/your-first-app/3-saving-photos.md | 81 + .../your-first-app/4-loading-photos.md | 69 + .../angular/your-first-app/5-adding-mobile.md | 117 + .../your-first-app/6-deploying-mobile.md | 114 + .../angular/your-first-app/7-live-reload.md | 114 + .../angular/your-first-app/8-distribute.md | 100 + versioned_docs/version-v7/api.md | 17 + .../version-v7/api/accordion-group.md | 63 + versioned_docs/version-v7/api/accordion.md | 226 ++ versioned_docs/version-v7/api/action-sheet.md | 307 ++ versioned_docs/version-v7/api/alert.md | 356 +++ versioned_docs/version-v7/api/app.md | 55 + versioned_docs/version-v7/api/avatar.md | 76 + versioned_docs/version-v7/api/back-button.md | 66 + versioned_docs/version-v7/api/backdrop.md | 58 + versioned_docs/version-v7/api/badge.md | 68 + versioned_docs/version-v7/api/breadcrumb.md | 63 + versioned_docs/version-v7/api/breadcrumbs.md | 108 + versioned_docs/version-v7/api/button.md | 124 + versioned_docs/version-v7/api/buttons.md | 93 + versioned_docs/version-v7/api/card-content.md | 40 + versioned_docs/version-v7/api/card-header.md | 42 + .../version-v7/api/card-subtitle.md | 42 + versioned_docs/version-v7/api/card-title.md | 50 + versioned_docs/version-v7/api/card.md | 90 + versioned_docs/version-v7/api/checkbox.md | 152 + versioned_docs/version-v7/api/chip.md | 74 + versioned_docs/version-v7/api/col.md | 54 + versioned_docs/version-v7/api/content.md | 182 ++ .../version-v7/api/datetime-button.md | 90 + versioned_docs/version-v7/api/datetime.md | 500 +++ versioned_docs/version-v7/api/fab-button.md | 52 + versioned_docs/version-v7/api/fab-list.md | 42 + versioned_docs/version-v7/api/fab.md | 130 + versioned_docs/version-v7/api/footer.md | 84 + versioned_docs/version-v7/api/grid.md | 217 ++ versioned_docs/version-v7/api/header.md | 94 + versioned_docs/version-v7/api/icon.md | 43 + versioned_docs/version-v7/api/img.md | 54 + .../version-v7/api/infinite-scroll-content.md | 40 + .../version-v7/api/infinite-scroll.md | 119 + versioned_docs/version-v7/api/input.md | 253 ++ versioned_docs/version-v7/api/item-divider.md | 68 + versioned_docs/version-v7/api/item-group.md | 58 + versioned_docs/version-v7/api/item-option.md | 50 + versioned_docs/version-v7/api/item-options.md | 55 + versioned_docs/version-v7/api/item-sliding.md | 82 + versioned_docs/version-v7/api/item.md | 382 +++ versioned_docs/version-v7/api/label.md | 70 + versioned_docs/version-v7/api/list-header.md | 76 + versioned_docs/version-v7/api/list.md | 71 + versioned_docs/version-v7/api/loading.md | 122 + versioned_docs/version-v7/api/menu-button.md | 50 + versioned_docs/version-v7/api/menu-toggle.md | 52 + versioned_docs/version-v7/api/menu.md | 111 + versioned_docs/version-v7/api/modal.md | 324 ++ versioned_docs/version-v7/api/nav-link.md | 50 + versioned_docs/version-v7/api/nav.md | 74 + versioned_docs/version-v7/api/note.md | 74 + versioned_docs/version-v7/api/picker.md | 155 + versioned_docs/version-v7/api/popover.md | 262 ++ versioned_docs/version-v7/api/progress-bar.md | 100 + versioned_docs/version-v7/api/radio-group.md | 67 + versioned_docs/version-v7/api/radio.md | 138 + versioned_docs/version-v7/api/range.md | 225 ++ .../version-v7/api/refresher-content.md | 40 + versioned_docs/version-v7/api/refresher.md | 145 + .../version-v7/api/reorder-group.md | 71 + versioned_docs/version-v7/api/reorder.md | 104 + .../version-v7/api/ripple-effect.md | 72 + .../version-v7/api/route-redirect.md | 118 + versioned_docs/version-v7/api/route.md | 270 ++ versioned_docs/version-v7/api/router-link.md | 54 + .../version-v7/api/router-outlet.md | 57 + versioned_docs/version-v7/api/router.md | 116 + versioned_docs/version-v7/api/row.md | 55 + versioned_docs/version-v7/api/searchbar.md | 143 + .../version-v7/api/segment-button.md | 76 + versioned_docs/version-v7/api/segment.md | 123 + .../version-v7/api/select-option.md | 50 + versioned_docs/version-v7/api/select.md | 339 ++ .../version-v7/api/skeleton-text.md | 62 + versioned_docs/version-v7/api/spinner.md | 78 + versioned_docs/version-v7/api/split-pane.md | 89 + versioned_docs/version-v7/api/tab-bar.md | 169 + versioned_docs/version-v7/api/tab-button.md | 221 ++ versioned_docs/version-v7/api/tab.md | 54 + versioned_docs/version-v7/api/tabs.md | 88 + versioned_docs/version-v7/api/text.md | 58 + versioned_docs/version-v7/api/textarea.md | 187 ++ versioned_docs/version-v7/api/thumbnail.md | 70 + versioned_docs/version-v7/api/title.md | 104 + versioned_docs/version-v7/api/toast.md | 270 ++ versioned_docs/version-v7/api/toggle.md | 166 + versioned_docs/version-v7/api/toolbar.md | 110 + versioned_docs/version-v7/cli.md | 54 + .../version-v7/cli/commands/.gitignore | 2 + .../version-v7/cli/configuration.md | 243 ++ versioned_docs/version-v7/cli/livereload.md | 72 + .../version-v7/cli/using-a-proxy.md | 45 + versioned_docs/version-v7/components.md | 156 + versioned_docs/version-v7/contributing/coc.md | 13 + .../contributing/how-to-contribute.md | 252 ++ .../core-concepts/cross-platform.md | 180 ++ .../version-v7/core-concepts/fundamentals.md | 53 + .../version-v7/core-concepts/webview.md | 50 + .../what-are-progressive-web-apps.md | 72 + .../version-v7/deployment/app-store.md | 77 + .../version-v7/deployment/play-store.mdx | 167 + .../deployment/progressive-web-app.md | 25 + .../version-v7/developer-resources/books.md | 75 + .../version-v7/developer-resources/courses.md | 107 + .../version-v7/developer-resources/guides.md | 9 + .../creating-photo-gallery-device-storage.md | 195 ++ .../guides/first-app-v3/intro.md | 117 + .../guides/first-app-v3/ios-android-camera.md | 156 + .../realtime-updates-ionic-deploy.md | 193 ++ .../guides/first-app-v3/theming.md | 47 + .../track-bugs-ionic-monitoring.md | 92 + .../creating-photo-gallery-device-storage.md | 202 ++ .../guides/first-app-v4/intro.md | 97 + .../guides/first-app-v4/ios-android-camera.md | 154 + .../guides/first-app-v4/theming.md | 56 + .../version-v7/developer-resources/posts.md | 77 + .../version-v7/developer-resources/tools.md | 21 + .../version-v7/developer-resources/videos.md | 21 + .../version-v7/developing/android.md | 38 + .../version-v7/developing/config.md | 203 ++ .../developing/config/global/index.md | 89 + .../developing/config/per-component/index.md | 184 ++ .../config/per-platform-fallback/index.md | 108 + .../config/per-platform-overrides/index.md | 120 + .../developing/config/per-platform/index.md | 89 + .../developing/hardware-back-button.md | 415 +++ versioned_docs/version-v7/developing/ios.md | 39 + .../version-v7/developing/keyboard.md | 175 + .../version-v7/developing/managing-focus.md | 238 ++ .../version-v7/developing/previewing.md | 88 + .../version-v7/developing/scaffolding.md | 95 + .../version-v7/developing/starting.md | 48 + versioned_docs/version-v7/developing/tips.md | 153 + versioned_docs/version-v7/index.md | 152 + versioned_docs/version-v7/intro/cdn.md | 166 + versioned_docs/version-v7/intro/cli.md | 64 + .../version-v7/intro/environment.md | 67 + versioned_docs/version-v7/intro/first-app.md | 24 + versioned_docs/version-v7/intro/next.md | 36 + .../version-v7/intro/vscode-extension.md | 39 + .../version-v7/layout/css-utilities.md | 551 ++++ .../version-v7/layout/dynamic-font-scaling.md | 220 ++ .../version-v7/layout/global-stylesheets.md | 73 + versioned_docs/version-v7/layout/structure.md | 63 + versioned_docs/version-v7/native-faq.md | 24 + versioned_docs/version-v7/native-setup.md | 146 + versioned_docs/version-v7/native.md | 32 + versioned_docs/version-v7/native/.gitignore | 2 + versioned_docs/version-v7/react.md | 147 + ...onic-react-to-an-existing-react-project.md | 146 + versioned_docs/version-v7/react/lifecycle.md | 167 + versioned_docs/version-v7/react/navigation.md | 654 ++++ versioned_docs/version-v7/react/overlays.md | 91 + .../version-v7/react/performance.md | 47 + versioned_docs/version-v7/react/platform.md | 83 + versioned_docs/version-v7/react/pwa.md | 180 ++ versioned_docs/version-v7/react/quickstart.md | 454 +++ versioned_docs/version-v7/react/slides.md | 571 ++++ versioned_docs/version-v7/react/storage.md | 25 + .../version-v7/react/testing/introduction.md | 21 + .../testing/unit-testing/best-practices.md | 51 + .../react/testing/unit-testing/examples.md | 112 + .../react/testing/unit-testing/setup.md | 40 + .../version-v7/react/virtual-scroll.md | 76 + .../version-v7/react/your-first-app.md | 204 ++ .../react/your-first-app/2-taking-photos.md | 146 + .../react/your-first-app/3-saving-photos.md | 81 + .../react/your-first-app/4-loading-photos.md | 65 + .../react/your-first-app/5-adding-mobile.md | 73 + .../your-first-app/6-deploying-mobile.md | 107 + .../react/your-first-app/7-live-reload.md | 120 + .../react/your-first-app/8-distribute.md | 100 + .../version-v7/reference/browser-support.md | 46 + .../version-v7/reference/glossary.md | 570 ++++ .../version-v7/reference/release-notes.md | 7 + .../version-v7/reference/support.md | 116 + .../version-v7/reference/versioning.md | 24 + .../version-v7/techniques/security.md | 236 ++ versioned_docs/version-v7/test/page1.md | 3 + versioned_docs/version-v7/test/page2.md | 3 + versioned_docs/version-v7/theming/advanced.md | 208 ++ versioned_docs/version-v7/theming/basics.md | 42 + .../version-v7/theming/color-generator.md | 19 + versioned_docs/version-v7/theming/colors.md | 116 + .../version-v7/theming/css-shadow-parts.md | 165 + .../version-v7/theming/css-variables.md | 98 + .../version-v7/theming/dark-mode.md | 290 ++ .../version-v7/theming/platform-styles.md | 51 + versioned_docs/version-v7/theming/themes.md | 67 + .../version-v7/troubleshooting/build.md | 208 ++ .../version-v7/troubleshooting/cors.md | 304 ++ .../version-v7/troubleshooting/debugging.md | 100 + .../version-v7/troubleshooting/native.md | 96 + .../version-v7/troubleshooting/runtime.md | 221 ++ versioned_docs/version-v7/updating/4-0.md | 285 ++ versioned_docs/version-v7/updating/5-0.md | 37 + versioned_docs/version-v7/updating/6-0.md | 478 +++ versioned_docs/version-v7/updating/7-0.md | 155 + .../version-v7/utilities/animations.md | 367 +++ .../version-v7/utilities/gestures.md | 237 ++ versioned_docs/version-v7/vue/lifecycle.md | 107 + versioned_docs/version-v7/vue/navigation.md | 660 ++++ versioned_docs/version-v7/vue/overview.md | 66 + versioned_docs/version-v7/vue/performance.md | 50 + versioned_docs/version-v7/vue/platform.md | 87 + versioned_docs/version-v7/vue/pwa.md | 263 ++ versioned_docs/version-v7/vue/quickstart.md | 739 +++++ versioned_docs/version-v7/vue/slides.md | 572 ++++ versioned_docs/version-v7/vue/storage.md | 32 + versioned_docs/version-v7/vue/testing.md | 3 + .../version-v7/vue/troubleshooting.md | 134 + .../version-v7/vue/utility-functions.md | 184 ++ .../version-v7/vue/virtual-scroll.md | 143 + .../version-v7/vue/your-first-app.md | 220 ++ .../vue/your-first-app/2-taking-photos.md | 155 + .../vue/your-first-app/3-saving-photos.md | 70 + .../vue/your-first-app/4-loading-photos.md | 69 + .../vue/your-first-app/5-adding-mobile.md | 80 + .../vue/your-first-app/6-deploying-mobile.md | 118 + .../vue/your-first-app/7-live-reload.md | 134 + .../vue/your-first-app/8-distribute.md | 100 + versioned_sidebars/version-v7-sidebars.json | 687 ++++ versions.json | 3 +- versionsArchived.json | 4 + 4048 files changed, 141122 insertions(+), 7557 deletions(-) create mode 100644 docs/api/input-password-toggle.md create mode 100644 docs/api/picker-column-option.md create mode 100644 docs/api/picker-column.md create mode 100644 docs/api/picker-legacy.md create mode 100644 docs/theming/high-contrast-mode.md create mode 100644 docs/updating/8-0.md create mode 100644 src/translate/.detection/api/input-password-toggle.json create mode 100644 src/translate/.detection/api/input-password-toggle.readme.md create mode 100644 src/translate/.detection/api/picker-column-option.json create mode 100644 src/translate/.detection/api/picker-column-option.readme.md create mode 100644 src/translate/.detection/api/picker-column.json create mode 100644 src/translate/.detection/api/picker-column.readme.md create mode 100644 src/translate/.detection/api/picker-legacy.json create mode 100644 src/translate/.detection/api/picker-legacy.readme.md create mode 100644 src/translate/api/input-password-toggle.json create mode 100644 src/translate/api/input-password-toggle.readme.md create mode 100644 src/translate/api/picker-column-option.json create mode 100644 src/translate/api/picker-column-option.readme.md create mode 100644 src/translate/api/picker-column.json create mode 100644 src/translate/api/picker-column.readme.md create mode 100644 src/translate/api/picker-legacy.json create mode 100644 src/translate/api/picker-legacy.readme.md create mode 100644 static/code/stackblitz/v8/angular/angular.json create mode 100644 static/code/stackblitz/v8/angular/app.component.css create mode 100644 static/code/stackblitz/v8/angular/app.component.html create mode 100644 static/code/stackblitz/v8/angular/app.component.ts create mode 100644 static/code/stackblitz/v8/angular/app.component.withContent.html create mode 100644 static/code/stackblitz/v8/angular/app.module.ts create mode 100644 static/code/stackblitz/v8/angular/example.component.ts create mode 100644 static/code/stackblitz/v8/angular/global.css create mode 100644 static/code/stackblitz/v8/angular/main.ts create mode 100644 static/code/stackblitz/v8/angular/package.json create mode 100644 static/code/stackblitz/v8/angular/styles.css create mode 100644 static/code/stackblitz/v8/angular/tsconfig.json create mode 100644 static/code/stackblitz/v8/angular/variables.css create mode 100644 static/code/stackblitz/v8/html/index.html create mode 100644 static/code/stackblitz/v8/html/index.ts create mode 100644 static/code/stackblitz/v8/html/index.withContent.html create mode 100644 static/code/stackblitz/v8/html/package.json create mode 100644 static/code/stackblitz/v8/html/variables.css create mode 100644 static/code/stackblitz/v8/react/app.tsx create mode 100644 static/code/stackblitz/v8/react/app.withContent.tsx create mode 100644 static/code/stackblitz/v8/react/browserslistrc create mode 100644 static/code/stackblitz/v8/react/eslintrc.js create mode 100644 static/code/stackblitz/v8/react/index.html create mode 100644 static/code/stackblitz/v8/react/index.tsx create mode 100644 static/code/stackblitz/v8/react/package-lock.json create mode 100644 static/code/stackblitz/v8/react/package.json create mode 100644 static/code/stackblitz/v8/react/tsconfig.json create mode 100644 static/code/stackblitz/v8/react/variables.css create mode 100644 static/code/stackblitz/v8/react/vite.config.js create mode 100644 static/code/stackblitz/v8/vue/App.vue create mode 100644 static/code/stackblitz/v8/vue/App.withContent.vue create mode 100644 static/code/stackblitz/v8/vue/env.d.ts create mode 100644 static/code/stackblitz/v8/vue/index.html create mode 100644 static/code/stackblitz/v8/vue/main.ts create mode 100644 static/code/stackblitz/v8/vue/package-lock.json create mode 100644 static/code/stackblitz/v8/vue/package.json create mode 100644 static/code/stackblitz/v8/vue/tsconfig.json create mode 100644 static/code/stackblitz/v8/vue/tsconfig.node.json create mode 100644 static/code/stackblitz/v8/vue/variables.css create mode 100644 static/code/stackblitz/v8/vue/vite.config.ts rename static/usage/{ => v6}/common.css (100%) rename static/usage/{ => v6}/common.js (100%) create mode 100644 static/usage/v7/checkbox/label-link/angular.md create mode 100644 static/usage/v7/checkbox/label-link/demo.html create mode 100644 static/usage/v7/checkbox/label-link/index.md create mode 100644 static/usage/v7/checkbox/label-link/javascript.md create mode 100644 static/usage/v7/checkbox/label-link/react.md create mode 100644 static/usage/v7/checkbox/label-link/vue.md create mode 100644 static/usage/v7/common.css create mode 100644 static/usage/v7/common.js create mode 100644 static/usage/v7/datetime-button/format-options/angular.md create mode 100644 static/usage/v7/datetime-button/format-options/demo.html create mode 100644 static/usage/v7/datetime-button/format-options/index.md create mode 100644 static/usage/v7/datetime-button/format-options/javascript.md create mode 100644 static/usage/v7/datetime-button/format-options/react.md create mode 100644 static/usage/v7/datetime-button/format-options/vue.md create mode 100644 static/usage/v7/datetime/format-options/angular.md create mode 100644 static/usage/v7/datetime/format-options/demo.html create mode 100644 static/usage/v7/datetime/format-options/index.md create mode 100644 static/usage/v7/datetime/format-options/javascript.md create mode 100644 static/usage/v7/datetime/format-options/react.md create mode 100644 static/usage/v7/datetime/format-options/vue.md create mode 100644 static/usage/v8/accordion/accessibility/animations/angular.md create mode 100644 static/usage/v8/accordion/accessibility/animations/demo.html create mode 100644 static/usage/v8/accordion/accessibility/animations/index.md create mode 100644 static/usage/v8/accordion/accessibility/animations/javascript.md create mode 100644 static/usage/v8/accordion/accessibility/animations/react.md create mode 100644 static/usage/v8/accordion/accessibility/animations/vue.md create mode 100644 static/usage/v8/accordion/basic/angular.md create mode 100644 static/usage/v8/accordion/basic/demo.html create mode 100644 static/usage/v8/accordion/basic/index.md create mode 100644 static/usage/v8/accordion/basic/javascript.md create mode 100644 static/usage/v8/accordion/basic/react.md create mode 100644 static/usage/v8/accordion/basic/vue.md create mode 100644 static/usage/v8/accordion/customization/advanced-expansion-styles/angular/example_component_css.md create mode 100644 static/usage/v8/accordion/customization/advanced-expansion-styles/angular/example_component_html.md create mode 100644 static/usage/v8/accordion/customization/advanced-expansion-styles/angular/example_component_ts.md create mode 100644 static/usage/v8/accordion/customization/advanced-expansion-styles/demo.html create mode 100644 static/usage/v8/accordion/customization/advanced-expansion-styles/index.md create mode 100644 static/usage/v8/accordion/customization/advanced-expansion-styles/javascript.md create mode 100644 static/usage/v8/accordion/customization/advanced-expansion-styles/react/main_css.md create mode 100644 static/usage/v8/accordion/customization/advanced-expansion-styles/react/main_tsx.md create mode 100644 static/usage/v8/accordion/customization/advanced-expansion-styles/vue.md create mode 100644 static/usage/v8/accordion/customization/expansion-styles/angular.md create mode 100644 static/usage/v8/accordion/customization/expansion-styles/demo.html create mode 100644 static/usage/v8/accordion/customization/expansion-styles/index.md create mode 100644 static/usage/v8/accordion/customization/expansion-styles/javascript.md create mode 100644 static/usage/v8/accordion/customization/expansion-styles/react.md create mode 100644 static/usage/v8/accordion/customization/expansion-styles/vue.md create mode 100644 static/usage/v8/accordion/customization/icons/angular.md create mode 100644 static/usage/v8/accordion/customization/icons/demo.html create mode 100644 static/usage/v8/accordion/customization/icons/index.md create mode 100644 static/usage/v8/accordion/customization/icons/javascript.md create mode 100644 static/usage/v8/accordion/customization/icons/react.md create mode 100644 static/usage/v8/accordion/customization/icons/vue.md create mode 100644 static/usage/v8/accordion/customization/theming/angular/example_component_html.md create mode 100644 static/usage/v8/accordion/customization/theming/angular/global_css.md create mode 100644 static/usage/v8/accordion/customization/theming/demo.html create mode 100644 static/usage/v8/accordion/customization/theming/index.md create mode 100644 static/usage/v8/accordion/customization/theming/javascript.md create mode 100644 static/usage/v8/accordion/customization/theming/react/main_css.md create mode 100644 static/usage/v8/accordion/customization/theming/react/main_tsx.md create mode 100644 static/usage/v8/accordion/customization/theming/vue.md create mode 100644 static/usage/v8/accordion/disable-group/angular.md create mode 100644 static/usage/v8/accordion/disable-group/demo.html create mode 100644 static/usage/v8/accordion/disable-group/index.md create mode 100644 static/usage/v8/accordion/disable-group/javascript.md create mode 100644 static/usage/v8/accordion/disable-group/react.md create mode 100644 static/usage/v8/accordion/disable-group/vue.md create mode 100644 static/usage/v8/accordion/disable/group/angular.md create mode 100644 static/usage/v8/accordion/disable/group/demo.html create mode 100644 static/usage/v8/accordion/disable/group/index.md create mode 100644 static/usage/v8/accordion/disable/group/javascript.md create mode 100644 static/usage/v8/accordion/disable/group/react.md create mode 100644 static/usage/v8/accordion/disable/group/vue.md create mode 100644 static/usage/v8/accordion/disable/individual/angular.md create mode 100644 static/usage/v8/accordion/disable/individual/demo.html create mode 100644 static/usage/v8/accordion/disable/individual/index.md create mode 100644 static/usage/v8/accordion/disable/individual/javascript.md create mode 100644 static/usage/v8/accordion/disable/individual/react.md create mode 100644 static/usage/v8/accordion/disable/individual/vue.md create mode 100644 static/usage/v8/accordion/listen-changes/angular/example_component_html.md create mode 100644 static/usage/v8/accordion/listen-changes/angular/example_component_ts.md create mode 100644 static/usage/v8/accordion/listen-changes/demo.html create mode 100644 static/usage/v8/accordion/listen-changes/index.md create mode 100644 static/usage/v8/accordion/listen-changes/javascript.md create mode 100644 static/usage/v8/accordion/listen-changes/react.md create mode 100644 static/usage/v8/accordion/listen-changes/vue.md create mode 100644 static/usage/v8/accordion/multiple/angular.md create mode 100644 static/usage/v8/accordion/multiple/demo.html create mode 100644 static/usage/v8/accordion/multiple/index.md create mode 100644 static/usage/v8/accordion/multiple/javascript.md create mode 100644 static/usage/v8/accordion/multiple/react.md create mode 100644 static/usage/v8/accordion/multiple/vue.md create mode 100644 static/usage/v8/accordion/readonly/group/angular.md create mode 100644 static/usage/v8/accordion/readonly/group/demo.html create mode 100644 static/usage/v8/accordion/readonly/group/index.md create mode 100644 static/usage/v8/accordion/readonly/group/javascript.md create mode 100644 static/usage/v8/accordion/readonly/group/react.md create mode 100644 static/usage/v8/accordion/readonly/group/vue.md create mode 100644 static/usage/v8/accordion/readonly/individual/angular.md create mode 100644 static/usage/v8/accordion/readonly/individual/demo.html create mode 100644 static/usage/v8/accordion/readonly/individual/index.md create mode 100644 static/usage/v8/accordion/readonly/individual/javascript.md create mode 100644 static/usage/v8/accordion/readonly/individual/react.md create mode 100644 static/usage/v8/accordion/readonly/individual/vue.md create mode 100644 static/usage/v8/accordion/toggle/angular/example_component_html.md create mode 100644 static/usage/v8/accordion/toggle/angular/example_component_ts.md create mode 100644 static/usage/v8/accordion/toggle/demo.html create mode 100644 static/usage/v8/accordion/toggle/index.md create mode 100644 static/usage/v8/accordion/toggle/javascript.md create mode 100644 static/usage/v8/accordion/toggle/react.md create mode 100644 static/usage/v8/accordion/toggle/vue.md create mode 100644 static/usage/v8/action-sheet/controller/angular/example_component_html.md create mode 100644 static/usage/v8/action-sheet/controller/angular/example_component_ts.md create mode 100644 static/usage/v8/action-sheet/controller/demo.html create mode 100644 static/usage/v8/action-sheet/controller/index.md create mode 100644 static/usage/v8/action-sheet/controller/javascript.md create mode 100644 static/usage/v8/action-sheet/controller/react.md create mode 100644 static/usage/v8/action-sheet/controller/vue.md create mode 100644 static/usage/v8/action-sheet/inline/isOpen/angular/example_component_html.md create mode 100644 static/usage/v8/action-sheet/inline/isOpen/angular/example_component_ts.md create mode 100644 static/usage/v8/action-sheet/inline/isOpen/demo.html create mode 100644 static/usage/v8/action-sheet/inline/isOpen/index.md create mode 100644 static/usage/v8/action-sheet/inline/isOpen/javascript.md create mode 100644 static/usage/v8/action-sheet/inline/isOpen/react.md create mode 100644 static/usage/v8/action-sheet/inline/isOpen/vue.md create mode 100644 static/usage/v8/action-sheet/inline/trigger/angular/example_component_html.md create mode 100644 static/usage/v8/action-sheet/inline/trigger/angular/example_component_ts.md create mode 100644 static/usage/v8/action-sheet/inline/trigger/demo.html create mode 100644 static/usage/v8/action-sheet/inline/trigger/index.md create mode 100644 static/usage/v8/action-sheet/inline/trigger/javascript.md create mode 100644 static/usage/v8/action-sheet/inline/trigger/react.md create mode 100644 static/usage/v8/action-sheet/inline/trigger/vue.md create mode 100644 static/usage/v8/action-sheet/role-info-on-dismiss/angular/example_component_css.md create mode 100644 static/usage/v8/action-sheet/role-info-on-dismiss/angular/example_component_html.md create mode 100644 static/usage/v8/action-sheet/role-info-on-dismiss/angular/example_component_ts.md create mode 100644 static/usage/v8/action-sheet/role-info-on-dismiss/demo.html create mode 100644 static/usage/v8/action-sheet/role-info-on-dismiss/index.md create mode 100644 static/usage/v8/action-sheet/role-info-on-dismiss/javascript.md create mode 100644 static/usage/v8/action-sheet/role-info-on-dismiss/react/main_css.md create mode 100644 static/usage/v8/action-sheet/role-info-on-dismiss/react/main_tsx.md create mode 100644 static/usage/v8/action-sheet/role-info-on-dismiss/vue.md create mode 100644 static/usage/v8/action-sheet/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/action-sheet/theming/css-properties/angular/example_component_ts.md create mode 100644 static/usage/v8/action-sheet/theming/css-properties/angular/global_css.md create mode 100644 static/usage/v8/action-sheet/theming/css-properties/demo.html create mode 100644 static/usage/v8/action-sheet/theming/css-properties/index.md create mode 100644 static/usage/v8/action-sheet/theming/css-properties/javascript.md create mode 100644 static/usage/v8/action-sheet/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/action-sheet/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/action-sheet/theming/css-properties/vue.md create mode 100644 static/usage/v8/action-sheet/theming/styling/angular/example_component_html.md create mode 100644 static/usage/v8/action-sheet/theming/styling/angular/example_component_ts.md create mode 100644 static/usage/v8/action-sheet/theming/styling/angular/global_css.md create mode 100644 static/usage/v8/action-sheet/theming/styling/demo.html create mode 100644 static/usage/v8/action-sheet/theming/styling/index.md create mode 100644 static/usage/v8/action-sheet/theming/styling/javascript.md create mode 100644 static/usage/v8/action-sheet/theming/styling/react/main_css.md create mode 100644 static/usage/v8/action-sheet/theming/styling/react/main_tsx.md create mode 100644 static/usage/v8/action-sheet/theming/styling/vue.md create mode 100644 static/usage/v8/alert/buttons/angular/example_component_html.md create mode 100644 static/usage/v8/alert/buttons/angular/example_component_ts.md create mode 100644 static/usage/v8/alert/buttons/demo.html create mode 100644 static/usage/v8/alert/buttons/index.md create mode 100644 static/usage/v8/alert/buttons/javascript.md create mode 100644 static/usage/v8/alert/buttons/react.md create mode 100644 static/usage/v8/alert/buttons/vue.md create mode 100644 static/usage/v8/alert/customization/angular/example_component_html.md create mode 100644 static/usage/v8/alert/customization/angular/example_component_ts.md create mode 100644 static/usage/v8/alert/customization/angular/global_css.md create mode 100644 static/usage/v8/alert/customization/demo.html create mode 100644 static/usage/v8/alert/customization/index.md create mode 100644 static/usage/v8/alert/customization/javascript.md create mode 100644 static/usage/v8/alert/customization/react/main_css.md create mode 100644 static/usage/v8/alert/customization/react/main_tsx.md create mode 100644 static/usage/v8/alert/customization/vue.md create mode 100644 static/usage/v8/alert/inputs/radios/angular/example_component_html.md create mode 100644 static/usage/v8/alert/inputs/radios/angular/example_component_ts.md create mode 100644 static/usage/v8/alert/inputs/radios/demo.html create mode 100644 static/usage/v8/alert/inputs/radios/index.md create mode 100644 static/usage/v8/alert/inputs/radios/javascript.md create mode 100644 static/usage/v8/alert/inputs/radios/react.md create mode 100644 static/usage/v8/alert/inputs/radios/vue.md create mode 100644 static/usage/v8/alert/inputs/text-inputs/angular/example_component_html.md create mode 100644 static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md create mode 100644 static/usage/v8/alert/inputs/text-inputs/demo.html create mode 100644 static/usage/v8/alert/inputs/text-inputs/index.md create mode 100644 static/usage/v8/alert/inputs/text-inputs/javascript.md create mode 100644 static/usage/v8/alert/inputs/text-inputs/react.md create mode 100644 static/usage/v8/alert/inputs/text-inputs/vue.md create mode 100644 static/usage/v8/alert/presenting/controller/angular/example_component_html.md create mode 100644 static/usage/v8/alert/presenting/controller/angular/example_component_ts.md create mode 100644 static/usage/v8/alert/presenting/controller/demo.html create mode 100644 static/usage/v8/alert/presenting/controller/index.md create mode 100644 static/usage/v8/alert/presenting/controller/javascript.md create mode 100644 static/usage/v8/alert/presenting/controller/react.md create mode 100644 static/usage/v8/alert/presenting/controller/vue.md create mode 100644 static/usage/v8/alert/presenting/isOpen/angular/example_component_html.md create mode 100644 static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md create mode 100644 static/usage/v8/alert/presenting/isOpen/demo.html create mode 100644 static/usage/v8/alert/presenting/isOpen/index.md create mode 100644 static/usage/v8/alert/presenting/isOpen/javascript.md create mode 100644 static/usage/v8/alert/presenting/isOpen/react.md create mode 100644 static/usage/v8/alert/presenting/isOpen/vue.md create mode 100644 static/usage/v8/alert/presenting/trigger/angular/example_component_html.md create mode 100644 static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md create mode 100644 static/usage/v8/alert/presenting/trigger/demo.html create mode 100644 static/usage/v8/alert/presenting/trigger/index.md create mode 100644 static/usage/v8/alert/presenting/trigger/javascript.md create mode 100644 static/usage/v8/alert/presenting/trigger/react.md create mode 100644 static/usage/v8/alert/presenting/trigger/vue.md create mode 100644 static/usage/v8/animations/basic/angular/example_component_html.md create mode 100644 static/usage/v8/animations/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/animations/basic/demo.html create mode 100644 static/usage/v8/animations/basic/index.md create mode 100644 static/usage/v8/animations/basic/javascript.md create mode 100644 static/usage/v8/animations/basic/react.md create mode 100644 static/usage/v8/animations/basic/vue.md create mode 100644 static/usage/v8/animations/before-and-after-hooks/angular/example_component_html.md create mode 100644 static/usage/v8/animations/before-and-after-hooks/angular/example_component_ts.md create mode 100644 static/usage/v8/animations/before-and-after-hooks/demo.html create mode 100644 static/usage/v8/animations/before-and-after-hooks/index.md create mode 100644 static/usage/v8/animations/before-and-after-hooks/javascript.md create mode 100644 static/usage/v8/animations/before-and-after-hooks/react.md create mode 100644 static/usage/v8/animations/before-and-after-hooks/vue.md create mode 100644 static/usage/v8/animations/chain/angular/example_component_html.md create mode 100644 static/usage/v8/animations/chain/angular/example_component_ts.md create mode 100644 static/usage/v8/animations/chain/demo.html create mode 100644 static/usage/v8/animations/chain/index.md create mode 100644 static/usage/v8/animations/chain/javascript.md create mode 100644 static/usage/v8/animations/chain/react.md create mode 100644 static/usage/v8/animations/chain/vue.md create mode 100644 static/usage/v8/animations/gesture/angular/example_component_css.md create mode 100644 static/usage/v8/animations/gesture/angular/example_component_html.md create mode 100644 static/usage/v8/animations/gesture/angular/example_component_ts.md create mode 100644 static/usage/v8/animations/gesture/demo.html create mode 100644 static/usage/v8/animations/gesture/index.md create mode 100644 static/usage/v8/animations/gesture/javascript.md create mode 100644 static/usage/v8/animations/gesture/react/main_css.md create mode 100644 static/usage/v8/animations/gesture/react/main_tsx.md create mode 100644 static/usage/v8/animations/gesture/vue.md create mode 100644 static/usage/v8/animations/group/angular/example_component_html.md create mode 100644 static/usage/v8/animations/group/angular/example_component_ts.md create mode 100644 static/usage/v8/animations/group/demo.html create mode 100644 static/usage/v8/animations/group/index.md create mode 100644 static/usage/v8/animations/group/javascript.md create mode 100644 static/usage/v8/animations/group/react.md create mode 100644 static/usage/v8/animations/group/vue.md create mode 100644 static/usage/v8/animations/keyframes/angular/example_component_html.md create mode 100644 static/usage/v8/animations/keyframes/angular/example_component_ts.md create mode 100644 static/usage/v8/animations/keyframes/demo.html create mode 100644 static/usage/v8/animations/keyframes/index.md create mode 100644 static/usage/v8/animations/keyframes/javascript.md create mode 100644 static/usage/v8/animations/keyframes/react.md create mode 100644 static/usage/v8/animations/keyframes/vue.md create mode 100644 static/usage/v8/animations/modal-override/angular/example_component_html.md create mode 100644 static/usage/v8/animations/modal-override/angular/example_component_ts.md create mode 100644 static/usage/v8/animations/modal-override/demo.html create mode 100644 static/usage/v8/animations/modal-override/index.md create mode 100644 static/usage/v8/animations/modal-override/javascript.md create mode 100644 static/usage/v8/animations/modal-override/react.md create mode 100644 static/usage/v8/animations/modal-override/vue.md create mode 100644 static/usage/v8/animations/preference-based/angular/example_component_css.md create mode 100644 static/usage/v8/animations/preference-based/angular/example_component_html.md create mode 100644 static/usage/v8/animations/preference-based/angular/example_component_ts.md create mode 100644 static/usage/v8/animations/preference-based/demo.html create mode 100644 static/usage/v8/animations/preference-based/index.md create mode 100644 static/usage/v8/animations/preference-based/javascript.md create mode 100644 static/usage/v8/animations/preference-based/react/main_css.md create mode 100644 static/usage/v8/animations/preference-based/react/main_tsx.md create mode 100644 static/usage/v8/animations/preference-based/vue.md create mode 100644 static/usage/v8/avatar/basic/angular.md create mode 100644 static/usage/v8/avatar/basic/demo.html create mode 100644 static/usage/v8/avatar/basic/index.md create mode 100644 static/usage/v8/avatar/basic/javascript.md create mode 100644 static/usage/v8/avatar/basic/react.md create mode 100644 static/usage/v8/avatar/basic/vue.md create mode 100644 static/usage/v8/avatar/chip/angular.md create mode 100644 static/usage/v8/avatar/chip/demo.html create mode 100644 static/usage/v8/avatar/chip/index.md create mode 100644 static/usage/v8/avatar/chip/javascript.md create mode 100644 static/usage/v8/avatar/chip/react.md create mode 100644 static/usage/v8/avatar/chip/vue.md create mode 100644 static/usage/v8/avatar/item/angular.md create mode 100644 static/usage/v8/avatar/item/demo.html create mode 100644 static/usage/v8/avatar/item/index.md create mode 100644 static/usage/v8/avatar/item/javascript.md create mode 100644 static/usage/v8/avatar/item/react.md create mode 100644 static/usage/v8/avatar/item/vue.md create mode 100644 static/usage/v8/avatar/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/avatar/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/avatar/theming/css-properties/demo.html create mode 100644 static/usage/v8/avatar/theming/css-properties/index.md create mode 100644 static/usage/v8/avatar/theming/css-properties/javascript.md create mode 100644 static/usage/v8/avatar/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/avatar/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/avatar/theming/css-properties/vue.md create mode 100644 static/usage/v8/back-button/basic/angular/app_module_ts.md create mode 100644 static/usage/v8/back-button/basic/angular/example_component_html.md create mode 100644 static/usage/v8/back-button/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/back-button/basic/angular/page_one_component_ts.md create mode 100644 static/usage/v8/back-button/basic/angular/page_two_component_ts.md create mode 100644 static/usage/v8/back-button/basic/demo.html create mode 100644 static/usage/v8/back-button/basic/index.md create mode 100644 static/usage/v8/back-button/basic/javascript.md create mode 100644 static/usage/v8/back-button/basic/react/main_tsx.md create mode 100644 static/usage/v8/back-button/basic/react/page_one_tsx.md create mode 100644 static/usage/v8/back-button/basic/react/page_two_tsx.md create mode 100644 static/usage/v8/back-button/basic/vue/example_vue.md create mode 100644 static/usage/v8/back-button/basic/vue/page_one_vue.md create mode 100644 static/usage/v8/back-button/basic/vue/page_two_vue.md create mode 100644 static/usage/v8/back-button/custom/angular/app_module_ts.md create mode 100644 static/usage/v8/back-button/custom/angular/example_component_html.md create mode 100644 static/usage/v8/back-button/custom/angular/example_component_ts.md create mode 100644 static/usage/v8/back-button/custom/angular/page_one_component_ts.md create mode 100644 static/usage/v8/back-button/custom/angular/page_two_component_ts.md create mode 100644 static/usage/v8/back-button/custom/demo.html create mode 100644 static/usage/v8/back-button/custom/index.md create mode 100644 static/usage/v8/back-button/custom/javascript.md create mode 100644 static/usage/v8/back-button/custom/react/main_tsx.md create mode 100644 static/usage/v8/back-button/custom/react/page_one_tsx.md create mode 100644 static/usage/v8/back-button/custom/react/page_two_tsx.md create mode 100644 static/usage/v8/back-button/custom/vue/example_vue.md create mode 100644 static/usage/v8/back-button/custom/vue/page_one_vue.md create mode 100644 static/usage/v8/back-button/custom/vue/page_two_vue.md create mode 100644 static/usage/v8/backdrop/basic/angular/example_component_css.md create mode 100644 static/usage/v8/backdrop/basic/angular/example_component_html.md create mode 100644 static/usage/v8/backdrop/basic/demo.html create mode 100644 static/usage/v8/backdrop/basic/index.md create mode 100644 static/usage/v8/backdrop/basic/javascript.md create mode 100644 static/usage/v8/backdrop/basic/react/main_css.md create mode 100644 static/usage/v8/backdrop/basic/react/main_tsx.md create mode 100644 static/usage/v8/backdrop/basic/vue.md create mode 100644 static/usage/v8/backdrop/styling/angular/example_component_css.md create mode 100644 static/usage/v8/backdrop/styling/angular/example_component_html.md create mode 100644 static/usage/v8/backdrop/styling/demo.html create mode 100644 static/usage/v8/backdrop/styling/index.md create mode 100644 static/usage/v8/backdrop/styling/javascript.md create mode 100644 static/usage/v8/backdrop/styling/react/main_css.md create mode 100644 static/usage/v8/backdrop/styling/react/main_tsx.md create mode 100644 static/usage/v8/backdrop/styling/vue.md create mode 100644 static/usage/v8/badge/basic/angular.md create mode 100644 static/usage/v8/badge/basic/demo.html create mode 100644 static/usage/v8/badge/basic/index.md create mode 100644 static/usage/v8/badge/basic/javascript.md create mode 100644 static/usage/v8/badge/basic/react.md create mode 100644 static/usage/v8/badge/basic/vue.md create mode 100644 static/usage/v8/badge/theming/colors/angular.md create mode 100644 static/usage/v8/badge/theming/colors/demo.html create mode 100644 static/usage/v8/badge/theming/colors/index.md create mode 100644 static/usage/v8/badge/theming/colors/javascript.md create mode 100644 static/usage/v8/badge/theming/colors/react.md create mode 100644 static/usage/v8/badge/theming/colors/vue.md create mode 100644 static/usage/v8/badge/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/badge/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/badge/theming/css-properties/demo.html create mode 100644 static/usage/v8/badge/theming/css-properties/index.md create mode 100644 static/usage/v8/badge/theming/css-properties/javascript.md create mode 100644 static/usage/v8/badge/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/badge/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/badge/theming/css-properties/vue.md create mode 100644 static/usage/v8/breadcrumbs/basic/angular.md create mode 100644 static/usage/v8/breadcrumbs/basic/demo.html create mode 100644 static/usage/v8/breadcrumbs/basic/index.md create mode 100644 static/usage/v8/breadcrumbs/basic/javascript.md create mode 100644 static/usage/v8/breadcrumbs/basic/react.md create mode 100644 static/usage/v8/breadcrumbs/basic/vue.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/expand-on-click/angular/example_component_html.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/expand-on-click/angular/example_component_ts.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/expand-on-click/demo.html create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/expand-on-click/index.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/expand-on-click/javascript.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/expand-on-click/react.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/expand-on-click/vue.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/items-before-after/angular.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/items-before-after/demo.html create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/items-before-after/index.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/items-before-after/javascript.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/items-before-after/react.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/items-before-after/vue.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/max-items/angular.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/max-items/demo.html create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/max-items/index.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/max-items/javascript.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/max-items/react.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/max-items/vue.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/popover-on-click/angular/example_component_html.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/popover-on-click/angular/example_component_ts.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/popover-on-click/demo.html create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/popover-on-click/index.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/popover-on-click/javascript.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/popover-on-click/react.md create mode 100644 static/usage/v8/breadcrumbs/collapsing-items/popover-on-click/vue.md create mode 100644 static/usage/v8/breadcrumbs/icons/custom-separators/angular.md create mode 100644 static/usage/v8/breadcrumbs/icons/custom-separators/demo.html create mode 100644 static/usage/v8/breadcrumbs/icons/custom-separators/index.md create mode 100644 static/usage/v8/breadcrumbs/icons/custom-separators/javascript.md create mode 100644 static/usage/v8/breadcrumbs/icons/custom-separators/react.md create mode 100644 static/usage/v8/breadcrumbs/icons/custom-separators/vue.md create mode 100644 static/usage/v8/breadcrumbs/icons/icons-on-items/angular.md create mode 100644 static/usage/v8/breadcrumbs/icons/icons-on-items/demo.html create mode 100644 static/usage/v8/breadcrumbs/icons/icons-on-items/index.md create mode 100644 static/usage/v8/breadcrumbs/icons/icons-on-items/javascript.md create mode 100644 static/usage/v8/breadcrumbs/icons/icons-on-items/react.md create mode 100644 static/usage/v8/breadcrumbs/icons/icons-on-items/vue.md create mode 100644 static/usage/v8/breadcrumbs/theming/colors/angular.md create mode 100644 static/usage/v8/breadcrumbs/theming/colors/demo.html create mode 100644 static/usage/v8/breadcrumbs/theming/colors/index.md create mode 100644 static/usage/v8/breadcrumbs/theming/colors/javascript.md create mode 100644 static/usage/v8/breadcrumbs/theming/colors/react.md create mode 100644 static/usage/v8/breadcrumbs/theming/colors/vue.md create mode 100644 static/usage/v8/breadcrumbs/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/breadcrumbs/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/breadcrumbs/theming/css-properties/demo.html create mode 100644 static/usage/v8/breadcrumbs/theming/css-properties/index.md create mode 100644 static/usage/v8/breadcrumbs/theming/css-properties/javascript.md create mode 100644 static/usage/v8/breadcrumbs/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/breadcrumbs/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/breadcrumbs/theming/css-properties/vue.md create mode 100644 static/usage/v8/button/basic/angular.md create mode 100644 static/usage/v8/button/basic/demo.html create mode 100644 static/usage/v8/button/basic/index.md create mode 100644 static/usage/v8/button/basic/javascript.md create mode 100644 static/usage/v8/button/basic/react.md create mode 100644 static/usage/v8/button/basic/vue.md create mode 100644 static/usage/v8/button/expand/angular.md create mode 100644 static/usage/v8/button/expand/demo.html create mode 100644 static/usage/v8/button/expand/index.md create mode 100644 static/usage/v8/button/expand/javascript.md create mode 100644 static/usage/v8/button/expand/react.md create mode 100644 static/usage/v8/button/expand/vue.md create mode 100644 static/usage/v8/button/fill/angular.md create mode 100644 static/usage/v8/button/fill/demo.html create mode 100644 static/usage/v8/button/fill/index.md create mode 100644 static/usage/v8/button/fill/javascript.md create mode 100644 static/usage/v8/button/fill/react.md create mode 100644 static/usage/v8/button/fill/vue.md create mode 100644 static/usage/v8/button/icons/angular.md create mode 100644 static/usage/v8/button/icons/demo.html create mode 100644 static/usage/v8/button/icons/index.md create mode 100644 static/usage/v8/button/icons/javascript.md create mode 100644 static/usage/v8/button/icons/react.md create mode 100644 static/usage/v8/button/icons/vue.md create mode 100644 static/usage/v8/button/shape/angular.md create mode 100644 static/usage/v8/button/shape/demo.html create mode 100644 static/usage/v8/button/shape/index.md create mode 100644 static/usage/v8/button/shape/javascript.md create mode 100644 static/usage/v8/button/shape/react.md create mode 100644 static/usage/v8/button/shape/vue.md create mode 100644 static/usage/v8/button/size/angular.md create mode 100644 static/usage/v8/button/size/demo.html create mode 100644 static/usage/v8/button/size/index.md create mode 100644 static/usage/v8/button/size/javascript.md create mode 100644 static/usage/v8/button/size/react.md create mode 100644 static/usage/v8/button/size/vue.md create mode 100644 static/usage/v8/button/text-wrapping/angular.md create mode 100644 static/usage/v8/button/text-wrapping/demo.html create mode 100644 static/usage/v8/button/text-wrapping/index.md create mode 100644 static/usage/v8/button/text-wrapping/javascript.md create mode 100644 static/usage/v8/button/text-wrapping/react.md create mode 100644 static/usage/v8/button/text-wrapping/vue.md create mode 100644 static/usage/v8/button/theming/colors/angular.md create mode 100644 static/usage/v8/button/theming/colors/demo.html create mode 100644 static/usage/v8/button/theming/colors/index.md create mode 100644 static/usage/v8/button/theming/colors/javascript.md create mode 100644 static/usage/v8/button/theming/colors/react.md create mode 100644 static/usage/v8/button/theming/colors/vue.md create mode 100644 static/usage/v8/button/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/button/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/button/theming/css-properties/demo.html create mode 100644 static/usage/v8/button/theming/css-properties/index.md create mode 100644 static/usage/v8/button/theming/css-properties/javascript.md create mode 100644 static/usage/v8/button/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/button/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/button/theming/css-properties/vue.md create mode 100644 static/usage/v8/buttons/basic/angular.md create mode 100644 static/usage/v8/buttons/basic/demo.html create mode 100644 static/usage/v8/buttons/basic/index.md create mode 100644 static/usage/v8/buttons/basic/javascript.md create mode 100644 static/usage/v8/buttons/basic/react.md create mode 100644 static/usage/v8/buttons/basic/vue.md create mode 100644 static/usage/v8/buttons/placement/angular.md create mode 100644 static/usage/v8/buttons/placement/demo.html create mode 100644 static/usage/v8/buttons/placement/index.md create mode 100644 static/usage/v8/buttons/placement/javascript.md create mode 100644 static/usage/v8/buttons/placement/react.md create mode 100644 static/usage/v8/buttons/placement/vue.md create mode 100644 static/usage/v8/buttons/types/angular.md create mode 100644 static/usage/v8/buttons/types/demo.html create mode 100644 static/usage/v8/buttons/types/index.md create mode 100644 static/usage/v8/buttons/types/javascript.md create mode 100644 static/usage/v8/buttons/types/react.md create mode 100644 static/usage/v8/buttons/types/vue.md create mode 100644 static/usage/v8/card/basic/angular.md create mode 100644 static/usage/v8/card/basic/demo.html create mode 100644 static/usage/v8/card/basic/index.md create mode 100644 static/usage/v8/card/basic/javascript.md create mode 100644 static/usage/v8/card/basic/react.md create mode 100644 static/usage/v8/card/basic/vue.md create mode 100644 static/usage/v8/card/buttons/angular.md create mode 100644 static/usage/v8/card/buttons/demo.html create mode 100644 static/usage/v8/card/buttons/index.md create mode 100644 static/usage/v8/card/buttons/javascript.md create mode 100644 static/usage/v8/card/buttons/react.md create mode 100644 static/usage/v8/card/buttons/vue.md create mode 100644 static/usage/v8/card/list/angular/example_component_css.md create mode 100644 static/usage/v8/card/list/angular/example_component_html.md create mode 100644 static/usage/v8/card/list/demo.html create mode 100644 static/usage/v8/card/list/index.md create mode 100644 static/usage/v8/card/list/javascript.md create mode 100644 static/usage/v8/card/list/react/main_css.md create mode 100644 static/usage/v8/card/list/react/main_tsx.md create mode 100644 static/usage/v8/card/list/vue.md create mode 100644 static/usage/v8/card/media/angular.md create mode 100644 static/usage/v8/card/media/demo.html create mode 100644 static/usage/v8/card/media/index.md create mode 100644 static/usage/v8/card/media/javascript.md create mode 100644 static/usage/v8/card/media/react.md create mode 100644 static/usage/v8/card/media/vue.md create mode 100644 static/usage/v8/card/theming/colors/angular.md create mode 100644 static/usage/v8/card/theming/colors/demo.html create mode 100644 static/usage/v8/card/theming/colors/index.md create mode 100644 static/usage/v8/card/theming/colors/javascript.md create mode 100644 static/usage/v8/card/theming/colors/react.md create mode 100644 static/usage/v8/card/theming/colors/vue.md create mode 100644 static/usage/v8/card/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/card/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/card/theming/css-properties/demo.html create mode 100644 static/usage/v8/card/theming/css-properties/index.md create mode 100644 static/usage/v8/card/theming/css-properties/javascript.md create mode 100644 static/usage/v8/card/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/card/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/card/theming/css-properties/vue.md create mode 100644 static/usage/v8/checkbox/alignment/angular.md create mode 100644 static/usage/v8/checkbox/alignment/demo.html create mode 100644 static/usage/v8/checkbox/alignment/index.md create mode 100644 static/usage/v8/checkbox/alignment/javascript.md create mode 100644 static/usage/v8/checkbox/alignment/react.md create mode 100644 static/usage/v8/checkbox/alignment/vue.md create mode 100644 static/usage/v8/checkbox/basic/angular.md create mode 100644 static/usage/v8/checkbox/basic/demo.html create mode 100644 static/usage/v8/checkbox/basic/index.md create mode 100644 static/usage/v8/checkbox/basic/javascript.md create mode 100644 static/usage/v8/checkbox/basic/react.md create mode 100644 static/usage/v8/checkbox/basic/vue.md create mode 100644 static/usage/v8/checkbox/indeterminate/angular.md create mode 100644 static/usage/v8/checkbox/indeterminate/demo.html create mode 100644 static/usage/v8/checkbox/indeterminate/index.md create mode 100644 static/usage/v8/checkbox/indeterminate/javascript.md create mode 100644 static/usage/v8/checkbox/indeterminate/react.md create mode 100644 static/usage/v8/checkbox/indeterminate/vue.md create mode 100644 static/usage/v8/checkbox/justify/angular.md create mode 100644 static/usage/v8/checkbox/justify/demo.html create mode 100644 static/usage/v8/checkbox/justify/index.md create mode 100644 static/usage/v8/checkbox/justify/javascript.md create mode 100644 static/usage/v8/checkbox/justify/react.md create mode 100644 static/usage/v8/checkbox/justify/vue.md create mode 100644 static/usage/v8/checkbox/label-link/angular.md create mode 100644 static/usage/v8/checkbox/label-link/demo.html create mode 100644 static/usage/v8/checkbox/label-link/index.md create mode 100644 static/usage/v8/checkbox/label-link/javascript.md create mode 100644 static/usage/v8/checkbox/label-link/react.md create mode 100644 static/usage/v8/checkbox/label-link/vue.md create mode 100644 static/usage/v8/checkbox/label-placement/angular.md create mode 100644 static/usage/v8/checkbox/label-placement/demo.html create mode 100644 static/usage/v8/checkbox/label-placement/index.md create mode 100644 static/usage/v8/checkbox/label-placement/javascript.md create mode 100644 static/usage/v8/checkbox/label-placement/react.md create mode 100644 static/usage/v8/checkbox/label-placement/vue.md create mode 100644 static/usage/v8/checkbox/migration/index.md create mode 100644 static/usage/v8/checkbox/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/checkbox/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/checkbox/theming/css-properties/demo.html create mode 100644 static/usage/v8/checkbox/theming/css-properties/index.md create mode 100644 static/usage/v8/checkbox/theming/css-properties/javascript.md create mode 100644 static/usage/v8/checkbox/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/checkbox/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/checkbox/theming/css-properties/vue.md create mode 100644 static/usage/v8/chip/basic/angular.md create mode 100644 static/usage/v8/chip/basic/demo.html create mode 100644 static/usage/v8/chip/basic/index.md create mode 100644 static/usage/v8/chip/basic/javascript.md create mode 100644 static/usage/v8/chip/basic/react.md create mode 100644 static/usage/v8/chip/basic/vue.md create mode 100644 static/usage/v8/chip/slots/angular.md create mode 100644 static/usage/v8/chip/slots/demo.html create mode 100644 static/usage/v8/chip/slots/index.md create mode 100644 static/usage/v8/chip/slots/javascript.md create mode 100644 static/usage/v8/chip/slots/react.md create mode 100644 static/usage/v8/chip/slots/vue.md create mode 100644 static/usage/v8/chip/theming/colors/angular.md create mode 100644 static/usage/v8/chip/theming/colors/demo.html create mode 100644 static/usage/v8/chip/theming/colors/index.md create mode 100644 static/usage/v8/chip/theming/colors/javascript.md create mode 100644 static/usage/v8/chip/theming/colors/react.md create mode 100644 static/usage/v8/chip/theming/colors/vue.md create mode 100644 static/usage/v8/chip/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/chip/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/chip/theming/css-properties/demo.html create mode 100644 static/usage/v8/chip/theming/css-properties/index.md create mode 100644 static/usage/v8/chip/theming/css-properties/javascript.md create mode 100644 static/usage/v8/chip/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/chip/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/chip/theming/css-properties/vue.md create mode 100644 static/usage/v8/common.css create mode 100644 static/usage/v8/common.js create mode 100644 static/usage/v8/content/basic/angular.md create mode 100644 static/usage/v8/content/basic/demo.html create mode 100644 static/usage/v8/content/basic/index.md create mode 100644 static/usage/v8/content/basic/javascript.md create mode 100644 static/usage/v8/content/basic/react.md create mode 100644 static/usage/v8/content/basic/vue.md create mode 100644 static/usage/v8/content/fixed/angular.md create mode 100644 static/usage/v8/content/fixed/angular/example_component_css.md create mode 100644 static/usage/v8/content/fixed/angular/example_component_html.md create mode 100644 static/usage/v8/content/fixed/demo.html create mode 100644 static/usage/v8/content/fixed/index.md create mode 100644 static/usage/v8/content/fixed/javascript.md create mode 100644 static/usage/v8/content/fixed/react.md create mode 100644 static/usage/v8/content/fixed/react/main_css.md create mode 100644 static/usage/v8/content/fixed/react/main_tsx.md create mode 100644 static/usage/v8/content/fixed/vue.md create mode 100644 static/usage/v8/content/fullscreen/angular/example_component_css.md create mode 100644 static/usage/v8/content/fullscreen/angular/example_component_html.md create mode 100644 static/usage/v8/content/fullscreen/demo.html create mode 100644 static/usage/v8/content/fullscreen/index.md create mode 100644 static/usage/v8/content/fullscreen/javascript.md create mode 100644 static/usage/v8/content/fullscreen/react/main_css.md create mode 100644 static/usage/v8/content/fullscreen/react/main_tsx.md create mode 100644 static/usage/v8/content/fullscreen/vue.md create mode 100644 static/usage/v8/content/header-footer/angular.md create mode 100644 static/usage/v8/content/header-footer/demo.html create mode 100644 static/usage/v8/content/header-footer/index.md create mode 100644 static/usage/v8/content/header-footer/javascript.md create mode 100644 static/usage/v8/content/header-footer/react.md create mode 100644 static/usage/v8/content/header-footer/vue.md create mode 100644 static/usage/v8/content/scroll-events/angular/example_component_html.md create mode 100644 static/usage/v8/content/scroll-events/angular/example_component_ts.md create mode 100644 static/usage/v8/content/scroll-events/demo.html create mode 100644 static/usage/v8/content/scroll-events/index.md create mode 100644 static/usage/v8/content/scroll-events/javascript.md create mode 100644 static/usage/v8/content/scroll-events/react.md create mode 100644 static/usage/v8/content/scroll-events/vue.md create mode 100644 static/usage/v8/content/scroll-methods/angular/example_component_html.md create mode 100644 static/usage/v8/content/scroll-methods/angular/example_component_ts.md create mode 100644 static/usage/v8/content/scroll-methods/demo.html create mode 100644 static/usage/v8/content/scroll-methods/index.md create mode 100644 static/usage/v8/content/scroll-methods/javascript.md create mode 100644 static/usage/v8/content/scroll-methods/react.md create mode 100644 static/usage/v8/content/scroll-methods/vue.md create mode 100644 static/usage/v8/content/theming/colors/angular.md create mode 100644 static/usage/v8/content/theming/colors/demo.html create mode 100644 static/usage/v8/content/theming/colors/index.md create mode 100644 static/usage/v8/content/theming/colors/javascript.md create mode 100644 static/usage/v8/content/theming/colors/react.md create mode 100644 static/usage/v8/content/theming/colors/vue.md create mode 100644 static/usage/v8/content/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/content/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/content/theming/css-properties/demo.html create mode 100644 static/usage/v8/content/theming/css-properties/index.md create mode 100644 static/usage/v8/content/theming/css-properties/javascript.md create mode 100644 static/usage/v8/content/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/content/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/content/theming/css-properties/vue.md create mode 100644 static/usage/v8/content/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v8/content/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v8/content/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v8/content/theming/css-shadow-parts/index.md create mode 100644 static/usage/v8/content/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v8/content/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v8/content/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v8/content/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v8/content/theming/safe-area/angular/example_component_css.md create mode 100644 static/usage/v8/content/theming/safe-area/angular/example_component_html.md create mode 100644 static/usage/v8/content/theming/safe-area/angular/global_css.md create mode 100644 static/usage/v8/content/theming/safe-area/demo.html create mode 100644 static/usage/v8/content/theming/safe-area/index.md create mode 100644 static/usage/v8/content/theming/safe-area/javascript.md create mode 100644 static/usage/v8/content/theming/safe-area/react/main_css.md create mode 100644 static/usage/v8/content/theming/safe-area/react/main_tsx.md create mode 100644 static/usage/v8/content/theming/safe-area/vue.md create mode 100644 static/usage/v8/datetime-button/basic/angular.md create mode 100644 static/usage/v8/datetime-button/basic/demo.html create mode 100644 static/usage/v8/datetime-button/basic/index.md create mode 100644 static/usage/v8/datetime-button/basic/javascript.md create mode 100644 static/usage/v8/datetime-button/basic/react.md create mode 100644 static/usage/v8/datetime-button/basic/vue.md create mode 100644 static/usage/v8/datetime-button/format-options/angular.md create mode 100644 static/usage/v8/datetime-button/format-options/demo.html create mode 100644 static/usage/v8/datetime-button/format-options/index.md create mode 100644 static/usage/v8/datetime-button/format-options/javascript.md create mode 100644 static/usage/v8/datetime-button/format-options/react.md create mode 100644 static/usage/v8/datetime-button/format-options/vue.md create mode 100644 static/usage/v8/datetime/basic/angular.md create mode 100644 static/usage/v8/datetime/basic/demo.html create mode 100644 static/usage/v8/datetime/basic/index.md create mode 100644 static/usage/v8/datetime/basic/javascript.md create mode 100644 static/usage/v8/datetime/basic/react.md create mode 100644 static/usage/v8/datetime/basic/vue.md create mode 100644 static/usage/v8/datetime/buttons/customizing-button-texts/angular.md create mode 100644 static/usage/v8/datetime/buttons/customizing-button-texts/demo.html create mode 100644 static/usage/v8/datetime/buttons/customizing-button-texts/index.md create mode 100644 static/usage/v8/datetime/buttons/customizing-button-texts/javascript.md create mode 100644 static/usage/v8/datetime/buttons/customizing-button-texts/react.md create mode 100644 static/usage/v8/datetime/buttons/customizing-button-texts/vue.md create mode 100644 static/usage/v8/datetime/buttons/customizing-buttons/angular.md create mode 100644 static/usage/v8/datetime/buttons/customizing-buttons/demo.html create mode 100644 static/usage/v8/datetime/buttons/customizing-buttons/index.md create mode 100644 static/usage/v8/datetime/buttons/customizing-buttons/javascript.md create mode 100644 static/usage/v8/datetime/buttons/customizing-buttons/react.md create mode 100644 static/usage/v8/datetime/buttons/customizing-buttons/vue.md create mode 100644 static/usage/v8/datetime/buttons/showing-confirmation-buttons/angular.md create mode 100644 static/usage/v8/datetime/buttons/showing-confirmation-buttons/demo.html create mode 100644 static/usage/v8/datetime/buttons/showing-confirmation-buttons/index.md create mode 100644 static/usage/v8/datetime/buttons/showing-confirmation-buttons/javascript.md create mode 100644 static/usage/v8/datetime/buttons/showing-confirmation-buttons/react.md create mode 100644 static/usage/v8/datetime/buttons/showing-confirmation-buttons/vue.md create mode 100644 static/usage/v8/datetime/date-constraints/advanced/angular/example_component_html.md create mode 100644 static/usage/v8/datetime/date-constraints/advanced/angular/example_component_ts.md create mode 100644 static/usage/v8/datetime/date-constraints/advanced/demo.html create mode 100644 static/usage/v8/datetime/date-constraints/advanced/index.md create mode 100644 static/usage/v8/datetime/date-constraints/advanced/javascript.md create mode 100644 static/usage/v8/datetime/date-constraints/advanced/react.md create mode 100644 static/usage/v8/datetime/date-constraints/advanced/vue.md create mode 100644 static/usage/v8/datetime/date-constraints/max-min/angular.md create mode 100644 static/usage/v8/datetime/date-constraints/max-min/demo.html create mode 100644 static/usage/v8/datetime/date-constraints/max-min/index.md create mode 100644 static/usage/v8/datetime/date-constraints/max-min/javascript.md create mode 100644 static/usage/v8/datetime/date-constraints/max-min/react.md create mode 100644 static/usage/v8/datetime/date-constraints/max-min/vue.md create mode 100644 static/usage/v8/datetime/date-constraints/values/angular.md create mode 100644 static/usage/v8/datetime/date-constraints/values/demo.html create mode 100644 static/usage/v8/datetime/date-constraints/values/index.md create mode 100644 static/usage/v8/datetime/date-constraints/values/javascript.md create mode 100644 static/usage/v8/datetime/date-constraints/values/react.md create mode 100644 static/usage/v8/datetime/date-constraints/values/vue.md create mode 100644 static/usage/v8/datetime/format-options/angular.md create mode 100644 static/usage/v8/datetime/format-options/demo.html create mode 100644 static/usage/v8/datetime/format-options/index.md create mode 100644 static/usage/v8/datetime/format-options/javascript.md create mode 100644 static/usage/v8/datetime/format-options/react.md create mode 100644 static/usage/v8/datetime/format-options/vue.md create mode 100644 static/usage/v8/datetime/highlightedDates/array/angular/example_component_html.md create mode 100644 static/usage/v8/datetime/highlightedDates/array/angular/example_component_ts.md create mode 100644 static/usage/v8/datetime/highlightedDates/array/demo.html create mode 100644 static/usage/v8/datetime/highlightedDates/array/index.md create mode 100644 static/usage/v8/datetime/highlightedDates/array/javascript.md create mode 100644 static/usage/v8/datetime/highlightedDates/array/react.md create mode 100644 static/usage/v8/datetime/highlightedDates/array/vue.md create mode 100644 static/usage/v8/datetime/highlightedDates/callback/angular/example_component_html.md create mode 100644 static/usage/v8/datetime/highlightedDates/callback/angular/example_component_ts.md create mode 100644 static/usage/v8/datetime/highlightedDates/callback/demo.html create mode 100644 static/usage/v8/datetime/highlightedDates/callback/index.md create mode 100644 static/usage/v8/datetime/highlightedDates/callback/javascript.md create mode 100644 static/usage/v8/datetime/highlightedDates/callback/react.md create mode 100644 static/usage/v8/datetime/highlightedDates/callback/vue.md create mode 100644 static/usage/v8/datetime/localization/custom-locale/angular.md create mode 100644 static/usage/v8/datetime/localization/custom-locale/demo.html create mode 100644 static/usage/v8/datetime/localization/custom-locale/index.md create mode 100644 static/usage/v8/datetime/localization/custom-locale/javascript.md create mode 100644 static/usage/v8/datetime/localization/custom-locale/react.md create mode 100644 static/usage/v8/datetime/localization/custom-locale/vue.md create mode 100644 static/usage/v8/datetime/localization/first-day-of-week/angular.md create mode 100644 static/usage/v8/datetime/localization/first-day-of-week/demo.html create mode 100644 static/usage/v8/datetime/localization/first-day-of-week/index.md create mode 100644 static/usage/v8/datetime/localization/first-day-of-week/javascript.md create mode 100644 static/usage/v8/datetime/localization/first-day-of-week/react.md create mode 100644 static/usage/v8/datetime/localization/first-day-of-week/vue.md create mode 100644 static/usage/v8/datetime/localization/hour-cycle/angular.md create mode 100644 static/usage/v8/datetime/localization/hour-cycle/demo.html create mode 100644 static/usage/v8/datetime/localization/hour-cycle/index.md create mode 100644 static/usage/v8/datetime/localization/hour-cycle/javascript.md create mode 100644 static/usage/v8/datetime/localization/hour-cycle/react.md create mode 100644 static/usage/v8/datetime/localization/hour-cycle/vue.md create mode 100644 static/usage/v8/datetime/localization/locale-extension-tags/angular.md create mode 100644 static/usage/v8/datetime/localization/locale-extension-tags/demo.html create mode 100644 static/usage/v8/datetime/localization/locale-extension-tags/index.md create mode 100644 static/usage/v8/datetime/localization/locale-extension-tags/javascript.md create mode 100644 static/usage/v8/datetime/localization/locale-extension-tags/react.md create mode 100644 static/usage/v8/datetime/localization/locale-extension-tags/vue.md create mode 100644 static/usage/v8/datetime/localization/time-label/angular.md create mode 100644 static/usage/v8/datetime/localization/time-label/demo.html create mode 100644 static/usage/v8/datetime/localization/time-label/index.md create mode 100644 static/usage/v8/datetime/localization/time-label/javascript.md create mode 100644 static/usage/v8/datetime/localization/time-label/react.md create mode 100644 static/usage/v8/datetime/localization/time-label/vue.md create mode 100644 static/usage/v8/datetime/multiple/angular.md create mode 100644 static/usage/v8/datetime/multiple/demo.html create mode 100644 static/usage/v8/datetime/multiple/index.md create mode 100644 static/usage/v8/datetime/multiple/javascript.md create mode 100644 static/usage/v8/datetime/multiple/react.md create mode 100644 static/usage/v8/datetime/multiple/vue.md create mode 100644 static/usage/v8/datetime/presentation/date/angular.md create mode 100644 static/usage/v8/datetime/presentation/date/demo.html create mode 100644 static/usage/v8/datetime/presentation/date/index.md create mode 100644 static/usage/v8/datetime/presentation/date/javascript.md create mode 100644 static/usage/v8/datetime/presentation/date/react.md create mode 100644 static/usage/v8/datetime/presentation/date/vue.md create mode 100644 static/usage/v8/datetime/presentation/month-and-year/angular.md create mode 100644 static/usage/v8/datetime/presentation/month-and-year/demo.html create mode 100644 static/usage/v8/datetime/presentation/month-and-year/index.md create mode 100644 static/usage/v8/datetime/presentation/month-and-year/javascript.md create mode 100644 static/usage/v8/datetime/presentation/month-and-year/react.md create mode 100644 static/usage/v8/datetime/presentation/month-and-year/vue.md create mode 100644 static/usage/v8/datetime/presentation/time/angular.md create mode 100644 static/usage/v8/datetime/presentation/time/demo.html create mode 100644 static/usage/v8/datetime/presentation/time/index.md create mode 100644 static/usage/v8/datetime/presentation/time/javascript.md create mode 100644 static/usage/v8/datetime/presentation/time/react.md create mode 100644 static/usage/v8/datetime/presentation/time/vue.md create mode 100644 static/usage/v8/datetime/presentation/wheel/angular.md create mode 100644 static/usage/v8/datetime/presentation/wheel/demo.html create mode 100644 static/usage/v8/datetime/presentation/wheel/index.md create mode 100644 static/usage/v8/datetime/presentation/wheel/javascript.md create mode 100644 static/usage/v8/datetime/presentation/wheel/react.md create mode 100644 static/usage/v8/datetime/presentation/wheel/vue.md create mode 100644 static/usage/v8/datetime/styling/calendar-days/angular/example_component_css.md create mode 100644 static/usage/v8/datetime/styling/calendar-days/angular/example_component_html.md create mode 100644 static/usage/v8/datetime/styling/calendar-days/angular/example_component_ts.md create mode 100644 static/usage/v8/datetime/styling/calendar-days/demo.html create mode 100644 static/usage/v8/datetime/styling/calendar-days/index.md create mode 100644 static/usage/v8/datetime/styling/calendar-days/javascript.md create mode 100644 static/usage/v8/datetime/styling/calendar-days/react/main_css.md create mode 100644 static/usage/v8/datetime/styling/calendar-days/react/main_tsx.md create mode 100644 static/usage/v8/datetime/styling/calendar-days/vue.md create mode 100644 static/usage/v8/datetime/styling/global-theming/angular/example_component_html.md create mode 100644 static/usage/v8/datetime/styling/global-theming/angular/global_css.md create mode 100644 static/usage/v8/datetime/styling/global-theming/demo.html create mode 100644 static/usage/v8/datetime/styling/global-theming/index.md create mode 100644 static/usage/v8/datetime/styling/global-theming/javascript.md create mode 100644 static/usage/v8/datetime/styling/global-theming/react/main_css.md create mode 100644 static/usage/v8/datetime/styling/global-theming/react/main_tsx.md create mode 100644 static/usage/v8/datetime/styling/global-theming/vue.md create mode 100644 static/usage/v8/datetime/styling/wheel-styling/angular/example_component_css.md create mode 100644 static/usage/v8/datetime/styling/wheel-styling/angular/example_component_html.md create mode 100644 static/usage/v8/datetime/styling/wheel-styling/angular/example_component_ts.md create mode 100644 static/usage/v8/datetime/styling/wheel-styling/demo.html create mode 100644 static/usage/v8/datetime/styling/wheel-styling/index.md create mode 100644 static/usage/v8/datetime/styling/wheel-styling/javascript.md create mode 100644 static/usage/v8/datetime/styling/wheel-styling/react/main_css.md create mode 100644 static/usage/v8/datetime/styling/wheel-styling/react/main_tsx.md create mode 100644 static/usage/v8/datetime/styling/wheel-styling/vue.md create mode 100644 static/usage/v8/datetime/theming/angular/example_component_html.md create mode 100644 static/usage/v8/datetime/theming/angular/global_css.md create mode 100644 static/usage/v8/datetime/theming/demo.html create mode 100644 static/usage/v8/datetime/theming/index.md create mode 100644 static/usage/v8/datetime/theming/javascript.md create mode 100644 static/usage/v8/datetime/theming/react/main_css.md create mode 100644 static/usage/v8/datetime/theming/react/main_tsx.md create mode 100644 static/usage/v8/datetime/theming/vue.md create mode 100644 static/usage/v8/datetime/title/customizing-title/angular.md create mode 100644 static/usage/v8/datetime/title/customizing-title/demo.html create mode 100644 static/usage/v8/datetime/title/customizing-title/index.md create mode 100644 static/usage/v8/datetime/title/customizing-title/javascript.md create mode 100644 static/usage/v8/datetime/title/customizing-title/react.md create mode 100644 static/usage/v8/datetime/title/customizing-title/vue.md create mode 100644 static/usage/v8/datetime/title/showing-default-title/angular.md create mode 100644 static/usage/v8/datetime/title/showing-default-title/demo.html create mode 100644 static/usage/v8/datetime/title/showing-default-title/index.md create mode 100644 static/usage/v8/datetime/title/showing-default-title/javascript.md create mode 100644 static/usage/v8/datetime/title/showing-default-title/react.md create mode 100644 static/usage/v8/datetime/title/showing-default-title/vue.md create mode 100644 static/usage/v8/fab/basic/angular.md create mode 100644 static/usage/v8/fab/basic/demo.html create mode 100644 static/usage/v8/fab/basic/index.md create mode 100644 static/usage/v8/fab/basic/javascript.md create mode 100644 static/usage/v8/fab/basic/react.md create mode 100644 static/usage/v8/fab/basic/vue.md create mode 100644 static/usage/v8/fab/button-sizing/angular.md create mode 100644 static/usage/v8/fab/button-sizing/demo.html create mode 100644 static/usage/v8/fab/button-sizing/index.md create mode 100644 static/usage/v8/fab/button-sizing/javascript.md create mode 100644 static/usage/v8/fab/button-sizing/react.md create mode 100644 static/usage/v8/fab/button-sizing/vue.md create mode 100644 static/usage/v8/fab/list-side/angular.md create mode 100644 static/usage/v8/fab/list-side/demo.html create mode 100644 static/usage/v8/fab/list-side/index.md create mode 100644 static/usage/v8/fab/list-side/javascript.md create mode 100644 static/usage/v8/fab/list-side/react.md create mode 100644 static/usage/v8/fab/list-side/vue.md create mode 100644 static/usage/v8/fab/positioning/angular.md create mode 100644 static/usage/v8/fab/positioning/demo.html create mode 100644 static/usage/v8/fab/positioning/index.md create mode 100644 static/usage/v8/fab/positioning/javascript.md create mode 100644 static/usage/v8/fab/positioning/react.md create mode 100644 static/usage/v8/fab/positioning/vue.md create mode 100644 static/usage/v8/fab/safe-area/angular/example_component_css.md create mode 100644 static/usage/v8/fab/safe-area/angular/example_component_html.md create mode 100644 static/usage/v8/fab/safe-area/angular/global_css.md create mode 100644 static/usage/v8/fab/safe-area/demo.html create mode 100644 static/usage/v8/fab/safe-area/index.md create mode 100644 static/usage/v8/fab/safe-area/javascript.md create mode 100644 static/usage/v8/fab/safe-area/react/main_css.md create mode 100644 static/usage/v8/fab/safe-area/react/main_tsx.md create mode 100644 static/usage/v8/fab/safe-area/vue.md create mode 100644 static/usage/v8/fab/theming/colors/angular.md create mode 100644 static/usage/v8/fab/theming/colors/demo.html create mode 100644 static/usage/v8/fab/theming/colors/index.md create mode 100644 static/usage/v8/fab/theming/colors/javascript.md create mode 100644 static/usage/v8/fab/theming/colors/react.md create mode 100644 static/usage/v8/fab/theming/colors/vue.md create mode 100644 static/usage/v8/fab/theming/css-custom-properties/angular/example_component_css.md create mode 100644 static/usage/v8/fab/theming/css-custom-properties/angular/example_component_html.md create mode 100644 static/usage/v8/fab/theming/css-custom-properties/demo.html create mode 100644 static/usage/v8/fab/theming/css-custom-properties/index.md create mode 100644 static/usage/v8/fab/theming/css-custom-properties/javascript.md create mode 100644 static/usage/v8/fab/theming/css-custom-properties/react/main_css.md create mode 100644 static/usage/v8/fab/theming/css-custom-properties/react/main_tsx.md create mode 100644 static/usage/v8/fab/theming/css-custom-properties/vue.md create mode 100644 static/usage/v8/fab/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v8/fab/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v8/fab/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v8/fab/theming/css-shadow-parts/index.md create mode 100644 static/usage/v8/fab/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v8/fab/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v8/fab/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v8/fab/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v8/footer/basic/angular.md create mode 100644 static/usage/v8/footer/basic/demo.html create mode 100644 static/usage/v8/footer/basic/index.md create mode 100644 static/usage/v8/footer/basic/javascript.md create mode 100644 static/usage/v8/footer/basic/react.md create mode 100644 static/usage/v8/footer/basic/vue.md create mode 100644 static/usage/v8/footer/custom-scroll-target/angular/example_component_css.md create mode 100644 static/usage/v8/footer/custom-scroll-target/angular/example_component_html.md create mode 100644 static/usage/v8/footer/custom-scroll-target/demo.html create mode 100644 static/usage/v8/footer/custom-scroll-target/index.md create mode 100644 static/usage/v8/footer/custom-scroll-target/javascript.md create mode 100644 static/usage/v8/footer/custom-scroll-target/react/main_css.md create mode 100644 static/usage/v8/footer/custom-scroll-target/react/main_tsx.md create mode 100644 static/usage/v8/footer/custom-scroll-target/vue.md create mode 100644 static/usage/v8/footer/fade/angular.md create mode 100644 static/usage/v8/footer/fade/demo.html create mode 100644 static/usage/v8/footer/fade/index.md create mode 100644 static/usage/v8/footer/fade/javascript.md create mode 100644 static/usage/v8/footer/fade/react.md create mode 100644 static/usage/v8/footer/fade/vue.md create mode 100644 static/usage/v8/footer/no-border/angular.md create mode 100644 static/usage/v8/footer/no-border/demo.html create mode 100644 static/usage/v8/footer/no-border/index.md create mode 100644 static/usage/v8/footer/no-border/javascript.md create mode 100644 static/usage/v8/footer/no-border/react.md create mode 100644 static/usage/v8/footer/no-border/vue.md create mode 100644 static/usage/v8/footer/translucent/angular.md create mode 100644 static/usage/v8/footer/translucent/demo.html create mode 100644 static/usage/v8/footer/translucent/index.md create mode 100644 static/usage/v8/footer/translucent/javascript.md create mode 100644 static/usage/v8/footer/translucent/react.md create mode 100644 static/usage/v8/footer/translucent/vue.md create mode 100644 static/usage/v8/gestures/basic/angular/example_component_css.md create mode 100644 static/usage/v8/gestures/basic/angular/example_component_html.md create mode 100644 static/usage/v8/gestures/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/gestures/basic/demo.html create mode 100644 static/usage/v8/gestures/basic/index.md create mode 100644 static/usage/v8/gestures/basic/javascript.md create mode 100644 static/usage/v8/gestures/basic/react/main_css.md create mode 100644 static/usage/v8/gestures/basic/react/main_tsx.md create mode 100644 static/usage/v8/gestures/basic/vue.md create mode 100644 static/usage/v8/gestures/double-click/angular/example_component_css.md create mode 100644 static/usage/v8/gestures/double-click/angular/example_component_html.md create mode 100644 static/usage/v8/gestures/double-click/angular/example_component_ts.md create mode 100644 static/usage/v8/gestures/double-click/demo.html create mode 100644 static/usage/v8/gestures/double-click/index.md create mode 100644 static/usage/v8/gestures/double-click/javascript.md create mode 100644 static/usage/v8/gestures/double-click/react/main_css.md create mode 100644 static/usage/v8/gestures/double-click/react/main_tsx.md create mode 100644 static/usage/v8/gestures/double-click/vue.md create mode 100644 static/usage/v8/grid/basic/angular/example_component_css.md create mode 100644 static/usage/v8/grid/basic/angular/example_component_html.md create mode 100644 static/usage/v8/grid/basic/demo.html create mode 100644 static/usage/v8/grid/basic/index.md create mode 100644 static/usage/v8/grid/basic/javascript.md create mode 100644 static/usage/v8/grid/basic/react/main_css.md create mode 100644 static/usage/v8/grid/basic/react/main_tsx.md create mode 100644 static/usage/v8/grid/basic/vue.md create mode 100644 static/usage/v8/grid/customizing/column-number/angular/example_component_css.md create mode 100644 static/usage/v8/grid/customizing/column-number/angular/example_component_html.md create mode 100644 static/usage/v8/grid/customizing/column-number/demo.html create mode 100644 static/usage/v8/grid/customizing/column-number/index.md create mode 100644 static/usage/v8/grid/customizing/column-number/javascript.md create mode 100644 static/usage/v8/grid/customizing/column-number/react/main_css.md create mode 100644 static/usage/v8/grid/customizing/column-number/react/main_tsx.md create mode 100644 static/usage/v8/grid/customizing/column-number/vue.md create mode 100644 static/usage/v8/grid/customizing/padding/angular/example_component_css.md create mode 100644 static/usage/v8/grid/customizing/padding/angular/example_component_html.md create mode 100644 static/usage/v8/grid/customizing/padding/demo.html create mode 100644 static/usage/v8/grid/customizing/padding/index.md create mode 100644 static/usage/v8/grid/customizing/padding/javascript.md create mode 100644 static/usage/v8/grid/customizing/padding/react/main_css.md create mode 100644 static/usage/v8/grid/customizing/padding/react/main_tsx.md create mode 100644 static/usage/v8/grid/customizing/padding/vue.md create mode 100644 static/usage/v8/grid/customizing/width/angular/example_component_css.md create mode 100644 static/usage/v8/grid/customizing/width/angular/example_component_html.md create mode 100644 static/usage/v8/grid/customizing/width/demo.html create mode 100644 static/usage/v8/grid/customizing/width/index.md create mode 100644 static/usage/v8/grid/customizing/width/javascript.md create mode 100644 static/usage/v8/grid/customizing/width/react/main_css.md create mode 100644 static/usage/v8/grid/customizing/width/react/main_tsx.md create mode 100644 static/usage/v8/grid/customizing/width/vue.md create mode 100644 static/usage/v8/grid/fixed/angular/example_component_css.md create mode 100644 static/usage/v8/grid/fixed/angular/example_component_html.md create mode 100644 static/usage/v8/grid/fixed/demo.html create mode 100644 static/usage/v8/grid/fixed/index.md create mode 100644 static/usage/v8/grid/fixed/javascript.md create mode 100644 static/usage/v8/grid/fixed/react/main_css.md create mode 100644 static/usage/v8/grid/fixed/react/main_tsx.md create mode 100644 static/usage/v8/grid/fixed/vue.md create mode 100644 static/usage/v8/grid/horizontal-alignment/angular/example_component_css.md create mode 100644 static/usage/v8/grid/horizontal-alignment/angular/example_component_html.md create mode 100644 static/usage/v8/grid/horizontal-alignment/demo.html create mode 100644 static/usage/v8/grid/horizontal-alignment/index.md create mode 100644 static/usage/v8/grid/horizontal-alignment/javascript.md create mode 100644 static/usage/v8/grid/horizontal-alignment/react/main_css.md create mode 100644 static/usage/v8/grid/horizontal-alignment/react/main_tsx.md create mode 100644 static/usage/v8/grid/horizontal-alignment/vue.md create mode 100644 static/usage/v8/grid/offset-responsive/angular/example_component_css.md create mode 100644 static/usage/v8/grid/offset-responsive/angular/example_component_html.md create mode 100644 static/usage/v8/grid/offset-responsive/demo.html create mode 100644 static/usage/v8/grid/offset-responsive/index.md create mode 100644 static/usage/v8/grid/offset-responsive/javascript.md create mode 100644 static/usage/v8/grid/offset-responsive/react/main_css.md create mode 100644 static/usage/v8/grid/offset-responsive/react/main_tsx.md create mode 100644 static/usage/v8/grid/offset-responsive/vue.md create mode 100644 static/usage/v8/grid/offset/angular/example_component_css.md create mode 100644 static/usage/v8/grid/offset/angular/example_component_html.md create mode 100644 static/usage/v8/grid/offset/demo.html create mode 100644 static/usage/v8/grid/offset/index.md create mode 100644 static/usage/v8/grid/offset/javascript.md create mode 100644 static/usage/v8/grid/offset/react/main_css.md create mode 100644 static/usage/v8/grid/offset/react/main_tsx.md create mode 100644 static/usage/v8/grid/offset/vue.md create mode 100644 static/usage/v8/grid/push-pull-responsive/angular/example_component_css.md create mode 100644 static/usage/v8/grid/push-pull-responsive/angular/example_component_html.md create mode 100644 static/usage/v8/grid/push-pull-responsive/demo.html create mode 100644 static/usage/v8/grid/push-pull-responsive/index.md create mode 100644 static/usage/v8/grid/push-pull-responsive/javascript.md create mode 100644 static/usage/v8/grid/push-pull-responsive/react/main_css.md create mode 100644 static/usage/v8/grid/push-pull-responsive/react/main_tsx.md create mode 100644 static/usage/v8/grid/push-pull-responsive/vue.md create mode 100644 static/usage/v8/grid/push-pull/angular/example_component_css.md create mode 100644 static/usage/v8/grid/push-pull/angular/example_component_html.md create mode 100644 static/usage/v8/grid/push-pull/demo.html create mode 100644 static/usage/v8/grid/push-pull/index.md create mode 100644 static/usage/v8/grid/push-pull/javascript.md create mode 100644 static/usage/v8/grid/push-pull/react/main_css.md create mode 100644 static/usage/v8/grid/push-pull/react/main_tsx.md create mode 100644 static/usage/v8/grid/push-pull/vue.md create mode 100644 static/usage/v8/grid/size-auto/angular/example_component_css.md create mode 100644 static/usage/v8/grid/size-auto/angular/example_component_html.md create mode 100644 static/usage/v8/grid/size-auto/demo.html create mode 100644 static/usage/v8/grid/size-auto/index.md create mode 100644 static/usage/v8/grid/size-auto/javascript.md create mode 100644 static/usage/v8/grid/size-auto/react/main_css.md create mode 100644 static/usage/v8/grid/size-auto/react/main_tsx.md create mode 100644 static/usage/v8/grid/size-auto/vue.md create mode 100644 static/usage/v8/grid/size-responsive/angular/example_component_css.md create mode 100644 static/usage/v8/grid/size-responsive/angular/example_component_html.md create mode 100644 static/usage/v8/grid/size-responsive/demo.html create mode 100644 static/usage/v8/grid/size-responsive/index.md create mode 100644 static/usage/v8/grid/size-responsive/javascript.md create mode 100644 static/usage/v8/grid/size-responsive/react/main_css.md create mode 100644 static/usage/v8/grid/size-responsive/react/main_tsx.md create mode 100644 static/usage/v8/grid/size-responsive/vue.md create mode 100644 static/usage/v8/grid/size/angular/example_component_css.md create mode 100644 static/usage/v8/grid/size/angular/example_component_html.md create mode 100644 static/usage/v8/grid/size/demo.html create mode 100644 static/usage/v8/grid/size/index.md create mode 100644 static/usage/v8/grid/size/javascript.md create mode 100644 static/usage/v8/grid/size/react/main_css.md create mode 100644 static/usage/v8/grid/size/react/main_tsx.md create mode 100644 static/usage/v8/grid/size/vue.md create mode 100644 static/usage/v8/grid/vertical-alignment/angular/example_component_css.md create mode 100644 static/usage/v8/grid/vertical-alignment/angular/example_component_html.md create mode 100644 static/usage/v8/grid/vertical-alignment/demo.html create mode 100644 static/usage/v8/grid/vertical-alignment/index.md create mode 100644 static/usage/v8/grid/vertical-alignment/javascript.md create mode 100644 static/usage/v8/grid/vertical-alignment/react/main_css.md create mode 100644 static/usage/v8/grid/vertical-alignment/react/main_tsx.md create mode 100644 static/usage/v8/grid/vertical-alignment/vue.md create mode 100644 static/usage/v8/header/basic/angular.md create mode 100644 static/usage/v8/header/basic/demo.html create mode 100644 static/usage/v8/header/basic/index.md create mode 100644 static/usage/v8/header/basic/javascript.md create mode 100644 static/usage/v8/header/basic/react.md create mode 100644 static/usage/v8/header/basic/vue.md create mode 100644 static/usage/v8/header/condense/angular.md create mode 100644 static/usage/v8/header/condense/demo.html create mode 100644 static/usage/v8/header/condense/index.md create mode 100644 static/usage/v8/header/condense/javascript.md create mode 100644 static/usage/v8/header/condense/react.md create mode 100644 static/usage/v8/header/condense/vue.md create mode 100644 static/usage/v8/header/custom-scroll-target/angular/example_component_css.md create mode 100644 static/usage/v8/header/custom-scroll-target/angular/example_component_html.md create mode 100644 static/usage/v8/header/custom-scroll-target/demo.html create mode 100644 static/usage/v8/header/custom-scroll-target/index.md create mode 100644 static/usage/v8/header/custom-scroll-target/javascript.md create mode 100644 static/usage/v8/header/custom-scroll-target/react/main_css.md create mode 100644 static/usage/v8/header/custom-scroll-target/react/main_tsx.md create mode 100644 static/usage/v8/header/custom-scroll-target/vue.md create mode 100644 static/usage/v8/header/fade/angular.md create mode 100644 static/usage/v8/header/fade/demo.html create mode 100644 static/usage/v8/header/fade/index.md create mode 100644 static/usage/v8/header/fade/javascript.md create mode 100644 static/usage/v8/header/fade/react.md create mode 100644 static/usage/v8/header/fade/vue.md create mode 100644 static/usage/v8/header/no-border/angular.md create mode 100644 static/usage/v8/header/no-border/demo.html create mode 100644 static/usage/v8/header/no-border/index.md create mode 100644 static/usage/v8/header/no-border/javascript.md create mode 100644 static/usage/v8/header/no-border/react.md create mode 100644 static/usage/v8/header/no-border/vue.md create mode 100644 static/usage/v8/header/translucent/angular.md create mode 100644 static/usage/v8/header/translucent/demo.html create mode 100644 static/usage/v8/header/translucent/index.md create mode 100644 static/usage/v8/header/translucent/javascript.md create mode 100644 static/usage/v8/header/translucent/react.md create mode 100644 static/usage/v8/header/translucent/vue.md create mode 100644 static/usage/v8/icon/basic/angular.md create mode 100644 static/usage/v8/icon/basic/demo.html create mode 100644 static/usage/v8/icon/basic/index.md create mode 100644 static/usage/v8/icon/basic/javascript.md create mode 100644 static/usage/v8/icon/basic/react.md create mode 100644 static/usage/v8/icon/basic/vue.md create mode 100644 static/usage/v8/img/basic/angular.md create mode 100644 static/usage/v8/img/basic/demo.html create mode 100644 static/usage/v8/img/basic/index.md create mode 100644 static/usage/v8/img/basic/javascript.md create mode 100644 static/usage/v8/img/basic/react.md create mode 100644 static/usage/v8/img/basic/vue.md create mode 100644 static/usage/v8/infinite-scroll/basic/angular/example_component_html.md create mode 100644 static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/infinite-scroll/basic/demo.html create mode 100644 static/usage/v8/infinite-scroll/basic/index.md create mode 100644 static/usage/v8/infinite-scroll/basic/javascript.md create mode 100644 static/usage/v8/infinite-scroll/basic/react.md create mode 100644 static/usage/v8/infinite-scroll/basic/vue.md create mode 100644 static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_css.md create mode 100644 static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_html.md create mode 100644 static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md create mode 100644 static/usage/v8/infinite-scroll/custom-infinite-scroll-content/demo.html create mode 100644 static/usage/v8/infinite-scroll/custom-infinite-scroll-content/index.md create mode 100644 static/usage/v8/infinite-scroll/custom-infinite-scroll-content/javascript.md create mode 100644 static/usage/v8/infinite-scroll/custom-infinite-scroll-content/react/main_css.md create mode 100644 static/usage/v8/infinite-scroll/custom-infinite-scroll-content/react/main_tsx.md create mode 100644 static/usage/v8/infinite-scroll/custom-infinite-scroll-content/vue.md create mode 100644 static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_html.md create mode 100644 static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md create mode 100644 static/usage/v8/infinite-scroll/infinite-scroll-content/demo.html create mode 100644 static/usage/v8/infinite-scroll/infinite-scroll-content/index.md create mode 100644 static/usage/v8/infinite-scroll/infinite-scroll-content/javascript.md create mode 100644 static/usage/v8/infinite-scroll/infinite-scroll-content/react.md create mode 100644 static/usage/v8/infinite-scroll/infinite-scroll-content/vue.md create mode 100644 static/usage/v8/input-password-toggle/basic/angular.md create mode 100644 static/usage/v8/input-password-toggle/basic/demo.html create mode 100644 static/usage/v8/input-password-toggle/basic/index.md create mode 100644 static/usage/v8/input-password-toggle/basic/javascript.md create mode 100644 static/usage/v8/input-password-toggle/basic/react.md create mode 100644 static/usage/v8/input-password-toggle/basic/vue.md create mode 100644 static/usage/v8/input/basic/angular.md create mode 100644 static/usage/v8/input/basic/demo.html create mode 100644 static/usage/v8/input/basic/index.md create mode 100644 static/usage/v8/input/basic/javascript.md create mode 100644 static/usage/v8/input/basic/react.md create mode 100644 static/usage/v8/input/basic/vue.md create mode 100644 static/usage/v8/input/clear/angular.md create mode 100644 static/usage/v8/input/clear/demo.html create mode 100644 static/usage/v8/input/clear/index.md create mode 100644 static/usage/v8/input/clear/javascript.md create mode 100644 static/usage/v8/input/clear/react.md create mode 100644 static/usage/v8/input/clear/vue.md create mode 100644 static/usage/v8/input/counter-alignment/angular.md create mode 100644 static/usage/v8/input/counter-alignment/demo.html create mode 100644 static/usage/v8/input/counter-alignment/index.md create mode 100644 static/usage/v8/input/counter-alignment/javascript.md create mode 100644 static/usage/v8/input/counter-alignment/react.md create mode 100644 static/usage/v8/input/counter-alignment/vue.md create mode 100644 static/usage/v8/input/counter/angular/example_component_html.md create mode 100644 static/usage/v8/input/counter/angular/example_component_ts.md create mode 100644 static/usage/v8/input/counter/demo.html create mode 100644 static/usage/v8/input/counter/index.md create mode 100644 static/usage/v8/input/counter/javascript.md create mode 100644 static/usage/v8/input/counter/react.md create mode 100644 static/usage/v8/input/counter/vue.md create mode 100644 static/usage/v8/input/fill/angular.md create mode 100644 static/usage/v8/input/fill/demo.html create mode 100644 static/usage/v8/input/fill/index.md create mode 100644 static/usage/v8/input/fill/javascript.md create mode 100644 static/usage/v8/input/fill/react.md create mode 100644 static/usage/v8/input/fill/vue.md create mode 100644 static/usage/v8/input/filtering/angular/example_component_html.md create mode 100644 static/usage/v8/input/filtering/angular/example_component_ts.md create mode 100644 static/usage/v8/input/filtering/demo.html create mode 100644 static/usage/v8/input/filtering/index.md create mode 100644 static/usage/v8/input/filtering/javascript.md create mode 100644 static/usage/v8/input/filtering/react.md create mode 100644 static/usage/v8/input/filtering/vue.md create mode 100644 static/usage/v8/input/helper-error/angular.md create mode 100644 static/usage/v8/input/helper-error/demo.html create mode 100644 static/usage/v8/input/helper-error/index.md create mode 100644 static/usage/v8/input/helper-error/javascript.md create mode 100644 static/usage/v8/input/helper-error/react.md create mode 100644 static/usage/v8/input/helper-error/vue.md create mode 100644 static/usage/v8/input/label-placement/angular.md create mode 100644 static/usage/v8/input/label-placement/demo.html create mode 100644 static/usage/v8/input/label-placement/index.md create mode 100644 static/usage/v8/input/label-placement/javascript.md create mode 100644 static/usage/v8/input/label-placement/react.md create mode 100644 static/usage/v8/input/label-placement/vue.md create mode 100644 static/usage/v8/input/label-slot/angular.md create mode 100644 static/usage/v8/input/label-slot/demo.html create mode 100644 static/usage/v8/input/label-slot/index.md create mode 100644 static/usage/v8/input/label-slot/javascript.md create mode 100644 static/usage/v8/input/label-slot/react.md create mode 100644 static/usage/v8/input/label-slot/vue.md create mode 100644 static/usage/v8/input/mask/angular/app_module_ts.md create mode 100644 static/usage/v8/input/mask/angular/example_component_html.md create mode 100644 static/usage/v8/input/mask/angular/example_component_ts.md create mode 100644 static/usage/v8/input/mask/demo.html create mode 100644 static/usage/v8/input/mask/index.md create mode 100644 static/usage/v8/input/mask/javascript/index_html.md create mode 100644 static/usage/v8/input/mask/javascript/index_ts.md create mode 100644 static/usage/v8/input/mask/react.md create mode 100644 static/usage/v8/input/mask/vue.md create mode 100644 static/usage/v8/input/migration/index.md create mode 100644 static/usage/v8/input/no-visible-label/angular.md create mode 100644 static/usage/v8/input/no-visible-label/demo.html create mode 100644 static/usage/v8/input/no-visible-label/index.md create mode 100644 static/usage/v8/input/no-visible-label/javascript.md create mode 100644 static/usage/v8/input/no-visible-label/react.md create mode 100644 static/usage/v8/input/no-visible-label/vue.md create mode 100644 static/usage/v8/input/set-focus/angular.md create mode 100644 static/usage/v8/input/set-focus/demo.html create mode 100644 static/usage/v8/input/set-focus/index.md create mode 100644 static/usage/v8/input/set-focus/javascript.md create mode 100644 static/usage/v8/input/set-focus/react.md create mode 100644 static/usage/v8/input/set-focus/vue.md create mode 100644 static/usage/v8/input/theming/colors/angular.md create mode 100644 static/usage/v8/input/theming/colors/demo.html create mode 100644 static/usage/v8/input/theming/colors/index.md create mode 100644 static/usage/v8/input/theming/colors/javascript.md create mode 100644 static/usage/v8/input/theming/colors/react.md create mode 100644 static/usage/v8/input/theming/colors/vue.md create mode 100644 static/usage/v8/input/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/input/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/input/theming/css-properties/angular/global_css.md create mode 100644 static/usage/v8/input/theming/css-properties/demo.html create mode 100644 static/usage/v8/input/theming/css-properties/index.md create mode 100644 static/usage/v8/input/theming/css-properties/javascript.md create mode 100644 static/usage/v8/input/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/input/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/input/theming/css-properties/vue.md create mode 100644 static/usage/v8/input/types/angular.md create mode 100644 static/usage/v8/input/types/demo.html create mode 100644 static/usage/v8/input/types/index.md create mode 100644 static/usage/v8/input/types/javascript.md create mode 100644 static/usage/v8/input/types/react.md create mode 100644 static/usage/v8/input/types/vue.md create mode 100644 static/usage/v8/item-divider/basic/angular.md create mode 100644 static/usage/v8/item-divider/basic/demo.html create mode 100644 static/usage/v8/item-divider/basic/index.md create mode 100644 static/usage/v8/item-divider/basic/javascript.md create mode 100644 static/usage/v8/item-divider/basic/react.md create mode 100644 static/usage/v8/item-divider/basic/vue.md create mode 100644 static/usage/v8/item-divider/theming/colors/angular.md create mode 100644 static/usage/v8/item-divider/theming/colors/demo.html create mode 100644 static/usage/v8/item-divider/theming/colors/index.md create mode 100644 static/usage/v8/item-divider/theming/colors/javascript.md create mode 100644 static/usage/v8/item-divider/theming/colors/react.md create mode 100644 static/usage/v8/item-divider/theming/colors/vue.md create mode 100644 static/usage/v8/item-divider/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/item-divider/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/item-divider/theming/css-properties/demo.html create mode 100644 static/usage/v8/item-divider/theming/css-properties/index.md create mode 100644 static/usage/v8/item-divider/theming/css-properties/javascript.md create mode 100644 static/usage/v8/item-divider/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/item-divider/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/item-divider/theming/css-properties/vue.md create mode 100644 static/usage/v8/item-group/basic/angular.md create mode 100644 static/usage/v8/item-group/basic/demo.html create mode 100644 static/usage/v8/item-group/basic/index.md create mode 100644 static/usage/v8/item-group/basic/javascript.md create mode 100644 static/usage/v8/item-group/basic/react.md create mode 100644 static/usage/v8/item-group/basic/vue.md create mode 100644 static/usage/v8/item-group/sliding-items/angular.md create mode 100644 static/usage/v8/item-group/sliding-items/demo.html create mode 100644 static/usage/v8/item-group/sliding-items/index.md create mode 100644 static/usage/v8/item-group/sliding-items/javascript.md create mode 100644 static/usage/v8/item-group/sliding-items/react.md create mode 100644 static/usage/v8/item-group/sliding-items/vue.md create mode 100644 static/usage/v8/item-sliding/basic/angular.md create mode 100644 static/usage/v8/item-sliding/basic/demo.html create mode 100644 static/usage/v8/item-sliding/basic/index.md create mode 100644 static/usage/v8/item-sliding/basic/javascript.md create mode 100644 static/usage/v8/item-sliding/basic/react.md create mode 100644 static/usage/v8/item-sliding/basic/vue.md create mode 100644 static/usage/v8/item-sliding/expandable/angular.md create mode 100644 static/usage/v8/item-sliding/expandable/demo.html create mode 100644 static/usage/v8/item-sliding/expandable/index.md create mode 100644 static/usage/v8/item-sliding/expandable/javascript.md create mode 100644 static/usage/v8/item-sliding/expandable/react.md create mode 100644 static/usage/v8/item-sliding/expandable/vue.md create mode 100644 static/usage/v8/item-sliding/icons/angular.md create mode 100644 static/usage/v8/item-sliding/icons/demo.html create mode 100644 static/usage/v8/item-sliding/icons/index.md create mode 100644 static/usage/v8/item-sliding/icons/javascript.md create mode 100644 static/usage/v8/item-sliding/icons/react.md create mode 100644 static/usage/v8/item-sliding/icons/vue.md create mode 100644 static/usage/v8/item/basic/angular.md create mode 100644 static/usage/v8/item/basic/demo.html create mode 100644 static/usage/v8/item/basic/index.md create mode 100644 static/usage/v8/item/basic/javascript.md create mode 100644 static/usage/v8/item/basic/react.md create mode 100644 static/usage/v8/item/basic/vue.md create mode 100644 static/usage/v8/item/buttons/angular.md create mode 100644 static/usage/v8/item/buttons/demo.html create mode 100644 static/usage/v8/item/buttons/index.md create mode 100644 static/usage/v8/item/buttons/javascript.md create mode 100644 static/usage/v8/item/buttons/react.md create mode 100644 static/usage/v8/item/buttons/vue.md create mode 100644 static/usage/v8/item/clickable/angular.md create mode 100644 static/usage/v8/item/clickable/demo.html create mode 100644 static/usage/v8/item/clickable/index.md create mode 100644 static/usage/v8/item/clickable/javascript.md create mode 100644 static/usage/v8/item/clickable/react.md create mode 100644 static/usage/v8/item/clickable/vue.md create mode 100644 static/usage/v8/item/content-types/actions/angular.md create mode 100644 static/usage/v8/item/content-types/actions/demo.html create mode 100644 static/usage/v8/item/content-types/actions/index.md create mode 100644 static/usage/v8/item/content-types/actions/javascript.md create mode 100644 static/usage/v8/item/content-types/actions/react.md create mode 100644 static/usage/v8/item/content-types/actions/vue.md create mode 100644 static/usage/v8/item/content-types/controls/angular.md create mode 100644 static/usage/v8/item/content-types/controls/demo.html create mode 100644 static/usage/v8/item/content-types/controls/index.md create mode 100644 static/usage/v8/item/content-types/controls/javascript.md create mode 100644 static/usage/v8/item/content-types/controls/react.md create mode 100644 static/usage/v8/item/content-types/controls/vue.md create mode 100644 static/usage/v8/item/content-types/metadata/angular/example_component_css.md create mode 100644 static/usage/v8/item/content-types/metadata/angular/example_component_html.md create mode 100644 static/usage/v8/item/content-types/metadata/demo.html create mode 100644 static/usage/v8/item/content-types/metadata/index.md create mode 100644 static/usage/v8/item/content-types/metadata/javascript.md create mode 100644 static/usage/v8/item/content-types/metadata/react/main_css.md create mode 100644 static/usage/v8/item/content-types/metadata/react/main_tsx.md create mode 100644 static/usage/v8/item/content-types/metadata/vue.md create mode 100644 static/usage/v8/item/content-types/supporting-visuals/angular.md create mode 100644 static/usage/v8/item/content-types/supporting-visuals/demo.html create mode 100644 static/usage/v8/item/content-types/supporting-visuals/index.md create mode 100644 static/usage/v8/item/content-types/supporting-visuals/javascript.md create mode 100644 static/usage/v8/item/content-types/supporting-visuals/react.md create mode 100644 static/usage/v8/item/content-types/supporting-visuals/vue.md create mode 100644 static/usage/v8/item/content-types/text/angular/example_component_css.md create mode 100644 static/usage/v8/item/content-types/text/angular/example_component_html.md create mode 100644 static/usage/v8/item/content-types/text/demo.html create mode 100644 static/usage/v8/item/content-types/text/index.md create mode 100644 static/usage/v8/item/content-types/text/javascript.md create mode 100644 static/usage/v8/item/content-types/text/react/main_css.md create mode 100644 static/usage/v8/item/content-types/text/react/main_tsx.md create mode 100644 static/usage/v8/item/content-types/text/vue.md create mode 100644 static/usage/v8/item/detail-arrows/angular.md create mode 100644 static/usage/v8/item/detail-arrows/demo.html create mode 100644 static/usage/v8/item/detail-arrows/index.md create mode 100644 static/usage/v8/item/detail-arrows/javascript.md create mode 100644 static/usage/v8/item/detail-arrows/react.md create mode 100644 static/usage/v8/item/detail-arrows/vue.md create mode 100644 static/usage/v8/item/icons/angular.md create mode 100644 static/usage/v8/item/icons/demo.html create mode 100644 static/usage/v8/item/icons/index.md create mode 100644 static/usage/v8/item/icons/javascript.md create mode 100644 static/usage/v8/item/icons/react.md create mode 100644 static/usage/v8/item/icons/vue.md create mode 100644 static/usage/v8/item/inputs/angular.md create mode 100644 static/usage/v8/item/inputs/demo.html create mode 100644 static/usage/v8/item/inputs/index.md create mode 100644 static/usage/v8/item/inputs/javascript.md create mode 100644 static/usage/v8/item/inputs/react.md create mode 100644 static/usage/v8/item/inputs/vue.md create mode 100644 static/usage/v8/item/lines/angular.md create mode 100644 static/usage/v8/item/lines/demo.html create mode 100644 static/usage/v8/item/lines/index.md create mode 100644 static/usage/v8/item/lines/javascript.md create mode 100644 static/usage/v8/item/lines/react.md create mode 100644 static/usage/v8/item/lines/vue.md create mode 100644 static/usage/v8/item/media/angular.md create mode 100644 static/usage/v8/item/media/demo.html create mode 100644 static/usage/v8/item/media/index.md create mode 100644 static/usage/v8/item/media/javascript.md create mode 100644 static/usage/v8/item/media/react.md create mode 100644 static/usage/v8/item/media/vue.md create mode 100644 static/usage/v8/item/theming/colors/angular.md create mode 100644 static/usage/v8/item/theming/colors/demo.html create mode 100644 static/usage/v8/item/theming/colors/index.md create mode 100644 static/usage/v8/item/theming/colors/javascript.md create mode 100644 static/usage/v8/item/theming/colors/react.md create mode 100644 static/usage/v8/item/theming/colors/vue.md create mode 100644 static/usage/v8/item/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/item/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/item/theming/css-properties/demo.html create mode 100644 static/usage/v8/item/theming/css-properties/index.md create mode 100644 static/usage/v8/item/theming/css-properties/javascript.md create mode 100644 static/usage/v8/item/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/item/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/item/theming/css-properties/vue.md create mode 100644 static/usage/v8/item/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v8/item/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v8/item/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v8/item/theming/css-shadow-parts/index.md create mode 100644 static/usage/v8/item/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v8/item/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v8/item/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v8/item/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v8/item/theming/input-highlight/angular/example_component_css.md create mode 100644 static/usage/v8/item/theming/input-highlight/angular/example_component_html.md create mode 100644 static/usage/v8/item/theming/input-highlight/demo.html create mode 100644 static/usage/v8/item/theming/input-highlight/index.md create mode 100644 static/usage/v8/item/theming/input-highlight/javascript.md create mode 100644 static/usage/v8/item/theming/input-highlight/react/main_css.md create mode 100644 static/usage/v8/item/theming/input-highlight/react/main_tsx.md create mode 100644 static/usage/v8/item/theming/input-highlight/vue.md create mode 100644 static/usage/v8/keyboard/enterkeyhint/angular.md create mode 100644 static/usage/v8/keyboard/enterkeyhint/demo.html create mode 100644 static/usage/v8/keyboard/enterkeyhint/index.md create mode 100644 static/usage/v8/keyboard/enterkeyhint/javascript.md create mode 100644 static/usage/v8/keyboard/enterkeyhint/react.md create mode 100644 static/usage/v8/keyboard/enterkeyhint/vue.md create mode 100644 static/usage/v8/keyboard/inputmode/angular.md create mode 100644 static/usage/v8/keyboard/inputmode/demo.html create mode 100644 static/usage/v8/keyboard/inputmode/index.md create mode 100644 static/usage/v8/keyboard/inputmode/javascript.md create mode 100644 static/usage/v8/keyboard/inputmode/react.md create mode 100644 static/usage/v8/keyboard/inputmode/vue.md create mode 100644 static/usage/v8/label/basic/angular.md create mode 100644 static/usage/v8/label/basic/demo.html create mode 100644 static/usage/v8/label/basic/index.md create mode 100644 static/usage/v8/label/basic/javascript.md create mode 100644 static/usage/v8/label/basic/react.md create mode 100644 static/usage/v8/label/basic/vue.md create mode 100644 static/usage/v8/label/input/angular.md create mode 100644 static/usage/v8/label/input/demo.html create mode 100644 static/usage/v8/label/input/index.md create mode 100644 static/usage/v8/label/input/javascript.md create mode 100644 static/usage/v8/label/input/react.md create mode 100644 static/usage/v8/label/input/vue.md create mode 100644 static/usage/v8/label/item/angular.md create mode 100644 static/usage/v8/label/item/demo.html create mode 100644 static/usage/v8/label/item/index.md create mode 100644 static/usage/v8/label/item/javascript.md create mode 100644 static/usage/v8/label/item/react.md create mode 100644 static/usage/v8/label/item/vue.md create mode 100644 static/usage/v8/label/theming/colors/angular.md create mode 100644 static/usage/v8/label/theming/colors/demo.html create mode 100644 static/usage/v8/label/theming/colors/index.md create mode 100644 static/usage/v8/label/theming/colors/javascript.md create mode 100644 static/usage/v8/label/theming/colors/react.md create mode 100644 static/usage/v8/label/theming/colors/vue.md create mode 100644 static/usage/v8/layout/dynamic-font-scaling/angular.md create mode 100644 static/usage/v8/layout/dynamic-font-scaling/demo.html create mode 100644 static/usage/v8/layout/dynamic-font-scaling/index.md create mode 100644 static/usage/v8/layout/dynamic-font-scaling/javascript.md create mode 100644 static/usage/v8/layout/dynamic-font-scaling/react.md create mode 100644 static/usage/v8/layout/dynamic-font-scaling/vue.md create mode 100644 static/usage/v8/list-header/basic/angular.md create mode 100644 static/usage/v8/list-header/basic/demo.html create mode 100644 static/usage/v8/list-header/basic/index.md create mode 100644 static/usage/v8/list-header/basic/javascript.md create mode 100644 static/usage/v8/list-header/basic/react.md create mode 100644 static/usage/v8/list-header/basic/vue.md create mode 100644 static/usage/v8/list-header/buttons/angular.md create mode 100644 static/usage/v8/list-header/buttons/demo.html create mode 100644 static/usage/v8/list-header/buttons/index.md create mode 100644 static/usage/v8/list-header/buttons/javascript.md create mode 100644 static/usage/v8/list-header/buttons/react.md create mode 100644 static/usage/v8/list-header/buttons/vue.md create mode 100644 static/usage/v8/list-header/lines/angular.md create mode 100644 static/usage/v8/list-header/lines/demo.html create mode 100644 static/usage/v8/list-header/lines/index.md create mode 100644 static/usage/v8/list-header/lines/javascript.md create mode 100644 static/usage/v8/list-header/lines/react.md create mode 100644 static/usage/v8/list-header/lines/vue.md create mode 100644 static/usage/v8/list-header/theming/colors/angular.md create mode 100644 static/usage/v8/list-header/theming/colors/demo.html create mode 100644 static/usage/v8/list-header/theming/colors/index.md create mode 100644 static/usage/v8/list-header/theming/colors/javascript.md create mode 100644 static/usage/v8/list-header/theming/colors/react.md create mode 100644 static/usage/v8/list-header/theming/colors/vue.md create mode 100644 static/usage/v8/list-header/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/list-header/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/list-header/theming/css-properties/demo.html create mode 100644 static/usage/v8/list-header/theming/css-properties/index.md create mode 100644 static/usage/v8/list-header/theming/css-properties/javascript.md create mode 100644 static/usage/v8/list-header/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/list-header/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/list-header/theming/css-properties/vue.md create mode 100644 static/usage/v8/list/basic/angular.md create mode 100644 static/usage/v8/list/basic/demo.html create mode 100644 static/usage/v8/list/basic/index.md create mode 100644 static/usage/v8/list/basic/javascript.md create mode 100644 static/usage/v8/list/basic/react.md create mode 100644 static/usage/v8/list/basic/vue.md create mode 100644 static/usage/v8/list/inset/angular.md create mode 100644 static/usage/v8/list/inset/demo.html create mode 100644 static/usage/v8/list/inset/index.md create mode 100644 static/usage/v8/list/inset/javascript.md create mode 100644 static/usage/v8/list/inset/react.md create mode 100644 static/usage/v8/list/inset/vue.md create mode 100644 static/usage/v8/list/lines/angular.md create mode 100644 static/usage/v8/list/lines/demo.html create mode 100644 static/usage/v8/list/lines/index.md create mode 100644 static/usage/v8/list/lines/javascript.md create mode 100644 static/usage/v8/list/lines/react.md create mode 100644 static/usage/v8/list/lines/vue.md create mode 100644 static/usage/v8/loading/controller/angular/example_component_html.md create mode 100644 static/usage/v8/loading/controller/angular/example_component_ts.md create mode 100644 static/usage/v8/loading/controller/demo.html create mode 100644 static/usage/v8/loading/controller/index.md create mode 100644 static/usage/v8/loading/controller/javascript.md create mode 100644 static/usage/v8/loading/controller/react.md create mode 100644 static/usage/v8/loading/controller/vue.md create mode 100644 static/usage/v8/loading/inline/angular.md create mode 100644 static/usage/v8/loading/inline/demo.html create mode 100644 static/usage/v8/loading/inline/index.md create mode 100644 static/usage/v8/loading/inline/javascript.md create mode 100644 static/usage/v8/loading/inline/react.md create mode 100644 static/usage/v8/loading/inline/vue.md create mode 100644 static/usage/v8/loading/spinners/angular.md create mode 100644 static/usage/v8/loading/spinners/demo.html create mode 100644 static/usage/v8/loading/spinners/index.md create mode 100644 static/usage/v8/loading/spinners/javascript.md create mode 100644 static/usage/v8/loading/spinners/react.md create mode 100644 static/usage/v8/loading/spinners/vue.md create mode 100644 static/usage/v8/loading/theming/angular/example_component_html.md create mode 100644 static/usage/v8/loading/theming/angular/global_css.md create mode 100644 static/usage/v8/loading/theming/demo.html create mode 100644 static/usage/v8/loading/theming/index.md create mode 100644 static/usage/v8/loading/theming/javascript.md create mode 100644 static/usage/v8/loading/theming/react/main_css.md create mode 100644 static/usage/v8/loading/theming/react/main_tsx.md create mode 100644 static/usage/v8/loading/theming/vue.md create mode 100644 static/usage/v8/menu/basic/angular.md create mode 100644 static/usage/v8/menu/basic/demo.html create mode 100644 static/usage/v8/menu/basic/index.md create mode 100644 static/usage/v8/menu/basic/javascript.md create mode 100644 static/usage/v8/menu/basic/react.md create mode 100644 static/usage/v8/menu/basic/vue.md create mode 100644 static/usage/v8/menu/multiple/angular/example_component_html.md create mode 100644 static/usage/v8/menu/multiple/angular/example_component_ts.md create mode 100644 static/usage/v8/menu/multiple/demo.html create mode 100644 static/usage/v8/menu/multiple/index.md create mode 100644 static/usage/v8/menu/multiple/javascript.md create mode 100644 static/usage/v8/menu/multiple/react.md create mode 100644 static/usage/v8/menu/multiple/vue.md create mode 100644 static/usage/v8/menu/sides/angular.md create mode 100644 static/usage/v8/menu/sides/demo.html create mode 100644 static/usage/v8/menu/sides/index.md create mode 100644 static/usage/v8/menu/sides/javascript.md create mode 100644 static/usage/v8/menu/sides/react.md create mode 100644 static/usage/v8/menu/sides/vue.md create mode 100644 static/usage/v8/menu/theming/angular/example_component_css.md create mode 100644 static/usage/v8/menu/theming/angular/example_component_html.md create mode 100644 static/usage/v8/menu/theming/demo.html create mode 100644 static/usage/v8/menu/theming/index.md create mode 100644 static/usage/v8/menu/theming/javascript.md create mode 100644 static/usage/v8/menu/theming/react/main_css.md create mode 100644 static/usage/v8/menu/theming/react/main_tsx.md create mode 100644 static/usage/v8/menu/theming/vue.md create mode 100644 static/usage/v8/menu/toggle/angular.md create mode 100644 static/usage/v8/menu/toggle/demo.html create mode 100644 static/usage/v8/menu/toggle/index.md create mode 100644 static/usage/v8/menu/toggle/javascript.md create mode 100644 static/usage/v8/menu/toggle/react.md create mode 100644 static/usage/v8/menu/toggle/vue.md create mode 100644 static/usage/v8/menu/type/angular/example_component_html.md create mode 100644 static/usage/v8/menu/type/angular/example_component_ts.md create mode 100644 static/usage/v8/menu/type/demo.html create mode 100644 static/usage/v8/menu/type/index.md create mode 100644 static/usage/v8/menu/type/javascript.md create mode 100644 static/usage/v8/menu/type/react.md create mode 100644 static/usage/v8/menu/type/vue.md create mode 100644 static/usage/v8/modal/can-dismiss/boolean/angular/example_component_html.md create mode 100644 static/usage/v8/modal/can-dismiss/boolean/angular/example_component_ts.md create mode 100644 static/usage/v8/modal/can-dismiss/boolean/demo.html create mode 100644 static/usage/v8/modal/can-dismiss/boolean/index.md create mode 100644 static/usage/v8/modal/can-dismiss/boolean/javascript.md create mode 100644 static/usage/v8/modal/can-dismiss/boolean/react.md create mode 100644 static/usage/v8/modal/can-dismiss/boolean/vue.md create mode 100644 static/usage/v8/modal/can-dismiss/child-state/angular/app_module_ts.md create mode 100644 static/usage/v8/modal/can-dismiss/child-state/angular/child_component_html.md create mode 100644 static/usage/v8/modal/can-dismiss/child-state/angular/child_component_ts.md create mode 100644 static/usage/v8/modal/can-dismiss/child-state/angular/example_component_html.md create mode 100644 static/usage/v8/modal/can-dismiss/child-state/angular/example_component_ts.md create mode 100644 static/usage/v8/modal/can-dismiss/child-state/demo.html create mode 100644 static/usage/v8/modal/can-dismiss/child-state/index.md create mode 100644 static/usage/v8/modal/can-dismiss/child-state/react/child_tsx.md create mode 100644 static/usage/v8/modal/can-dismiss/child-state/react/main_tsx.md create mode 100644 static/usage/v8/modal/can-dismiss/child-state/vue/child_vue.md create mode 100644 static/usage/v8/modal/can-dismiss/child-state/vue/example_vue.md create mode 100644 static/usage/v8/modal/can-dismiss/function/angular/example_component_html.md create mode 100644 static/usage/v8/modal/can-dismiss/function/angular/example_component_ts.md create mode 100644 static/usage/v8/modal/can-dismiss/function/demo.html create mode 100644 static/usage/v8/modal/can-dismiss/function/index.md create mode 100644 static/usage/v8/modal/can-dismiss/function/javascript.md create mode 100644 static/usage/v8/modal/can-dismiss/function/react.md create mode 100644 static/usage/v8/modal/can-dismiss/function/vue.md create mode 100644 static/usage/v8/modal/can-dismiss/prevent-swipe-to-close/angular/example_component_html.md create mode 100644 static/usage/v8/modal/can-dismiss/prevent-swipe-to-close/angular/example_component_ts.md create mode 100644 static/usage/v8/modal/can-dismiss/prevent-swipe-to-close/demo.html create mode 100644 static/usage/v8/modal/can-dismiss/prevent-swipe-to-close/index.md create mode 100644 static/usage/v8/modal/can-dismiss/prevent-swipe-to-close/javascript.md create mode 100644 static/usage/v8/modal/can-dismiss/prevent-swipe-to-close/react.md create mode 100644 static/usage/v8/modal/can-dismiss/prevent-swipe-to-close/vue.md create mode 100644 static/usage/v8/modal/card/basic/angular/example_component_html.md create mode 100644 static/usage/v8/modal/card/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/modal/card/basic/demo.html create mode 100644 static/usage/v8/modal/card/basic/index.md create mode 100644 static/usage/v8/modal/card/basic/javascript.md create mode 100644 static/usage/v8/modal/card/basic/react.md create mode 100644 static/usage/v8/modal/card/basic/vue.md create mode 100644 static/usage/v8/modal/controller/angular/app_module_ts.md create mode 100644 static/usage/v8/modal/controller/angular/example_component_html.md create mode 100644 static/usage/v8/modal/controller/angular/example_component_ts.md create mode 100644 static/usage/v8/modal/controller/angular/modal-example_component_html.md create mode 100644 static/usage/v8/modal/controller/angular/modal-example_component_ts.md create mode 100644 static/usage/v8/modal/controller/demo.html create mode 100644 static/usage/v8/modal/controller/index.md create mode 100644 static/usage/v8/modal/controller/javascript.md create mode 100644 static/usage/v8/modal/controller/react.md create mode 100644 static/usage/v8/modal/controller/vue/example_vue.md create mode 100644 static/usage/v8/modal/controller/vue/modal_vue.md create mode 100644 static/usage/v8/modal/custom-dialogs/angular/example_component_html.md create mode 100644 static/usage/v8/modal/custom-dialogs/angular/global_css.md create mode 100644 static/usage/v8/modal/custom-dialogs/demo.html create mode 100644 static/usage/v8/modal/custom-dialogs/index.md create mode 100644 static/usage/v8/modal/custom-dialogs/javascript.md create mode 100644 static/usage/v8/modal/custom-dialogs/react/main_css.md create mode 100644 static/usage/v8/modal/custom-dialogs/react/main_tsx.md create mode 100644 static/usage/v8/modal/custom-dialogs/vue.md create mode 100644 static/usage/v8/modal/inline/basic/angular/example_component_html.md create mode 100644 static/usage/v8/modal/inline/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/modal/inline/basic/demo.html create mode 100644 static/usage/v8/modal/inline/basic/index.md create mode 100644 static/usage/v8/modal/inline/basic/javascript.md create mode 100644 static/usage/v8/modal/inline/basic/react.md create mode 100644 static/usage/v8/modal/inline/basic/vue.md create mode 100644 static/usage/v8/modal/inline/is-open/angular/example_component_html.md create mode 100644 static/usage/v8/modal/inline/is-open/angular/example_component_ts.md create mode 100644 static/usage/v8/modal/inline/is-open/demo.html create mode 100644 static/usage/v8/modal/inline/is-open/index.md create mode 100644 static/usage/v8/modal/inline/is-open/javascript.md create mode 100644 static/usage/v8/modal/inline/is-open/react.md create mode 100644 static/usage/v8/modal/inline/is-open/vue.md create mode 100644 static/usage/v8/modal/performance/mount/angular.md create mode 100644 static/usage/v8/modal/performance/mount/demo.html create mode 100644 static/usage/v8/modal/performance/mount/index.md create mode 100644 static/usage/v8/modal/performance/mount/javascript.md create mode 100644 static/usage/v8/modal/performance/mount/react.md create mode 100644 static/usage/v8/modal/performance/mount/vue.md create mode 100644 static/usage/v8/modal/sheet/auto-height/angular/example_component_css.md create mode 100644 static/usage/v8/modal/sheet/auto-height/angular/example_component_html.md create mode 100644 static/usage/v8/modal/sheet/auto-height/demo.html create mode 100644 static/usage/v8/modal/sheet/auto-height/index.md create mode 100644 static/usage/v8/modal/sheet/auto-height/javascript.md create mode 100644 static/usage/v8/modal/sheet/auto-height/react/main_css.md create mode 100644 static/usage/v8/modal/sheet/auto-height/react/main_tsx.md create mode 100644 static/usage/v8/modal/sheet/auto-height/vue.md create mode 100644 static/usage/v8/modal/sheet/background-content/angular/example_component_css.md create mode 100644 static/usage/v8/modal/sheet/background-content/angular/example_component_html.md create mode 100644 static/usage/v8/modal/sheet/background-content/angular/example_component_ts.md create mode 100644 static/usage/v8/modal/sheet/background-content/demo.html create mode 100644 static/usage/v8/modal/sheet/background-content/index.md create mode 100644 static/usage/v8/modal/sheet/background-content/javascript.md create mode 100644 static/usage/v8/modal/sheet/background-content/react.md create mode 100644 static/usage/v8/modal/sheet/background-content/vue.md create mode 100644 static/usage/v8/modal/sheet/basic/angular.md create mode 100644 static/usage/v8/modal/sheet/basic/demo.html create mode 100644 static/usage/v8/modal/sheet/basic/index.md create mode 100644 static/usage/v8/modal/sheet/basic/javascript.md create mode 100644 static/usage/v8/modal/sheet/basic/react.md create mode 100644 static/usage/v8/modal/sheet/basic/vue.md create mode 100644 static/usage/v8/modal/sheet/handle-behavior/angular.md create mode 100644 static/usage/v8/modal/sheet/handle-behavior/demo.html create mode 100644 static/usage/v8/modal/sheet/handle-behavior/index.md create mode 100644 static/usage/v8/modal/sheet/handle-behavior/javascript.md create mode 100644 static/usage/v8/modal/sheet/handle-behavior/react.md create mode 100644 static/usage/v8/modal/sheet/handle-behavior/vue.md create mode 100644 static/usage/v8/modal/styling/animations/angular/example_component_html.md create mode 100644 static/usage/v8/modal/styling/animations/angular/example_component_ts.md create mode 100644 static/usage/v8/modal/styling/animations/demo.html create mode 100644 static/usage/v8/modal/styling/animations/index.md create mode 100644 static/usage/v8/modal/styling/animations/javascript/index_html.md create mode 100644 static/usage/v8/modal/styling/animations/javascript/index_ts.md create mode 100644 static/usage/v8/modal/styling/animations/react.md create mode 100644 static/usage/v8/modal/styling/animations/vue.md create mode 100644 static/usage/v8/modal/styling/theming/angular/example_component_html.md create mode 100644 static/usage/v8/modal/styling/theming/angular/global_css.md create mode 100644 static/usage/v8/modal/styling/theming/demo.html create mode 100644 static/usage/v8/modal/styling/theming/index.md create mode 100644 static/usage/v8/modal/styling/theming/javascript.md create mode 100644 static/usage/v8/modal/styling/theming/react/main_css.md create mode 100644 static/usage/v8/modal/styling/theming/react/main_tsx.md create mode 100644 static/usage/v8/modal/styling/theming/vue.md create mode 100644 static/usage/v8/nav/modal-navigation/angular/app_module_ts.md create mode 100644 static/usage/v8/nav/modal-navigation/angular/example_component_html.md create mode 100644 static/usage/v8/nav/modal-navigation/angular/example_component_ts.md create mode 100644 static/usage/v8/nav/modal-navigation/angular/page_one_component_ts.md create mode 100644 static/usage/v8/nav/modal-navigation/angular/page_three_component_ts.md create mode 100644 static/usage/v8/nav/modal-navigation/angular/page_two_component_ts.md create mode 100644 static/usage/v8/nav/modal-navigation/demo.html create mode 100644 static/usage/v8/nav/modal-navigation/index.md create mode 100644 static/usage/v8/nav/modal-navigation/javascript.md create mode 100644 static/usage/v8/nav/modal-navigation/react/main_tsx.md create mode 100644 static/usage/v8/nav/modal-navigation/react/page_one_tsx.md create mode 100644 static/usage/v8/nav/modal-navigation/react/page_three_tsx.md create mode 100644 static/usage/v8/nav/modal-navigation/react/page_two_tsx.md create mode 100644 static/usage/v8/nav/modal-navigation/vue/example_vue.md create mode 100644 static/usage/v8/nav/modal-navigation/vue/page_one_vue.md create mode 100644 static/usage/v8/nav/modal-navigation/vue/page_three_vue.md create mode 100644 static/usage/v8/nav/modal-navigation/vue/page_two_vue.md create mode 100644 static/usage/v8/nav/nav-link/angular/app_module_ts.md create mode 100644 static/usage/v8/nav/nav-link/angular/example_component_html.md create mode 100644 static/usage/v8/nav/nav-link/angular/example_component_ts.md create mode 100644 static/usage/v8/nav/nav-link/angular/page_one_component_ts.md create mode 100644 static/usage/v8/nav/nav-link/angular/page_three_component_ts.md create mode 100644 static/usage/v8/nav/nav-link/angular/page_two_component_ts.md create mode 100644 static/usage/v8/nav/nav-link/demo.html create mode 100644 static/usage/v8/nav/nav-link/index.md create mode 100644 static/usage/v8/nav/nav-link/javascript.md create mode 100644 static/usage/v8/nav/nav-link/react/main_tsx.md create mode 100644 static/usage/v8/nav/nav-link/react/page_one_tsx.md create mode 100644 static/usage/v8/nav/nav-link/react/page_three_tsx.md create mode 100644 static/usage/v8/nav/nav-link/react/page_two_tsx.md create mode 100644 static/usage/v8/nav/nav-link/vue/example_vue.md create mode 100644 static/usage/v8/nav/nav-link/vue/page_one_vue.md create mode 100644 static/usage/v8/nav/nav-link/vue/page_three_vue.md create mode 100644 static/usage/v8/nav/nav-link/vue/page_two_vue.md create mode 100644 static/usage/v8/note/basic/angular.md create mode 100644 static/usage/v8/note/basic/demo.html create mode 100644 static/usage/v8/note/basic/index.md create mode 100644 static/usage/v8/note/basic/javascript.md create mode 100644 static/usage/v8/note/basic/react.md create mode 100644 static/usage/v8/note/basic/vue.md create mode 100644 static/usage/v8/note/item/angular.md create mode 100644 static/usage/v8/note/item/demo.html create mode 100644 static/usage/v8/note/item/index.md create mode 100644 static/usage/v8/note/item/javascript.md create mode 100644 static/usage/v8/note/item/react.md create mode 100644 static/usage/v8/note/item/vue.md create mode 100644 static/usage/v8/note/theming/colors/angular.md create mode 100644 static/usage/v8/note/theming/colors/demo.html create mode 100644 static/usage/v8/note/theming/colors/index.md create mode 100644 static/usage/v8/note/theming/colors/javascript.md create mode 100644 static/usage/v8/note/theming/colors/react.md create mode 100644 static/usage/v8/note/theming/colors/vue.md create mode 100644 static/usage/v8/note/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/note/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/note/theming/css-properties/demo.html create mode 100644 static/usage/v8/note/theming/css-properties/index.md create mode 100644 static/usage/v8/note/theming/css-properties/javascript.md create mode 100644 static/usage/v8/note/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/note/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/note/theming/css-properties/vue.md create mode 100644 static/usage/v8/picker-legacy/controller/angular/example_component_html.md create mode 100644 static/usage/v8/picker-legacy/controller/angular/example_component_ts.md create mode 100644 static/usage/v8/picker-legacy/controller/demo.html create mode 100644 static/usage/v8/picker-legacy/controller/index.md create mode 100644 static/usage/v8/picker-legacy/controller/javascript.md create mode 100644 static/usage/v8/picker-legacy/controller/react.md create mode 100644 static/usage/v8/picker-legacy/controller/vue.md create mode 100644 static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_html.md create mode 100644 static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md create mode 100644 static/usage/v8/picker-legacy/inline/isOpen/demo.html create mode 100644 static/usage/v8/picker-legacy/inline/isOpen/index.md create mode 100644 static/usage/v8/picker-legacy/inline/isOpen/javascript.md create mode 100644 static/usage/v8/picker-legacy/inline/isOpen/react.md create mode 100644 static/usage/v8/picker-legacy/inline/isOpen/vue.md create mode 100644 static/usage/v8/picker-legacy/inline/trigger/angular/example_component_html.md create mode 100644 static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md create mode 100644 static/usage/v8/picker-legacy/inline/trigger/demo.html create mode 100644 static/usage/v8/picker-legacy/inline/trigger/index.md create mode 100644 static/usage/v8/picker-legacy/inline/trigger/javascript.md create mode 100644 static/usage/v8/picker-legacy/inline/trigger/react.md create mode 100644 static/usage/v8/picker-legacy/inline/trigger/vue.md create mode 100644 static/usage/v8/picker-legacy/multiple-column/angular/example_component_html.md create mode 100644 static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md create mode 100644 static/usage/v8/picker-legacy/multiple-column/demo.html create mode 100644 static/usage/v8/picker-legacy/multiple-column/index.md create mode 100644 static/usage/v8/picker-legacy/multiple-column/javascript.md create mode 100644 static/usage/v8/picker-legacy/multiple-column/react.md create mode 100644 static/usage/v8/picker-legacy/multiple-column/vue.md create mode 100644 static/usage/v8/picker/basic/angular.md create mode 100644 static/usage/v8/picker/basic/demo.html create mode 100644 static/usage/v8/picker/basic/index.md create mode 100644 static/usage/v8/picker/basic/javascript.md create mode 100644 static/usage/v8/picker/basic/react.md create mode 100644 static/usage/v8/picker/basic/vue.md create mode 100644 static/usage/v8/picker/modal/angular/example_component_css.md create mode 100644 static/usage/v8/picker/modal/angular/example_component_html.md create mode 100644 static/usage/v8/picker/modal/angular/example_component_ts.md create mode 100644 static/usage/v8/picker/modal/demo.html create mode 100644 static/usage/v8/picker/modal/index.md create mode 100644 static/usage/v8/picker/modal/javascript.md create mode 100644 static/usage/v8/picker/modal/react/main_css.md create mode 100644 static/usage/v8/picker/modal/react/main_tsx.md create mode 100644 static/usage/v8/picker/modal/vue.md create mode 100644 static/usage/v8/picker/prefix-suffix/angular.md create mode 100644 static/usage/v8/picker/prefix-suffix/demo.html create mode 100644 static/usage/v8/picker/prefix-suffix/index.md create mode 100644 static/usage/v8/picker/prefix-suffix/javascript.md create mode 100644 static/usage/v8/picker/prefix-suffix/react.md create mode 100644 static/usage/v8/picker/prefix-suffix/vue.md create mode 100644 static/usage/v8/picker/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/picker/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/picker/theming/css-properties/demo.html create mode 100644 static/usage/v8/picker/theming/css-properties/index.md create mode 100644 static/usage/v8/picker/theming/css-properties/javascript.md create mode 100644 static/usage/v8/picker/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/picker/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/picker/theming/css-properties/vue.md create mode 100644 static/usage/v8/popover/customization/positioning/angular/example_component_css.md create mode 100644 static/usage/v8/popover/customization/positioning/angular/example_component_html.md create mode 100644 static/usage/v8/popover/customization/positioning/angular/example_component_ts.md create mode 100644 static/usage/v8/popover/customization/positioning/demo.html create mode 100644 static/usage/v8/popover/customization/positioning/index.md create mode 100644 static/usage/v8/popover/customization/positioning/javascript.md create mode 100644 static/usage/v8/popover/customization/positioning/react/main_css.md create mode 100644 static/usage/v8/popover/customization/positioning/react/main_tsx.md create mode 100644 static/usage/v8/popover/customization/positioning/vue.md create mode 100644 static/usage/v8/popover/customization/sizing/angular.md create mode 100644 static/usage/v8/popover/customization/sizing/demo.html create mode 100644 static/usage/v8/popover/customization/sizing/index.md create mode 100644 static/usage/v8/popover/customization/sizing/javascript.md create mode 100644 static/usage/v8/popover/customization/sizing/react.md create mode 100644 static/usage/v8/popover/customization/sizing/vue.md create mode 100644 static/usage/v8/popover/customization/styling/angular/example_component_html.md create mode 100644 static/usage/v8/popover/customization/styling/angular/global_css.md create mode 100644 static/usage/v8/popover/customization/styling/demo.html create mode 100644 static/usage/v8/popover/customization/styling/index.md create mode 100644 static/usage/v8/popover/customization/styling/javascript.md create mode 100644 static/usage/v8/popover/customization/styling/react/main_css.md create mode 100644 static/usage/v8/popover/customization/styling/react/main_tsx.md create mode 100644 static/usage/v8/popover/customization/styling/vue.md create mode 100644 static/usage/v8/popover/nested/angular.md create mode 100644 static/usage/v8/popover/nested/demo.html create mode 100644 static/usage/v8/popover/nested/index.md create mode 100644 static/usage/v8/popover/nested/javascript.md create mode 100644 static/usage/v8/popover/nested/react.md create mode 100644 static/usage/v8/popover/nested/vue.md create mode 100644 static/usage/v8/popover/performance/mount/angular.md create mode 100644 static/usage/v8/popover/performance/mount/demo.html create mode 100644 static/usage/v8/popover/performance/mount/index.md create mode 100644 static/usage/v8/popover/performance/mount/javascript.md create mode 100644 static/usage/v8/popover/performance/mount/react.md create mode 100644 static/usage/v8/popover/performance/mount/vue.md create mode 100644 static/usage/v8/popover/presenting/controller/angular/app_module_ts.md create mode 100644 static/usage/v8/popover/presenting/controller/angular/example_component_html.md create mode 100644 static/usage/v8/popover/presenting/controller/angular/example_component_ts.md create mode 100644 static/usage/v8/popover/presenting/controller/angular/popover_component_html.md create mode 100644 static/usage/v8/popover/presenting/controller/angular/popover_component_ts.md create mode 100644 static/usage/v8/popover/presenting/controller/demo.html create mode 100644 static/usage/v8/popover/presenting/controller/index.md create mode 100644 static/usage/v8/popover/presenting/controller/javascript.md create mode 100644 static/usage/v8/popover/presenting/controller/react.md create mode 100644 static/usage/v8/popover/presenting/controller/vue/example_vue.md create mode 100644 static/usage/v8/popover/presenting/controller/vue/popover_vue.md create mode 100644 static/usage/v8/popover/presenting/inline-isopen/angular/example_component_html.md create mode 100644 static/usage/v8/popover/presenting/inline-isopen/angular/example_component_ts.md create mode 100644 static/usage/v8/popover/presenting/inline-isopen/demo.html create mode 100644 static/usage/v8/popover/presenting/inline-isopen/index.md create mode 100644 static/usage/v8/popover/presenting/inline-isopen/javascript.md create mode 100644 static/usage/v8/popover/presenting/inline-isopen/react.md create mode 100644 static/usage/v8/popover/presenting/inline-isopen/vue.md create mode 100644 static/usage/v8/popover/presenting/inline-trigger/angular.md create mode 100644 static/usage/v8/popover/presenting/inline-trigger/demo.html create mode 100644 static/usage/v8/popover/presenting/inline-trigger/index.md create mode 100644 static/usage/v8/popover/presenting/inline-trigger/javascript.md create mode 100644 static/usage/v8/popover/presenting/inline-trigger/react.md create mode 100644 static/usage/v8/popover/presenting/inline-trigger/vue.md create mode 100644 static/usage/v8/progress-bar/buffer/angular/example_component_html.md create mode 100644 static/usage/v8/progress-bar/buffer/angular/example_component_ts.md create mode 100644 static/usage/v8/progress-bar/buffer/demo.html create mode 100644 static/usage/v8/progress-bar/buffer/index.md create mode 100644 static/usage/v8/progress-bar/buffer/javascript.md create mode 100644 static/usage/v8/progress-bar/buffer/react.md create mode 100644 static/usage/v8/progress-bar/buffer/vue.md create mode 100644 static/usage/v8/progress-bar/determinate/angular/example_component_html.md create mode 100644 static/usage/v8/progress-bar/determinate/angular/example_component_ts.md create mode 100644 static/usage/v8/progress-bar/determinate/demo.html create mode 100644 static/usage/v8/progress-bar/determinate/index.md create mode 100644 static/usage/v8/progress-bar/determinate/javascript.md create mode 100644 static/usage/v8/progress-bar/determinate/react.md create mode 100644 static/usage/v8/progress-bar/determinate/vue.md create mode 100644 static/usage/v8/progress-bar/indeterminate/angular.md create mode 100644 static/usage/v8/progress-bar/indeterminate/demo.html create mode 100644 static/usage/v8/progress-bar/indeterminate/index.md create mode 100644 static/usage/v8/progress-bar/indeterminate/javascript.md create mode 100644 static/usage/v8/progress-bar/indeterminate/react.md create mode 100644 static/usage/v8/progress-bar/indeterminate/vue.md create mode 100644 static/usage/v8/progress-bar/theming/colors/angular.md create mode 100644 static/usage/v8/progress-bar/theming/colors/demo.html create mode 100644 static/usage/v8/progress-bar/theming/colors/index.md create mode 100644 static/usage/v8/progress-bar/theming/colors/javascript.md create mode 100644 static/usage/v8/progress-bar/theming/colors/react.md create mode 100644 static/usage/v8/progress-bar/theming/colors/vue.md create mode 100644 static/usage/v8/progress-bar/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/progress-bar/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/progress-bar/theming/css-properties/demo.html create mode 100644 static/usage/v8/progress-bar/theming/css-properties/index.md create mode 100644 static/usage/v8/progress-bar/theming/css-properties/javascript.md create mode 100644 static/usage/v8/progress-bar/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/progress-bar/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/progress-bar/theming/css-properties/vue.md create mode 100644 static/usage/v8/progress-bar/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v8/progress-bar/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v8/progress-bar/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v8/progress-bar/theming/css-shadow-parts/index.md create mode 100644 static/usage/v8/progress-bar/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v8/progress-bar/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v8/progress-bar/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v8/progress-bar/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v8/radio/alignment/angular.md create mode 100644 static/usage/v8/radio/alignment/demo.html create mode 100644 static/usage/v8/radio/alignment/index.md create mode 100644 static/usage/v8/radio/alignment/javascript.md create mode 100644 static/usage/v8/radio/alignment/react.md create mode 100644 static/usage/v8/radio/alignment/vue.md create mode 100644 static/usage/v8/radio/basic/angular.md create mode 100644 static/usage/v8/radio/basic/demo.html create mode 100644 static/usage/v8/radio/basic/index.md create mode 100644 static/usage/v8/radio/basic/javascript.md create mode 100644 static/usage/v8/radio/basic/react.md create mode 100644 static/usage/v8/radio/basic/vue.md create mode 100644 static/usage/v8/radio/empty-selection/angular.md create mode 100644 static/usage/v8/radio/empty-selection/demo.html create mode 100644 static/usage/v8/radio/empty-selection/index.md create mode 100644 static/usage/v8/radio/empty-selection/javascript.md create mode 100644 static/usage/v8/radio/empty-selection/react.md create mode 100644 static/usage/v8/radio/empty-selection/vue.md create mode 100644 static/usage/v8/radio/justify/angular.md create mode 100644 static/usage/v8/radio/justify/demo.html create mode 100644 static/usage/v8/radio/justify/index.md create mode 100644 static/usage/v8/radio/justify/javascript.md create mode 100644 static/usage/v8/radio/justify/react.md create mode 100644 static/usage/v8/radio/justify/vue.md create mode 100644 static/usage/v8/radio/label-placement/angular.md create mode 100644 static/usage/v8/radio/label-placement/demo.html create mode 100644 static/usage/v8/radio/label-placement/index.md create mode 100644 static/usage/v8/radio/label-placement/javascript.md create mode 100644 static/usage/v8/radio/label-placement/react.md create mode 100644 static/usage/v8/radio/label-placement/vue.md create mode 100644 static/usage/v8/radio/migration/index.md create mode 100644 static/usage/v8/radio/theming/colors/angular.md create mode 100644 static/usage/v8/radio/theming/colors/demo.html create mode 100644 static/usage/v8/radio/theming/colors/index.md create mode 100644 static/usage/v8/radio/theming/colors/javascript.md create mode 100644 static/usage/v8/radio/theming/colors/react.md create mode 100644 static/usage/v8/radio/theming/colors/vue.md create mode 100644 static/usage/v8/radio/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/radio/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/radio/theming/css-properties/demo.html create mode 100644 static/usage/v8/radio/theming/css-properties/index.md create mode 100644 static/usage/v8/radio/theming/css-properties/javascript.md create mode 100644 static/usage/v8/radio/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/radio/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/radio/theming/css-properties/vue.md create mode 100644 static/usage/v8/radio/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v8/radio/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v8/radio/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v8/radio/theming/css-shadow-parts/index.md create mode 100644 static/usage/v8/radio/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v8/radio/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v8/radio/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v8/radio/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v8/range/basic/angular.md create mode 100644 static/usage/v8/range/basic/demo.html create mode 100644 static/usage/v8/range/basic/index.md create mode 100644 static/usage/v8/range/basic/javascript.md create mode 100644 static/usage/v8/range/basic/react.md create mode 100644 static/usage/v8/range/basic/vue.md create mode 100644 static/usage/v8/range/dual-knobs/angular.md create mode 100644 static/usage/v8/range/dual-knobs/demo.html create mode 100644 static/usage/v8/range/dual-knobs/index.md create mode 100644 static/usage/v8/range/dual-knobs/javascript.md create mode 100644 static/usage/v8/range/dual-knobs/react.md create mode 100644 static/usage/v8/range/dual-knobs/vue.md create mode 100644 static/usage/v8/range/ion-change-event/angular/example_component_html.md create mode 100644 static/usage/v8/range/ion-change-event/angular/example_component_ts.md create mode 100644 static/usage/v8/range/ion-change-event/demo.html create mode 100644 static/usage/v8/range/ion-change-event/index.md create mode 100644 static/usage/v8/range/ion-change-event/javascript.md create mode 100644 static/usage/v8/range/ion-change-event/react.md create mode 100644 static/usage/v8/range/ion-change-event/vue.md create mode 100644 static/usage/v8/range/ion-knob-move-event/angular/example_component_html.md create mode 100644 static/usage/v8/range/ion-knob-move-event/angular/example_component_ts.md create mode 100644 static/usage/v8/range/ion-knob-move-event/demo.html create mode 100644 static/usage/v8/range/ion-knob-move-event/index.md create mode 100644 static/usage/v8/range/ion-knob-move-event/javascript.md create mode 100644 static/usage/v8/range/ion-knob-move-event/react.md create mode 100644 static/usage/v8/range/ion-knob-move-event/vue.md create mode 100644 static/usage/v8/range/label-slot/angular.md create mode 100644 static/usage/v8/range/label-slot/demo.html create mode 100644 static/usage/v8/range/label-slot/index.md create mode 100644 static/usage/v8/range/label-slot/javascript.md create mode 100644 static/usage/v8/range/label-slot/react.md create mode 100644 static/usage/v8/range/label-slot/vue.md create mode 100644 static/usage/v8/range/labels/angular.md create mode 100644 static/usage/v8/range/labels/demo.html create mode 100644 static/usage/v8/range/labels/index.md create mode 100644 static/usage/v8/range/labels/javascript.md create mode 100644 static/usage/v8/range/labels/react.md create mode 100644 static/usage/v8/range/labels/vue.md create mode 100644 static/usage/v8/range/migration/index.md create mode 100644 static/usage/v8/range/no-visible-label/angular.md create mode 100644 static/usage/v8/range/no-visible-label/demo.html create mode 100644 static/usage/v8/range/no-visible-label/index.md create mode 100644 static/usage/v8/range/no-visible-label/javascript.md create mode 100644 static/usage/v8/range/no-visible-label/react.md create mode 100644 static/usage/v8/range/no-visible-label/vue.md create mode 100644 static/usage/v8/range/pins/angular/example_component_html.md create mode 100644 static/usage/v8/range/pins/angular/example_component_ts.md create mode 100644 static/usage/v8/range/pins/demo.html create mode 100644 static/usage/v8/range/pins/index.md create mode 100644 static/usage/v8/range/pins/javascript.md create mode 100644 static/usage/v8/range/pins/react.md create mode 100644 static/usage/v8/range/pins/vue.md create mode 100644 static/usage/v8/range/slots/angular.md create mode 100644 static/usage/v8/range/slots/demo.html create mode 100644 static/usage/v8/range/slots/index.md create mode 100644 static/usage/v8/range/slots/javascript.md create mode 100644 static/usage/v8/range/slots/react.md create mode 100644 static/usage/v8/range/slots/vue.md create mode 100644 static/usage/v8/range/snapping-ticks/angular.md create mode 100644 static/usage/v8/range/snapping-ticks/demo.html create mode 100644 static/usage/v8/range/snapping-ticks/index.md create mode 100644 static/usage/v8/range/snapping-ticks/javascript.md create mode 100644 static/usage/v8/range/snapping-ticks/react.md create mode 100644 static/usage/v8/range/snapping-ticks/vue.md create mode 100644 static/usage/v8/range/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/range/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/range/theming/css-properties/demo.html create mode 100644 static/usage/v8/range/theming/css-properties/index.md create mode 100644 static/usage/v8/range/theming/css-properties/javascript.md create mode 100644 static/usage/v8/range/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/range/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/range/theming/css-properties/vue.md create mode 100644 static/usage/v8/range/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v8/range/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v8/range/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v8/range/theming/css-shadow-parts/index.md create mode 100644 static/usage/v8/range/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v8/range/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v8/range/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v8/range/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v8/refresher/advanced/angular/example_component_css.md create mode 100644 static/usage/v8/refresher/advanced/angular/example_component_html.md create mode 100644 static/usage/v8/refresher/advanced/angular/example_component_ts.md create mode 100644 static/usage/v8/refresher/advanced/demo.html create mode 100644 static/usage/v8/refresher/advanced/index.md create mode 100644 static/usage/v8/refresher/advanced/javascript.md create mode 100644 static/usage/v8/refresher/advanced/react/main_css.md create mode 100644 static/usage/v8/refresher/advanced/react/main_tsx.md create mode 100644 static/usage/v8/refresher/advanced/vue.md create mode 100644 static/usage/v8/refresher/basic/angular/example_component_html.md create mode 100644 static/usage/v8/refresher/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/refresher/basic/demo.html create mode 100644 static/usage/v8/refresher/basic/index.md create mode 100644 static/usage/v8/refresher/basic/javascript.md create mode 100644 static/usage/v8/refresher/basic/react.md create mode 100644 static/usage/v8/refresher/basic/vue.md create mode 100644 static/usage/v8/refresher/custom-content/angular/example_component_html.md create mode 100644 static/usage/v8/refresher/custom-content/angular/example_component_ts.md create mode 100644 static/usage/v8/refresher/custom-content/demo.html create mode 100644 static/usage/v8/refresher/custom-content/index.md create mode 100644 static/usage/v8/refresher/custom-content/javascript.md create mode 100644 static/usage/v8/refresher/custom-content/react.md create mode 100644 static/usage/v8/refresher/custom-content/vue.md create mode 100644 static/usage/v8/refresher/custom-scroll-target/angular/example_component_css.md create mode 100644 static/usage/v8/refresher/custom-scroll-target/angular/example_component_html.md create mode 100644 static/usage/v8/refresher/custom-scroll-target/angular/example_component_ts.md create mode 100644 static/usage/v8/refresher/custom-scroll-target/demo.html create mode 100644 static/usage/v8/refresher/custom-scroll-target/index.md create mode 100644 static/usage/v8/refresher/custom-scroll-target/javascript.md create mode 100644 static/usage/v8/refresher/custom-scroll-target/react/main_css.md create mode 100644 static/usage/v8/refresher/custom-scroll-target/react/main_tsx.md create mode 100644 static/usage/v8/refresher/custom-scroll-target/vue.md create mode 100644 static/usage/v8/refresher/pull-properties/angular/example_component_html.md create mode 100644 static/usage/v8/refresher/pull-properties/angular/example_component_ts.md create mode 100644 static/usage/v8/refresher/pull-properties/demo.html create mode 100644 static/usage/v8/refresher/pull-properties/index.md create mode 100644 static/usage/v8/refresher/pull-properties/javascript.md create mode 100644 static/usage/v8/refresher/pull-properties/react.md create mode 100644 static/usage/v8/refresher/pull-properties/vue.md create mode 100644 static/usage/v8/reorder/basic/angular/example_component_html.md create mode 100644 static/usage/v8/reorder/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/reorder/basic/demo.html create mode 100644 static/usage/v8/reorder/basic/index.md create mode 100644 static/usage/v8/reorder/basic/javascript.md create mode 100644 static/usage/v8/reorder/basic/react.md create mode 100644 static/usage/v8/reorder/basic/vue.md create mode 100644 static/usage/v8/reorder/custom-icon/angular/example_component_html.md create mode 100644 static/usage/v8/reorder/custom-icon/angular/example_component_ts.md create mode 100644 static/usage/v8/reorder/custom-icon/demo.html create mode 100644 static/usage/v8/reorder/custom-icon/index.md create mode 100644 static/usage/v8/reorder/custom-icon/javascript.md create mode 100644 static/usage/v8/reorder/custom-icon/react.md create mode 100644 static/usage/v8/reorder/custom-icon/vue.md create mode 100644 static/usage/v8/reorder/custom-scroll-target/angular/example_component_css.md create mode 100644 static/usage/v8/reorder/custom-scroll-target/angular/example_component_html.md create mode 100644 static/usage/v8/reorder/custom-scroll-target/angular/example_component_ts.md create mode 100644 static/usage/v8/reorder/custom-scroll-target/demo.html create mode 100644 static/usage/v8/reorder/custom-scroll-target/index.md create mode 100644 static/usage/v8/reorder/custom-scroll-target/javascript.md create mode 100644 static/usage/v8/reorder/custom-scroll-target/react/main_css.md create mode 100644 static/usage/v8/reorder/custom-scroll-target/react/main_tsx.md create mode 100644 static/usage/v8/reorder/custom-scroll-target/vue.md create mode 100644 static/usage/v8/reorder/toggling-disabled/angular/example_component_html.md create mode 100644 static/usage/v8/reorder/toggling-disabled/angular/example_component_ts.md create mode 100644 static/usage/v8/reorder/toggling-disabled/demo.html create mode 100644 static/usage/v8/reorder/toggling-disabled/index.md create mode 100644 static/usage/v8/reorder/toggling-disabled/javascript.md create mode 100644 static/usage/v8/reorder/toggling-disabled/react.md create mode 100644 static/usage/v8/reorder/toggling-disabled/vue.md create mode 100644 static/usage/v8/reorder/updating-data/angular/example_component_html.md create mode 100644 static/usage/v8/reorder/updating-data/angular/example_component_ts.md create mode 100644 static/usage/v8/reorder/updating-data/demo.html create mode 100644 static/usage/v8/reorder/updating-data/index.md create mode 100644 static/usage/v8/reorder/updating-data/javascript.md create mode 100644 static/usage/v8/reorder/updating-data/react.md create mode 100644 static/usage/v8/reorder/updating-data/vue.md create mode 100644 static/usage/v8/reorder/wrapper/angular/example_component_html.md create mode 100644 static/usage/v8/reorder/wrapper/angular/example_component_ts.md create mode 100644 static/usage/v8/reorder/wrapper/demo.html create mode 100644 static/usage/v8/reorder/wrapper/index.md create mode 100644 static/usage/v8/reorder/wrapper/javascript.md create mode 100644 static/usage/v8/reorder/wrapper/react.md create mode 100644 static/usage/v8/reorder/wrapper/vue.md create mode 100644 static/usage/v8/ripple-effect/basic/angular/example_component_css.md create mode 100644 static/usage/v8/ripple-effect/basic/angular/example_component_html.md create mode 100644 static/usage/v8/ripple-effect/basic/demo.html create mode 100644 static/usage/v8/ripple-effect/basic/index.md create mode 100644 static/usage/v8/ripple-effect/basic/javascript.md create mode 100644 static/usage/v8/ripple-effect/basic/react/main_css.md create mode 100644 static/usage/v8/ripple-effect/basic/react/main_tsx.md create mode 100644 static/usage/v8/ripple-effect/basic/vue.md create mode 100644 static/usage/v8/ripple-effect/customizing/angular/example_component_css.md create mode 100644 static/usage/v8/ripple-effect/customizing/angular/example_component_html.md create mode 100644 static/usage/v8/ripple-effect/customizing/demo.html create mode 100644 static/usage/v8/ripple-effect/customizing/index.md create mode 100644 static/usage/v8/ripple-effect/customizing/javascript.md create mode 100644 static/usage/v8/ripple-effect/customizing/react/main_css.md create mode 100644 static/usage/v8/ripple-effect/customizing/react/main_tsx.md create mode 100644 static/usage/v8/ripple-effect/customizing/vue.md create mode 100644 static/usage/v8/ripple-effect/type/angular/example_component_css.md create mode 100644 static/usage/v8/ripple-effect/type/angular/example_component_html.md create mode 100644 static/usage/v8/ripple-effect/type/demo.html create mode 100644 static/usage/v8/ripple-effect/type/index.md create mode 100644 static/usage/v8/ripple-effect/type/javascript.md create mode 100644 static/usage/v8/ripple-effect/type/react/main_css.md create mode 100644 static/usage/v8/ripple-effect/type/react/main_tsx.md create mode 100644 static/usage/v8/ripple-effect/type/vue.md create mode 100644 static/usage/v8/router/basic/demo.html create mode 100644 static/usage/v8/router/basic/index.md create mode 100644 static/usage/v8/router/basic/javascript.md create mode 100644 static/usage/v8/searchbar/basic/angular.md create mode 100644 static/usage/v8/searchbar/basic/demo.html create mode 100644 static/usage/v8/searchbar/basic/index.md create mode 100644 static/usage/v8/searchbar/basic/javascript.md create mode 100644 static/usage/v8/searchbar/basic/react.md create mode 100644 static/usage/v8/searchbar/basic/vue.md create mode 100644 static/usage/v8/searchbar/cancel-button/angular.md create mode 100644 static/usage/v8/searchbar/cancel-button/demo.html create mode 100644 static/usage/v8/searchbar/cancel-button/index.md create mode 100644 static/usage/v8/searchbar/cancel-button/javascript.md create mode 100644 static/usage/v8/searchbar/cancel-button/react.md create mode 100644 static/usage/v8/searchbar/cancel-button/vue.md create mode 100644 static/usage/v8/searchbar/clear-button/angular.md create mode 100644 static/usage/v8/searchbar/clear-button/demo.html create mode 100644 static/usage/v8/searchbar/clear-button/index.md create mode 100644 static/usage/v8/searchbar/clear-button/javascript.md create mode 100644 static/usage/v8/searchbar/clear-button/react.md create mode 100644 static/usage/v8/searchbar/clear-button/vue.md create mode 100644 static/usage/v8/searchbar/debounce/angular/example_component_html.md create mode 100644 static/usage/v8/searchbar/debounce/angular/example_component_ts.md create mode 100644 static/usage/v8/searchbar/debounce/demo.html create mode 100644 static/usage/v8/searchbar/debounce/index.md create mode 100644 static/usage/v8/searchbar/debounce/javascript.md create mode 100644 static/usage/v8/searchbar/debounce/react.md create mode 100644 static/usage/v8/searchbar/debounce/vue.md create mode 100644 static/usage/v8/searchbar/search-icon/angular.md create mode 100644 static/usage/v8/searchbar/search-icon/demo.html create mode 100644 static/usage/v8/searchbar/search-icon/index.md create mode 100644 static/usage/v8/searchbar/search-icon/javascript.md create mode 100644 static/usage/v8/searchbar/search-icon/react.md create mode 100644 static/usage/v8/searchbar/search-icon/vue.md create mode 100644 static/usage/v8/searchbar/theming/colors/angular.md create mode 100644 static/usage/v8/searchbar/theming/colors/demo.html create mode 100644 static/usage/v8/searchbar/theming/colors/index.md create mode 100644 static/usage/v8/searchbar/theming/colors/javascript.md create mode 100644 static/usage/v8/searchbar/theming/colors/react.md create mode 100644 static/usage/v8/searchbar/theming/colors/vue.md create mode 100644 static/usage/v8/searchbar/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/searchbar/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/searchbar/theming/css-properties/demo.html create mode 100644 static/usage/v8/searchbar/theming/css-properties/index.md create mode 100644 static/usage/v8/searchbar/theming/css-properties/javascript.md create mode 100644 static/usage/v8/searchbar/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/searchbar/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/searchbar/theming/css-properties/vue.md create mode 100644 static/usage/v8/segment-button/basic/angular.md create mode 100644 static/usage/v8/segment-button/basic/demo.html create mode 100644 static/usage/v8/segment-button/basic/index.md create mode 100644 static/usage/v8/segment-button/basic/javascript.md create mode 100644 static/usage/v8/segment-button/basic/react.md create mode 100644 static/usage/v8/segment-button/basic/vue.md create mode 100644 static/usage/v8/segment-button/layout/angular.md create mode 100644 static/usage/v8/segment-button/layout/demo.html create mode 100644 static/usage/v8/segment-button/layout/index.md create mode 100644 static/usage/v8/segment-button/layout/javascript.md create mode 100644 static/usage/v8/segment-button/layout/react.md create mode 100644 static/usage/v8/segment-button/layout/vue.md create mode 100644 static/usage/v8/segment-button/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/segment-button/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/segment-button/theming/css-properties/demo.html create mode 100644 static/usage/v8/segment-button/theming/css-properties/index.md create mode 100644 static/usage/v8/segment-button/theming/css-properties/javascript.md create mode 100644 static/usage/v8/segment-button/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/segment-button/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/segment-button/theming/css-properties/vue.md create mode 100644 static/usage/v8/segment-button/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v8/segment-button/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v8/segment-button/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v8/segment-button/theming/css-shadow-parts/index.md create mode 100644 static/usage/v8/segment-button/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v8/segment-button/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v8/segment-button/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v8/segment-button/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v8/segment/basic/angular.md create mode 100644 static/usage/v8/segment/basic/demo.html create mode 100644 static/usage/v8/segment/basic/index.md create mode 100644 static/usage/v8/segment/basic/javascript.md create mode 100644 static/usage/v8/segment/basic/react.md create mode 100644 static/usage/v8/segment/basic/vue.md create mode 100644 static/usage/v8/segment/scrollable/angular.md create mode 100644 static/usage/v8/segment/scrollable/demo.html create mode 100644 static/usage/v8/segment/scrollable/index.md create mode 100644 static/usage/v8/segment/scrollable/javascript.md create mode 100644 static/usage/v8/segment/scrollable/react.md create mode 100644 static/usage/v8/segment/scrollable/vue.md create mode 100644 static/usage/v8/segment/theming/colors/angular.md create mode 100644 static/usage/v8/segment/theming/colors/demo.html create mode 100644 static/usage/v8/segment/theming/colors/index.md create mode 100644 static/usage/v8/segment/theming/colors/javascript.md create mode 100644 static/usage/v8/segment/theming/colors/react.md create mode 100644 static/usage/v8/segment/theming/colors/vue.md create mode 100644 static/usage/v8/segment/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/segment/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/segment/theming/css-properties/demo.html create mode 100644 static/usage/v8/segment/theming/css-properties/index.md create mode 100644 static/usage/v8/segment/theming/css-properties/javascript.md create mode 100644 static/usage/v8/segment/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/segment/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/segment/theming/css-properties/vue.md create mode 100644 static/usage/v8/select/basic/multiple-selection/angular.md create mode 100644 static/usage/v8/select/basic/multiple-selection/demo.html create mode 100644 static/usage/v8/select/basic/multiple-selection/index.md create mode 100644 static/usage/v8/select/basic/multiple-selection/javascript.md create mode 100644 static/usage/v8/select/basic/multiple-selection/react.md create mode 100644 static/usage/v8/select/basic/multiple-selection/vue.md create mode 100644 static/usage/v8/select/basic/responding-to-interaction/angular/example_component_html.md create mode 100644 static/usage/v8/select/basic/responding-to-interaction/angular/example_component_ts.md create mode 100644 static/usage/v8/select/basic/responding-to-interaction/demo.html create mode 100644 static/usage/v8/select/basic/responding-to-interaction/index.md create mode 100644 static/usage/v8/select/basic/responding-to-interaction/javascript.md create mode 100644 static/usage/v8/select/basic/responding-to-interaction/react.md create mode 100644 static/usage/v8/select/basic/responding-to-interaction/vue.md create mode 100644 static/usage/v8/select/basic/single-selection/angular.md create mode 100644 static/usage/v8/select/basic/single-selection/demo.html create mode 100644 static/usage/v8/select/basic/single-selection/index.md create mode 100644 static/usage/v8/select/basic/single-selection/javascript.md create mode 100644 static/usage/v8/select/basic/single-selection/react.md create mode 100644 static/usage/v8/select/basic/single-selection/vue.md create mode 100644 static/usage/v8/select/customization/button-text/angular.md create mode 100644 static/usage/v8/select/customization/button-text/demo.html create mode 100644 static/usage/v8/select/customization/button-text/index.md create mode 100644 static/usage/v8/select/customization/button-text/javascript.md create mode 100644 static/usage/v8/select/customization/button-text/react.md create mode 100644 static/usage/v8/select/customization/button-text/vue.md create mode 100644 static/usage/v8/select/customization/custom-toggle-icons/angular.md create mode 100644 static/usage/v8/select/customization/custom-toggle-icons/demo.html create mode 100644 static/usage/v8/select/customization/custom-toggle-icons/index.md create mode 100644 static/usage/v8/select/customization/custom-toggle-icons/javascript.md create mode 100644 static/usage/v8/select/customization/custom-toggle-icons/react.md create mode 100644 static/usage/v8/select/customization/custom-toggle-icons/vue.md create mode 100644 static/usage/v8/select/customization/icon-flip-behavior/angular/example_component_css.md create mode 100644 static/usage/v8/select/customization/icon-flip-behavior/angular/example_component_html.md create mode 100644 static/usage/v8/select/customization/icon-flip-behavior/angular/example_component_ts.md create mode 100644 static/usage/v8/select/customization/icon-flip-behavior/demo.html create mode 100644 static/usage/v8/select/customization/icon-flip-behavior/index.md create mode 100644 static/usage/v8/select/customization/icon-flip-behavior/javascript.md create mode 100644 static/usage/v8/select/customization/icon-flip-behavior/react/main_css.md create mode 100644 static/usage/v8/select/customization/icon-flip-behavior/react/main_tsx.md create mode 100644 static/usage/v8/select/customization/icon-flip-behavior/vue.md create mode 100644 static/usage/v8/select/customization/interface-options/angular/example_component_html.md create mode 100644 static/usage/v8/select/customization/interface-options/angular/example_component_ts.md create mode 100644 static/usage/v8/select/customization/interface-options/demo.html create mode 100644 static/usage/v8/select/customization/interface-options/index.md create mode 100644 static/usage/v8/select/customization/interface-options/javascript.md create mode 100644 static/usage/v8/select/customization/interface-options/react.md create mode 100644 static/usage/v8/select/customization/interface-options/vue.md create mode 100644 static/usage/v8/select/customization/styling-select/angular/example_component_css.md create mode 100644 static/usage/v8/select/customization/styling-select/angular/example_component_html.md create mode 100644 static/usage/v8/select/customization/styling-select/angular/example_component_ts.md create mode 100644 static/usage/v8/select/customization/styling-select/demo.html create mode 100644 static/usage/v8/select/customization/styling-select/index.md create mode 100644 static/usage/v8/select/customization/styling-select/javascript.md create mode 100644 static/usage/v8/select/customization/styling-select/react/main_css.md create mode 100644 static/usage/v8/select/customization/styling-select/react/main_tsx.md create mode 100644 static/usage/v8/select/customization/styling-select/vue.md create mode 100644 static/usage/v8/select/fill/angular.md create mode 100644 static/usage/v8/select/fill/demo.html create mode 100644 static/usage/v8/select/fill/index.md create mode 100644 static/usage/v8/select/fill/javascript.md create mode 100644 static/usage/v8/select/fill/react.md create mode 100644 static/usage/v8/select/fill/vue.md create mode 100644 static/usage/v8/select/interfaces/action-sheet/angular.md create mode 100644 static/usage/v8/select/interfaces/action-sheet/demo.html create mode 100644 static/usage/v8/select/interfaces/action-sheet/index.md create mode 100644 static/usage/v8/select/interfaces/action-sheet/javascript.md create mode 100644 static/usage/v8/select/interfaces/action-sheet/react.md create mode 100644 static/usage/v8/select/interfaces/action-sheet/vue.md create mode 100644 static/usage/v8/select/interfaces/popover/angular.md create mode 100644 static/usage/v8/select/interfaces/popover/demo.html create mode 100644 static/usage/v8/select/interfaces/popover/index.md create mode 100644 static/usage/v8/select/interfaces/popover/javascript.md create mode 100644 static/usage/v8/select/interfaces/popover/react.md create mode 100644 static/usage/v8/select/interfaces/popover/vue.md create mode 100644 static/usage/v8/select/justify/angular.md create mode 100644 static/usage/v8/select/justify/demo.html create mode 100644 static/usage/v8/select/justify/index.md create mode 100644 static/usage/v8/select/justify/javascript.md create mode 100644 static/usage/v8/select/justify/react.md create mode 100644 static/usage/v8/select/justify/vue.md create mode 100644 static/usage/v8/select/label-placement/angular.md create mode 100644 static/usage/v8/select/label-placement/demo.html create mode 100644 static/usage/v8/select/label-placement/index.md create mode 100644 static/usage/v8/select/label-placement/javascript.md create mode 100644 static/usage/v8/select/label-placement/react.md create mode 100644 static/usage/v8/select/label-placement/vue.md create mode 100644 static/usage/v8/select/label-slot/angular.md create mode 100644 static/usage/v8/select/label-slot/demo.html create mode 100644 static/usage/v8/select/label-slot/index.md create mode 100644 static/usage/v8/select/label-slot/javascript.md create mode 100644 static/usage/v8/select/label-slot/react.md create mode 100644 static/usage/v8/select/label-slot/vue.md create mode 100644 static/usage/v8/select/migration/index.md create mode 100644 static/usage/v8/select/no-visible-label/angular.md create mode 100644 static/usage/v8/select/no-visible-label/demo.html create mode 100644 static/usage/v8/select/no-visible-label/index.md create mode 100644 static/usage/v8/select/no-visible-label/javascript.md create mode 100644 static/usage/v8/select/no-visible-label/react.md create mode 100644 static/usage/v8/select/no-visible-label/vue.md create mode 100644 static/usage/v8/select/objects-as-values/multiple-selection/angular/example_component_html.md create mode 100644 static/usage/v8/select/objects-as-values/multiple-selection/angular/example_component_ts.md create mode 100644 static/usage/v8/select/objects-as-values/multiple-selection/demo.html create mode 100644 static/usage/v8/select/objects-as-values/multiple-selection/index.md create mode 100644 static/usage/v8/select/objects-as-values/multiple-selection/javascript.md create mode 100644 static/usage/v8/select/objects-as-values/multiple-selection/react.md create mode 100644 static/usage/v8/select/objects-as-values/multiple-selection/vue.md create mode 100644 static/usage/v8/select/objects-as-values/using-comparewith/angular/example_component_html.md create mode 100644 static/usage/v8/select/objects-as-values/using-comparewith/angular/example_component_ts.md create mode 100644 static/usage/v8/select/objects-as-values/using-comparewith/demo.html create mode 100644 static/usage/v8/select/objects-as-values/using-comparewith/index.md create mode 100644 static/usage/v8/select/objects-as-values/using-comparewith/javascript.md create mode 100644 static/usage/v8/select/objects-as-values/using-comparewith/react.md create mode 100644 static/usage/v8/select/objects-as-values/using-comparewith/vue.md create mode 100644 static/usage/v8/select/typeahead/angular/angular_types_ts.md create mode 100644 static/usage/v8/select/typeahead/angular/app_module_ts.md create mode 100644 static/usage/v8/select/typeahead/angular/example_component_html.md create mode 100644 static/usage/v8/select/typeahead/angular/example_component_ts.md create mode 100644 static/usage/v8/select/typeahead/angular/modal-example_component_html.md create mode 100644 static/usage/v8/select/typeahead/angular/modal-example_component_ts.md create mode 100644 static/usage/v8/select/typeahead/demo.html create mode 100644 static/usage/v8/select/typeahead/index.md create mode 100644 static/usage/v8/select/typeahead/javascript.md create mode 100644 static/usage/v8/select/typeahead/react/main_tsx.md create mode 100644 static/usage/v8/select/typeahead/react/react_types_ts.md create mode 100644 static/usage/v8/select/typeahead/react/typeahead_component_tsx.md create mode 100644 static/usage/v8/select/typeahead/vue/example_vue.md create mode 100644 static/usage/v8/select/typeahead/vue/typeahead_component_vue.md create mode 100644 static/usage/v8/select/typeahead/vue/vue_types_ts.md create mode 100644 static/usage/v8/skeleton-text/basic/angular/example_component_html.md create mode 100644 static/usage/v8/skeleton-text/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/skeleton-text/basic/demo.html create mode 100644 static/usage/v8/skeleton-text/basic/index.md create mode 100644 static/usage/v8/skeleton-text/basic/javascript.md create mode 100644 static/usage/v8/skeleton-text/basic/react.md create mode 100644 static/usage/v8/skeleton-text/basic/vue.md create mode 100644 static/usage/v8/skeleton-text/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/skeleton-text/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/skeleton-text/theming/css-properties/demo.html create mode 100644 static/usage/v8/skeleton-text/theming/css-properties/index.md create mode 100644 static/usage/v8/skeleton-text/theming/css-properties/javascript.md create mode 100644 static/usage/v8/skeleton-text/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/skeleton-text/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/skeleton-text/theming/css-properties/vue.md create mode 100644 static/usage/v8/spinner/basic/angular.md create mode 100644 static/usage/v8/spinner/basic/demo.html create mode 100644 static/usage/v8/spinner/basic/index.md create mode 100644 static/usage/v8/spinner/basic/javascript.md create mode 100644 static/usage/v8/spinner/basic/react.md create mode 100644 static/usage/v8/spinner/basic/vue.md create mode 100644 static/usage/v8/spinner/theming/colors/angular.md create mode 100644 static/usage/v8/spinner/theming/colors/demo.html create mode 100644 static/usage/v8/spinner/theming/colors/index.md create mode 100644 static/usage/v8/spinner/theming/colors/javascript.md create mode 100644 static/usage/v8/spinner/theming/colors/react.md create mode 100644 static/usage/v8/spinner/theming/colors/vue.md create mode 100644 static/usage/v8/spinner/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/spinner/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/spinner/theming/css-properties/demo.html create mode 100644 static/usage/v8/spinner/theming/css-properties/index.md create mode 100644 static/usage/v8/spinner/theming/css-properties/javascript.md create mode 100644 static/usage/v8/spinner/theming/css-properties/react.md create mode 100644 static/usage/v8/spinner/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/spinner/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/spinner/theming/css-properties/vue.md create mode 100644 static/usage/v8/spinner/theming/resizing/angular/example_component_css.md create mode 100644 static/usage/v8/spinner/theming/resizing/angular/example_component_html.md create mode 100644 static/usage/v8/spinner/theming/resizing/demo.html create mode 100644 static/usage/v8/spinner/theming/resizing/index.md create mode 100644 static/usage/v8/spinner/theming/resizing/javascript.md create mode 100644 static/usage/v8/spinner/theming/resizing/react.md create mode 100644 static/usage/v8/spinner/theming/resizing/react/main_css.md create mode 100644 static/usage/v8/spinner/theming/resizing/react/main_tsx.md create mode 100644 static/usage/v8/spinner/theming/resizing/vue.md create mode 100644 static/usage/v8/split-pane/basic/angular.md create mode 100644 static/usage/v8/split-pane/basic/demo.html create mode 100644 static/usage/v8/split-pane/basic/index.md create mode 100644 static/usage/v8/split-pane/basic/javascript.md create mode 100644 static/usage/v8/split-pane/basic/react.md create mode 100644 static/usage/v8/split-pane/basic/vue.md create mode 100644 static/usage/v8/split-pane/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/split-pane/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/split-pane/theming/css-properties/demo.html create mode 100644 static/usage/v8/split-pane/theming/css-properties/index.md create mode 100644 static/usage/v8/split-pane/theming/css-properties/javascript.md create mode 100644 static/usage/v8/split-pane/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/split-pane/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/split-pane/theming/css-properties/vue.md create mode 100644 static/usage/v8/tabs/router/angular/app_component_html.md create mode 100644 static/usage/v8/tabs/router/angular/app_module_ts.md create mode 100644 static/usage/v8/tabs/router/angular/app_routing_module_ts.md create mode 100644 static/usage/v8/tabs/router/angular/example_component_html.md create mode 100644 static/usage/v8/tabs/router/angular/global_css.md create mode 100644 static/usage/v8/tabs/router/angular/home_page_component_html.md create mode 100644 static/usage/v8/tabs/router/angular/home_page_component_ts.md create mode 100644 static/usage/v8/tabs/router/angular/home_page_module_ts.md create mode 100644 static/usage/v8/tabs/router/angular/library_page_component_html.md create mode 100644 static/usage/v8/tabs/router/angular/library_page_component_ts.md create mode 100644 static/usage/v8/tabs/router/angular/library_page_module_ts.md create mode 100644 static/usage/v8/tabs/router/angular/radio_page_component_html.md create mode 100644 static/usage/v8/tabs/router/angular/radio_page_component_ts.md create mode 100644 static/usage/v8/tabs/router/angular/radio_page_module_ts.md create mode 100644 static/usage/v8/tabs/router/angular/search_page_component_html.md create mode 100644 static/usage/v8/tabs/router/angular/search_page_component_ts.md create mode 100644 static/usage/v8/tabs/router/angular/search_page_module_ts.md create mode 100644 static/usage/v8/tabs/router/demo.html create mode 100644 static/usage/v8/tabs/router/index.md create mode 100644 static/usage/v8/tabs/router/javascript.md create mode 100644 static/usage/v8/tabs/router/react/home_page_tsx.md create mode 100644 static/usage/v8/tabs/router/react/library_page_tsx.md create mode 100644 static/usage/v8/tabs/router/react/main_tsx.md create mode 100644 static/usage/v8/tabs/router/react/radio_page_tsx.md create mode 100644 static/usage/v8/tabs/router/react/search_page_tsx.md create mode 100644 static/usage/v8/tabs/router/vue.md create mode 100644 static/usage/v8/tabs/router/vue/app_vue.md create mode 100644 static/usage/v8/tabs/router/vue/example_vue.md create mode 100644 static/usage/v8/tabs/router/vue/home_page_vue.md create mode 100644 static/usage/v8/tabs/router/vue/library_page_vue.md create mode 100644 static/usage/v8/tabs/router/vue/main_ts.md create mode 100644 static/usage/v8/tabs/router/vue/radio_page_vue.md create mode 100644 static/usage/v8/tabs/router/vue/router_ts.md create mode 100644 static/usage/v8/tabs/router/vue/search_page_vue.md create mode 100644 static/usage/v8/text/basic/angular.md create mode 100644 static/usage/v8/text/basic/demo.html create mode 100644 static/usage/v8/text/basic/index.md create mode 100644 static/usage/v8/text/basic/javascript.md create mode 100644 static/usage/v8/text/basic/react.md create mode 100644 static/usage/v8/text/basic/vue.md create mode 100644 static/usage/v8/textarea/autogrow/angular.md create mode 100644 static/usage/v8/textarea/autogrow/demo.html create mode 100644 static/usage/v8/textarea/autogrow/index.md create mode 100644 static/usage/v8/textarea/autogrow/javascript.md create mode 100644 static/usage/v8/textarea/autogrow/react.md create mode 100644 static/usage/v8/textarea/autogrow/vue.md create mode 100644 static/usage/v8/textarea/basic/angular.md create mode 100644 static/usage/v8/textarea/basic/demo.html create mode 100644 static/usage/v8/textarea/basic/index.md create mode 100644 static/usage/v8/textarea/basic/javascript.md create mode 100644 static/usage/v8/textarea/basic/react.md create mode 100644 static/usage/v8/textarea/basic/vue.md create mode 100644 static/usage/v8/textarea/clear-on-edit/angular.md create mode 100644 static/usage/v8/textarea/clear-on-edit/demo.html create mode 100644 static/usage/v8/textarea/clear-on-edit/index.md create mode 100644 static/usage/v8/textarea/clear-on-edit/javascript.md create mode 100644 static/usage/v8/textarea/clear-on-edit/react.md create mode 100644 static/usage/v8/textarea/clear-on-edit/vue.md create mode 100644 static/usage/v8/textarea/counter/angular/example_component_html.md create mode 100644 static/usage/v8/textarea/counter/angular/example_component_ts.md create mode 100644 static/usage/v8/textarea/counter/demo.html create mode 100644 static/usage/v8/textarea/counter/index.md create mode 100644 static/usage/v8/textarea/counter/javascript.md create mode 100644 static/usage/v8/textarea/counter/react.md create mode 100644 static/usage/v8/textarea/counter/vue.md create mode 100644 static/usage/v8/textarea/fill/angular.md create mode 100644 static/usage/v8/textarea/fill/demo.html create mode 100644 static/usage/v8/textarea/fill/index.md create mode 100644 static/usage/v8/textarea/fill/javascript.md create mode 100644 static/usage/v8/textarea/fill/react.md create mode 100644 static/usage/v8/textarea/fill/vue.md create mode 100644 static/usage/v8/textarea/helper-error/angular.md create mode 100644 static/usage/v8/textarea/helper-error/demo.html create mode 100644 static/usage/v8/textarea/helper-error/index.md create mode 100644 static/usage/v8/textarea/helper-error/javascript.md create mode 100644 static/usage/v8/textarea/helper-error/react.md create mode 100644 static/usage/v8/textarea/helper-error/vue.md create mode 100644 static/usage/v8/textarea/label-placement/angular.md create mode 100644 static/usage/v8/textarea/label-placement/demo.html create mode 100644 static/usage/v8/textarea/label-placement/index.md create mode 100644 static/usage/v8/textarea/label-placement/javascript.md create mode 100644 static/usage/v8/textarea/label-placement/react.md create mode 100644 static/usage/v8/textarea/label-placement/vue.md create mode 100644 static/usage/v8/textarea/label-slot/angular.md create mode 100644 static/usage/v8/textarea/label-slot/demo.html create mode 100644 static/usage/v8/textarea/label-slot/index.md create mode 100644 static/usage/v8/textarea/label-slot/javascript.md create mode 100644 static/usage/v8/textarea/label-slot/react.md create mode 100644 static/usage/v8/textarea/label-slot/vue.md create mode 100644 static/usage/v8/textarea/migration/index.md create mode 100644 static/usage/v8/textarea/no-visible-label/angular.md create mode 100644 static/usage/v8/textarea/no-visible-label/demo.html create mode 100644 static/usage/v8/textarea/no-visible-label/index.md create mode 100644 static/usage/v8/textarea/no-visible-label/javascript.md create mode 100644 static/usage/v8/textarea/no-visible-label/react.md create mode 100644 static/usage/v8/textarea/no-visible-label/vue.md create mode 100644 static/usage/v8/textarea/theming/angular/example_component_css.md create mode 100644 static/usage/v8/textarea/theming/angular/example_component_html.md create mode 100644 static/usage/v8/textarea/theming/angular/global_css.md create mode 100644 static/usage/v8/textarea/theming/demo.html create mode 100644 static/usage/v8/textarea/theming/index.md create mode 100644 static/usage/v8/textarea/theming/javascript.md create mode 100644 static/usage/v8/textarea/theming/react/main_css.md create mode 100644 static/usage/v8/textarea/theming/react/main_tsx.md create mode 100644 static/usage/v8/textarea/theming/vue.md create mode 100644 static/usage/v8/theming/always-dark-mode/angular/example_component_html.md create mode 100644 static/usage/v8/theming/always-dark-mode/angular/styles_css.md create mode 100644 static/usage/v8/theming/always-dark-mode/demo.html create mode 100644 static/usage/v8/theming/always-dark-mode/index.md create mode 100644 static/usage/v8/theming/always-dark-mode/javascript/index_html.md create mode 100644 static/usage/v8/theming/always-dark-mode/javascript/index_ts.md create mode 100644 static/usage/v8/theming/always-dark-mode/react/app_tsx.md create mode 100644 static/usage/v8/theming/always-dark-mode/react/main_tsx.md create mode 100644 static/usage/v8/theming/always-dark-mode/theme/variables_css.md create mode 100644 static/usage/v8/theming/always-dark-mode/vue/example_vue.md create mode 100644 static/usage/v8/theming/always-dark-mode/vue/main_ts.md create mode 100644 static/usage/v8/theming/always-high-contrast-mode/angular/example_component_html.md create mode 100644 static/usage/v8/theming/always-high-contrast-mode/angular/styles_css.md create mode 100644 static/usage/v8/theming/always-high-contrast-mode/demo.html create mode 100644 static/usage/v8/theming/always-high-contrast-mode/index.md create mode 100644 static/usage/v8/theming/always-high-contrast-mode/javascript/index_html.md create mode 100644 static/usage/v8/theming/always-high-contrast-mode/javascript/index_ts.md create mode 100644 static/usage/v8/theming/always-high-contrast-mode/react/app_tsx.md create mode 100644 static/usage/v8/theming/always-high-contrast-mode/react/main_tsx.md create mode 100644 static/usage/v8/theming/always-high-contrast-mode/vue/example_vue.md create mode 100644 static/usage/v8/theming/always-high-contrast-mode/vue/main_ts.md create mode 100644 static/usage/v8/theming/class-dark-mode/angular/example_component_html.md create mode 100644 static/usage/v8/theming/class-dark-mode/angular/example_component_ts.md create mode 100644 static/usage/v8/theming/class-dark-mode/angular/global_css.md create mode 100644 static/usage/v8/theming/class-dark-mode/angular/styles_css.md create mode 100644 static/usage/v8/theming/class-dark-mode/demo.html create mode 100644 static/usage/v8/theming/class-dark-mode/index.md create mode 100644 static/usage/v8/theming/class-dark-mode/javascript/index_html.md create mode 100644 static/usage/v8/theming/class-dark-mode/javascript/index_ts.md create mode 100644 static/usage/v8/theming/class-dark-mode/react/app_tsx.md create mode 100644 static/usage/v8/theming/class-dark-mode/react/main_css.md create mode 100644 static/usage/v8/theming/class-dark-mode/react/main_tsx.md create mode 100644 static/usage/v8/theming/class-dark-mode/theme/variables_css.md create mode 100644 static/usage/v8/theming/class-dark-mode/vue/example_vue.md create mode 100644 static/usage/v8/theming/class-dark-mode/vue/main_ts.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/angular/example_component_html.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/angular/example_component_ts.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/angular/global_css.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/angular/styles_css.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/demo.html create mode 100644 static/usage/v8/theming/class-high-contrast-mode/index.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/javascript/index_html.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/javascript/index_ts.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/react/app_tsx.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/react/main_css.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/react/main_tsx.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/vue/example_vue.md create mode 100644 static/usage/v8/theming/class-high-contrast-mode/vue/main_ts.md create mode 100644 static/usage/v8/theming/system-dark-mode/angular/example_component_html.md create mode 100644 static/usage/v8/theming/system-dark-mode/angular/global_css.md create mode 100644 static/usage/v8/theming/system-dark-mode/angular/styles_css.md create mode 100644 static/usage/v8/theming/system-dark-mode/demo.html create mode 100644 static/usage/v8/theming/system-dark-mode/index.md create mode 100644 static/usage/v8/theming/system-dark-mode/javascript/index_html.md create mode 100644 static/usage/v8/theming/system-dark-mode/javascript/index_ts.md create mode 100644 static/usage/v8/theming/system-dark-mode/react/app_tsx.md create mode 100644 static/usage/v8/theming/system-dark-mode/react/main_css.md create mode 100644 static/usage/v8/theming/system-dark-mode/react/main_tsx.md create mode 100644 static/usage/v8/theming/system-dark-mode/theme/variables_css.md create mode 100644 static/usage/v8/theming/system-dark-mode/vue/example_vue.md create mode 100644 static/usage/v8/theming/system-dark-mode/vue/main_ts.md create mode 100644 static/usage/v8/theming/system-high-contrast-mode/angular/example_component_html.md create mode 100644 static/usage/v8/theming/system-high-contrast-mode/angular/styles_css.md create mode 100644 static/usage/v8/theming/system-high-contrast-mode/demo.html create mode 100644 static/usage/v8/theming/system-high-contrast-mode/index.md create mode 100644 static/usage/v8/theming/system-high-contrast-mode/javascript/index_html.md create mode 100644 static/usage/v8/theming/system-high-contrast-mode/javascript/index_ts.md create mode 100644 static/usage/v8/theming/system-high-contrast-mode/react/app_tsx.md create mode 100644 static/usage/v8/theming/system-high-contrast-mode/react/main_tsx.md create mode 100644 static/usage/v8/theming/system-high-contrast-mode/vue/example_vue.md create mode 100644 static/usage/v8/theming/system-high-contrast-mode/vue/main_ts.md create mode 100644 static/usage/v8/thumbnail/basic/angular.md create mode 100644 static/usage/v8/thumbnail/basic/demo.html create mode 100644 static/usage/v8/thumbnail/basic/index.md create mode 100644 static/usage/v8/thumbnail/basic/javascript.md create mode 100644 static/usage/v8/thumbnail/basic/react.md create mode 100644 static/usage/v8/thumbnail/basic/vue.md create mode 100644 static/usage/v8/thumbnail/item/angular.md create mode 100644 static/usage/v8/thumbnail/item/demo.html create mode 100644 static/usage/v8/thumbnail/item/index.md create mode 100644 static/usage/v8/thumbnail/item/javascript.md create mode 100644 static/usage/v8/thumbnail/item/react.md create mode 100644 static/usage/v8/thumbnail/item/vue.md create mode 100644 static/usage/v8/thumbnail/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/thumbnail/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/thumbnail/theming/css-properties/demo.html create mode 100644 static/usage/v8/thumbnail/theming/css-properties/index.md create mode 100644 static/usage/v8/thumbnail/theming/css-properties/javascript.md create mode 100644 static/usage/v8/thumbnail/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/thumbnail/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/thumbnail/theming/css-properties/vue.md create mode 100644 static/usage/v8/title/basic/angular.md create mode 100644 static/usage/v8/title/basic/demo.html create mode 100644 static/usage/v8/title/basic/index.md create mode 100644 static/usage/v8/title/basic/javascript.md create mode 100644 static/usage/v8/title/basic/react.md create mode 100644 static/usage/v8/title/basic/vue.md create mode 100644 static/usage/v8/title/collapsible-large-title/basic/angular.md create mode 100644 static/usage/v8/title/collapsible-large-title/basic/demo.html create mode 100644 static/usage/v8/title/collapsible-large-title/basic/index.md create mode 100644 static/usage/v8/title/collapsible-large-title/basic/javascript.md create mode 100644 static/usage/v8/title/collapsible-large-title/basic/react.md create mode 100644 static/usage/v8/title/collapsible-large-title/basic/vue.md create mode 100644 static/usage/v8/title/collapsible-large-title/buttons/angular.md create mode 100644 static/usage/v8/title/collapsible-large-title/buttons/demo.html create mode 100644 static/usage/v8/title/collapsible-large-title/buttons/index.md create mode 100644 static/usage/v8/title/collapsible-large-title/buttons/javascript.md create mode 100644 static/usage/v8/title/collapsible-large-title/buttons/react.md create mode 100644 static/usage/v8/title/collapsible-large-title/buttons/vue.md create mode 100644 static/usage/v8/title/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/title/theming/css-properties/angular/global_css.md create mode 100644 static/usage/v8/title/theming/css-properties/demo.html create mode 100644 static/usage/v8/title/theming/css-properties/index.md create mode 100644 static/usage/v8/title/theming/css-properties/javascript.md create mode 100644 static/usage/v8/title/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/title/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/title/theming/css-properties/vue.md create mode 100644 static/usage/v8/toast/buttons/angular/example_component_html.md create mode 100644 static/usage/v8/toast/buttons/angular/example_component_ts.md create mode 100644 static/usage/v8/toast/buttons/demo.html create mode 100644 static/usage/v8/toast/buttons/index.md create mode 100644 static/usage/v8/toast/buttons/javascript.md create mode 100644 static/usage/v8/toast/buttons/react.md create mode 100644 static/usage/v8/toast/buttons/vue.md create mode 100644 static/usage/v8/toast/icon/angular.md create mode 100644 static/usage/v8/toast/icon/demo.html create mode 100644 static/usage/v8/toast/icon/index.md create mode 100644 static/usage/v8/toast/icon/javascript.md create mode 100644 static/usage/v8/toast/icon/react.md create mode 100644 static/usage/v8/toast/icon/vue.md create mode 100644 static/usage/v8/toast/inline/basic/angular.md create mode 100644 static/usage/v8/toast/inline/basic/demo.html create mode 100644 static/usage/v8/toast/inline/basic/index.md create mode 100644 static/usage/v8/toast/inline/basic/javascript.md create mode 100644 static/usage/v8/toast/inline/basic/react.md create mode 100644 static/usage/v8/toast/inline/basic/vue.md create mode 100644 static/usage/v8/toast/inline/is-open/angular/example_component_html.md create mode 100644 static/usage/v8/toast/inline/is-open/angular/example_component_ts.md create mode 100644 static/usage/v8/toast/inline/is-open/demo.html create mode 100644 static/usage/v8/toast/inline/is-open/index.md create mode 100644 static/usage/v8/toast/inline/is-open/javascript.md create mode 100644 static/usage/v8/toast/inline/is-open/react.md create mode 100644 static/usage/v8/toast/inline/is-open/vue.md create mode 100644 static/usage/v8/toast/layout/angular/example_component_html.md create mode 100644 static/usage/v8/toast/layout/angular/example_component_ts.md create mode 100644 static/usage/v8/toast/layout/demo.html create mode 100644 static/usage/v8/toast/layout/index.md create mode 100644 static/usage/v8/toast/layout/javascript.md create mode 100644 static/usage/v8/toast/layout/react.md create mode 100644 static/usage/v8/toast/layout/vue.md create mode 100644 static/usage/v8/toast/position-anchor/angular.md create mode 100644 static/usage/v8/toast/position-anchor/demo.html create mode 100644 static/usage/v8/toast/position-anchor/index.md create mode 100644 static/usage/v8/toast/position-anchor/javascript.md create mode 100644 static/usage/v8/toast/position-anchor/react.md create mode 100644 static/usage/v8/toast/position-anchor/vue.md create mode 100644 static/usage/v8/toast/presenting/controller/angular/example_component_html.md create mode 100644 static/usage/v8/toast/presenting/controller/angular/example_component_ts.md create mode 100644 static/usage/v8/toast/presenting/controller/demo.html create mode 100644 static/usage/v8/toast/presenting/controller/index.md create mode 100644 static/usage/v8/toast/presenting/controller/javascript.md create mode 100644 static/usage/v8/toast/presenting/controller/react.md create mode 100644 static/usage/v8/toast/presenting/controller/vue.md create mode 100644 static/usage/v8/toast/theming/angular/example_component_html.md create mode 100644 static/usage/v8/toast/theming/angular/example_component_ts.md create mode 100644 static/usage/v8/toast/theming/angular/global_css.md create mode 100644 static/usage/v8/toast/theming/demo.html create mode 100644 static/usage/v8/toast/theming/index.md create mode 100644 static/usage/v8/toast/theming/javascript.md create mode 100644 static/usage/v8/toast/theming/react/main_css.md create mode 100644 static/usage/v8/toast/theming/react/main_tsx.md create mode 100644 static/usage/v8/toast/theming/vue.md create mode 100644 static/usage/v8/toggle/alignment/angular.md create mode 100644 static/usage/v8/toggle/alignment/demo.html create mode 100644 static/usage/v8/toggle/alignment/index.md create mode 100644 static/usage/v8/toggle/alignment/javascript.md create mode 100644 static/usage/v8/toggle/alignment/react.md create mode 100644 static/usage/v8/toggle/alignment/vue.md create mode 100644 static/usage/v8/toggle/basic/angular.md create mode 100644 static/usage/v8/toggle/basic/demo.html create mode 100644 static/usage/v8/toggle/basic/index.md create mode 100644 static/usage/v8/toggle/basic/javascript.md create mode 100644 static/usage/v8/toggle/basic/react.md create mode 100644 static/usage/v8/toggle/basic/vue.md create mode 100644 static/usage/v8/toggle/justify/angular.md create mode 100644 static/usage/v8/toggle/justify/demo.html create mode 100644 static/usage/v8/toggle/justify/index.md create mode 100644 static/usage/v8/toggle/justify/javascript.md create mode 100644 static/usage/v8/toggle/justify/react.md create mode 100644 static/usage/v8/toggle/justify/vue.md create mode 100644 static/usage/v8/toggle/label-placement/angular.md create mode 100644 static/usage/v8/toggle/label-placement/demo.html create mode 100644 static/usage/v8/toggle/label-placement/index.md create mode 100644 static/usage/v8/toggle/label-placement/javascript.md create mode 100644 static/usage/v8/toggle/label-placement/react.md create mode 100644 static/usage/v8/toggle/label-placement/vue.md create mode 100644 static/usage/v8/toggle/list/angular.md create mode 100644 static/usage/v8/toggle/list/demo.html create mode 100644 static/usage/v8/toggle/list/index.md create mode 100644 static/usage/v8/toggle/list/javascript.md create mode 100644 static/usage/v8/toggle/list/react.md create mode 100644 static/usage/v8/toggle/list/vue.md create mode 100644 static/usage/v8/toggle/migration/index.md create mode 100644 static/usage/v8/toggle/on-off/angular.md create mode 100644 static/usage/v8/toggle/on-off/demo.html create mode 100644 static/usage/v8/toggle/on-off/index.md create mode 100644 static/usage/v8/toggle/on-off/javascript.md create mode 100644 static/usage/v8/toggle/on-off/react.md create mode 100644 static/usage/v8/toggle/on-off/vue.md create mode 100644 static/usage/v8/toggle/theming/colors/angular.md create mode 100644 static/usage/v8/toggle/theming/colors/demo.html create mode 100644 static/usage/v8/toggle/theming/colors/index.md create mode 100644 static/usage/v8/toggle/theming/colors/javascript.md create mode 100644 static/usage/v8/toggle/theming/colors/react.md create mode 100644 static/usage/v8/toggle/theming/colors/vue.md create mode 100644 static/usage/v8/toggle/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/toggle/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/toggle/theming/css-properties/demo.html create mode 100644 static/usage/v8/toggle/theming/css-properties/index.md create mode 100644 static/usage/v8/toggle/theming/css-properties/javascript.md create mode 100644 static/usage/v8/toggle/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/toggle/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/toggle/theming/css-properties/vue.md create mode 100644 static/usage/v8/toggle/theming/css-shadow-parts/angular/example_component_css.md create mode 100644 static/usage/v8/toggle/theming/css-shadow-parts/angular/example_component_html.md create mode 100644 static/usage/v8/toggle/theming/css-shadow-parts/demo.html create mode 100644 static/usage/v8/toggle/theming/css-shadow-parts/index.md create mode 100644 static/usage/v8/toggle/theming/css-shadow-parts/javascript.md create mode 100644 static/usage/v8/toggle/theming/css-shadow-parts/react/main_css.md create mode 100644 static/usage/v8/toggle/theming/css-shadow-parts/react/main_tsx.md create mode 100644 static/usage/v8/toggle/theming/css-shadow-parts/vue.md create mode 100644 static/usage/v8/toolbar/basic/angular.md create mode 100644 static/usage/v8/toolbar/basic/demo.html create mode 100644 static/usage/v8/toolbar/basic/index.md create mode 100644 static/usage/v8/toolbar/basic/javascript.md create mode 100644 static/usage/v8/toolbar/basic/react.md create mode 100644 static/usage/v8/toolbar/basic/vue.md create mode 100644 static/usage/v8/toolbar/buttons/angular.md create mode 100644 static/usage/v8/toolbar/buttons/demo.html create mode 100644 static/usage/v8/toolbar/buttons/index.md create mode 100644 static/usage/v8/toolbar/buttons/javascript.md create mode 100644 static/usage/v8/toolbar/buttons/react.md create mode 100644 static/usage/v8/toolbar/buttons/vue.md create mode 100644 static/usage/v8/toolbar/progress-bars/angular.md create mode 100644 static/usage/v8/toolbar/progress-bars/demo.html create mode 100644 static/usage/v8/toolbar/progress-bars/index.md create mode 100644 static/usage/v8/toolbar/progress-bars/javascript.md create mode 100644 static/usage/v8/toolbar/progress-bars/react.md create mode 100644 static/usage/v8/toolbar/progress-bars/vue.md create mode 100644 static/usage/v8/toolbar/searchbars/angular.md create mode 100644 static/usage/v8/toolbar/searchbars/demo.html create mode 100644 static/usage/v8/toolbar/searchbars/index.md create mode 100644 static/usage/v8/toolbar/searchbars/javascript.md create mode 100644 static/usage/v8/toolbar/searchbars/react.md create mode 100644 static/usage/v8/toolbar/searchbars/vue.md create mode 100644 static/usage/v8/toolbar/segments/angular.md create mode 100644 static/usage/v8/toolbar/segments/demo.html create mode 100644 static/usage/v8/toolbar/segments/index.md create mode 100644 static/usage/v8/toolbar/segments/javascript.md create mode 100644 static/usage/v8/toolbar/segments/react.md create mode 100644 static/usage/v8/toolbar/segments/vue.md create mode 100644 static/usage/v8/toolbar/theming/colors/angular.md create mode 100644 static/usage/v8/toolbar/theming/colors/demo.html create mode 100644 static/usage/v8/toolbar/theming/colors/index.md create mode 100644 static/usage/v8/toolbar/theming/colors/javascript.md create mode 100644 static/usage/v8/toolbar/theming/colors/react.md create mode 100644 static/usage/v8/toolbar/theming/colors/vue.md create mode 100644 static/usage/v8/toolbar/theming/css-properties/angular/example_component_css.md create mode 100644 static/usage/v8/toolbar/theming/css-properties/angular/example_component_html.md create mode 100644 static/usage/v8/toolbar/theming/css-properties/demo.html create mode 100644 static/usage/v8/toolbar/theming/css-properties/index.md create mode 100644 static/usage/v8/toolbar/theming/css-properties/javascript.md create mode 100644 static/usage/v8/toolbar/theming/css-properties/react/main_css.md create mode 100644 static/usage/v8/toolbar/theming/css-properties/react/main_tsx.md create mode 100644 static/usage/v8/toolbar/theming/css-properties/vue.md create mode 100644 versioned_docs/version-v7/README.md create mode 100644 versioned_docs/version-v7/angular/build-options.md create mode 100644 versioned_docs/version-v7/angular/lifecycle.md create mode 100644 versioned_docs/version-v7/angular/navigation.md create mode 100644 versioned_docs/version-v7/angular/overview.md create mode 100644 versioned_docs/version-v7/angular/performance.md create mode 100644 versioned_docs/version-v7/angular/platform.md create mode 100644 versioned_docs/version-v7/angular/pwa.md create mode 100644 versioned_docs/version-v7/angular/slides.md create mode 100644 versioned_docs/version-v7/angular/storage.md create mode 100644 versioned_docs/version-v7/angular/testing.md create mode 100644 versioned_docs/version-v7/angular/virtual-scroll.md create mode 100644 versioned_docs/version-v7/angular/your-first-app.md create mode 100644 versioned_docs/version-v7/angular/your-first-app/2-taking-photos.md create mode 100644 versioned_docs/version-v7/angular/your-first-app/3-saving-photos.md create mode 100644 versioned_docs/version-v7/angular/your-first-app/4-loading-photos.md create mode 100644 versioned_docs/version-v7/angular/your-first-app/5-adding-mobile.md create mode 100644 versioned_docs/version-v7/angular/your-first-app/6-deploying-mobile.md create mode 100644 versioned_docs/version-v7/angular/your-first-app/7-live-reload.md create mode 100644 versioned_docs/version-v7/angular/your-first-app/8-distribute.md create mode 100644 versioned_docs/version-v7/api.md create mode 100644 versioned_docs/version-v7/api/accordion-group.md create mode 100644 versioned_docs/version-v7/api/accordion.md create mode 100644 versioned_docs/version-v7/api/action-sheet.md create mode 100644 versioned_docs/version-v7/api/alert.md create mode 100644 versioned_docs/version-v7/api/app.md create mode 100644 versioned_docs/version-v7/api/avatar.md create mode 100644 versioned_docs/version-v7/api/back-button.md create mode 100644 versioned_docs/version-v7/api/backdrop.md create mode 100644 versioned_docs/version-v7/api/badge.md create mode 100644 versioned_docs/version-v7/api/breadcrumb.md create mode 100644 versioned_docs/version-v7/api/breadcrumbs.md create mode 100644 versioned_docs/version-v7/api/button.md create mode 100644 versioned_docs/version-v7/api/buttons.md create mode 100644 versioned_docs/version-v7/api/card-content.md create mode 100644 versioned_docs/version-v7/api/card-header.md create mode 100644 versioned_docs/version-v7/api/card-subtitle.md create mode 100644 versioned_docs/version-v7/api/card-title.md create mode 100644 versioned_docs/version-v7/api/card.md create mode 100644 versioned_docs/version-v7/api/checkbox.md create mode 100644 versioned_docs/version-v7/api/chip.md create mode 100644 versioned_docs/version-v7/api/col.md create mode 100644 versioned_docs/version-v7/api/content.md create mode 100644 versioned_docs/version-v7/api/datetime-button.md create mode 100644 versioned_docs/version-v7/api/datetime.md create mode 100644 versioned_docs/version-v7/api/fab-button.md create mode 100644 versioned_docs/version-v7/api/fab-list.md create mode 100644 versioned_docs/version-v7/api/fab.md create mode 100644 versioned_docs/version-v7/api/footer.md create mode 100644 versioned_docs/version-v7/api/grid.md create mode 100644 versioned_docs/version-v7/api/header.md create mode 100644 versioned_docs/version-v7/api/icon.md create mode 100644 versioned_docs/version-v7/api/img.md create mode 100644 versioned_docs/version-v7/api/infinite-scroll-content.md create mode 100644 versioned_docs/version-v7/api/infinite-scroll.md create mode 100644 versioned_docs/version-v7/api/input.md create mode 100644 versioned_docs/version-v7/api/item-divider.md create mode 100644 versioned_docs/version-v7/api/item-group.md create mode 100644 versioned_docs/version-v7/api/item-option.md create mode 100644 versioned_docs/version-v7/api/item-options.md create mode 100644 versioned_docs/version-v7/api/item-sliding.md create mode 100644 versioned_docs/version-v7/api/item.md create mode 100644 versioned_docs/version-v7/api/label.md create mode 100644 versioned_docs/version-v7/api/list-header.md create mode 100644 versioned_docs/version-v7/api/list.md create mode 100644 versioned_docs/version-v7/api/loading.md create mode 100644 versioned_docs/version-v7/api/menu-button.md create mode 100644 versioned_docs/version-v7/api/menu-toggle.md create mode 100644 versioned_docs/version-v7/api/menu.md create mode 100644 versioned_docs/version-v7/api/modal.md create mode 100644 versioned_docs/version-v7/api/nav-link.md create mode 100644 versioned_docs/version-v7/api/nav.md create mode 100644 versioned_docs/version-v7/api/note.md create mode 100644 versioned_docs/version-v7/api/picker.md create mode 100644 versioned_docs/version-v7/api/popover.md create mode 100644 versioned_docs/version-v7/api/progress-bar.md create mode 100644 versioned_docs/version-v7/api/radio-group.md create mode 100644 versioned_docs/version-v7/api/radio.md create mode 100644 versioned_docs/version-v7/api/range.md create mode 100644 versioned_docs/version-v7/api/refresher-content.md create mode 100644 versioned_docs/version-v7/api/refresher.md create mode 100644 versioned_docs/version-v7/api/reorder-group.md create mode 100644 versioned_docs/version-v7/api/reorder.md create mode 100644 versioned_docs/version-v7/api/ripple-effect.md create mode 100644 versioned_docs/version-v7/api/route-redirect.md create mode 100644 versioned_docs/version-v7/api/route.md create mode 100644 versioned_docs/version-v7/api/router-link.md create mode 100644 versioned_docs/version-v7/api/router-outlet.md create mode 100644 versioned_docs/version-v7/api/router.md create mode 100644 versioned_docs/version-v7/api/row.md create mode 100644 versioned_docs/version-v7/api/searchbar.md create mode 100644 versioned_docs/version-v7/api/segment-button.md create mode 100644 versioned_docs/version-v7/api/segment.md create mode 100644 versioned_docs/version-v7/api/select-option.md create mode 100644 versioned_docs/version-v7/api/select.md create mode 100644 versioned_docs/version-v7/api/skeleton-text.md create mode 100644 versioned_docs/version-v7/api/spinner.md create mode 100644 versioned_docs/version-v7/api/split-pane.md create mode 100644 versioned_docs/version-v7/api/tab-bar.md create mode 100644 versioned_docs/version-v7/api/tab-button.md create mode 100644 versioned_docs/version-v7/api/tab.md create mode 100644 versioned_docs/version-v7/api/tabs.md create mode 100644 versioned_docs/version-v7/api/text.md create mode 100644 versioned_docs/version-v7/api/textarea.md create mode 100644 versioned_docs/version-v7/api/thumbnail.md create mode 100644 versioned_docs/version-v7/api/title.md create mode 100644 versioned_docs/version-v7/api/toast.md create mode 100644 versioned_docs/version-v7/api/toggle.md create mode 100644 versioned_docs/version-v7/api/toolbar.md create mode 100644 versioned_docs/version-v7/cli.md create mode 100644 versioned_docs/version-v7/cli/commands/.gitignore create mode 100644 versioned_docs/version-v7/cli/configuration.md create mode 100644 versioned_docs/version-v7/cli/livereload.md create mode 100644 versioned_docs/version-v7/cli/using-a-proxy.md create mode 100644 versioned_docs/version-v7/components.md create mode 100644 versioned_docs/version-v7/contributing/coc.md create mode 100644 versioned_docs/version-v7/contributing/how-to-contribute.md create mode 100644 versioned_docs/version-v7/core-concepts/cross-platform.md create mode 100644 versioned_docs/version-v7/core-concepts/fundamentals.md create mode 100644 versioned_docs/version-v7/core-concepts/webview.md create mode 100644 versioned_docs/version-v7/core-concepts/what-are-progressive-web-apps.md create mode 100644 versioned_docs/version-v7/deployment/app-store.md create mode 100644 versioned_docs/version-v7/deployment/play-store.mdx create mode 100644 versioned_docs/version-v7/deployment/progressive-web-app.md create mode 100644 versioned_docs/version-v7/developer-resources/books.md create mode 100644 versioned_docs/version-v7/developer-resources/courses.md create mode 100644 versioned_docs/version-v7/developer-resources/guides.md create mode 100644 versioned_docs/version-v7/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.md create mode 100644 versioned_docs/version-v7/developer-resources/guides/first-app-v3/intro.md create mode 100644 versioned_docs/version-v7/developer-resources/guides/first-app-v3/ios-android-camera.md create mode 100644 versioned_docs/version-v7/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md create mode 100644 versioned_docs/version-v7/developer-resources/guides/first-app-v3/theming.md create mode 100644 versioned_docs/version-v7/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.md create mode 100644 versioned_docs/version-v7/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.md create mode 100644 versioned_docs/version-v7/developer-resources/guides/first-app-v4/intro.md create mode 100644 versioned_docs/version-v7/developer-resources/guides/first-app-v4/ios-android-camera.md create mode 100644 versioned_docs/version-v7/developer-resources/guides/first-app-v4/theming.md create mode 100644 versioned_docs/version-v7/developer-resources/posts.md create mode 100644 versioned_docs/version-v7/developer-resources/tools.md create mode 100644 versioned_docs/version-v7/developer-resources/videos.md create mode 100644 versioned_docs/version-v7/developing/android.md create mode 100644 versioned_docs/version-v7/developing/config.md create mode 100644 versioned_docs/version-v7/developing/config/global/index.md create mode 100644 versioned_docs/version-v7/developing/config/per-component/index.md create mode 100644 versioned_docs/version-v7/developing/config/per-platform-fallback/index.md create mode 100644 versioned_docs/version-v7/developing/config/per-platform-overrides/index.md create mode 100644 versioned_docs/version-v7/developing/config/per-platform/index.md create mode 100644 versioned_docs/version-v7/developing/hardware-back-button.md create mode 100644 versioned_docs/version-v7/developing/ios.md create mode 100644 versioned_docs/version-v7/developing/keyboard.md create mode 100644 versioned_docs/version-v7/developing/managing-focus.md create mode 100644 versioned_docs/version-v7/developing/previewing.md create mode 100644 versioned_docs/version-v7/developing/scaffolding.md create mode 100644 versioned_docs/version-v7/developing/starting.md create mode 100644 versioned_docs/version-v7/developing/tips.md create mode 100644 versioned_docs/version-v7/index.md create mode 100644 versioned_docs/version-v7/intro/cdn.md create mode 100644 versioned_docs/version-v7/intro/cli.md create mode 100644 versioned_docs/version-v7/intro/environment.md create mode 100644 versioned_docs/version-v7/intro/first-app.md create mode 100644 versioned_docs/version-v7/intro/next.md create mode 100644 versioned_docs/version-v7/intro/vscode-extension.md create mode 100644 versioned_docs/version-v7/layout/css-utilities.md create mode 100644 versioned_docs/version-v7/layout/dynamic-font-scaling.md create mode 100644 versioned_docs/version-v7/layout/global-stylesheets.md create mode 100644 versioned_docs/version-v7/layout/structure.md create mode 100644 versioned_docs/version-v7/native-faq.md create mode 100644 versioned_docs/version-v7/native-setup.md create mode 100644 versioned_docs/version-v7/native.md create mode 100644 versioned_docs/version-v7/native/.gitignore create mode 100644 versioned_docs/version-v7/react.md create mode 100644 versioned_docs/version-v7/react/adding-ionic-react-to-an-existing-react-project.md create mode 100644 versioned_docs/version-v7/react/lifecycle.md create mode 100644 versioned_docs/version-v7/react/navigation.md create mode 100644 versioned_docs/version-v7/react/overlays.md create mode 100644 versioned_docs/version-v7/react/performance.md create mode 100644 versioned_docs/version-v7/react/platform.md create mode 100644 versioned_docs/version-v7/react/pwa.md create mode 100644 versioned_docs/version-v7/react/quickstart.md create mode 100644 versioned_docs/version-v7/react/slides.md create mode 100644 versioned_docs/version-v7/react/storage.md create mode 100644 versioned_docs/version-v7/react/testing/introduction.md create mode 100644 versioned_docs/version-v7/react/testing/unit-testing/best-practices.md create mode 100644 versioned_docs/version-v7/react/testing/unit-testing/examples.md create mode 100644 versioned_docs/version-v7/react/testing/unit-testing/setup.md create mode 100644 versioned_docs/version-v7/react/virtual-scroll.md create mode 100644 versioned_docs/version-v7/react/your-first-app.md create mode 100644 versioned_docs/version-v7/react/your-first-app/2-taking-photos.md create mode 100644 versioned_docs/version-v7/react/your-first-app/3-saving-photos.md create mode 100644 versioned_docs/version-v7/react/your-first-app/4-loading-photos.md create mode 100644 versioned_docs/version-v7/react/your-first-app/5-adding-mobile.md create mode 100644 versioned_docs/version-v7/react/your-first-app/6-deploying-mobile.md create mode 100644 versioned_docs/version-v7/react/your-first-app/7-live-reload.md create mode 100644 versioned_docs/version-v7/react/your-first-app/8-distribute.md create mode 100644 versioned_docs/version-v7/reference/browser-support.md create mode 100644 versioned_docs/version-v7/reference/glossary.md create mode 100644 versioned_docs/version-v7/reference/release-notes.md create mode 100644 versioned_docs/version-v7/reference/support.md create mode 100644 versioned_docs/version-v7/reference/versioning.md create mode 100644 versioned_docs/version-v7/techniques/security.md create mode 100644 versioned_docs/version-v7/test/page1.md create mode 100644 versioned_docs/version-v7/test/page2.md create mode 100644 versioned_docs/version-v7/theming/advanced.md create mode 100644 versioned_docs/version-v7/theming/basics.md create mode 100644 versioned_docs/version-v7/theming/color-generator.md create mode 100644 versioned_docs/version-v7/theming/colors.md create mode 100644 versioned_docs/version-v7/theming/css-shadow-parts.md create mode 100644 versioned_docs/version-v7/theming/css-variables.md create mode 100644 versioned_docs/version-v7/theming/dark-mode.md create mode 100644 versioned_docs/version-v7/theming/platform-styles.md create mode 100644 versioned_docs/version-v7/theming/themes.md create mode 100644 versioned_docs/version-v7/troubleshooting/build.md create mode 100644 versioned_docs/version-v7/troubleshooting/cors.md create mode 100644 versioned_docs/version-v7/troubleshooting/debugging.md create mode 100644 versioned_docs/version-v7/troubleshooting/native.md create mode 100644 versioned_docs/version-v7/troubleshooting/runtime.md create mode 100644 versioned_docs/version-v7/updating/4-0.md create mode 100644 versioned_docs/version-v7/updating/5-0.md create mode 100644 versioned_docs/version-v7/updating/6-0.md create mode 100644 versioned_docs/version-v7/updating/7-0.md create mode 100644 versioned_docs/version-v7/utilities/animations.md create mode 100644 versioned_docs/version-v7/utilities/gestures.md create mode 100644 versioned_docs/version-v7/vue/lifecycle.md create mode 100644 versioned_docs/version-v7/vue/navigation.md create mode 100644 versioned_docs/version-v7/vue/overview.md create mode 100644 versioned_docs/version-v7/vue/performance.md create mode 100644 versioned_docs/version-v7/vue/platform.md create mode 100644 versioned_docs/version-v7/vue/pwa.md create mode 100644 versioned_docs/version-v7/vue/quickstart.md create mode 100644 versioned_docs/version-v7/vue/slides.md create mode 100644 versioned_docs/version-v7/vue/storage.md create mode 100644 versioned_docs/version-v7/vue/testing.md create mode 100644 versioned_docs/version-v7/vue/troubleshooting.md create mode 100644 versioned_docs/version-v7/vue/utility-functions.md create mode 100644 versioned_docs/version-v7/vue/virtual-scroll.md create mode 100644 versioned_docs/version-v7/vue/your-first-app.md create mode 100644 versioned_docs/version-v7/vue/your-first-app/2-taking-photos.md create mode 100644 versioned_docs/version-v7/vue/your-first-app/3-saving-photos.md create mode 100644 versioned_docs/version-v7/vue/your-first-app/4-loading-photos.md create mode 100644 versioned_docs/version-v7/vue/your-first-app/5-adding-mobile.md create mode 100644 versioned_docs/version-v7/vue/your-first-app/6-deploying-mobile.md create mode 100644 versioned_docs/version-v7/vue/your-first-app/7-live-reload.md create mode 100644 versioned_docs/version-v7/vue/your-first-app/8-distribute.md create mode 100644 versioned_sidebars/version-v7-sidebars.json create mode 100644 versionsArchived.json diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index 42a30bb3a6f..b1f04ad75d3 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -12,5 +12,3 @@ # This should make it easy to add new rules without breaking existing ones. * @ionic-team/framework - -/_templates/ @mapsandapps diff --git a/_templates/README.md b/_templates/README.md index 0e91373099f..60a3ebef83d 100644 --- a/_templates/README.md +++ b/_templates/README.md @@ -26,7 +26,7 @@ Once you've generated your playground, you need to add it to the main markdown f ``` ## Feature -import Feature from '@site/static/usage/v7/button/feature/index.md'; +import Feature from '@site/static/usage/v8/button/feature/index.md'; ``` diff --git a/_templates/playground/new/demo.html.ejs.t b/_templates/playground/new/demo.html.ejs.t index 27bf47e1760..3a6a9cadff9 100644 --- a/_templates/playground/new/demo.html.ejs.t +++ b/_templates/playground/new/demo.html.ejs.t @@ -8,8 +8,8 @@ to: "<%= `static/usage/v${version}/${name}/${path}/demo.html` %>" <%= h.changeCase.titleCase(name) %> - - + + <% if (css){ %> diff --git a/_templates/playground/new/index.js b/_templates/playground/new/index.js index 869c85506dc..a0d4fd89cca 100644 --- a/_templates/playground/new/index.js +++ b/_templates/playground/new/index.js @@ -54,8 +54,8 @@ module.exports = { type: 'select', name: 'version', message: 'Select the Ionic Framework version for the playground', - initial: '7', - choices: ['6', '7'], + initial: '8', + choices: ['6', '7', '8'], }, { type: 'toggle', @@ -77,7 +77,7 @@ module.exports = { const playgroundName = changeCase.pascal(answers.path.split('/').pop()); console.log( - `\nTo use this playground in a docs markdown file, include\nthe following:\n\n## ${playgroundName}\n\nimport ${playgroundName} from '@site/static/usage/v7/${answers.name}/${answers.path}/index.md';\n\n<${playgroundName} />\n` + `\nTo use this playground in a docs markdown file, include\nthe following:\n\n## ${playgroundName}\n\nimport ${playgroundName} from '@site/static/usage/v${answers.version}/${answers.name}/${answers.path}/index.md';\n\n<${playgroundName} />\n` ); return answers; diff --git a/cspell-wordlist.txt b/cspell-wordlist.txt index 13ab88a5d60..54171a11bf4 100644 --- a/cspell-wordlist.txt +++ b/cspell-wordlist.txt @@ -12,6 +12,7 @@ Swiper Udemy Vetur Wistia +WCAG actionsheet fabs diff --git a/docs/angular/slides.md b/docs/angular/slides.md index 1d9efbc2bcc..9e8e633579f 100644 --- a/docs/angular/slides.md +++ b/docs/angular/slides.md @@ -102,7 +102,7 @@ The `ion-slides` component had additional styling that helped create a native lo ```css swiper-container { --swiper-pagination-bullet-inactive-color: var(--ion-color-step-200, #cccccc); - --swiper-pagination-color: var(--ion-color-primary, #3880ff); + --swiper-pagination-color: var(--ion-color-primary, #0054e9); --swiper-pagination-progressbar-bg-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.25); --swiper-scrollbar-bg-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1); --swiper-scrollbar-drag-bg-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5); @@ -244,10 +244,10 @@ Let's say in an app with `ion-slides` we used the `ionSlideDidChange` event: ``` -To migrate, we would change the name of the event to `slidechange`: +To migrate, we would change the name of the event to `swiperslidechange`: ```html - + Slide 1 Slide 2 Slide 3 @@ -256,27 +256,27 @@ To migrate, we would change the name of the event to `slidechange`: Below is a full list of event name changes when going from `ion-slides` to Swiper Angular: -| ion-slides Event | Swiper Event | -| ------------------------- | ---------------------------- | -| `ionSlideWillChange` | `slidechangetransitionstart` | -| `ionSlideDidChange` | `slidechangetransitionend` | -| `ionSlideDoubleTap` | `doubletap` | -| `ionSlideDrag` | `slidermove` | -| `ionSlideNextStart` | `slidenexttransitionstart` | -| `ionSlideNextEnd` | `slidenexttransitionend` | -| `ionSlidePrevStart` | `slideprevtransitionstart` | -| `ionSlidePrevEnd` | `slideprevtransitionend` | -| `ionSlideReachStart` | `reachbeginning` | -| `ionSlideReachEnd` | `reachend` | -| `ionSlideTap` | `tap` | -| `ionSlideTouchStart` | `touchstart` | -| `ionSlideTouchEnd` | `touchend` | -| `ionSlideTransitionStart` | `transitionstart` | -| `ionSlideTransitionEnd` | `transitionend` | -| `ionSlidesDidLoad` | `init` | +| ion-slides Event | Swiper Event | +| ------------------------- | ---------------------------------- | +| `ionSlideWillChange` | `swiperslidechangetransitionstart` | +| `ionSlideDidChange` | `swiperslidechange` | +| `ionSlideDoubleTap` | `swiperdoubletap` | +| `ionSlideDrag` | `swiperslidermove` | +| `ionSlideNextStart` | `swiperslidenexttransitionstart` | +| `ionSlideNextEnd` | `swiperslidenexttransitionend` | +| `ionSlidePrevStart` | `swiperslideprevtransitionstart` | +| `ionSlidePrevEnd` | `swiperslideprevtransitionend` | +| `ionSlideReachStart` | `swiperreachbeginning` | +| `ionSlideReachEnd` | `swiperreachend` | +| `ionSlideTap` | `swipertap` | +| `ionSlideTouchStart` | `swipertouchstart` | +| `ionSlideTouchEnd` | `swipertouchend` | +| `ionSlideTransitionStart` | `swipertransitionstart` | +| `ionSlideTransitionEnd` | `swipertransitionend` | +| `ionSlidesDidLoad` | `swiperinit` | :::note -All events available in Swiper Element can be found at https://swiperjs.com/swiper-api#events. +All events available in Swiper Element can be found at https://swiperjs.com/swiper-api#events and should be lowercased and prefixed with the word `swiper`. ::: ## Methods diff --git a/docs/api/accordion-group.md b/docs/api/accordion-group.md index 65c2348de79..b79e088344a 100644 --- a/docs/api/accordion-group.md +++ b/docs/api/accordion-group.md @@ -1,12 +1,12 @@ --- title: "ion-accordion-group" --- -import Props from '@ionic-internal/component-api/v7/accordion-group/props.md'; -import Events from '@ionic-internal/component-api/v7/accordion-group/events.md'; -import Methods from '@ionic-internal/component-api/v7/accordion-group/methods.md'; -import Parts from '@ionic-internal/component-api/v7/accordion-group/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/accordion-group/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/accordion-group/slots.md'; +import Props from '@ionic-internal/component-api/v8/accordion-group/props.md'; +import Events from '@ionic-internal/component-api/v8/accordion-group/events.md'; +import Methods from '@ionic-internal/component-api/v8/accordion-group/methods.md'; +import Parts from '@ionic-internal/component-api/v8/accordion-group/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/accordion-group/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/accordion-group/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/accordion.md b/docs/api/accordion.md index 09c7d993972..4629eb07aa0 100644 --- a/docs/api/accordion.md +++ b/docs/api/accordion.md @@ -1,12 +1,12 @@ --- title: "ion-accordion" --- -import Props from '@ionic-internal/component-api/v7/accordion/props.md'; -import Events from '@ionic-internal/component-api/v7/accordion/events.md'; -import Methods from '@ionic-internal/component-api/v7/accordion/methods.md'; -import Parts from '@ionic-internal/component-api/v7/accordion/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/accordion/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/accordion/slots.md'; +import Props from '@ionic-internal/component-api/v8/accordion/props.md'; +import Events from '@ionic-internal/component-api/v8/accordion/events.md'; +import Methods from '@ionic-internal/component-api/v8/accordion/methods.md'; +import Parts from '@ionic-internal/component-api/v8/accordion/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/accordion/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/accordion/slots.md'; ion-accordion: Accordion Components: How to Build & Examples @@ -22,7 +22,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/accordion/basic/index.md'; +import Basic from '@site/static/usage/v8/accordion/basic/index.md'; @@ -30,15 +30,21 @@ import Basic from '@site/static/usage/v7/accordion/basic/index.md'; どのアコーディオンを開くかは、`ion-accordion-group` の `value` プロパティを設定することで制御できます。このプロパティを設定することで、開発者はプログラムによって特定のアコーディオンを展開したり折りたたんだりすることができます。 -import Toggle from '@site/static/usage/v7/accordion/toggle/index.md'; +import Toggle from '@site/static/usage/v8/accordion/toggle/index.md'; ## アコーディオンの状態変化を監視 -開発者は `ionChange` イベントを監視することで、アコーディオンが展開または折りたたまれたときに通知されるようにすることができます。 +:::caution +[Input](./input) や [Textarea](./textarea) などの他のコンポーネントが発する `ionChange` イベントのほとんどはバブル化されます。その結果、アコーディオンの中で関連コンポーネントが使用されている場合、これらのイベントはバブルアップし、アコーディオングループの `ionChange` リスナーを発火させます。 -import ListenChanges from '@site/static/usage/v7/accordion/listen-changes/index.md'; +アコーディオンの内部で `ionChange` を発する他のコンポーネントを使用する場合は、アコーディオングループの `ionChange` コールバックに、コールバックに渡されたイベントの `target` キーをチェックさせ、`ionChange` がアコーディオングループからのものであり、子孫からのものでないことを確認することをお勧めします。 +::: + +開発者は `ionChange` イベントをリッスンして、アコーディオンが展開または折りたたまれたときに通知を受けることができます。 + +import ListenChanges from '@site/static/usage/v8/accordion/listen-changes/index.md'; @@ -46,7 +52,7 @@ import ListenChanges from '@site/static/usage/v7/accordion/listen-changes/index. 開発者は `multiple` プロパティを使用して、複数のアコーディオンを一度に開くことができるようにすることができます。 -import Multiple from '@site/static/usage/v7/accordion/multiple/index.md'; +import Multiple from '@site/static/usage/v8/accordion/multiple/index.md'; @@ -56,7 +62,7 @@ import Multiple from '@site/static/usage/v7/accordion/multiple/index.md'; 個々のアコーディオンは、`ion-accordion` の `disabled` プロパティで無効にできます。 -import DisableIndividual from '@site/static/usage/v7/accordion/disable/individual/index.md'; +import DisableIndividual from '@site/static/usage/v8/accordion/disable/individual/index.md'; @@ -64,7 +70,7 @@ import DisableIndividual from '@site/static/usage/v7/accordion/disable/individua アコーディオングループは、`ion-accordion-group` の `disabled` プロパティで無効にすることができます。 -import DisableGroup from '@site/static/usage/v7/accordion/disable/group/index.md'; +import DisableGroup from '@site/static/usage/v8/accordion/disable/group/index.md'; @@ -74,7 +80,7 @@ import DisableGroup from '@site/static/usage/v7/accordion/disable/group/index.md 個々のアコーディオンは、`ion-accordion` の `readonly` プロパティで無効にできます。 -import ReadonlyIndividual from '@site/static/usage/v7/accordion/readonly/individual/index.md'; +import ReadonlyIndividual from '@site/static/usage/v8/accordion/readonly/individual/index.md'; @@ -82,7 +88,7 @@ import ReadonlyIndividual from '@site/static/usage/v7/accordion/readonly/individ アコーディオングループは、`ion-accordion-group` の `readonly` プロパティで無効にできます。 -import ReadonlyGroup from '@site/static/usage/v7/accordion/readonly/group/index.md'; +import ReadonlyGroup from '@site/static/usage/v8/accordion/readonly/group/index.md'; @@ -106,7 +112,7 @@ import ReadonlyGroup from '@site/static/usage/v7/accordion/readonly/group/index. `expand="inset"` の場合、アコーディオングループにはborder radiusが与えられます。 `md` モードでは、アコーディオン全体を開くと下に移動します。 -import ExpansionStyles from '@site/static/usage/v7/accordion/customization/expansion-styles/index.md'; +import ExpansionStyles from '@site/static/usage/v8/accordion/customization/expansion-styles/index.md'; @@ -130,7 +136,7 @@ ion-accordion.accordion-expanded ion-item[slot="header"] { } ``` -import AdvancedExpansionStyles from '@site/static/usage/v7/accordion/customization/advanced-expansion-styles/index.md'; +import AdvancedExpansionStyles from '@site/static/usage/v8/accordion/customization/advanced-expansion-styles/index.md'; @@ -142,7 +148,7 @@ import AdvancedExpansionStyles from '@site/static/usage/v7/accordion/customizati どのオプションを選択しても、アコーディオンを展開または折りたたむと、アイコンは自動的に回転します。 -import Icons from '@site/static/usage/v7/accordion/customization/icons/index.md'; +import Icons from '@site/static/usage/v8/accordion/customization/icons/index.md'; @@ -150,7 +156,7 @@ import Icons from '@site/static/usage/v7/accordion/customization/icons/index.md' `ion-accordion` はヘッダーとコンテンツ要素を囲むシェルとして機能するので、アコーディオンを簡単に好きなようにテーマ化することができます。ヘッダーのテーマは、スロットの `ion-item` をターゲットにすることで行うことができます。 `ion-item` を使用しているので、 [ion-item CSS Variables](./item#css-custom-properties) と [ion-item Shadow Parts](./item#css-shadow-parts) にもすべてアクセスすることができます。コンテンツのテイムも、`content` slotにある要素をターゲットにすることで簡単に実現できます。 -import Theming from '@site/static/usage/v7/accordion/customization/theming/index.md'; +import Theming from '@site/static/usage/v8/accordion/customization/theming/index.md'; @@ -160,7 +166,7 @@ import Theming from '@site/static/usage/v7/accordion/customization/theming/index デフォルトでは、アコーディオン・アイテムを展開したり折りたたんだりする際にアニメーションが有効になります。アニメーションは `prefers-reduced-motion` メディアクエリがサポートされ、`reduce` に設定されると自動的に無効化されます。対応していないブラウザでは、Ionic Frameworkアプリで `animated` を設定することで、アニメーションを無効にすることができます。 -import AccessibilityAnimations from '@site/static/usage/v7/accordion/accessibility/animations/index.md'; +import AccessibilityAnimations from '@site/static/usage/v8/accordion/accessibility/animations/index.md'; diff --git a/docs/api/action-sheet.md b/docs/api/action-sheet.md index d2870b292d0..1a1b70fbd9d 100644 --- a/docs/api/action-sheet.md +++ b/docs/api/action-sheet.md @@ -4,12 +4,12 @@ title: "ion-action-sheet" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v7/action-sheet/props.md'; -import Events from '@ionic-internal/component-api/v7/action-sheet/events.md'; -import Methods from '@ionic-internal/component-api/v7/action-sheet/methods.md'; -import Parts from '@ionic-internal/component-api/v7/action-sheet/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/action-sheet/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/action-sheet/slots.md'; +import Props from '@ionic-internal/component-api/v8/action-sheet/props.md'; +import Events from '@ionic-internal/component-api/v8/action-sheet/events.md'; +import Methods from '@ionic-internal/component-api/v8/action-sheet/methods.md'; +import Parts from '@ionic-internal/component-api/v8/action-sheet/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/action-sheet/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/action-sheet/slots.md'; ion-action-sheet: Action Sheet Dialog for iOS and Android @@ -27,7 +27,7 @@ Action Sheetは複数の選択肢を表示するダイアログです。アプ `ion-action-sheet` は、テンプレートに直接コンポーネントを記述することで使用することができます。これにより、アクションシートを表示するために配線する必要があるハンドラの数を減らすことができます。 -import Trigger from '@site/static/usage/v7/action-sheet/inline/trigger/index.md'; +import Trigger from '@site/static/usage/v8/action-sheet/inline/trigger/index.md'; @@ -37,7 +37,7 @@ import Trigger from '@site/static/usage/v7/action-sheet/inline/trigger/index.md' `isOpen` は一方通行のデータバインディングを使用しているため、アクションシートが終了したときに自動的に `false` に設定されることはありません。開発者は `ionActionSheetDidDismiss` または `didDismiss` イベントをリッスンして `isOpen` を `false` に設定する必要があります。この理由は、`ion-action-sheet` の内部がアプリケーションの状態と密接に結合するのを防ぐためです。一方通行のデータバインディングでは、アクションシートはリアクティブ変数が提供するブーリアン値だけを気にすればよい。一方通行のデータバインディングでは、アクションシートは、ブーリアン値とリアクティブ変数の存在の両方に関心を持つ必要があります。これは、非決定的な動作につながり、アプリケーションのデバッグを困難にします。 -import IsOpen from '@site/static/usage/v7/action-sheet/inline/isOpen/index.md'; +import IsOpen from '@site/static/usage/v8/action-sheet/inline/isOpen/index.md'; @@ -45,7 +45,7 @@ import IsOpen from '@site/static/usage/v7/action-sheet/inline/isOpen/index.md'; アクションシートの表示・非表示をより細かく制御したい場合は、`actionSheetController`を使用することができます。 -import Controller from '@site/static/usage/v7/action-sheet/controller/index.md'; +import Controller from '@site/static/usage/v8/action-sheet/controller/index.md'; @@ -59,7 +59,7 @@ Buttonは `ActionSheetButton` の `data` プロパティを介してデータを `didDismiss` イベントが発生すると、イベント詳細の `data` と `role` フィールドを使用して、アクションシートがどのように却下されたかについての情報を収集することができます。 -import RoleInfo from '@site/static/usage/v7/action-sheet/role-info-on-dismiss/index.md'; +import RoleInfo from '@site/static/usage/v8/action-sheet/role-info-on-dismiss/index.md'; @@ -83,7 +83,7 @@ import RoleInfo from '@site/static/usage/v7/action-sheet/role-info-on-dismiss/in } ``` -import Styling from '@site/static/usage/v7/action-sheet/theming/styling/index.md'; +import Styling from '@site/static/usage/v8/action-sheet/theming/styling/index.md'; @@ -91,7 +91,7 @@ import Styling from '@site/static/usage/v7/action-sheet/theming/styling/index.md [CSSカスタムプロパティ](#css-custom-properties-1) は、個々の要素を対象とすることなく、アクションシートのスタイルに使用することができます。 -import CssCustomProperties from '@site/static/usage/v7/action-sheet/theming/css-properties/index.md'; +import CssCustomProperties from '@site/static/usage/v8/action-sheet/theming/css-properties/index.md'; diff --git a/docs/api/alert.md b/docs/api/alert.md index db06af13123..025d8ab7498 100644 --- a/docs/api/alert.md +++ b/docs/api/alert.md @@ -4,12 +4,12 @@ title: "ion-alert" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v7/alert/props.md'; -import Events from '@ionic-internal/component-api/v7/alert/events.md'; -import Methods from '@ionic-internal/component-api/v7/alert/methods.md'; -import Parts from '@ionic-internal/component-api/v7/alert/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/alert/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/alert/slots.md'; +import Props from '@ionic-internal/component-api/v8/alert/props.md'; +import Events from '@ionic-internal/component-api/v8/alert/events.md'; +import Methods from '@ionic-internal/component-api/v8/alert/methods.md'; +import Parts from '@ionic-internal/component-api/v8/alert/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/alert/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/alert/slots.md'; ion-alert: Ionic Alert Buttons with Custom Message Prompts @@ -26,7 +26,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; `ion-alert` は、テンプレートに直接コンポーネントを記述して使用することができます。これにより、アラートを表示するために必要なハンドラの数を減らすことができます。 -import Trigger from '@site/static/usage/v7/alert/presenting/trigger/index.md'; +import Trigger from '@site/static/usage/v8/alert/presenting/trigger/index.md'; @@ -36,7 +36,7 @@ import Trigger from '@site/static/usage/v7/alert/presenting/trigger/index.md'; `isOpen` は一方通行のデータバインディングを使用しているため、アラートが解除されたときに自動的に `false` に設定されることはありません。開発者は `ionAlertDidDismiss` または `didDismiss` イベントを待ち、`isOpen` を `false` に設定する必要があります。この理由は、`ion-alert` の内部がアプリケーションの状態と密接に結合するのを防ぐためである。一方通行のデータバインディングでは、アラートはリアクティブ変数が提供するブーリアン値だけを気にすればよい。双方向のデータバインディングでは、アラートはブーリアン値とリアクティブ変数の存在の両方に関心を持つ必要があります。これは、非決定的な動作につながり、アプリケーションのデバッグを困難にする可能性があります。 -import IsOpen from '@site/static/usage/v7/alert/presenting/isOpen/index.md'; +import IsOpen from '@site/static/usage/v8/alert/presenting/isOpen/index.md'; @@ -44,7 +44,7 @@ import IsOpen from '@site/static/usage/v7/alert/presenting/isOpen/index.md'; `alertController`は、アラートを表示するタイミングや解除するタイミングをより細かく制御する必要がある場合に使用することができる。 -import Controller from '@site/static/usage/v7/alert/presenting/controller/index.md'; +import Controller from '@site/static/usage/v8/alert/presenting/controller/index.md'; @@ -54,7 +54,7 @@ import Controller from '@site/static/usage/v7/alert/presenting/controller/index. オプションで、`cancel`のような `role` プロパティをボタンに追加することができます。もし `cancel` ロールがボタンのいずれかに設定されている場合、バックドロップをタップしてアラートが解除されると、キャンセルロールを持つボタンから handler が起動されます。 -import Buttons from '@site/static/usage/v7/alert/buttons/index.md'; +import Buttons from '@site/static/usage/v8/alert/buttons/index.md'; @@ -65,13 +65,13 @@ Alertには、複数の異なるInputを含めることもでき、そのデー ### Text Inputs Example -import TextInputs from '@site/static/usage/v7/alert/inputs/text-inputs/index.md'; +import TextInputs from '@site/static/usage/v8/alert/inputs/text-inputs/index.md'; ### Radio Example -import Radios from '@site/static/usage/v7/alert/inputs/radios/index.md'; +import Radios from '@site/static/usage/v8/alert/inputs/radios/index.md'; @@ -101,7 +101,7 @@ Alertはscopedによるカプセル化を使用しており、実行時に各ス } ``` -import Customization from '@site/static/usage/v7/alert/customization/index.md'; +import Customization from '@site/static/usage/v8/alert/customization/index.md'; diff --git a/docs/api/app.md b/docs/api/app.md index c92f455e3b6..e0fd94c25a5 100644 --- a/docs/api/app.md +++ b/docs/api/app.md @@ -1,12 +1,12 @@ --- title: "ion-app" --- -import Props from '@ionic-internal/component-api/v7/app/props.md'; -import Events from '@ionic-internal/component-api/v7/app/events.md'; -import Methods from '@ionic-internal/component-api/v7/app/methods.md'; -import Parts from '@ionic-internal/component-api/v7/app/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/app/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/app/slots.md'; +import Props from '@ionic-internal/component-api/v8/app/props.md'; +import Events from '@ionic-internal/component-api/v8/app/events.md'; +import Methods from '@ionic-internal/component-api/v8/app/methods.md'; +import Parts from '@ionic-internal/component-api/v8/app/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/app/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/app/slots.md'; ion-app: Container Element for an Ionic Application diff --git a/docs/api/avatar.md b/docs/api/avatar.md index 782ea64a91f..b35c429dedd 100644 --- a/docs/api/avatar.md +++ b/docs/api/avatar.md @@ -2,12 +2,12 @@ title: "ion-avatar" --- -import Props from '@ionic-internal/component-api/v7/avatar/props.md'; -import Events from '@ionic-internal/component-api/v7/avatar/events.md'; -import Methods from '@ionic-internal/component-api/v7/avatar/methods.md'; -import Parts from '@ionic-internal/component-api/v7/avatar/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/avatar/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/avatar/slots.md'; +import Props from '@ionic-internal/component-api/v8/avatar/props.md'; +import Events from '@ionic-internal/component-api/v8/avatar/events.md'; +import Methods from '@ionic-internal/component-api/v8/avatar/methods.md'; +import Parts from '@ionic-internal/component-api/v8/avatar/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/avatar/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/avatar/slots.md'; ion-avatar: Circular Application Avatar Icon Component @@ -24,19 +24,19 @@ Avatarは、単独で使用することも、任意の要素の内部で使用 ## 基本的な使い方 -import Basic from '@site/static/usage/v7/avatar/basic/index.md'; +import Basic from '@site/static/usage/v8/avatar/basic/index.md'; ## Chip Avatar -import Chip from '@site/static/usage/v7/avatar/chip/index.md'; +import Chip from '@site/static/usage/v8/avatar/chip/index.md'; ## Item Avatar -import Item from '@site/static/usage/v7/avatar/item/index.md'; +import Item from '@site/static/usage/v8/avatar/item/index.md'; @@ -44,7 +44,7 @@ import Item from '@site/static/usage/v7/avatar/item/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/avatar/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/avatar/theming/css-properties/index.md'; diff --git a/docs/api/back-button.md b/docs/api/back-button.md index 909e8217746..0648a558999 100644 --- a/docs/api/back-button.md +++ b/docs/api/back-button.md @@ -1,12 +1,12 @@ --- title: "ion-back-button" --- -import Props from '@ionic-internal/component-api/v7/back-button/props.md'; -import Events from '@ionic-internal/component-api/v7/back-button/events.md'; -import Methods from '@ionic-internal/component-api/v7/back-button/methods.md'; -import Parts from '@ionic-internal/component-api/v7/back-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/back-button/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/back-button/slots.md'; +import Props from '@ionic-internal/component-api/v8/back-button/props.md'; +import Events from '@ionic-internal/component-api/v8/back-button/events.md'; +import Methods from '@ionic-internal/component-api/v8/back-button/methods.md'; +import Parts from '@ionic-internal/component-api/v8/back-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/back-button/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/back-button/slots.md'; ion-back-button: Custom Menu Back Button for Applications @@ -22,7 +22,7 @@ Back Buttonは、クリックされるとアプリの履歴に戻るようにナ ## 基本的な使い方 -import Basic from '@site/static/usage/v7/back-button/basic/index.md'; +import Basic from '@site/static/usage/v8/back-button/basic/index.md'; @@ -30,7 +30,7 @@ import Basic from '@site/static/usage/v7/back-button/basic/index.md'; デフォルトでは、Back Buttonはテキスト `"Back"` と共に、`ios` では `"chevron-back"` アイコン、`md` では `"arrow-back-sharp"` アイコンを表示します。これは、`icon`または`text`プロパティを設定することで、戻るボタンコンポーネントごとにカスタマイズすることができます。また、グローバル設定の `backButtonIcon` または `backButtonText` プロパティを使用して、グローバルに設定することもできます。詳しくは、[Config docs](../developing/config) を参照してください。 -import Custom from '@site/static/usage/v7/back-button/custom/index.md'; +import Custom from '@site/static/usage/v8/back-button/custom/index.md'; diff --git a/docs/api/backdrop.md b/docs/api/backdrop.md index 7a1a48a1662..404d22ed8e8 100644 --- a/docs/api/backdrop.md +++ b/docs/api/backdrop.md @@ -1,12 +1,12 @@ --- title: "ion-backdrop" --- -import Props from '@ionic-internal/component-api/v7/backdrop/props.md'; -import Events from '@ionic-internal/component-api/v7/backdrop/events.md'; -import Methods from '@ionic-internal/component-api/v7/backdrop/methods.md'; -import Parts from '@ionic-internal/component-api/v7/backdrop/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/backdrop/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/backdrop/slots.md'; +import Props from '@ionic-internal/component-api/v8/backdrop/props.md'; +import Events from '@ionic-internal/component-api/v8/backdrop/events.md'; +import Methods from '@ionic-internal/component-api/v8/backdrop/methods.md'; +import Parts from '@ionic-internal/component-api/v8/backdrop/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/backdrop/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/backdrop/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; @@ -18,7 +18,7 @@ Backdropは、他のコンポーネントをオーバーレイするためフル Backdropは、その後ろのコンテンツをクリックしたりタップしたりするのを防ぎます。デフォルトでは透明なので、下のデモではCSSで見えるようにしています。 -import Basic from '@site/static/usage/v7/backdrop/basic/index.md'; +import Basic from '@site/static/usage/v8/backdrop/basic/index.md'; @@ -28,7 +28,7 @@ import Basic from '@site/static/usage/v7/backdrop/basic/index.md'; コンテンツに `z-index` を設定し、背景よりも高い位置に表示させることができます（デフォルトは `2` です）。 -import Styling from '@site/static/usage/v7/backdrop/styling/index.md'; +import Styling from '@site/static/usage/v8/backdrop/styling/index.md'; diff --git a/docs/api/badge.md b/docs/api/badge.md index b5cc2582245..5d297fe53c5 100644 --- a/docs/api/badge.md +++ b/docs/api/badge.md @@ -1,12 +1,12 @@ --- title: "ion-badge" --- -import Props from '@ionic-internal/component-api/v7/badge/props.md'; -import Events from '@ionic-internal/component-api/v7/badge/events.md'; -import Methods from '@ionic-internal/component-api/v7/badge/methods.md'; -import Parts from '@ionic-internal/component-api/v7/badge/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/badge/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/badge/slots.md'; +import Props from '@ionic-internal/component-api/v8/badge/props.md'; +import Events from '@ionic-internal/component-api/v8/badge/events.md'; +import Methods from '@ionic-internal/component-api/v8/badge/methods.md'; +import Parts from '@ionic-internal/component-api/v8/badge/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/badge/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/badge/slots.md'; ion-badge: iOS & Android App Notification Badge Icons @@ -21,7 +21,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/badge/basic/index.md'; +import Basic from '@site/static/usage/v8/badge/basic/index.md'; @@ -29,13 +29,13 @@ import Basic from '@site/static/usage/v7/badge/basic/index.md'; ### Colors -import Colors from '@site/static/usage/v7/badge/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/badge/theming/colors/index.md'; ### CSS Properties -import CSSProps from '@site/static/usage/v7/badge/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/badge/theming/css-properties/index.md'; diff --git a/docs/api/breadcrumb.md b/docs/api/breadcrumb.md index ec0d92798fe..8115c79325a 100644 --- a/docs/api/breadcrumb.md +++ b/docs/api/breadcrumb.md @@ -1,12 +1,12 @@ --- title: "ion-breadcrumb" --- -import Props from '@ionic-internal/component-api/v7/breadcrumb/props.md'; -import Events from '@ionic-internal/component-api/v7/breadcrumb/events.md'; -import Methods from '@ionic-internal/component-api/v7/breadcrumb/methods.md'; -import Parts from '@ionic-internal/component-api/v7/breadcrumb/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/breadcrumb/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/breadcrumb/slots.md'; +import Props from '@ionic-internal/component-api/v8/breadcrumb/props.md'; +import Events from '@ionic-internal/component-api/v8/breadcrumb/events.md'; +import Methods from '@ionic-internal/component-api/v8/breadcrumb/methods.md'; +import Parts from '@ionic-internal/component-api/v8/breadcrumb/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/breadcrumb/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/breadcrumb/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/breadcrumbs.md b/docs/api/breadcrumbs.md index 162b5852469..f735d6fda32 100644 --- a/docs/api/breadcrumbs.md +++ b/docs/api/breadcrumbs.md @@ -1,12 +1,12 @@ --- title: "ion-breadcrumbs" --- -import Props from '@ionic-internal/component-api/v7/breadcrumbs/props.md'; -import Events from '@ionic-internal/component-api/v7/breadcrumbs/events.md'; -import Methods from '@ionic-internal/component-api/v7/breadcrumbs/methods.md'; -import Parts from '@ionic-internal/component-api/v7/breadcrumbs/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/breadcrumbs/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/breadcrumbs/slots.md'; +import Props from '@ionic-internal/component-api/v8/breadcrumbs/props.md'; +import Events from '@ionic-internal/component-api/v8/breadcrumbs/events.md'; +import Methods from '@ionic-internal/component-api/v8/breadcrumbs/methods.md'; +import Parts from '@ionic-internal/component-api/v8/breadcrumbs/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/breadcrumbs/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/breadcrumbs/slots.md'; @@ -18,7 +18,7 @@ Breadcrumbsは、ユーザーがアプリやサイトのどこにいるのかを ## 基本的な使い方 -import Basic from '@site/static/usage/v7/breadcrumbs/basic/index.md'; +import Basic from '@site/static/usage/v8/breadcrumbs/basic/index.md'; @@ -26,13 +26,13 @@ import Basic from '@site/static/usage/v7/breadcrumbs/basic/index.md'; ### アイテムでのアイコン -import IconsOnItems from '@site/static/usage/v7/breadcrumbs/icons/icons-on-items/index.md'; +import IconsOnItems from '@site/static/usage/v8/breadcrumbs/icons/icons-on-items/index.md'; ### Custom Separators -import CustomSeparators from '@site/static/usage/v7/breadcrumbs/icons/custom-separators/index.md'; +import CustomSeparators from '@site/static/usage/v8/breadcrumbs/icons/custom-separators/index.md'; @@ -42,7 +42,7 @@ import CustomSeparators from '@site/static/usage/v7/breadcrumbs/icons/custom-sep `maxItems` の値よりも多くのアイテムがある場合、breadcrumbsは折りたたまれます。デフォルトでは、最初と最後のアイテムのみが表示されます。 -import MaxItems from '@site/static/usage/v7/breadcrumbs/collapsing-items/max-items/index.md'; +import MaxItems from '@site/static/usage/v8/breadcrumbs/collapsing-items/max-items/index.md'; @@ -50,7 +50,7 @@ import MaxItems from '@site/static/usage/v7/breadcrumbs/collapsing-items/max-ite アイテムが折りたたまれた後、表示するアイテムの数は `itemsBeforeCollapse` と `itemsAfterCollapse` プロパティで制御することができます。 -import ItemsBeforeAfter from '@site/static/usage/v7/breadcrumbs/collapsing-items/items-before-after/index.md'; +import ItemsBeforeAfter from '@site/static/usage/v8/breadcrumbs/collapsing-items/items-before-after/index.md'; @@ -58,7 +58,7 @@ import ItemsBeforeAfter from '@site/static/usage/v7/breadcrumbs/collapsing-items インジケータをクリックすると、`ionCollapsedClick` イベントが発生します。これは、例えば、breadcrumbsを展開するために使うことができます。 -import ExpandOnClick from '@site/static/usage/v7/breadcrumbs/collapsing-items/expand-on-click/index.md'; +import ExpandOnClick from '@site/static/usage/v8/breadcrumbs/collapsing-items/expand-on-click/index.md'; @@ -66,7 +66,7 @@ import ExpandOnClick from '@site/static/usage/v7/breadcrumbs/collapsing-items/ex また、`ionCollapsedClick` イベントは、隠されたパンくずを表示するオーバーレイ（この場合は `ion-popover` ）を提示するために使用することができます。 -import PopoverOnClick from '@site/static/usage/v7/breadcrumbs/collapsing-items/popover-on-click/index.md'; +import PopoverOnClick from '@site/static/usage/v8/breadcrumbs/collapsing-items/popover-on-click/index.md'; @@ -74,13 +74,13 @@ import PopoverOnClick from '@site/static/usage/v7/breadcrumbs/collapsing-items/p ### Colors -import Colors from '@site/static/usage/v7/breadcrumbs/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/breadcrumbs/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/breadcrumbs/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/breadcrumbs/theming/css-properties/index.md'; diff --git a/docs/api/button.md b/docs/api/button.md index 50f66a388b4..50e48c3eef5 100644 --- a/docs/api/button.md +++ b/docs/api/button.md @@ -1,12 +1,12 @@ --- title: "ion-button" --- -import Props from '@ionic-internal/component-api/v7/button/props.md'; -import Events from '@ionic-internal/component-api/v7/button/events.md'; -import Methods from '@ionic-internal/component-api/v7/button/methods.md'; -import Parts from '@ionic-internal/component-api/v7/button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/button/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/button/slots.md'; +import Props from '@ionic-internal/component-api/v8/button/props.md'; +import Events from '@ionic-internal/component-api/v8/button/events.md'; +import Methods from '@ionic-internal/component-api/v8/button/methods.md'; +import Parts from '@ionic-internal/component-api/v8/button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/button/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/button/slots.md'; ion-button: Style Buttons with Custom CSS Properties @@ -21,7 +21,7 @@ Buttonはクリック可能な要素を提供し、Form内や、標準の単機 ## 基本的な使い方 -import Basic from '@site/static/usage/v7/button/basic/index.md'; +import Basic from '@site/static/usage/v8/button/basic/index.md'; @@ -29,7 +29,7 @@ import Basic from '@site/static/usage/v7/button/basic/index.md'; このプロパティでは、ボタンの幅を指定することができます。デフォルトでは、ボタンは `display: inline-block` を持ちますが、このプロパティを設定すると、ボタンは `display: block` を持つ全角要素に変更されます。 -import Expand from '@site/static/usage/v7/button/expand/index.md'; +import Expand from '@site/static/usage/v8/button/expand/index.md'; @@ -37,7 +37,7 @@ import Expand from '@site/static/usage/v7/button/expand/index.md'; このプロパティは、ボタンの形状を指定することができます。デフォルトでは、ボタンは小さなボーダー半径を持つ長方形ですが、これを `"round"` に設定すると、ボタンは丸みを帯びた要素に変更されます。 -import Shape from '@site/static/usage/v7/button/shape/index.md'; +import Shape from '@site/static/usage/v8/button/shape/index.md'; @@ -46,7 +46,7 @@ import Shape from '@site/static/usage/v7/button/shape/index.md'; この属性は、Buttonのbackgroundとborder-colorを設定します。デフォルトでは、Buttonはtoolbar内にない限り、backgroundは塗りつぶされます。toolbar内にある場合は、backgroundは透明になります。 -import Fill from '@site/static/usage/v7/button/fill/index.md'; +import Fill from '@site/static/usage/v8/button/fill/index.md'; @@ -54,13 +54,13 @@ import Fill from '@site/static/usage/v7/button/fill/index.md'; この属性は、Buttonのサイズを指定します。この属性を設定すると、Buttonの高さとpaddingが変更されます -import Size from '@site/static/usage/v7/button/size/index.md'; +import Size from '@site/static/usage/v8/button/size/index.md'; ## Icons -import Icons from '@site/static/usage/v7/button/icons/index.md'; +import Icons from '@site/static/usage/v8/button/icons/index.md'; @@ -68,13 +68,13 @@ import Icons from '@site/static/usage/v7/button/icons/index.md'; ### Colors -import Colors from '@site/static/usage/v7/button/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/button/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/button/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/button/theming/css-properties/index.md'; @@ -92,7 +92,7 @@ import CSSProps from '@site/static/usage/v7/button/theming/css-properties/index. max-width`スタイルは、デモのためだけに下のボタンに設定されています。テキストラッピングは動的なボタン幅で動作します。 ::: -import TextWrapping from '@site/static/usage/v7/button/text-wrapping/index.md'; +import TextWrapping from '@site/static/usage/v8/button/text-wrapping/index.md'; diff --git a/docs/api/buttons.md b/docs/api/buttons.md index 2d81136da74..84e85a141a9 100644 --- a/docs/api/buttons.md +++ b/docs/api/buttons.md @@ -1,12 +1,12 @@ --- title: "ion-buttons" --- -import Props from '@ionic-internal/component-api/v7/buttons/props.md'; -import Events from '@ionic-internal/component-api/v7/buttons/events.md'; -import Methods from '@ionic-internal/component-api/v7/buttons/methods.md'; -import Parts from '@ionic-internal/component-api/v7/buttons/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/buttons/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/buttons/slots.md'; +import Props from '@ionic-internal/component-api/v8/buttons/props.md'; +import Events from '@ionic-internal/component-api/v8/buttons/events.md'; +import Methods from '@ionic-internal/component-api/v8/buttons/methods.md'; +import Parts from '@ionic-internal/component-api/v8/buttons/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/buttons/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/buttons/slots.md'; ion-buttons: Toolbar Element with Named Slots for Buttons @@ -22,7 +22,7 @@ Buttonsコンポーネントは、コンテナ要素です。 [ツールバー]( ## 基本的な使い方 -import Basic from '@site/static/usage/v7/buttons/basic/index.md'; +import Basic from '@site/static/usage/v8/buttons/basic/index.md'; @@ -38,7 +38,7 @@ import Basic from '@site/static/usage/v7/buttons/basic/index.md'; | `secondary` | Positions element to the `left` of the content in `ios` mode, and directly to the `right` in `md` mode. | | `primary` | Positions element to the `right` of the content in `ios` mode, and to the far `right` in `md` mode. | -import Placement from '@site/static/usage/v7/buttons/placement/index.md'; +import Placement from '@site/static/usage/v8/buttons/placement/index.md'; @@ -47,7 +47,7 @@ import Placement from '@site/static/usage/v7/buttons/placement/index.md'; ツールバーのボタンは、デフォルトでは透明ですが、ボタンの [`fill`](./button#fill) プロパティで変更することが可能です。この例で [バックボタン](./back-button) と [メニューボタン](./menu-button) に含まれるプロパティは表示目的であり、正しい使用方法はそれぞれのドキュメントをご覧ください。 -import Types from '@site/static/usage/v7/buttons/types/index.md'; +import Types from '@site/static/usage/v8/buttons/types/index.md'; @@ -63,7 +63,7 @@ import Types from '@site/static/usage/v7/buttons/types/index.md'; ::: -import CollapsibleLargeTitleButtons from '@site/static/usage/v7/title/collapsible-large-title/buttons/index.md'; +import CollapsibleLargeTitleButtons from '@site/static/usage/v8/title/collapsible-large-title/buttons/index.md'; diff --git a/docs/api/card-content.md b/docs/api/card-content.md index be18d82c580..f0e898bc528 100644 --- a/docs/api/card-content.md +++ b/docs/api/card-content.md @@ -1,12 +1,12 @@ --- title: "ion-card-content" --- -import Props from '@ionic-internal/component-api/v7/card-content/props.md'; -import Events from '@ionic-internal/component-api/v7/card-content/events.md'; -import Methods from '@ionic-internal/component-api/v7/card-content/methods.md'; -import Parts from '@ionic-internal/component-api/v7/card-content/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/card-content/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/card-content/slots.md'; +import Props from '@ionic-internal/component-api/v8/card-content/props.md'; +import Events from '@ionic-internal/component-api/v8/card-content/events.md'; +import Methods from '@ionic-internal/component-api/v8/card-content/methods.md'; +import Parts from '@ionic-internal/component-api/v8/card-content/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/card-content/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/card-content/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/card-header.md b/docs/api/card-header.md index c3ac19f2bba..f2777a72ce5 100644 --- a/docs/api/card-header.md +++ b/docs/api/card-header.md @@ -1,12 +1,12 @@ --- title: "ion-card-header" --- -import Props from '@ionic-internal/component-api/v7/card-header/props.md'; -import Events from '@ionic-internal/component-api/v7/card-header/events.md'; -import Methods from '@ionic-internal/component-api/v7/card-header/methods.md'; -import Parts from '@ionic-internal/component-api/v7/card-header/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/card-header/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/card-header/slots.md'; +import Props from '@ionic-internal/component-api/v8/card-header/props.md'; +import Events from '@ionic-internal/component-api/v8/card-header/events.md'; +import Methods from '@ionic-internal/component-api/v8/card-header/methods.md'; +import Parts from '@ionic-internal/component-api/v8/card-header/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/card-header/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/card-header/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/card-subtitle.md b/docs/api/card-subtitle.md index 4aab84d40d9..18d72fa39db 100644 --- a/docs/api/card-subtitle.md +++ b/docs/api/card-subtitle.md @@ -1,12 +1,12 @@ --- title: "ion-card-subtitle" --- -import Props from '@ionic-internal/component-api/v7/card-subtitle/props.md'; -import Events from '@ionic-internal/component-api/v7/card-subtitle/events.md'; -import Methods from '@ionic-internal/component-api/v7/card-subtitle/methods.md'; -import Parts from '@ionic-internal/component-api/v7/card-subtitle/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/card-subtitle/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/card-subtitle/slots.md'; +import Props from '@ionic-internal/component-api/v8/card-subtitle/props.md'; +import Events from '@ionic-internal/component-api/v8/card-subtitle/events.md'; +import Methods from '@ionic-internal/component-api/v8/card-subtitle/methods.md'; +import Parts from '@ionic-internal/component-api/v8/card-subtitle/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/card-subtitle/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/card-subtitle/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/card-title.md b/docs/api/card-title.md index cab2d59aae8..6a7d3a99d7e 100644 --- a/docs/api/card-title.md +++ b/docs/api/card-title.md @@ -1,12 +1,12 @@ --- title: "ion-card-title" --- -import Props from '@ionic-internal/component-api/v7/card-title/props.md'; -import Events from '@ionic-internal/component-api/v7/card-title/events.md'; -import Methods from '@ionic-internal/component-api/v7/card-title/methods.md'; -import Parts from '@ionic-internal/component-api/v7/card-title/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/card-title/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/card-title/slots.md'; +import Props from '@ionic-internal/component-api/v8/card-title/props.md'; +import Events from '@ionic-internal/component-api/v8/card-title/events.md'; +import Methods from '@ionic-internal/component-api/v8/card-title/methods.md'; +import Parts from '@ionic-internal/component-api/v8/card-title/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/card-title/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/card-title/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/card.md b/docs/api/card.md index e4f5148d4cd..3752371754a 100644 --- a/docs/api/card.md +++ b/docs/api/card.md @@ -1,12 +1,12 @@ --- title: "ion-card" --- -import Props from '@ionic-internal/component-api/v7/card/props.md'; -import Events from '@ionic-internal/component-api/v7/card/events.md'; -import Methods from '@ionic-internal/component-api/v7/card/methods.md'; -import Parts from '@ionic-internal/component-api/v7/card/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/card/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/card/slots.md'; +import Props from '@ionic-internal/component-api/v8/card/props.md'; +import Events from '@ionic-internal/component-api/v8/card/events.md'; +import Methods from '@ionic-internal/component-api/v8/card/methods.md'; +import Parts from '@ionic-internal/component-api/v8/card/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/card/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/card/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; @@ -27,28 +27,28 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/card/basic/index.md'; +import Basic from '@site/static/usage/v8/card/basic/index.md'; ## Media Cards -import Media from '@site/static/usage/v7/card/media/index.md'; +import Media from '@site/static/usage/v8/card/media/index.md'; ## Card Buttons -import Buttons from '@site/static/usage/v7/card/buttons/index.md'; +import Buttons from '@site/static/usage/v8/card/buttons/index.md'; ## List Card -import List from '@site/static/usage/v7/card/list/index.md'; +import List from '@site/static/usage/v8/card/list/index.md'; @@ -57,13 +57,13 @@ import List from '@site/static/usage/v7/card/list/index.md'; ### Colors -import Colors from '@site/static/usage/v7/card/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/card/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/card/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/card/theming/css-properties/index.md'; diff --git a/docs/api/checkbox.md b/docs/api/checkbox.md index 91651affb23..081d8a96657 100644 --- a/docs/api/checkbox.md +++ b/docs/api/checkbox.md @@ -2,12 +2,12 @@ title: "ion-checkbox" --- -import Props from '@ionic-internal/component-api/v7/checkbox/props.md'; -import Events from '@ionic-internal/component-api/v7/checkbox/events.md'; -import Methods from '@ionic-internal/component-api/v7/checkbox/methods.md'; -import Parts from '@ionic-internal/component-api/v7/checkbox/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/checkbox/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/checkbox/slots.md'; +import Props from '@ionic-internal/component-api/v8/checkbox/props.md'; +import Events from '@ionic-internal/component-api/v8/checkbox/events.md'; +import Methods from '@ionic-internal/component-api/v8/checkbox/methods.md'; +import Parts from '@ionic-internal/component-api/v8/checkbox/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/checkbox/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/checkbox/slots.md'; ion-checkbox: Ionic App Checkbox to Select Multiple Options @@ -23,7 +23,7 @@ Checkboxを使用すると、一連のオプションから複数のオプショ ## 基本的な使い方 -import Basic from '@site/static/usage/v7/checkbox/basic/index.md'; +import Basic from '@site/static/usage/v8/checkbox/basic/index.md'; @@ -31,7 +31,7 @@ import Basic from '@site/static/usage/v7/checkbox/basic/index.md'; 開発者は `labelPlacement` プロパティを使用して、ラベルをコントロールに対してどのように配置するかを制御できます。このプロパティはフレックスボックスの `flex-direction` プロパティを反映しています。 -import LabelPlacement from '@site/static/usage/v7/checkbox/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v8/checkbox/label-placement/index.md'; @@ -43,7 +43,7 @@ Developers can use the `alignment` property to control how the label and control Stacked checkboxes can be aligned using the `alignment` property. This can be useful when the label and control need to be centered horizontally. ::: -import Alignment from '@site/static/usage/v7/checkbox/alignment/index.md'; +import Alignment from '@site/static/usage/v8/checkbox/alignment/index.md'; @@ -51,7 +51,7 @@ import Alignment from '@site/static/usage/v7/checkbox/alignment/index.md'; 開発者は `justify` プロパティを使用して、ラベルとコントロールの行の詰め方を制御することができます。このプロパティはフレックスボックスの `justify-content` プロパティを反映しています。 -import Justify from '@site/static/usage/v7/checkbox/justify/index.md'; +import Justify from '@site/static/usage/v8/checkbox/justify/index.md'; @@ -62,15 +62,23 @@ import Justify from '@site/static/usage/v7/checkbox/justify/index.md'; ## Indeterminate Checkboxes -import Indeterminate from '@site/static/usage/v7/checkbox/indeterminate/index.md'; +import Indeterminate from '@site/static/usage/v8/checkbox/indeterminate/index.md'; + +## Links inside of Labels + +Checkbox labels can sometimes be accompanied with links. These links can provide more information related to the checkbox. However, clicking the link should not check the checkbox. To achieve this, we can use [stopPropagation](https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation) to prevent the click event from bubbling. When using this approach, the rest of the label still remains clickable. + +import LabelLink from '@site/static/usage/v8/checkbox/label-link/index.md'; + + ## テーマ ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/checkbox/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/checkbox/theming/css-properties/index.md'; @@ -106,7 +114,7 @@ Ionic 7.0では、よりシンプルなチェックボックス構文が導入 最新の構文を使用するには、`ion-label` を削除して、 `ion-checkbox` の中に直接ラベルを渡す必要があります。ラベルの配置は `ion-checkbox` の `labelPlacement` プロパティを使用して設定することができる。ラベルとコントロールの行の詰め方は、`ion-checkbox` の `justify` プロパティを使用して制御することができます。 -import Migration from '@site/static/usage/v7/checkbox/migration/index.md'; +import Migration from '@site/static/usage/v8/checkbox/migration/index.md'; diff --git a/docs/api/chip.md b/docs/api/chip.md index 586f78f2c5a..dbfaeef3462 100644 --- a/docs/api/chip.md +++ b/docs/api/chip.md @@ -1,12 +1,12 @@ --- title: "ion-chip" --- -import Props from '@ionic-internal/component-api/v7/chip/props.md'; -import Events from '@ionic-internal/component-api/v7/chip/events.md'; -import Methods from '@ionic-internal/component-api/v7/chip/methods.md'; -import Parts from '@ionic-internal/component-api/v7/chip/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/chip/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/chip/slots.md'; +import Props from '@ionic-internal/component-api/v8/chip/props.md'; +import Events from '@ionic-internal/component-api/v8/chip/events.md'; +import Methods from '@ionic-internal/component-api/v8/chip/methods.md'; +import Parts from '@ionic-internal/component-api/v8/chip/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/chip/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/chip/slots.md'; ion-chip: Text, Icon and Avatar for Ionic Framework Apps @@ -21,13 +21,13 @@ Chipは連絡先などを複数の小さなエンティティで表示します ## 基本的な使い方 -import Basic from '@site/static/usage/v7/chip/basic/index.md'; +import Basic from '@site/static/usage/v8/chip/basic/index.md'; ## Slotting Components and Icons -import SlotExample from '@site/static/usage/v7/chip/slots/index.md'; +import SlotExample from '@site/static/usage/v8/chip/slots/index.md'; @@ -35,13 +35,13 @@ import SlotExample from '@site/static/usage/v7/chip/slots/index.md'; ### Colors -import Colors from '@site/static/usage/v7/chip/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/chip/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/chip/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/chip/theming/css-properties/index.md'; diff --git a/docs/api/col.md b/docs/api/col.md index 305c472f8f1..0288dbbd1ed 100644 --- a/docs/api/col.md +++ b/docs/api/col.md @@ -1,12 +1,12 @@ --- title: "ion-col" --- -import Props from '@ionic-internal/component-api/v7/col/props.md'; -import Events from '@ionic-internal/component-api/v7/col/events.md'; -import Methods from '@ionic-internal/component-api/v7/col/methods.md'; -import Parts from '@ionic-internal/component-api/v7/col/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/col/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/col/slots.md'; +import Props from '@ionic-internal/component-api/v8/col/props.md'; +import Events from '@ionic-internal/component-api/v8/col/events.md'; +import Methods from '@ionic-internal/component-api/v8/col/methods.md'; +import Parts from '@ionic-internal/component-api/v8/col/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/col/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/col/slots.md'; ion-col: Column Component Padding and Other Properties diff --git a/docs/api/content.md b/docs/api/content.md index a437a90020f..3aa20fc3335 100644 --- a/docs/api/content.md +++ b/docs/api/content.md @@ -1,12 +1,12 @@ --- title: "ion-content" --- -import Props from '@ionic-internal/component-api/v7/content/props.md'; -import Events from '@ionic-internal/component-api/v7/content/events.md'; -import Methods from '@ionic-internal/component-api/v7/content/methods.md'; -import Parts from '@ionic-internal/component-api/v7/content/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/content/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/content/slots.md'; +import Props from '@ionic-internal/component-api/v8/content/props.md'; +import Events from '@ionic-internal/component-api/v8/content/events.md'; +import Methods from '@ionic-internal/component-api/v8/content/methods.md'; +import Parts from '@ionic-internal/component-api/v8/content/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/content/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/content/slots.md'; ion-content: Scrollable Component for Ionic App Content @@ -27,7 +27,7 @@ Contentは、他の多くのIonicコンポーネントと同様に、 [CSS Utili ## 基本的な使い方 -import Basic from '@site/static/usage/v7/content/basic/index.md'; +import Basic from '@site/static/usage/v8/content/basic/index.md'; @@ -36,7 +36,7 @@ import Basic from '@site/static/usage/v7/content/basic/index.md'; コンテンツは、ページ内の唯一のトップレベル・コンポーネントとすることも、[ヘッダー](./header)、[フッター](./footer)、またはその両方と一緒に使用することも可能です。ヘッダーやフッターと一緒に使用すると、残りの高さを埋めるようにサイズが調整されます。 -import HeaderFooter from '@site/static/usage/v7/content/header-footer/index.md'; +import HeaderFooter from '@site/static/usage/v8/content/header-footer/index.md'; @@ -45,7 +45,7 @@ import HeaderFooter from '@site/static/usage/v7/content/header-footer/index.md'; デフォルトでは、コンテンツは [ヘッダー](./header)と [フッター](./footer)の間のスペースを埋めますが、それらの背景にまわることはありません。例えば、ヘッダーとフッターのどちらかに `translucent` プロパティを設定した場合や、ツールバーに `opacity` を設定した場合など、特定のケースでは、コンテンツをヘッダーとフッターの後ろにスクロールさせることが望まれるかもしれない。これは、コンテンツの `fullscreen` プロパティを `true` に設定することで実現することができます。 -import Fullscreen from '@site/static/usage/v7/content/fullscreen/index.md'; +import Fullscreen from '@site/static/usage/v8/content/fullscreen/index.md'; @@ -54,7 +54,7 @@ import Fullscreen from '@site/static/usage/v7/content/fullscreen/index.md'; スクロール可能な領域の外側に要素を配置するには、`fixed`スロットに割り当てます。そうすることで、その要素はコンテンツの左上に[絶対位置](https://developer.mozilla.org/en-US/docs/Web/CSS/position#absolute_positioning)されます。要素の位置を変えるには、CSSの[top, right, bottom, left](https://developer.mozilla.org/en-US/docs/Web/CSS/position)プロパティを使ってスタイルを設定することができます。 -import Fixed from '@site/static/usage/v7/content/fixed/index.md'; +import Fixed from '@site/static/usage/v8/content/fixed/index.md'; @@ -62,7 +62,7 @@ import Fixed from '@site/static/usage/v7/content/fixed/index.md'; コンテンツには [メソッド](#methods) が用意されており、これを呼び出すことでコンテンツを下、上、または特定のポイントにスクロールさせることができます。これらのメソッドには `duration` を渡すことができ、瞬時に位置を変更するのではなく、スムーズに移行することができます。 -import ScrollMethods from '@site/static/usage/v7/content/scroll-methods/index.md'; +import ScrollMethods from '@site/static/usage/v8/content/scroll-methods/index.md'; @@ -70,7 +70,7 @@ import ScrollMethods from '@site/static/usage/v7/content/scroll-methods/index.md スクロールイベントは、パフォーマンス上、コンテンツに対してデフォルトで無効化されています。しかし、`scrollEvents` を `true` に設定することで、有効にすることができます。これは、 スクロール [イベント](#events) を聞く前に必要です。 -import ScrollEvents from '@site/static/usage/v7/content/scroll-events/index.md'; +import ScrollEvents from '@site/static/usage/v8/content/scroll-events/index.md'; @@ -79,19 +79,19 @@ import ScrollEvents from '@site/static/usage/v7/content/scroll-events/index.md'; ### Colors -import Colors from '@site/static/usage/v7/content/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/content/theming/colors/index.md'; ### CSS Shadow Parts -import CSSParts from '@site/static/usage/v7/content/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v8/content/theming/css-shadow-parts/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/content/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/content/theming/css-properties/index.md'; @@ -115,7 +115,7 @@ ion-content::part(scroll) { } ``` -import SafeArea from '@site/static/usage/v7/content/theming/safe-area/index.md'; +import SafeArea from '@site/static/usage/v8/content/theming/safe-area/index.md'; diff --git a/docs/api/datetime-button.md b/docs/api/datetime-button.md index ef67033e12c..f30781c8fe4 100644 --- a/docs/api/datetime-button.md +++ b/docs/api/datetime-button.md @@ -1,12 +1,12 @@ --- title: "ion-datetime-button" --- -import Props from '@ionic-internal/component-api/v7/datetime-button/props.md'; -import Events from '@ionic-internal/component-api/v7/datetime-button/events.md'; -import Methods from '@ionic-internal/component-api/v7/datetime-button/methods.md'; -import Parts from '@ionic-internal/component-api/v7/datetime-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/datetime-button/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/datetime-button/slots.md'; +import Props from '@ionic-internal/component-api/v8/datetime-button/props.md'; +import Events from '@ionic-internal/component-api/v8/datetime-button/events.md'; +import Methods from '@ionic-internal/component-api/v8/datetime-button/methods.md'; +import Parts from '@ionic-internal/component-api/v8/datetime-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/datetime-button/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/datetime-button/slots.md'; ion-datetime-button: Ionic Input for Datetime Picker @@ -27,7 +27,7 @@ Angular、React、VueなどのJavaScriptフレームワークでDatetime Button ## 基本的な使い方 -import Basic from '@site/static/usage/v7/datetime-button/basic/index.md'; +import Basic from '@site/static/usage/v8/datetime-button/basic/index.md'; @@ -35,6 +35,14 @@ import Basic from '@site/static/usage/v7/datetime-button/basic/index.md'; `ion-datetime-button` のローカライズされたテキストは、関連する `ion-datetime` インスタンスの `locale` プロパティによって決まります。詳しくは、[Datetime Localization](./datetime#localization) を参照してください。 +## Format Options + +Datetimeインスタンスに`formatOptions`を指定することで、Datetime Buttonの日付と時刻の書式をカスタマイズすることができます。詳細は[Datetime Format Options](./datetime#format-options)を参照してください。 + +import FormatOptions from '@site/static/usage/v8/datetime-button/format-options/index.md'; + + + ## モーダルやポップオーバーと使う `ion-datetime-button` は、マウントされた `ion-datetime` インスタンスと関連付ける必要があります。そのため、[Inline Modals](./modal#inline-modals-recommended) と [Inline Popovers](./popover#inline-popovers) は `keepContentsMounted` プロパティを `true` に設定して使用しなければなりません。 diff --git a/docs/api/datetime.md b/docs/api/datetime.md index d71d9fc0f78..d579279e2a3 100644 --- a/docs/api/datetime.md +++ b/docs/api/datetime.md @@ -1,44 +1,46 @@ --- title: "ion-datetime" --- -import Props from '@ionic-internal/component-api/v7/datetime/props.md'; -import Events from '@ionic-internal/component-api/v7/datetime/events.md'; -import Methods from '@ionic-internal/component-api/v7/datetime/methods.md'; -import Parts from '@ionic-internal/component-api/v7/datetime/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/datetime/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/datetime/slots.md'; +import Props from '@ionic-internal/component-api/v8/datetime/props.md'; +import Events from '@ionic-internal/component-api/v8/datetime/events.md'; +import Methods from '@ionic-internal/component-api/v8/datetime/methods.md'; +import Parts from '@ionic-internal/component-api/v8/datetime/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/datetime/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/datetime/slots.md'; -import Basic from '@site/static/usage/v7/datetime/basic/index.md'; +import Basic from '@site/static/usage/v8/datetime/basic/index.md'; -import MaxMin from '@site/static/usage/v7/datetime/date-constraints/max-min/index.md'; -import Values from '@site/static/usage/v7/datetime/date-constraints/values/index.md'; -import Advanced from '@site/static/usage/v7/datetime/date-constraints/advanced/index.md'; +import MaxMin from '@site/static/usage/v8/datetime/date-constraints/max-min/index.md'; +import Values from '@site/static/usage/v8/datetime/date-constraints/values/index.md'; +import Advanced from '@site/static/usage/v8/datetime/date-constraints/advanced/index.md'; -import CustomLocale from '@site/static/usage/v7/datetime/localization/custom-locale/index.md'; -import HourCycle from '@site/static/usage/v7/datetime/localization/hour-cycle/index.md'; -import FirstDayOfWeek from '@site/static/usage/v7/datetime/localization/first-day-of-week/index.md'; -import LocaleExtensionTags from '@site/static/usage/v7/datetime/localization/locale-extension-tags/index.md'; -import TimeLabel from '@site/static/usage/v7/datetime/localization/time-label/index.md'; +import FormatOptions from '@site/static/usage/v8/datetime/format-options/index.md'; -import MonthAndYear from '@site/static/usage/v7/datetime/presentation/month-and-year/index.md'; -import Time from '@site/static/usage/v7/datetime/presentation/time/index.md'; -import Date from '@site/static/usage/v7/datetime/presentation/date/index.md'; +import CustomLocale from '@site/static/usage/v8/datetime/localization/custom-locale/index.md'; +import HourCycle from '@site/static/usage/v8/datetime/localization/hour-cycle/index.md'; +import FirstDayOfWeek from '@site/static/usage/v8/datetime/localization/first-day-of-week/index.md'; +import LocaleExtensionTags from '@site/static/usage/v8/datetime/localization/locale-extension-tags/index.md'; +import TimeLabel from '@site/static/usage/v8/datetime/localization/time-label/index.md'; -import ShowingDefaultTitle from '@site/static/usage/v7/datetime/title/showing-default-title/index.md'; -import CustomizingTitle from '@site/static/usage/v7/datetime/title/customizing-title/index.md'; +import MonthAndYear from '@site/static/usage/v8/datetime/presentation/month-and-year/index.md'; +import Time from '@site/static/usage/v8/datetime/presentation/time/index.md'; +import Date from '@site/static/usage/v8/datetime/presentation/date/index.md'; -import ShowingConfirmationButtons from '@site/static/usage/v7/datetime/buttons/showing-confirmation-buttons/index.md'; -import CustomizingButtons from '@site/static/usage/v7/datetime/buttons/customizing-buttons/index.md'; -import CustomizingButtonTexts from '@site/static/usage/v7/datetime/buttons/customizing-button-texts/index.md'; +import ShowingDefaultTitle from '@site/static/usage/v8/datetime/title/showing-default-title/index.md'; +import CustomizingTitle from '@site/static/usage/v8/datetime/title/customizing-title/index.md'; -import HighlightedDatesArray from '@site/static/usage/v7/datetime/highlightedDates/array/index.md'; -import HighlightedDatesCallback from '@site/static/usage/v7/datetime/highlightedDates/callback/index.md'; +import ShowingConfirmationButtons from '@site/static/usage/v8/datetime/buttons/showing-confirmation-buttons/index.md'; +import CustomizingButtons from '@site/static/usage/v8/datetime/buttons/customizing-buttons/index.md'; +import CustomizingButtonTexts from '@site/static/usage/v8/datetime/buttons/customizing-button-texts/index.md'; -import MultipleDateSelection from '@site/static/usage/v7/datetime/multiple/index.md'; +import HighlightedDatesArray from '@site/static/usage/v8/datetime/highlightedDates/array/index.md'; +import HighlightedDatesCallback from '@site/static/usage/v8/datetime/highlightedDates/callback/index.md'; -import GlobalTheming from '@site/static/usage/v7/datetime/styling/global-theming/index.md'; -import CalendarDaysStyling from '@site/static/usage/v7/datetime/styling/calendar-days/index.md'; -import WheelStyling from '@site/static/usage/v7/datetime/styling/wheel-styling/index.md'; +import MultipleDateSelection from '@site/static/usage/v8/datetime/multiple/index.md'; + +import GlobalTheming from '@site/static/usage/v8/datetime/styling/global-theming/index.md'; +import CalendarDaysStyling from '@site/static/usage/v8/datetime/styling/calendar-days/index.md'; +import WheelStyling from '@site/static/usage/v8/datetime/styling/wheel-styling/index.md'; ion-datetime: Ionic API Input for Datetime Format Picker @@ -242,7 +244,7 @@ Ionic Frameworkでは、[Intl.DatetimeFormat](https://developer.mozilla.org/en-U 以下の例では、ホイールピッカーに `presentation="date-time"` を指定しています。 -import Wheel from '@site/static/usage/v7/datetime/presentation/wheel/index.md'; +import Wheel from '@site/static/usage/v8/datetime/presentation/wheel/index.md'; @@ -268,6 +270,16 @@ This property is only supported when using `presentation="date"` and `preferWhee +## フォーマットオプション + +`formatOptions`を指定することで、Datetimeコンポーネントのヘッダーテキスト内の日付と時刻ボタン内の時刻の書式をカスタマイズすることができます。`formatOptions`プロパティ内の `date` と `time` はそれぞれ [`Intl.DateTimeFormatOptions`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options) オブジェクトでなければなりません。もし `formatOptions` が指定されなかった場合、日付と時刻にはデフォルトのフォーマットが使用されます。 + +Datetime はタイムゾーンを [操作したり設定したりしません](#time-zones)。もし `timeZone` や `timeZoneName` が指定された場合、それらは無視され、タイムゾーンは UTC に設定される。これにより、表示される値がユーザーの現在のタイムゾーンに変換されるのではなく、選択された値と一致するようになります。 + +選択された表示と一致しない可能性があるので、指定するオプションには注意してください。例えば、`month`の表示に対して`minute: 'numeric'` を指定すると、予期しない動作になり、時間だけが表示されるはずのところに月が表示されるかもしれません。 + + + ## ボタン デフォルトでは、新しい日付が選択されると、新しいdatetimeの値で `ionChange` が発行されます。 `ionChange` を発行する前にユーザの確認を必要とする場合は、 `showDefaultButtons` プロパティを `true` に設定するか、 `buttons` スロットでカスタム確認ボタンを渡すことができます。カスタムボタンを渡す場合、 `ionChange` を発生させるために、確認ボタンは `ion-datetime` の `confirm` メソッドを呼び出す必要があります。 diff --git a/docs/api/fab-button.md b/docs/api/fab-button.md index 21cd958abbc..da310964672 100644 --- a/docs/api/fab-button.md +++ b/docs/api/fab-button.md @@ -1,12 +1,12 @@ --- title: "ion-fab-button" --- -import Props from '@ionic-internal/component-api/v7/fab-button/props.md'; -import Events from '@ionic-internal/component-api/v7/fab-button/events.md'; -import Methods from '@ionic-internal/component-api/v7/fab-button/methods.md'; -import Parts from '@ionic-internal/component-api/v7/fab-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/fab-button/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/fab-button/slots.md'; +import Props from '@ionic-internal/component-api/v8/fab-button/props.md'; +import Events from '@ionic-internal/component-api/v8/fab-button/events.md'; +import Methods from '@ionic-internal/component-api/v8/fab-button/methods.md'; +import Parts from '@ionic-internal/component-api/v8/fab-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/fab-button/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/fab-button/slots.md'; ion-fab-button: Ionic FAB Button Icon for Primary Action diff --git a/docs/api/fab-list.md b/docs/api/fab-list.md index b010268cc7c..4d7a9c4d017 100644 --- a/docs/api/fab-list.md +++ b/docs/api/fab-list.md @@ -1,12 +1,12 @@ --- title: "ion-fab-list" --- -import Props from '@ionic-internal/component-api/v7/fab-list/props.md'; -import Events from '@ionic-internal/component-api/v7/fab-list/events.md'; -import Methods from '@ionic-internal/component-api/v7/fab-list/methods.md'; -import Parts from '@ionic-internal/component-api/v7/fab-list/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/fab-list/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/fab-list/slots.md'; +import Props from '@ionic-internal/component-api/v8/fab-list/props.md'; +import Events from '@ionic-internal/component-api/v8/fab-list/events.md'; +import Methods from '@ionic-internal/component-api/v8/fab-list/methods.md'; +import Parts from '@ionic-internal/component-api/v8/fab-list/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/fab-list/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/fab-list/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/fab.md b/docs/api/fab.md index 50543da1726..595e44da74c 100644 --- a/docs/api/fab.md +++ b/docs/api/fab.md @@ -1,12 +1,12 @@ --- title: "ion-fab" --- -import Props from '@ionic-internal/component-api/v7/fab/props.md'; -import Events from '@ionic-internal/component-api/v7/fab/events.md'; -import Methods from '@ionic-internal/component-api/v7/fab/methods.md'; -import Parts from '@ionic-internal/component-api/v7/fab/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/fab/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/fab/slots.md'; +import Props from '@ionic-internal/component-api/v8/fab/props.md'; +import Events from '@ionic-internal/component-api/v8/fab/events.md'; +import Methods from '@ionic-internal/component-api/v8/fab/methods.md'; +import Parts from '@ionic-internal/component-api/v8/fab/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/fab/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/fab/slots.md'; ion-fab: Ionic Floating Action Button for Android and iOS @@ -21,7 +21,7 @@ Fabは、1つ以上の[fabボタン](./fab-button)を含むコンテナ要素で ## 基本的な使い方 -import BasicUsage from '@site/static/usage/v7/fab/basic/index.md'; +import BasicUsage from '@site/static/usage/v8/fab/basic/index.md'; @@ -29,7 +29,7 @@ import BasicUsage from '@site/static/usage/v7/fab/basic/index.md'; [fabリスト](./fab-list)コンポーネントの`side`プロパティは、メインfabボタンと相対的に表示される場所を制御します。一つのfabは、`side`の値が全て異なる限り、複数のfabリストを持つことができます。 -import ListSide from '@site/static/usage/v7/fab/list-side/index.md'; +import ListSide from '@site/static/usage/v8/fab/list-side/index.md'; @@ -37,7 +37,7 @@ import ListSide from '@site/static/usage/v7/fab/list-side/index.md'; fabを固定位置に配置するためには、外側の [content](./content) コンポーネントの `fixed` スロットに割り当てる必要があります。vertical`とhorizontal`のプロップを使用して、ビューポートでのfabの配置を制御します。edge`プロップは、アプリのヘッダーやフッターにfabボタンが重なるようにします。 -import Positioning from '@site/static/usage/v7/fab/positioning/index.md'; +import Positioning from '@site/static/usage/v8/fab/positioning/index.md'; @@ -63,7 +63,7 @@ ion-fab { `ion-header` (`vertical` が `"top"` に設定されたファブの場合) または `ion-footer` (`vertical` が `"bottom"` に設定されたファブの場合) がある場合、ファブはヘッダまたはフッタからの相対位置に配置されるため、CSS の調整は必要ありません。 -import SafeArea from '@site/static/usage/v7/fab/safe-area/index.md'; +import SafeArea from '@site/static/usage/v8/fab/safe-area/index.md'; @@ -71,7 +71,7 @@ import SafeArea from '@site/static/usage/v7/fab/safe-area/index.md'; メインファブボタンの `size` プロパティを `"small"` に設定すると、ミニサイズで描画されます。なお、このプロパティは内側のファブボタンで使用した場合は効果がありません。 -import ButtonSizing from '@site/static/usage/v7/fab/button-sizing/index.md'; +import ButtonSizing from '@site/static/usage/v8/fab/button-sizing/index.md'; @@ -79,19 +79,19 @@ import ButtonSizing from '@site/static/usage/v7/fab/button-sizing/index.md'; ### Colors -import Colors from '@site/static/usage/v7/fab/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/fab/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSCustomProperties from '@site/static/usage/v7/fab/theming/css-custom-properties/index.md'; +import CSSCustomProperties from '@site/static/usage/v8/fab/theming/css-custom-properties/index.md'; ### CSS Shadow Parts -import CSSShadowParts from '@site/static/usage/v7/fab/theming/css-shadow-parts/index.md'; +import CSSShadowParts from '@site/static/usage/v8/fab/theming/css-shadow-parts/index.md'; diff --git a/docs/api/footer.md b/docs/api/footer.md index 395d2141b29..22abc931e6d 100644 --- a/docs/api/footer.md +++ b/docs/api/footer.md @@ -1,12 +1,12 @@ --- title: "ion-footer" --- -import Props from '@ionic-internal/component-api/v7/footer/props.md'; -import Events from '@ionic-internal/component-api/v7/footer/events.md'; -import Methods from '@ionic-internal/component-api/v7/footer/methods.md'; -import Parts from '@ionic-internal/component-api/v7/footer/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/footer/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/footer/slots.md'; +import Props from '@ionic-internal/component-api/v8/footer/props.md'; +import Events from '@ionic-internal/component-api/v8/footer/events.md'; +import Methods from '@ionic-internal/component-api/v8/footer/methods.md'; +import Parts from '@ionic-internal/component-api/v8/footer/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/footer/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/footer/slots.md'; ion-footer: Page Footer | Ionic App Footer Root Component @@ -20,7 +20,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/footer/basic/index.md'; +import Basic from '@site/static/usage/v8/footer/basic/index.md'; @@ -29,7 +29,7 @@ import Basic from '@site/static/usage/v7/footer/basic/index.md'; フッターは、`translucent`プロパティを設定することで、ネイティブのiOSアプリケーションに見られるような透明度に合わせることができます。フッターの後ろにスクロールするコンテンツを見るには、コンテンツに `fullscreen` プロパティを設定する必要があります。この効果は、モードが `"ios"` で、デバイスが [backdrop-filter](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#browser_compatibility) をサポートしている場合にのみ適用されます。 -import Translucent from '@site/static/usage/v7/footer/translucent/index.md'; +import Translucent from '@site/static/usage/v8/footer/translucent/index.md'; @@ -38,7 +38,7 @@ import Translucent from '@site/static/usage/v7/footer/translucent/index.md'; 多くのネイティブiOSアプリケーションは、ツールバーにフェード効果を持たせています。これは、フッターの `collapse` プロパティを `"fade"` に設定することで実現できます。コンテンツが最後までスクロールされると、フッターの背景とボーダーはフェードアウトします。この効果は、モードが `"ios"` のときだけ適用されます。 -import Fade from '@site/static/usage/v7/footer/fade/index.md'; +import Fade from '@site/static/usage/v8/footer/fade/index.md'; @@ -47,7 +47,7 @@ import Fade from '@site/static/usage/v7/footer/fade/index.md'; フェードフッターを正しく動作させるためには、スクロールコンテナが必要です。仮想スクロールソリューションを使用する場合は、カスタムスクロールターゲットを提供する必要があります。コンテンツのスクロールを無効にし、スクロールを担当する要素に `.ion-content-scroll-host` クラスを追加する必要があります。 -import CustomScrollTarget from '@site/static/usage/v7/footer/custom-scroll-target/index.md'; +import CustomScrollTarget from '@site/static/usage/v8/footer/custom-scroll-target/index.md'; @@ -55,7 +55,7 @@ import CustomScrollTarget from '@site/static/usage/v7/footer/custom-scroll-targe `"md"`モードでは、フッターは上部に `box-shadow` が表示されます。`"ios"`モードでは、上部に `border` が表示されます。これらは、フッターに `.ion-no-border` クラスを追加することで削除することができます。 -import NoBorder from '@site/static/usage/v7/footer/no-border/index.md'; +import NoBorder from '@site/static/usage/v8/footer/no-border/index.md'; diff --git a/docs/api/grid.md b/docs/api/grid.md index aeee2f897d8..15a5a323229 100644 --- a/docs/api/grid.md +++ b/docs/api/grid.md @@ -1,12 +1,12 @@ --- title: "ion-grid" --- -import Props from '@ionic-internal/component-api/v7/grid/props.md'; -import Events from '@ionic-internal/component-api/v7/grid/events.md'; -import Methods from '@ionic-internal/component-api/v7/grid/methods.md'; -import Parts from '@ionic-internal/component-api/v7/grid/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/grid/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/grid/slots.md'; +import Props from '@ionic-internal/component-api/v8/grid/props.md'; +import Events from '@ionic-internal/component-api/v8/grid/events.md'; +import Methods from '@ionic-internal/component-api/v8/grid/methods.md'; +import Parts from '@ionic-internal/component-api/v8/grid/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/grid/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/grid/slots.md'; ion-grid: Display Grids for Mobile-First Custom App Layout @@ -54,7 +54,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; デフォルトでは、すべてのデバイスと画面サイズにおいて、列は行の中で同じ幅を占めます。 -import Basic from '@site/static/usage/v7/grid/basic/index.md'; +import Basic from '@site/static/usage/v8/grid/basic/index.md'; @@ -71,7 +71,7 @@ import Basic from '@site/static/usage/v7/grid/basic/index.md'; | lg | 960px | Set grid width to 960px when (min-width: 992px) | | xl | 1140px | Set grid width to 1140px when (min-width: 1200px) | -import Fixed from '@site/static/usage/v7/grid/fixed/index.md'; +import Fixed from '@site/static/usage/v8/grid/fixed/index.md'; @@ -84,7 +84,7 @@ import Fixed from '@site/static/usage/v7/grid/fixed/index.md'; `size`を`"auto"`に設定することで、カラムはコンテンツの自然な幅に基づいたサイズを設定することができます。これは、カラムを特定のピクセル数のような絶対的な幅に設定するときに必要です。自動幅のカラムの隣にあるカラムは、行を埋めるようにリサイズされます。 -import SizeAuto from '@site/static/usage/v7/grid/size-auto/index.md'; +import SizeAuto from '@site/static/usage/v8/grid/size-auto/index.md'; @@ -93,7 +93,7 @@ import SizeAuto from '@site/static/usage/v7/grid/size-auto/index.md'; カラムの `size` を設定すると、他のカラムは自動的にそのカラムの周りにリサイズされます。すべてのカラムにサイズが指定され、それがカラムの総数に満たない場合、カラムの後に空白ができます。 -import Size from '@site/static/usage/v7/grid/size/index.md'; +import Size from '@site/static/usage/v8/grid/size/index.md'; @@ -101,7 +101,7 @@ import Size from '@site/static/usage/v7/grid/size/index.md'; `size`プロパティは、すべての [ブレークポイント](#default-breakpoints) の列幅を変更します。また、Columnでは、"size" の末尾にブレークポイント名を付加したいくつかのsizeプロパティが用意されています。これらのプロパティは、画面サイズに応じてカラムの幅を変更するために使用することができます。以下の例をStackBlitzで開き、画面のサイズを変更すると、カラムの幅が変化するのがわかります。 -import SizeResponsive from '@site/static/usage/v7/grid/size-responsive/index.md'; +import SizeResponsive from '@site/static/usage/v8/grid/size-responsive/index.md'; @@ -114,7 +114,7 @@ import SizeResponsive from '@site/static/usage/v7/grid/size-responsive/index.md' カラムは、`offset`プロパティを用いて右に移動させることができます。このプロパティは、カラムの左マージンを指定したカラムの数だけ増やします。また、その右側にカラムが存在する場合は、そのカラムを移動させます。 -import Offset from '@site/static/usage/v7/grid/offset/index.md'; +import Offset from '@site/static/usage/v8/grid/offset/index.md'; @@ -122,7 +122,7 @@ import Offset from '@site/static/usage/v7/grid/offset/index.md'; `offset`プロパティは、すべての[ブレークポイント](#default-breakpoints)に対して、カラムの左マージンを変更します。また、カラムには、"offset"の末尾にブレークポイント名が付加されたいくつかのoffsetプロパティが用意されています。これらのプロパティは、画面サイズに応じてカラムのオフセットを変更するために使用することができます。以下の例をStackBlitzで開き、画面のサイズを変更すると、カラムのオフセットが変化するのを確認できます。 -import OffsetResponsive from '@site/static/usage/v7/grid/offset-responsive/index.md'; +import OffsetResponsive from '@site/static/usage/v8/grid/offset-responsive/index.md'; @@ -135,7 +135,7 @@ import OffsetResponsive from '@site/static/usage/v7/grid/offset-responsive/index `push`と`pull`のプロパティを追加することで、カラムの並び替えを行うことができます。これらのプロパティは、指定された列数だけ列の `left` と `right` を調整し、列の並び替えを簡単に行うことができます。この場合、他のカラムが配置されている場所にカラムを移動させると、カラムが重なることになります。 -import PushPull from '@site/static/usage/v7/grid/push-pull/index.md'; +import PushPull from '@site/static/usage/v8/grid/push-pull/index.md'; @@ -143,7 +143,7 @@ import PushPull from '@site/static/usage/v7/grid/push-pull/index.md'; `push`と`pull`プロパティは、すべての[ブレークポイント](#default-breakpoints)に対して、カラムの位置を変更します。また、カラムには、"push" / "pull "の末尾にブレークポイント名を付加した `push` と `pull` プロパティがいくつかあります。これらのプロパティは、画面サイズに応じてカラムの位置を変更するために使用することができます。以下の例をStackBlitzで開き、画面のサイズを変更すると、列の位置が変化するのがわかります。 -import PushPullResponsive from '@site/static/usage/v7/grid/push-pull-responsive/index.md'; +import PushPullResponsive from '@site/static/usage/v8/grid/push-pull-responsive/index.md'; @@ -153,7 +153,7 @@ import PushPullResponsive from '@site/static/usage/v7/grid/push-pull-responsive/ 行に異なるクラスを追加することで、すべての列を行の内側に垂直に揃えることができます。利用可能なクラスの一覧は、[css utilities](/layout/css-utilities#flex-container-properties) を参照してください。 -import VerticalAlignment from '@site/static/usage/v7/grid/vertical-alignment/index.md'; +import VerticalAlignment from '@site/static/usage/v8/grid/vertical-alignment/index.md'; @@ -162,7 +162,7 @@ import VerticalAlignment from '@site/static/usage/v7/grid/vertical-alignment/ind 行に異なるクラスを追加することで、すべての列を行の内側に水平に揃えることができます。利用可能なクラスの一覧は、[css utilities](/layout/css-utilities.md#flex-container-properties) を参照してください。 -import HorizontalAlignment from '@site/static/usage/v7/grid/horizontal-alignment/index.md'; +import HorizontalAlignment from '@site/static/usage/v8/grid/horizontal-alignment/index.md'; @@ -174,7 +174,7 @@ import HorizontalAlignment from '@site/static/usage/v7/grid/horizontal-alignment 固定グリッドの幅は、CSS変数 `--ion-grid-width` を用いてすべてのブレイクポイントに対して設定することができます。個々のブレイクポイントを上書きするには、`--ion-grid-width-{breakpoint}` CSS変数を使用します。各ブレークポイントのデフォルト値は、[固定グリッド](#fixed-grid)セクションに記載されています。以下の例をStackBlitzで開き、画面のサイズを変更すると、グリッドの幅が変化するのが確認できます。 -import Width from '@site/static/usage/v7/grid/customizing/width/index.md'; +import Width from '@site/static/usage/v8/grid/customizing/width/index.md'; @@ -182,7 +182,7 @@ import Width from '@site/static/usage/v7/grid/customizing/width/index.md'; グリッドのカラム数は `--ion-grid-columns` というCSS変数で変更することができます。デフォルトでは12列ですが、これを任意の正の整数に変更し、各列の幅を計算するために使用することができます。 -import ColumnNumber from '@site/static/usage/v7/grid/customizing/column-number/index.md'; +import ColumnNumber from '@site/static/usage/v8/grid/customizing/column-number/index.md'; @@ -192,7 +192,7 @@ import ColumnNumber from '@site/static/usage/v7/grid/customizing/column-number/i 列の padding は、CSS 変数 `--ion-grid-column-padding` ですべてのブレイクポイントに対して設定できます。個々のブレイクポイントを上書きするには、 `--ion-grid-column-padding-{breakpoint}` CSS変数を使用します。 -import Padding from '@site/static/usage/v7/grid/customizing/padding/index.md'; +import Padding from '@site/static/usage/v8/grid/customizing/padding/index.md'; diff --git a/docs/api/header.md b/docs/api/header.md index 4fd35fd6473..26e53255e7d 100644 --- a/docs/api/header.md +++ b/docs/api/header.md @@ -1,12 +1,12 @@ --- title: "ion-header" --- -import Props from '@ionic-internal/component-api/v7/header/props.md'; -import Events from '@ionic-internal/component-api/v7/header/events.md'; -import Methods from '@ionic-internal/component-api/v7/header/methods.md'; -import Parts from '@ionic-internal/component-api/v7/header/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/header/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/header/slots.md'; +import Props from '@ionic-internal/component-api/v8/header/props.md'; +import Events from '@ionic-internal/component-api/v8/header/events.md'; +import Methods from '@ionic-internal/component-api/v8/header/methods.md'; +import Parts from '@ionic-internal/component-api/v8/header/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/header/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/header/slots.md'; ion-header: Header Parent Component for Ionic Framework Apps @@ -21,7 +21,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/header/basic/index.md'; +import Basic from '@site/static/usage/v8/header/basic/index.md'; @@ -30,7 +30,7 @@ import Basic from '@site/static/usage/v7/header/basic/index.md'; ヘッダーは、`translucent`プロパティを設定することで、ネイティブのiOSアプリケーションに見られるような透明度に合わせることができます。ヘッダーの後ろにスクロールするコンテンツを見るには、コンテンツに `fullscreen` プロパティを設定する必要があります。この効果は、モードが `"ios"` で、デバイスが [backdrop-filter](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#browser_compatibility) をサポートしている場合にのみ適用されます。 -import Translucent from '@site/static/usage/v7/header/translucent/index.md'; +import Translucent from '@site/static/usage/v8/header/translucent/index.md'; @@ -39,7 +39,7 @@ import Translucent from '@site/static/usage/v7/header/translucent/index.md'; Ionicでは、iOSネイティブアプリケーションで見られる、大きなツールバーのタイトルを表示し、スクロールすると小さなタイトルに折りたたむ機能を提供しています。これは、コンテンツの上に1つ、コンテンツの中に1つ、合計2つのヘッダーを追加し、コンテンツの中にあるヘッダーに `collapse` プロパティを `"condense"` に設定することで実現できます。この効果は、モードが "ios "のときのみ適用されます。 -import Condense from '@site/static/usage/v7/header/condense/index.md'; +import Condense from '@site/static/usage/v8/header/condense/index.md'; @@ -50,7 +50,7 @@ import Condense from '@site/static/usage/v7/header/condense/index.md'; この機能は、[Condensed Header](#condensed-header)と組み合わせることができます。collapse`プロパティに`"fade"`を設定した場合は、コンテンツの外側にあるヘッダーに適用されるはずです。 -import Fade from '@site/static/usage/v7/header/fade/index.md'; +import Fade from '@site/static/usage/v8/header/fade/index.md'; @@ -59,7 +59,7 @@ import Fade from '@site/static/usage/v7/header/fade/index.md'; フェードヘッダーが正しく動作するためには、スクロールコンテナが必要です。仮想スクロールソリューションを使用する場合は、カスタムスクロールターゲットを提供する必要があります。コンテンツのスクロールを無効にし、スクロールを担当する要素に `.ion-content-scroll-host` クラスを追加する必要があります。 -import CustomScrollTarget from '@site/static/usage/v7/header/custom-scroll-target/index.md'; +import CustomScrollTarget from '@site/static/usage/v8/header/custom-scroll-target/index.md'; @@ -68,7 +68,7 @@ import CustomScrollTarget from '@site/static/usage/v7/header/custom-scroll-targe `"md"`モードでは、ヘッダーの下部に `box-shadow` が表示されます。 `"ios"`モードでは、ヘッダの下部に `border` が表示されます。これらは、ヘッダーに `.ion-no-border` クラスを追加することで削除することができます。 -import NoBorder from '@site/static/usage/v7/header/no-border/index.md'; +import NoBorder from '@site/static/usage/v8/header/no-border/index.md'; diff --git a/docs/api/icon.md b/docs/api/icon.md index 14d903a5e5f..06762a5c22b 100644 --- a/docs/api/icon.md +++ b/docs/api/icon.md @@ -16,7 +16,7 @@ Iconは、Ioniconsライブラリを通 ## 基本的な使い方 -import Basic from '@site/static/usage/v7/icon/basic/index.md'; +import Basic from '@site/static/usage/v8/icon/basic/index.md'; diff --git a/docs/api/img.md b/docs/api/img.md index e7ea3168bb4..359ee663f04 100644 --- a/docs/api/img.md +++ b/docs/api/img.md @@ -2,12 +2,12 @@ title: "ion-img" --- -import Props from '@ionic-internal/component-api/v7/img/props.md'; -import Events from '@ionic-internal/component-api/v7/img/events.md'; -import Methods from '@ionic-internal/component-api/v7/img/methods.md'; -import Parts from '@ionic-internal/component-api/v7/img/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/img/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/img/slots.md'; +import Props from '@ionic-internal/component-api/v8/img/props.md'; +import Events from '@ionic-internal/component-api/v8/img/events.md'; +import Methods from '@ionic-internal/component-api/v8/img/methods.md'; +import Parts from '@ionic-internal/component-api/v8/img/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/img/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/img/slots.md'; ion-img: Img Tag to Lazy Load Images in Viewport @@ -23,7 +23,7 @@ Img は、タグがビューポートに表示されているときに画像をL ## 基本的な使い方 -import Basic from '@site/static/usage/v7/img/basic/index.md'; +import Basic from '@site/static/usage/v8/img/basic/index.md'; diff --git a/docs/api/infinite-scroll-content.md b/docs/api/infinite-scroll-content.md index 9579435660b..47979173b57 100644 --- a/docs/api/infinite-scroll-content.md +++ b/docs/api/infinite-scroll-content.md @@ -2,12 +2,12 @@ title: "ion-infinite-scroll-content" --- -import Props from '@ionic-internal/component-api/v7/infinite-scroll-content/props.md'; -import Events from '@ionic-internal/component-api/v7/infinite-scroll-content/events.md'; -import Methods from '@ionic-internal/component-api/v7/infinite-scroll-content/methods.md'; -import Parts from '@ionic-internal/component-api/v7/infinite-scroll-content/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/infinite-scroll-content/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/infinite-scroll-content/slots.md'; +import Props from '@ionic-internal/component-api/v8/infinite-scroll-content/props.md'; +import Events from '@ionic-internal/component-api/v8/infinite-scroll-content/events.md'; +import Methods from '@ionic-internal/component-api/v8/infinite-scroll-content/methods.md'; +import Parts from '@ionic-internal/component-api/v8/infinite-scroll-content/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/infinite-scroll-content/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/infinite-scroll-content/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/infinite-scroll.md b/docs/api/infinite-scroll.md index 95db203ec6c..30e11c58c89 100644 --- a/docs/api/infinite-scroll.md +++ b/docs/api/infinite-scroll.md @@ -2,12 +2,12 @@ title: "ion-infinite-scroll" --- -import Props from '@ionic-internal/component-api/v7/infinite-scroll/props.md'; -import Events from '@ionic-internal/component-api/v7/infinite-scroll/events.md'; -import Methods from '@ionic-internal/component-api/v7/infinite-scroll/methods.md'; -import Parts from '@ionic-internal/component-api/v7/infinite-scroll/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/infinite-scroll/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/infinite-scroll/slots.md'; +import Props from '@ionic-internal/component-api/v8/infinite-scroll/props.md'; +import Events from '@ionic-internal/component-api/v8/infinite-scroll/events.md'; +import Methods from '@ionic-internal/component-api/v8/infinite-scroll/methods.md'; +import Parts from '@ionic-internal/component-api/v8/infinite-scroll/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/infinite-scroll/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/infinite-scroll/slots.md'; ion-infinite-scroll: Infinite Scroller Action Component @@ -21,7 +21,7 @@ Infinite Scrollコンポーネントは、ユーザーがページの下部ま ユーザが定義された距離に達したときに、`ionInfinite` イベントに割り当てられた関数が呼び出されます。この関数がすべてのタスクを完了したら、無限スクロールインスタンスに対して `complete()` メソッドを呼び出す必要があります。 -import Basic from '@site/static/usage/v7/infinite-scroll/basic/index.md'; +import Basic from '@site/static/usage/v8/infinite-scroll/basic/index.md'; @@ -29,7 +29,7 @@ import Basic from '@site/static/usage/v7/infinite-scroll/basic/index.md'; `ion-infinite-scroll`コンポーネントは、無限スクロールのロジックを持っています。コンテンツを表示するには、子コンポーネントが必要です。Ionicは、デフォルトでその `ion-infinite-scroll-content` コンポーネントを使用します。このコンポーネントは、無限スクロールを表示し、無限スクロールの状態に応じて外観を変更します。ユーザが使用しているプラットフォームに応じて最適なスピナーが表示されます。ただし、`ion-infinite-scroll-content` コンポーネントのプロパティを設定することにより、デフォルトのスピナーを変更したり、テキストを追加することができます。 -import InfiniteScrollContent from '@site/static/usage/v7/infinite-scroll/infinite-scroll-content/index.md'; +import InfiniteScrollContent from '@site/static/usage/v8/infinite-scroll/infinite-scroll-content/index.md'; @@ -37,13 +37,13 @@ import InfiniteScrollContent from '@site/static/usage/v7/infinite-scroll/infinit `ion-infinite-scroll` と `ion-infinite-scroll-content` コンポーネントを分離することで、開発者は必要に応じて独自のコンテンツコンポーネントを作成できます。このコンテンツには、SVG要素から固有のCSSアニメーションを持つ要素まで、あらゆるものを含めることができます。 -import CustomContent from '@site/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/index.md'; +import CustomContent from '@site/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/index.md'; ## Virtual Scrollの使い方 -無限スクロールを機能させるには、スクロールコンテナが必要です。仮想スクロールを使用する場合は、`ion-content`のスクロールを無効にし、`.ion-content-scroll-host`クラスのターゲットで、どの要素コンテナがスクロールコンテナを担当するのかを指定する必要があります。 +無限スクロールにはスクロールコンテナが必要です。仮想スクロールソリューションを使用する場合は、`ion-content` のスクロールを無効にし、`.ion-content-scroll-host` クラスターゲットで、どの要素コンテナがスクロールコンテナを担当するかを指定する必要があります。 ```html @@ -56,7 +56,13 @@ import CustomContent from '@site/static/usage/v7/infinite-scroll/custom-infinite ``` -## アクセシビリティ +:::note + +`virtual-scroll-element` はコンテンツのスクロールを担当するスクロールコンテナを指します。これは使用している仮想スクロールソリューションが直接提供するコンポーネントかもしれません。 + +::: + +## Accessibility 開発者は、ユーザーがスクロールすると追加されたり削除されたりするスクロール可能なリストアイテムに `role="feed"` 属性を割り当てる必要があります。 diff --git a/docs/api/input-password-toggle.md b/docs/api/input-password-toggle.md new file mode 100644 index 00000000000..ede03ccb3ea --- /dev/null +++ b/docs/api/input-password-toggle.md @@ -0,0 +1,52 @@ +--- +title: "ion-password-toggle" +--- +import Props from '@ionic-internal/component-api/v8/input-password-toggle/props.md'; +import Events from '@ionic-internal/component-api/v8/input-password-toggle/events.md'; +import Methods from '@ionic-internal/component-api/v8/input-password-toggle/methods.md'; +import Parts from '@ionic-internal/component-api/v8/input-password-toggle/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/input-password-toggle/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/input-password-toggle/slots.md'; + + + ion-input-password-toggle: Toggle the visibility of a password in Input + + + +import EncapsulationPill from '@components/page/api/EncapsulationPill'; + + + + +The InputPasswordToggle component is a companion component to [Input](./input). It allows users to toggle the visibility of text in a password input. + +## Basic Usage + +:::info +InputPasswordToggle must be used with an [Input](./input) that has its [`type`](./input/#type) property set to either `'text'` or `'password'`. + +Using any other `type` will cause a warning to be logged. +::: + + +import Basic from '@site/static/usage/v8/input-password-toggle/basic/index.md'; + + + +## Properties + + +## Events + + +## Methods + + +## CSS Shadow Parts + + +## CSS Custom Properties + + +## Slots + diff --git a/docs/api/input.md b/docs/api/input.md index 4944b92ac2e..d30bedcf3c1 100644 --- a/docs/api/input.md +++ b/docs/api/input.md @@ -1,12 +1,12 @@ --- title: "ion-input" --- -import Props from '@ionic-internal/component-api/v7/input/props.md'; -import Events from '@ionic-internal/component-api/v7/input/events.md'; -import Methods from '@ionic-internal/component-api/v7/input/methods.md'; -import Parts from '@ionic-internal/component-api/v7/input/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/input/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/input/slots.md'; +import Props from '@ionic-internal/component-api/v8/input/props.md'; +import Events from '@ionic-internal/component-api/v8/input/events.md'; +import Methods from '@ionic-internal/component-api/v8/input/methods.md'; +import Parts from '@ionic-internal/component-api/v8/input/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/input/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/input/slots.md'; ion-input: Custom Input With Styling and CSS Properties @@ -23,7 +23,7 @@ input コンポーネントは、HTML input 要素のラッパーで、カスタ ## 基本的な使い方 -import Basic from '@site/static/usage/v7/input/basic/index.md'; +import Basic from '@site/static/usage/v8/input/basic/index.md'; @@ -32,7 +32,7 @@ import Basic from '@site/static/usage/v7/input/basic/index.md'; input コンポーネントは、`"text"`, `"password"`, `"email"`, `"number"`, `"search"`, `"tel"`, `"url"` などのテキストタイプの入力のみを対象としています。また、`keyup`、`keydown`、`keypress`などの標準的なテキスト入力イベントをすべてサポートしています。デフォルトの `type` は `"text"` です。 -import Types from '@site/static/usage/v7/input/types/index.md'; +import Types from '@site/static/usage/v8/input/types/index.md'; @@ -48,7 +48,7 @@ import Types from '@site/static/usage/v7/input/types/index.md'; ラベルは、デフォルトでそのコンテンツの幅を占めます。 開発者は `labelPlacement` プロパティを使用して、ラベルがどのように配置されるかを制御することができます。 -import LabelPlacement from '@site/static/usage/v7/input/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v8/input/label-placement/index.md'; @@ -58,7 +58,7 @@ import LabelPlacement from '@site/static/usage/v7/input/label-placement/index.md この機能は、[Web Component slots](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots) のシミュレート版に依存しているため、実験的なものとみなされていることに注意してください。その結果、シミュレートされた動作はネイティブのスロットの動作と完全に一致するとは限りません。 -import LabelSlot from '@site/static/usage/v7/input/label-slot/index.md'; +import LabelSlot from '@site/static/usage/v8/input/label-slot/index.md'; @@ -66,7 +66,7 @@ import LabelSlot from '@site/static/usage/v7/input/label-slot/index.md'; 表示するラベルが必要ない場合でも、開発者は `aria-label` を指定する必要があります。 -import NoVisibleLabel from '@site/static/usage/v7/input/no-visible-label/index.md'; +import NoVisibleLabel from '@site/static/usage/v8/input/no-visible-label/index.md'; @@ -74,7 +74,7 @@ import NoVisibleLabel from '@site/static/usage/v7/input/no-visible-label/index.m Inputsには、入力の操作方法に応じて、Inputをクリアするための2つのオプションがあります。最初の方法は `clearInput` プロパティを追加することで、Inputに `value` があるときにクリアボタンを表示します。2つ目の方法は `clearOnEdit` プロパティで、入力が編集削除された後、再度入力されるとクリアされます。 `type` が `"password"` に設定されているInputは、デフォルトで `clearOnEdit` が有効になっています。 -import Clear from '@site/static/usage/v7/input/clear/index.md'; +import Clear from '@site/static/usage/v8/input/clear/index.md'; @@ -87,7 +87,7 @@ Material Design では、Inputに塗りつぶしのスタイルが用意され Filled inputs can be used on iOS by setting Input's `mode` to `md`. -import Fill from '@site/static/usage/v7/input/fill/index.md'; +import Fill from '@site/static/usage/v8/input/fill/index.md'; @@ -98,7 +98,7 @@ import Fill from '@site/static/usage/v7/input/fill/index.md'; Angularでは、これはフォームバリデーションによって自動的に行われます。JavaScript、React、Vueでは、独自のバリデーションに基づいてクラスを手動で追加する必要があります。 -import HelperError from '@site/static/usage/v7/input/helper-error/index.md'; +import HelperError from '@site/static/usage/v8/input/helper-error/index.md'; @@ -108,13 +108,13 @@ Input Counterは、Inputの下に表示されるテキストで、入力可能 The `counter` and `counterFormatter` properties on `ion-item` were [deprecated in Ionic 7](/docs/api/input#using-the-modern-syntax) and should be used directly on `ion-input` instead. -import Counter from '@site/static/usage/v7/input/counter/index.md'; +import Counter from '@site/static/usage/v8/input/counter/index.md'; Inputs with a counter add a border between the input and the counter, therefore they should not be placed inside of an `ion-item` which adds an additional border under the item. The `ion-padding-start` class can be added to align the counter inputs with inputs inside of items. -import CounterAlignment from '@site/static/usage/v7/input/counter-alignment/index.md'; +import CounterAlignment from '@site/static/usage/v8/input/counter-alignment/index.md'; @@ -124,7 +124,7 @@ import CounterAlignment from '@site/static/usage/v7/input/counter-alignment/inde ステート変数に値を格納する場合、ステート変数と `ion-input` コンポーネントの値の両方を更新することを推奨します。これにより、状態変数と `ion-input` コンポーネントの値が確実に同期されます。 -import FilteringData from '@site/static/usage/v7/input/filtering/index.md'; +import FilteringData from '@site/static/usage/v8/input/filtering/index.md'; @@ -138,7 +138,7 @@ Maskitoを使い始めるには、ライブラリをインストールしてく npm install @maskito/core @maskito/{angular,react,vue} ``` -import Masking from '@site/static/usage/v7/input/mask/index.md'; +import Masking from '@site/static/usage/v8/input/mask/index.md'; @@ -170,7 +170,11 @@ import StartEndSlots from '@site/static/usage/v7/input/start-end-slots/index.md' `color`プロパティを設定すると、各Inputのカラーパレットが変更されます。 `ios`モードでは、このプロパティはキャレットカラーを変更します。 `md`モードでは、このプロパティはキャレットカラーとハイライト/アンダーラインカラーを変更します。 -import Colors from '@site/static/usage/v7/input/theming/colors/index.md'; +:::note +The `color` property does *not* change the text color of the input. For that, use the [`--color` CSS property](#css-custom-properties-1). +::: + +import Colors from '@site/static/usage/v8/input/theming/colors/index.md'; @@ -178,7 +182,7 @@ import Colors from '@site/static/usage/v7/input/theming/colors/index.md'; Inputはscoped encapsulationを採用しており、実行時に各スタイルに追加のクラスを付加することで、CSSを自動的にスコープ化します。CSSでscopedセレクタを上書きするには、[higher specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) セレクタが必要です。そのため、クラスを追加してカスタマイズすることをお勧めします。 -import CSSProps from '@site/static/usage/v7/input/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/input/theming/css-properties/index.md'; @@ -196,7 +200,7 @@ Ionic 7.0では、よりシンプルなInput構文が導入されました。こ 2. Input固有のプロパティを `ion-item` から `ion-input` に移動します。これには、`counter`、`counterFormatter`、`fill`、`shape`プロパティが含まれる。 3. `ion-item` の `helper` と `error` スロットの使用を削除し、代わりに `ion-input` の `helperText` と `errorText` プロパティを使用します。 -import Migration from '@site/static/usage/v7/input/migration/index.md'; +import Migration from '@site/static/usage/v8/input/migration/index.md'; diff --git a/docs/api/item-divider.md b/docs/api/item-divider.md index 41f3890ad59..6e83279a80f 100644 --- a/docs/api/item-divider.md +++ b/docs/api/item-divider.md @@ -1,12 +1,12 @@ --- title: "ion-item-divider" --- -import Props from '@ionic-internal/component-api/v7/item-divider/props.md'; -import Events from '@ionic-internal/component-api/v7/item-divider/events.md'; -import Methods from '@ionic-internal/component-api/v7/item-divider/methods.md'; -import Parts from '@ionic-internal/component-api/v7/item-divider/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/item-divider/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/item-divider/slots.md'; +import Props from '@ionic-internal/component-api/v8/item-divider/props.md'; +import Events from '@ionic-internal/component-api/v8/item-divider/events.md'; +import Methods from '@ionic-internal/component-api/v8/item-divider/methods.md'; +import Parts from '@ionic-internal/component-api/v8/item-divider/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/item-divider/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/item-divider/slots.md'; ion-item-divider: Item Divider Block Element for Ionic Apps @@ -23,7 +23,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/item-divider/basic/index.md'; +import Basic from '@site/static/usage/v8/item-divider/basic/index.md'; @@ -32,14 +32,14 @@ import Basic from '@site/static/usage/v7/item-divider/basic/index.md'; ### Colors -import Colors from '@site/static/usage/v7/item-divider/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/item-divider/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/item-divider/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/item-divider/theming/css-properties/index.md'; diff --git a/docs/api/item-group.md b/docs/api/item-group.md index 89ffdac16a0..bb9ff923aef 100644 --- a/docs/api/item-group.md +++ b/docs/api/item-group.md @@ -1,12 +1,12 @@ --- title: "ion-item-group" --- -import Props from '@ionic-internal/component-api/v7/item-group/props.md'; -import Events from '@ionic-internal/component-api/v7/item-group/events.md'; -import Methods from '@ionic-internal/component-api/v7/item-group/methods.md'; -import Parts from '@ionic-internal/component-api/v7/item-group/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/item-group/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/item-group/slots.md'; +import Props from '@ionic-internal/component-api/v8/item-group/props.md'; +import Events from '@ionic-internal/component-api/v8/item-group/events.md'; +import Methods from '@ionic-internal/component-api/v8/item-group/methods.md'; +import Parts from '@ionic-internal/component-api/v8/item-group/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/item-group/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/item-group/slots.md'; ion-item-group: Group Items to Divide into Multiple Sections @@ -20,13 +20,13 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/item-group/basic/index.md'; +import Basic from '@site/static/usage/v8/item-group/basic/index.md'; ## Sliding Items -import SlidingItems from '@site/static/usage/v7/item-group/sliding-items/index.md'; +import SlidingItems from '@site/static/usage/v8/item-group/sliding-items/index.md'; diff --git a/docs/api/item-option.md b/docs/api/item-option.md index 1bac85bd988..998df1e62f8 100644 --- a/docs/api/item-option.md +++ b/docs/api/item-option.md @@ -1,12 +1,12 @@ --- title: "ion-item-option" --- -import Props from '@ionic-internal/component-api/v7/item-option/props.md'; -import Events from '@ionic-internal/component-api/v7/item-option/events.md'; -import Methods from '@ionic-internal/component-api/v7/item-option/methods.md'; -import Parts from '@ionic-internal/component-api/v7/item-option/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/item-option/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/item-option/slots.md'; +import Props from '@ionic-internal/component-api/v8/item-option/props.md'; +import Events from '@ionic-internal/component-api/v8/item-option/events.md'; +import Methods from '@ionic-internal/component-api/v8/item-option/methods.md'; +import Parts from '@ionic-internal/component-api/v8/item-option/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/item-option/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/item-option/slots.md'; ion-item-option: Option Button for Sliding Item in Ionic diff --git a/docs/api/item-options.md b/docs/api/item-options.md index 7c103eb5d20..926cc52d4bd 100644 --- a/docs/api/item-options.md +++ b/docs/api/item-options.md @@ -1,12 +1,12 @@ --- title: "ion-item-options" --- -import Props from '@ionic-internal/component-api/v7/item-options/props.md'; -import Events from '@ionic-internal/component-api/v7/item-options/events.md'; -import Methods from '@ionic-internal/component-api/v7/item-options/methods.md'; -import Parts from '@ionic-internal/component-api/v7/item-options/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/item-options/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/item-options/slots.md'; +import Props from '@ionic-internal/component-api/v8/item-options/props.md'; +import Events from '@ionic-internal/component-api/v8/item-options/events.md'; +import Methods from '@ionic-internal/component-api/v8/item-options/methods.md'; +import Parts from '@ionic-internal/component-api/v8/item-options/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/item-options/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/item-options/slots.md'; ion-item-options: Option Button Components for Ionic Apps diff --git a/docs/api/item-sliding.md b/docs/api/item-sliding.md index a642f839a46..136d046329a 100644 --- a/docs/api/item-sliding.md +++ b/docs/api/item-sliding.md @@ -1,12 +1,12 @@ --- title: "ion-item-sliding" --- -import Props from '@ionic-internal/component-api/v7/item-sliding/props.md'; -import Events from '@ionic-internal/component-api/v7/item-sliding/events.md'; -import Methods from '@ionic-internal/component-api/v7/item-sliding/methods.md'; -import Parts from '@ionic-internal/component-api/v7/item-sliding/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/item-sliding/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/item-sliding/slots.md'; +import Props from '@ionic-internal/component-api/v8/item-sliding/props.md'; +import Events from '@ionic-internal/component-api/v8/item-sliding/events.md'; +import Methods from '@ionic-internal/component-api/v8/item-sliding/methods.md'; +import Parts from '@ionic-internal/component-api/v8/item-sliding/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/item-sliding/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/item-sliding/slots.md'; ion-item-sliding: Slide Buttons | Slide Right to Left @@ -23,7 +23,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; スライドアイテムのオプションは、デフォルトではアイテムの `"end"` 側に配置されます。つまり、LTRでは右から左へ、RTLでは左から右へスワイプすると、オプションが表示されます。反対側に配置し、反対方向にスワイプしたときに表示されるようにするには、 [item options](./item-options) 要素の side 属性を `"start"` に設定します。アイテムオプションは最大2つまで同時に使用することができ、スワイプの方向によって2つの異なるオプションを表示させることができます。 -import Basic from '@site/static/usage/v7/item-sliding/basic/index.md'; +import Basic from '@site/static/usage/v8/item-sliding/basic/index.md'; @@ -32,7 +32,7 @@ import Basic from '@site/static/usage/v7/item-sliding/basic/index.md'; [アイテムオプション](./item-option) でアイコンをテキストと一緒に配置すると、デフォルトでテキストの上にアイコンを表示します。アイコンのスロットは、利用可能な [アイテムオプションスロット](./item-option#slots) に変更することで位置を変更することが可能です。 -import Icons from '@site/static/usage/v7/item-sliding/icons/index.md'; +import Icons from '@site/static/usage/v8/item-sliding/icons/index.md'; @@ -41,7 +41,7 @@ import Icons from '@site/static/usage/v7/item-sliding/icons/index.md'; オプションは、スワイプがあるポイントを超えると、親となる `ion-item` の幅いっぱいに展開されます。これは、[item options](./item-options) の `ionSwipe` イベントと組み合わせることで、アイテムが完全にスワイプされたときにメソッドを呼び出すことができます。 -import Expandable from '@site/static/usage/v7/item-sliding/expandable/index.md'; +import Expandable from '@site/static/usage/v8/item-sliding/expandable/index.md'; diff --git a/docs/api/item.md b/docs/api/item.md index a4d790cec63..1a867aedfd1 100644 --- a/docs/api/item.md +++ b/docs/api/item.md @@ -1,12 +1,12 @@ --- title: "ion-item" --- -import Props from '@ionic-internal/component-api/v7/item/props.md'; -import Events from '@ionic-internal/component-api/v7/item/events.md'; -import Methods from '@ionic-internal/component-api/v7/item/methods.md'; -import Parts from '@ionic-internal/component-api/v7/item/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/item/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/item/slots.md'; +import Props from '@ionic-internal/component-api/v8/item/props.md'; +import Events from '@ionic-internal/component-api/v8/item/events.md'; +import Methods from '@ionic-internal/component-api/v8/item/methods.md'; +import Parts from '@ionic-internal/component-api/v8/item/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/item/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/item/slots.md'; import useBaseUrl from '@docusaurus/useBaseUrl'; import BestPracticeFigure from '@components/global/BestPracticeFigure'; @@ -27,7 +27,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; アイテムはテキストを左寄せにし、テキストがアイテムより幅が広い場合は省略記号を追加しています。この動作は、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'; +import Basic from '@site/static/usage/v8/item/basic/index.md'; @@ -52,7 +52,7 @@ import Basic from '@site/static/usage/v7/item/basic/index.md'; 下の例では、ビジュアルをサポートする2つのリストを作成しています。最初のリストはアイコンを使い、2番目のリストはアバターを使います。ビジュアルは装飾的なものなので、すべて `aria-hidden="true"` を指定しています。さらに、これらは `start` スロットで一貫して表示されます。 -import SupportingVisuals from '@site/static/usage/v7/item/content-types/supporting-visuals/index.md'; +import SupportingVisuals from '@site/static/usage/v8/item/content-types/supporting-visuals/index.md'; @@ -74,7 +74,7 @@ import SupportingVisuals from '@site/static/usage/v7/item/content-types/supporti そのリストの下には、 [Note](./note) の下に長いテキストを含むtextareaを含む別のリストがあります。textareaは、長いテキストが他のフィールドではなく、textareaに関連付けられていることを明らかにするために、それ自身のリストに配置されました。 -import Text from '@site/static/usage/v7/item/content-types/text/index.md'; +import Text from '@site/static/usage/v8/item/content-types/text/index.md'; @@ -102,7 +102,7 @@ import Text from '@site/static/usage/v7/item/content-types/text/index.md'; つ目のリストは、iOSのメールアプリを真似て受信トレイを表示しています。このリストでは、"開始"スロットに "未読メッセージ"インジケータ、"終了"スロットにタイムスタンプとカスタム詳細アイコンを含むカスタムメタデータを使用しています。"未読メッセージ"インジケータは、未読メッセージにユーザーの注意を引くために青くハイライトされ、タイムスタンプはより控えめです。 -import Metadata from '@site/static/usage/v7/item/content-types/metadata/index.md'; +import Metadata from '@site/static/usage/v8/item/content-types/metadata/index.md'; @@ -122,7 +122,7 @@ import Metadata from '@site/static/usage/v7/item/content-types/metadata/index.md 下の例では、連絡先のリストを作成しています。各項目は、その項目の完全な連絡先ページに移動するためのスタブボタンです。各項目には、ユーザーが項目をスワイプすることで表示できる追加アクションがあります。 -import Actions from '@site/static/usage/v7/item/content-types/actions/index.md'; +import Actions from '@site/static/usage/v8/item/content-types/actions/index.md'; @@ -156,7 +156,7 @@ import Actions from '@site/static/usage/v7/item/content-types/actions/index.md'; 以下の例では、ToDoタスクのリストを作成しています。それぞれの項目にはチェックボックスと入力があります。チェックボックスはユーザーがタスクを完了としてマークできるようにし、入力はユーザーがタスクの名前を変更できるようにします。 -import Controls from '@site/static/usage/v7/item/content-types/controls/index.md'; +import Controls from '@site/static/usage/v8/item/content-types/controls/index.md'; @@ -165,7 +165,7 @@ import Controls from '@site/static/usage/v7/item/content-types/controls/index.md `href` か `button` プロパティが設定されている場合、itemは "clickable（クリック可能）" と見なされます。clickableなitemsには、インタラクティブに操作できることを示す視覚的な違いがいくつかあります。たとえば、clickableなitemは、`md` modeではrippleエフェクトを持ち、`ios` modeではハイライト表示され、`ios` modeでの [detail arrow](/#detail-arrows) が表示されます。 -import Clickable from '@site/static/usage/v7/item/clickable/index.md'; +import Clickable from '@site/static/usage/v8/item/clickable/index.md'; @@ -174,7 +174,7 @@ import Clickable from '@site/static/usage/v7/item/clickable/index.md'; デフォルトでは、[clickableなitems](/#clickable-items) は、`ios` modeで右矢印アイコンを表示します。clickableな要素の右矢印アイコンを非表示にするには、 `detail` プロパティを `false` に設定します。自動的に表示されない項目に右矢印アイコンを表示するには、`detail`プロパティを `true` に設定します。 -import DetailArrows from '@site/static/usage/v7/item/detail-arrows/index.md'; +import DetailArrows from '@site/static/usage/v8/item/detail-arrows/index.md'; @@ -198,7 +198,7 @@ See the [theming documentation](/docs/theming/css-variables) for more informatio アイテムはデフォルトで下部のボーダーを挿入して表示します。ボーダーは左側にパディングを持ち、 `"start"` スロットにスロットされたコンテンツの下に表示されることはありません。 `lines` プロパティを `"full"` または `"none"` に変更すると、それぞれ全幅のボーダーが表示され、ボーダーを表示しないようになります。 -import Lines from '@site/static/usage/v7/item/lines/index.md'; +import Lines from '@site/static/usage/v8/item/lines/index.md'; @@ -206,13 +206,13 @@ import Lines from '@site/static/usage/v7/item/lines/index.md'; Buttonsは、アイテムの外側にあるときよりも、アイテムの内側にあるときの方が小さくスタイルされます。ボタンのサイズをアイテムの外側のボタンと同じにするには、`size`属性に`"default"`を設定します。 -import Buttons from '@site/static/usage/v7/item/buttons/index.md'; +import Buttons from '@site/static/usage/v8/item/buttons/index.md'; ## Item Inputs -import Inputs from '@site/static/usage/v7/item/inputs/index.md'; +import Inputs from '@site/static/usage/v8/item/inputs/index.md'; @@ -220,19 +220,19 @@ import Inputs from '@site/static/usage/v7/item/inputs/index.md'; ### Colors -import Colors from '@site/static/usage/v7/item/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/item/theming/colors/index.md'; ### CSS Shadow Parts -import CSSParts from '@site/static/usage/v7/item/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v8/item/theming/css-shadow-parts/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/item/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/item/theming/css-properties/index.md'; diff --git a/docs/api/label.md b/docs/api/label.md index c031dfe567a..39310a8de05 100644 --- a/docs/api/label.md +++ b/docs/api/label.md @@ -1,12 +1,12 @@ --- title: "ion-label" --- -import Props from '@ionic-internal/component-api/v7/label/props.md'; -import Events from '@ionic-internal/component-api/v7/label/events.md'; -import Methods from '@ionic-internal/component-api/v7/label/methods.md'; -import Parts from '@ionic-internal/component-api/v7/label/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/label/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/label/slots.md'; +import Props from '@ionic-internal/component-api/v8/label/props.md'; +import Events from '@ionic-internal/component-api/v8/label/events.md'; +import Methods from '@ionic-internal/component-api/v8/label/methods.md'; +import Parts from '@ionic-internal/component-api/v8/label/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/label/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/label/slots.md'; ion-label: Item Label Color and Properties for Applications @@ -23,13 +23,13 @@ The position of the label inside of an item can be inline, fixed, stacked, or fl ## 基本的な使い方 -import Basic from '@site/static/usage/v7/label/basic/index.md'; +import Basic from '@site/static/usage/v8/label/basic/index.md'; ## Item Labels -import Item from '@site/static/usage/v7/label/item/index.md'; +import Item from '@site/static/usage/v8/label/item/index.md'; @@ -37,7 +37,7 @@ import Item from '@site/static/usage/v7/label/item/index.md'; ### Colors -import Colors from '@site/static/usage/v7/label/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/label/theming/colors/index.md'; diff --git a/docs/api/list-header.md b/docs/api/list-header.md index 5af4f78c8b2..c8adf1d4b5c 100644 --- a/docs/api/list-header.md +++ b/docs/api/list-header.md @@ -1,12 +1,12 @@ --- title: "ion-list-header" --- -import Props from '@ionic-internal/component-api/v7/list-header/props.md'; -import Events from '@ionic-internal/component-api/v7/list-header/events.md'; -import Methods from '@ionic-internal/component-api/v7/list-header/methods.md'; -import Parts from '@ionic-internal/component-api/v7/list-header/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/list-header/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/list-header/slots.md'; +import Props from '@ionic-internal/component-api/v8/list-header/props.md'; +import Events from '@ionic-internal/component-api/v8/list-header/events.md'; +import Methods from '@ionic-internal/component-api/v8/list-header/methods.md'; +import Parts from '@ionic-internal/component-api/v8/list-header/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/list-header/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/list-header/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; @@ -17,7 +17,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/list-header/basic/index.md'; +import Basic from '@site/static/usage/v8/list-header/basic/index.md'; @@ -26,7 +26,7 @@ import Basic from '@site/static/usage/v7/list-header/basic/index.md'; リストのヘッダーに [button](./button) を配置すると、リストの一部を表示し、ボタンで全リストにリダイレクトするのに便利です。 -import Buttons from '@site/static/usage/v7/list-header/buttons/index.md'; +import Buttons from '@site/static/usage/v8/list-header/buttons/index.md'; @@ -35,7 +35,7 @@ import Buttons from '@site/static/usage/v7/list-header/buttons/index.md'; リストヘッダーは、デフォルトでは下部のボーダーが表示されません。 `lines` プロパティを `"full"` または `"inset"` に変更すると、それぞれ全幅のボーダーまたは左paddingを伴う挿入ボーダーが表示されます。 -import Lines from '@site/static/usage/v7/list-header/lines/index.md'; +import Lines from '@site/static/usage/v8/list-header/lines/index.md'; @@ -43,13 +43,13 @@ import Lines from '@site/static/usage/v7/list-header/lines/index.md'; ### Colors -import Colors from '@site/static/usage/v7/list-header/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/list-header/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/list-header/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/list-header/theming/css-properties/index.md'; diff --git a/docs/api/list.md b/docs/api/list.md index dd788ff02cc..ec643ea1e1d 100644 --- a/docs/api/list.md +++ b/docs/api/list.md @@ -1,12 +1,12 @@ --- title: "ion-list" --- -import Props from '@ionic-internal/component-api/v7/list/props.md'; -import Events from '@ionic-internal/component-api/v7/list/events.md'; -import Methods from '@ionic-internal/component-api/v7/list/methods.md'; -import Parts from '@ionic-internal/component-api/v7/list/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/list/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/list/slots.md'; +import Props from '@ionic-internal/component-api/v8/list/props.md'; +import Events from '@ionic-internal/component-api/v8/list/events.md'; +import Methods from '@ionic-internal/component-api/v8/list/methods.md'; +import Parts from '@ionic-internal/component-api/v8/list/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/list/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/list/slots.md'; ion-list: Item List View Component for iOS and Android Apps @@ -23,7 +23,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/list/basic/index.md'; +import Basic from '@site/static/usage/v8/list/basic/index.md'; @@ -32,7 +32,7 @@ import Basic from '@site/static/usage/v7/list/basic/index.md'; リストに `inset` プロパティを追加すると、リストの周囲にマージンが適用されます。また、`ios`モードでは、リストに角丸が追加されます。 -import Inset from '@site/static/usage/v7/list/inset/index.md'; +import Inset from '@site/static/usage/v8/list/inset/index.md'; @@ -41,7 +41,7 @@ import Inset from '@site/static/usage/v7/list/inset/index.md'; リストに `lines` プロパティを追加すると、リスト内のすべてのアイテムの下側のボーダーを調整することができます。 `"full"`に設定すると全幅のボーダーが表示され、`"inset"`に設定すると左paddingで調整されたボーダーが表示され、`none"`に設定するとボーダーが表示されません。リスト内のアイテムに `lines` プロパティが設定されている場合は、リスト上のプロパティよりもそちらが優先されます。 -import Lines from '@site/static/usage/v7/list/lines/index.md'; +import Lines from '@site/static/usage/v8/list/lines/index.md'; diff --git a/docs/api/loading.md b/docs/api/loading.md index 3c0d5a9cac4..bbaef70c410 100644 --- a/docs/api/loading.md +++ b/docs/api/loading.md @@ -1,12 +1,12 @@ --- title: "ion-loading" --- -import Props from '@ionic-internal/component-api/v7/loading/props.md'; -import Events from '@ionic-internal/component-api/v7/loading/events.md'; -import Methods from '@ionic-internal/component-api/v7/loading/methods.md'; -import Parts from '@ionic-internal/component-api/v7/loading/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/loading/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/loading/slots.md'; +import Props from '@ionic-internal/component-api/v8/loading/props.md'; +import Events from '@ionic-internal/component-api/v8/loading/events.md'; +import Methods from '@ionic-internal/component-api/v8/loading/methods.md'; +import Parts from '@ionic-internal/component-api/v8/loading/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/loading/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/loading/slots.md'; ion-loading: Loading | Application Loading Indicator Overlay @@ -28,13 +28,13 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ### インラインロード (推奨) -import Inline from '@site/static/usage/v7/loading/inline/index.md'; +import Inline from '@site/static/usage/v8/loading/inline/index.md'; ### Controller -import Controller from '@site/static/usage/v7/loading/controller/index.md'; +import Controller from '@site/static/usage/v8/loading/controller/index.md'; @@ -44,7 +44,7 @@ import Controller from '@site/static/usage/v7/loading/controller/index.md'; 使用するスピナーは `spinner` プロパティを使用してカスタマイズすることができます。オプションの完全なリストは [spinner property documentation](#spinner) を参照してください。 -import Spinners from '@site/static/usage/v7/loading/spinners/index.md'; +import Spinners from '@site/static/usage/v8/loading/spinners/index.md'; @@ -54,7 +54,7 @@ Loading は scoped encapsulation を使用しています。これは、実行 カスタムクラスを渡して、それを使ってホストと内部要素にカスタムスタイルを追加することをお勧めします。 -import Theming from '@site/static/usage/v7/loading/theming/index.md'; +import Theming from '@site/static/usage/v8/loading/theming/index.md'; diff --git a/docs/api/menu-button.md b/docs/api/menu-button.md index fcd8e8ab163..fbf1775c88b 100644 --- a/docs/api/menu-button.md +++ b/docs/api/menu-button.md @@ -1,12 +1,12 @@ --- title: "ion-menu-button" --- -import Props from '@ionic-internal/component-api/v7/menu-button/props.md'; -import Events from '@ionic-internal/component-api/v7/menu-button/events.md'; -import Methods from '@ionic-internal/component-api/v7/menu-button/methods.md'; -import Parts from '@ionic-internal/component-api/v7/menu-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/menu-button/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/menu-button/slots.md'; +import Props from '@ionic-internal/component-api/v8/menu-button/props.md'; +import Events from '@ionic-internal/component-api/v8/menu-button/events.md'; +import Methods from '@ionic-internal/component-api/v8/menu-button/methods.md'; +import Parts from '@ionic-internal/component-api/v8/menu-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/menu-button/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/menu-button/slots.md'; ion-menu-button: Menu Button to Open an App Menu on a Page diff --git a/docs/api/menu-toggle.md b/docs/api/menu-toggle.md index ef1075a7818..bbfef5c16b8 100644 --- a/docs/api/menu-toggle.md +++ b/docs/api/menu-toggle.md @@ -1,12 +1,12 @@ --- title: "ion-menu-toggle" --- -import Props from '@ionic-internal/component-api/v7/menu-toggle/props.md'; -import Events from '@ionic-internal/component-api/v7/menu-toggle/events.md'; -import Methods from '@ionic-internal/component-api/v7/menu-toggle/methods.md'; -import Parts from '@ionic-internal/component-api/v7/menu-toggle/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/menu-toggle/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/menu-toggle/slots.md'; +import Props from '@ionic-internal/component-api/v8/menu-toggle/props.md'; +import Events from '@ionic-internal/component-api/v8/menu-toggle/events.md'; +import Methods from '@ionic-internal/component-api/v8/menu-toggle/methods.md'; +import Parts from '@ionic-internal/component-api/v8/menu-toggle/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/menu-toggle/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/menu-toggle/slots.md'; ion-menu-toggle: MenuToggle Component to Open/Close Menus diff --git a/docs/api/menu.md b/docs/api/menu.md index 4abd4c1a067..5d331375aaf 100644 --- a/docs/api/menu.md +++ b/docs/api/menu.md @@ -1,12 +1,12 @@ --- title: "ion-menu" --- -import Props from '@ionic-internal/component-api/v7/menu/props.md'; -import Events from '@ionic-internal/component-api/v7/menu/events.md'; -import Methods from '@ionic-internal/component-api/v7/menu/methods.md'; -import Parts from '@ionic-internal/component-api/v7/menu/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/menu/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/menu/slots.md'; +import Props from '@ionic-internal/component-api/v8/menu/props.md'; +import Events from '@ionic-internal/component-api/v8/menu/events.md'; +import Methods from '@ionic-internal/component-api/v8/menu/methods.md'; +import Parts from '@ionic-internal/component-api/v8/menu/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/menu/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/menu/slots.md'; ion-menu: API Framework Docs for Types of Menu Components @@ -24,7 +24,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/menu/basic/index.md'; +import Basic from '@site/static/usage/v8/menu/basic/index.md'; @@ -33,7 +33,7 @@ import Basic from '@site/static/usage/v7/menu/basic/index.md'; [menu toggle](./menu-toggle) コンポーネントを使用して、メニューを開いたり閉じたりするカスタムボタンを作成することができます。 -import MenuToggle from '@site/static/usage/v7/menu/toggle/index.md'; +import MenuToggle from '@site/static/usage/v8/menu/toggle/index.md'; @@ -42,7 +42,7 @@ import MenuToggle from '@site/static/usage/v7/menu/toggle/index.md'; `type`プロパティは、アプリケーションでのメニューの表示方法をカスタマイズするために使用することができます。 -import MenuType from '@site/static/usage/v7/menu/type/index.md'; +import MenuType from '@site/static/usage/v8/menu/type/index.md'; @@ -53,7 +53,7 @@ import MenuType from '@site/static/usage/v7/menu/type/index.md'; アプリ内で両サイドのメニューが必要な場合、 `MenuController` の `open` メソッドに `side` の値を渡すことでメニューを開くことができます。sideが指定されない場合は、`"start"`側のメニューが開かれる。MenuController` を使用した例については、下記の [複数メニュー](#multiple-menus) セクションを参照ください。 -import Sides from '@site/static/usage/v7/menu/sides/index.md'; +import Sides from '@site/static/usage/v8/menu/sides/index.md'; @@ -62,7 +62,7 @@ import Sides from '@site/static/usage/v7/menu/sides/index.md'; 同じサイドに複数のメニューが存在する場合、サイドではなくIDで参照する必要があります。そうしないと、間違ったメニューがアクティブになる可能性がある。 -import Multiple from '@site/static/usage/v7/menu/multiple/index.md'; +import Multiple from '@site/static/usage/v8/menu/multiple/index.md'; @@ -71,7 +71,7 @@ import Multiple from '@site/static/usage/v7/menu/multiple/index.md'; ### CSS Shadow Parts -import Theming from '@site/static/usage/v7/menu/theming/index.md'; +import Theming from '@site/static/usage/v8/menu/theming/index.md'; diff --git a/docs/api/modal.md b/docs/api/modal.md index c1feffe3490..806ff47d24e 100644 --- a/docs/api/modal.md +++ b/docs/api/modal.md @@ -1,12 +1,12 @@ --- title: "ion-modal" --- -import Props from '@ionic-internal/component-api/v7/modal/props.md'; -import Events from '@ionic-internal/component-api/v7/modal/events.md'; -import Methods from '@ionic-internal/component-api/v7/modal/methods.md'; -import Parts from '@ionic-internal/component-api/v7/modal/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/modal/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/modal/slots.md'; +import Props from '@ionic-internal/component-api/v8/modal/props.md'; +import Events from '@ionic-internal/component-api/v8/modal/events.md'; +import Methods from '@ionic-internal/component-api/v8/modal/methods.md'; +import Parts from '@ionic-internal/component-api/v8/modal/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/modal/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/modal/slots.md'; ion-modal: Ionic Mobile App Custom Modal API Component @@ -27,7 +27,7 @@ Modalは、アプリのコンテンツの上に表示されるダイアログで Angular、React、Vue で `ion-modal` を使用する場合、渡されたコンポーネントはモーダルが解除されると破棄されます。この機能は JavaScript フレームワークによって提供されるので、JavaScript フレームワークなしで `ion-modal` を使用しても、渡されたコンポーネントは破棄されません。この機能が必要な場合は、代わりに `modalController` を使用することをお勧めします。 -import InlineModalTriggerExample from '@site/static/usage/v7/modal/inline/basic/index.md'; +import InlineModalTriggerExample from '@site/static/usage/v8/modal/inline/basic/index.md'; @@ -37,7 +37,7 @@ import InlineModalTriggerExample from '@site/static/usage/v7/modal/inline/basic/ `isOpen` は一方向のデータバインディングを使用します。つまり、モーダルが解除されたときに自動的に `false` にセットされることはありません。開発者は `ionModalDidDismiss` または `didDismiss` イベントを監視して、 `isOpen` を `false` に設定する必要があります。この理由は、`ion-modal` の内部がアプリケーションの状態と密に結合するのを防ぐためである。一方通行のデータバインディングでは、モーダルはリアクティブ変数が提供するboolean値だけを気にすればいいです。双方向のデータバインディングでは、モーダルはboolean値とリアクティブ変数の存在の両方を考慮する必要があります。これは、非決定的な動作につながり、アプリケーションのデバッグを困難にします。 -import InlineModalIsOpenExample from '@site/static/usage/v7/modal/inline/is-open/index.md'; +import InlineModalIsOpenExample from '@site/static/usage/v8/modal/inline/is-open/index.md'; @@ -45,7 +45,7 @@ import InlineModalIsOpenExample from '@site/static/usage/v7/modal/inline/is-open `ModalController` を使用すると、開発者はプログラムによって `ion-modal` を表示させることができます。開発者は、モーダルの表示と非表示を完全に制御することができます。 -import ControllerExample from '@site/static/usage/v7/modal/controller/index.md'; +import ControllerExample from '@site/static/usage/v8/modal/controller/index.md'; @@ -65,7 +65,7 @@ canDismiss`プロパティの使用方法には、boolean値の設定とコー boolean値を設定するのは、モーダルが終了する前に特定のアクションを実行する必要がある場合に使用する必要があります。たとえば、開発者がモーダルを閉じる前に "利用規約" チェックボックスをチェックすることを要求したい場合、最初は `canDismiss` を `false` に設定し、チェックボックスがチェックされたら `true` に更新することが可能です。 -import CanDismissBooleanExample from '@site/static/usage/v7/modal/can-dismiss/boolean/index.md'; +import CanDismissBooleanExample from '@site/static/usage/v8/modal/can-dismiss/boolean/index.md'; @@ -77,7 +77,7 @@ import CanDismissBooleanExample from '@site/static/usage/v7/modal/can-dismiss/bo コールバック関数を設定すると、カードまたはシートモーダルの使用時にスワイプジェスチャが中断されることに注意してください。これは、Ionicが、あなたのコールバック関数が何を解決するか事前に知らないためです。 -import CanDismissFunctionExample from '@site/static/usage/v7/modal/can-dismiss/function/index.md'; +import CanDismissFunctionExample from '@site/static/usage/v8/modal/can-dismiss/function/index.md'; @@ -85,7 +85,7 @@ import CanDismissFunctionExample from '@site/static/usage/v7/modal/can-dismiss/f 開発者は、ユーザがスワイプしてカードやシートのモーダルを閉じないようにしたい場合があります。これは `canDismiss` にコールバック関数を設定し、`role` が `gesture` でないかチェックすることで実現できます。 -import CanDismissPreventSwipeToCloseExample from '@site/static/usage/v7/modal/can-dismiss/prevent-swipe-to-close/index.md'; +import CanDismissPreventSwipeToCloseExample from '@site/static/usage/v8/modal/can-dismiss/prevent-swipe-to-close/index.md'; @@ -97,13 +97,11 @@ import CanDismissPreventSwipeToCloseExample from '@site/static/usage/v7/modal/ca 以下は、子コンポーネントが親コンポーネントとどのように通信して `canDismiss` コールバックを変更できるかを示す簡単な例です： -import CanDismissChildStateExample from '@site/static/usage/v7/modal/can-dismiss/child-state/index.md'; +import CanDismissChildStateExample from '@site/static/usage/v8/modal/can-dismiss/child-state/index.md'; - -## モーダルの種類 -### Card Modal +## Card Modal 開発者は、アプリのメインコンテンツの上にカードが積み重なったようにモーダルが表示されるカードモーダルエフェクトを作成できます。カードモーダルを作成するには、開発者は `ion-modal` に `presentingElement` プロパティを設定する必要があります。 @@ -115,13 +113,17 @@ import CanDismissChildStateExample from '@site/static/usage/v7/modal/can-dismiss The card display style is only available on iOS. ::: -import CardExample from '@site/static/usage/v7/modal/card/basic/index.md'; +import CardExample from '@site/static/usage/v8/modal/card/basic/index.md'; -### シートモーダル +## Sheet Modal + +:::info +[Content](./content) should be used inside of the sheet modal if you want your modal content to be scrollable. +::: -マップアプリのドロワーコンポーネントに似たシートモーダルエフェクトを作成します。シートモーダルを作成するには、`ion-modal` に `breakpoints` と `initialBreakpoint` プロパティを設定する必要があります。 +開発者は、マップアプリケーションで利用可能なドロワーコンポーネントに似たシートモーダルエフェクトを作成することができます。シートモーダルを作成するには、`ion-modal` の `breakpoints` プロパティと `initialBreakpoint` プロパティを設定する必要があります。 `breakpoints`プロパティには、スワイプしたときにシートがスナップすることができる各ブレークポイントを示す配列が渡されます。 `breakpoints` プロパティが `[0, 0.5, 1]` の場合、シートをスワイプすると、モーダルの 0%、50%、100%を表示することができることを示します。モーダルが0%にスワイプされると、モーダルは自動的にディスクローズされます。 `0` ブレークポイントが含まれていない場合、スワイプ時にモーダルを解除することはできませんが、`Esc` またはハードウェアの戻るボタンを押すことで解除することができることに注意してください。 @@ -129,27 +131,31 @@ import CardExample from '@site/static/usage/v7/modal/card/basic/index.md'; `backdropBreakpoint` プロパティは、 `ion-backdrop` がフェードインし始めるポイントをカスタマイズするために使用することができます。これは、シートの下にインタラクティブなコンテンツがあるようなインタフェースを作成する際に便利です。よくある使用例としては、シートが完全に展開されるまでマップがインタラクティブになるような、マップをオーバーレイするシートモーダルです。 -import SheetExample from '@site/static/usage/v7/modal/sheet/basic/index.md'; +import SheetExample from '@site/static/usage/v8/modal/sheet/basic/index.md'; -#### 背景コンテンツとのインタラクション +### 背景コンテンツとのインタラクション -import SheetBackgroundContentExample from '@site/static/usage/v7/modal/sheet/background-content/index.md'; +import SheetBackgroundContentExample from '@site/static/usage/v8/modal/sheet/background-content/index.md'; -#### 自動の高さのシート +### 任意の高さのシート + +Developers should use the `--height` CSS Variable to change the height of the sheet modal instead of changing the last breakpoint in the `breakpoints` array. The reason for this is changing the last breakpoint in the `breakpoints` array to a value less than `1` will cause some of the modal to be inaccessible outside of the viewport. + +The following example shows how to get a sheet modal that is automatically sized based on its content. Note that by keeping the maximum breakpoint at `1` we ensure that the entire modal is accessible in the viewport. -import SheetAutoHeightExample from '@site/static/usage/v7/modal/sheet/auto-height/index.md'; +import SheetAutoHeightExample from '@site/static/usage/v8/modal/sheet/auto-height/index.md'; -#### ハンドルの動作 +### ハンドルの動作 シートモーダルでは、ブレークポイント間でシートをドラッグするために使用されるハンドルインジケータをオプションでレンダリングすることができます。 `handleBehavior` プロパティは、ハンドルがユーザーによってアクティブにされたときの振る舞いを設定するために使用されます。 -import SheetHandleBehaviorExample from '@site/static/usage/v7/modal/sheet/handle-behavior/index.md'; +import SheetHandleBehaviorExample from '@site/static/usage/v8/modal/sheet/handle-behavior/index.md'; @@ -173,7 +179,7 @@ ion-modal.stack-modal { } ``` -import ThemeExample from '@site/static/usage/v7/modal/styling/theming/index.md'; +import ThemeExample from '@site/static/usage/v8/modal/styling/theming/index.md'; @@ -181,7 +187,7 @@ import ThemeExample from '@site/static/usage/v7/modal/styling/theming/index.md'; アニメーションビルダーを使用し、`enterAnimation` と `leaveAnimation` にアニメーションを割り当てることで、表示時、非表示時のアニメーションをカスタマイズすることができます。 -import AnimationsExample from '@site/static/usage/v7/modal/styling/animations/index.md'; +import AnimationsExample from '@site/static/usage/v8/modal/styling/animations/index.md'; @@ -189,7 +195,7 @@ import AnimationsExample from '@site/static/usage/v7/modal/styling/animations/in `ion-modal`は、フルページビュー、カード、シートに使用されることが多いですが、カスタムダイアログに使用することも可能です。これは、[ion-alert](./alert)や[ion-loading](./loading)などのコンポーネントが提供するものより複雑なインターフェースを必要とする開発者に便利です。 -import CustomDialogs from '@site/static/usage/v7/modal/custom-dialogs/index.md'; +import CustomDialogs from '@site/static/usage/v8/modal/custom-dialogs/index.md'; @@ -278,7 +284,7 @@ See https://w3c.github.io/aria/#aria-modal for more information. インラインの `ion-modal` のコンテンツは、閉じられるとアンマウントされます。このコンテンツがレンダリングに時間がかかる場合、開発者は `keepContentsMounted` プロパティを使用して、モーダルがマウントされると同時にコンテンツをマウントすることができます。これにより、モーダルが開かれたときにインナー コンテンツがすでにマウントされているので、アプリケーションの応答性を最適化することができます。 -import Mount from '@site/static/usage/v7/modal/performance/mount/index.md'; +import Mount from '@site/static/usage/v8/modal/performance/mount/index.md'; diff --git a/docs/api/nav-link.md b/docs/api/nav-link.md index edbda33fe17..882d5276ff7 100644 --- a/docs/api/nav-link.md +++ b/docs/api/nav-link.md @@ -1,12 +1,12 @@ --- title: "ion-nav-link" --- -import Props from '@ionic-internal/component-api/v7/nav-link/props.md'; -import Events from '@ionic-internal/component-api/v7/nav-link/events.md'; -import Methods from '@ionic-internal/component-api/v7/nav-link/methods.md'; -import Parts from '@ionic-internal/component-api/v7/nav-link/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/nav-link/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/nav-link/slots.md'; +import Props from '@ionic-internal/component-api/v8/nav-link/props.md'; +import Events from '@ionic-internal/component-api/v8/nav-link/events.md'; +import Methods from '@ionic-internal/component-api/v8/nav-link/methods.md'; +import Parts from '@ionic-internal/component-api/v8/nav-link/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/nav-link/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/nav-link/slots.md'; ion-nav-link: Navigation Links to a Specified Component diff --git a/docs/api/nav.md b/docs/api/nav.md index e5cf20444fc..9811ba89ba7 100644 --- a/docs/api/nav.md +++ b/docs/api/nav.md @@ -1,12 +1,12 @@ --- title: "ion-nav" --- -import Props from '@ionic-internal/component-api/v7/nav/props.md'; -import Events from '@ionic-internal/component-api/v7/nav/events.md'; -import Methods from '@ionic-internal/component-api/v7/nav/methods.md'; -import Parts from '@ionic-internal/component-api/v7/nav/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/nav/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/nav/slots.md'; +import Props from '@ionic-internal/component-api/v8/nav/props.md'; +import Events from '@ionic-internal/component-api/v8/nav/events.md'; +import Methods from '@ionic-internal/component-api/v8/nav/methods.md'; +import Parts from '@ionic-internal/component-api/v8/nav/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/nav/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/nav/slots.md'; ion-nav: Nav View Component for Ionic Framework Apps @@ -29,7 +29,7 @@ Router Outletとは異なり、Navは特定のルーターに縛られること NavLinkは、Navと対話する際の簡略化されたAPIです。開発者は、コンポーネントをカスタマイズしたり、コンポーネントのプロパティを渡したり、ルートアニメーションの方向を変更したり、ナビゲート時のカスタムアニメーションを定義したりすることができます。 -import NavLinkExample from '@site/static/usage/v7/nav/nav-link/index.md'; +import NavLinkExample from '@site/static/usage/v8/nav/nav-link/index.md'; diff --git a/docs/api/note.md b/docs/api/note.md index 22ba5850db2..fc37ca84bee 100644 --- a/docs/api/note.md +++ b/docs/api/note.md @@ -1,12 +1,12 @@ --- title: "ion-note" --- -import Props from '@ionic-internal/component-api/v7/note/props.md'; -import Events from '@ionic-internal/component-api/v7/note/events.md'; -import Methods from '@ionic-internal/component-api/v7/note/methods.md'; -import Parts from '@ionic-internal/component-api/v7/note/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/note/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/note/slots.md'; +import Props from '@ionic-internal/component-api/v8/note/props.md'; +import Events from '@ionic-internal/component-api/v8/note/events.md'; +import Methods from '@ionic-internal/component-api/v8/note/methods.md'; +import Parts from '@ionic-internal/component-api/v8/note/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/note/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/note/slots.md'; ion-note: Note Text Elements for iOS and Android Ionic Apps @@ -21,13 +21,13 @@ Noteは、一般的に詳細情報を提供するサブタイトルとして使 ## 基本的な使い方 -import Basic from '@site/static/usage/v7/note/basic/index.md'; +import Basic from '@site/static/usage/v8/note/basic/index.md'; ## Item Notes -import Item from '@site/static/usage/v7/note/item/index.md'; +import Item from '@site/static/usage/v8/note/item/index.md'; @@ -35,13 +35,13 @@ import Item from '@site/static/usage/v7/note/item/index.md'; ### Colors -import Colors from '@site/static/usage/v7/note/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/note/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/note/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/note/theming/css-properties/index.md'; diff --git a/docs/api/picker-column-option.md b/docs/api/picker-column-option.md new file mode 100644 index 00000000000..caf78e4f0c3 --- /dev/null +++ b/docs/api/picker-column-option.md @@ -0,0 +1,38 @@ +--- +title: "ion-picker-column-option" +--- +import Props from '@ionic-internal/component-api/v8/picker-column-option/props.md'; +import Events from '@ionic-internal/component-api/v8/picker-column-option/events.md'; +import Methods from '@ionic-internal/component-api/v8/picker-column-option/methods.md'; +import Parts from '@ionic-internal/component-api/v8/picker-column-option/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/picker-column-option/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/picker-column-option/slots.md'; + + + ion-picker-column-option: The individual options within a column in a picker. + + + +import EncapsulationPill from '@components/page/api/EncapsulationPill'; + + + +An individual column option in a picker. Visit the [`ion-picker`](./picker.md) documentation for more details. + +## Properties + + +## Events + + +## Methods + + +## CSS Shadow Parts + + +## CSS Custom Properties + + +## Slots + diff --git a/docs/api/picker-column.md b/docs/api/picker-column.md new file mode 100644 index 00000000000..5872043e5e0 --- /dev/null +++ b/docs/api/picker-column.md @@ -0,0 +1,38 @@ +--- +title: "ion-picker-column" +--- +import Props from '@ionic-internal/component-api/v8/picker-column/props.md'; +import Events from '@ionic-internal/component-api/v8/picker-column/events.md'; +import Methods from '@ionic-internal/component-api/v8/picker-column/methods.md'; +import Parts from '@ionic-internal/component-api/v8/picker-column/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/picker-column/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/picker-column/slots.md'; + + + ion-picker-column: Individual columns within a picker + + + +import EncapsulationPill from '@components/page/api/EncapsulationPill'; + + + +An individual column within a picker. Visit the [`ion-picker`](./picker.md) documentation for more details. + +## Properties + + +## Events + + +## Methods + + +## CSS Shadow Parts + + +## CSS Custom Properties + + +## Slots + diff --git a/docs/api/picker-legacy.md b/docs/api/picker-legacy.md new file mode 100644 index 00000000000..8d3e45c48c5 --- /dev/null +++ b/docs/api/picker-legacy.md @@ -0,0 +1,151 @@ +--- +title: "ion-picker-legacy" +--- +import Props from '@ionic-internal/component-api/v8/picker-legacy/props.md'; +import Events from '@ionic-internal/component-api/v8/picker-legacy/events.md'; +import Methods from '@ionic-internal/component-api/v8/picker-legacy/methods.md'; +import Parts from '@ionic-internal/component-api/v8/picker-legacy/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/picker-legacy/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/picker-legacy/slots.md'; + + + ion-picker-legacy: A Dialog That Displays Buttons and Columns + + + +import EncapsulationPill from '@components/page/api/EncapsulationPill'; + + + +:::warning Deprecation Notice + +`ion-picker-legacy` is deprecated and will be removed in the next major release. Migrate to [`ion-picker`](./picker.md) as soon as possible. + +::: + +A Picker is a dialog that displays a row of buttons and columns underneath. It appears on top of the app's content, and at the bottom of the viewport. + +## Inline Pickers (Recommended) + +`ion-picker-legacy` can be used by writing the component directly in your template. This reduces the number of handlers you need to wire up in order to present the Picker. + +import Trigger from '@site/static/usage/v8/picker-legacy/inline/trigger/index.md'; + + + +### Using `isOpen` + +The `isOpen` property on `ion-picker-legacy` allows developers to control the presentation state of the Picker from their application state. This means when `isOpen` is set to `true` the Picker will be presented, and when `isOpen` is set to `false` the Picker will be dismissed. + +`isOpen` uses a one-way data binding, meaning it will not automatically be set to `false` when the Picker is dismissed. Developers should listen for the `ionPickerDidDismiss` or `didDismiss` event and set `isOpen` to `false`. The reason for this is it prevents the internals of `ion-picker` from being tightly coupled with the state of the application. With a one way data binding, the Picker only needs to concern itself with the boolean value that the reactive variable provides. With a two way data binding, the Picker needs to concern itself with both the boolean value as well as the existence of the reactive variable itself. This can lead to non-deterministic behaviors and make applications harder to debug. + +import IsOpen from '@site/static/usage/v8/picker-legacy/inline/isOpen/index.md'; + + + +## Controller Pickers + +The `pickerController` can be used in situations where more control is needed over when the Picker is presented and dismissed. + +import Controller from '@site/static/usage/v8/picker-legacy/controller/index.md'; + + + +## Multiple Columns + +The `columns` property can be used to display a Picker with multiple columns of different options. + +import MultipleColumn from '@site/static/usage/v8/picker-legacy/multiple-column/index.md'; + + + +## Interfaces + +### PickerButton + +```typescript +interface PickerButton { + text?: string; + role?: string; + cssClass?: string | string[]; + handler?: (value: any) => boolean | void; +} +``` + +### PickerColumn + +```typescript +interface PickerColumn { + name: string; + align?: string; + /** + * Changing this value allows the initial value of a picker column to be set. + */ + selectedIndex?: number; + prevSelected?: number; + prefix?: string; + suffix?: string; + options: PickerColumnOption[]; + cssClass?: string | string[]; + columnWidth?: string; + prefixWidth?: string; + suffixWidth?: string; + optionsWidth?: string; +} +``` + +### PickerColumnOption + +```typescript +interface PickerColumnOption { + text?: string; + value?: any; + disabled?: boolean; + duration?: number; + transform?: string; + selected?: boolean; + /** + * The optional text to assign as the aria-label on the picker column option. + */ + ariaLabel?: string; +} +``` + +### PickerOptions + +```typescript +interface PickerOptions { + columns: PickerColumn[]; + buttons?: PickerButton[]; + cssClass?: string | string[]; + showBackdrop?: boolean; + backdropDismiss?: boolean; + animated?: boolean; + + mode?: Mode; + keyboardClose?: boolean; + id?: string; + htmlAttributes?: { [key: string]: any }; + + enterAnimation?: AnimationBuilder; + leaveAnimation?: AnimationBuilder; +} +``` + +## Properties + + +## Events + + +## Methods + + +## CSS Shadow Parts + + +## CSS Custom Properties + + +## Slots + diff --git a/docs/api/picker.md b/docs/api/picker.md index bb531e8545f..ea6fb8419f0 100644 --- a/docs/api/picker.md +++ b/docs/api/picker.md @@ -1,130 +1,53 @@ --- title: "ion-picker" --- -import Props from '@ionic-internal/component-api/v7/picker/props.md'; -import Events from '@ionic-internal/component-api/v7/picker/events.md'; -import Methods from '@ionic-internal/component-api/v7/picker/methods.md'; -import Parts from '@ionic-internal/component-api/v7/picker/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/picker/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/picker/slots.md'; +import Props from '@ionic-internal/component-api/v8/picker/props.md'; +import Events from '@ionic-internal/component-api/v8/picker/events.md'; +import Methods from '@ionic-internal/component-api/v8/picker/methods.md'; +import Parts from '@ionic-internal/component-api/v8/picker/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/picker/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/picker/slots.md'; - ion-picker: A Dialog That Displays Buttons and Columns - + ion-picker: Display a list of options in columns + import EncapsulationPill from '@components/page/api/EncapsulationPill'; - + -Pickerは、画面下にボタンと列の行を表示するダイアログです。アプリケーションのコンテンツの上部とビューポートの下部に表示されます。 +ピッカーは、ユーザーが選択できるオプションを持つ1つまたは複数の列を表示します。 -## インラインピッカー（推奨） +import Basic from '@site/static/usage/v8/picker/basic/index.md'; -`ion-picker`は、テンプレートに直接コンポーネントを記述して使用することができます。これにより、ピッカーを表示するために必要なハンドラの数を減らすことができます。 + -import Trigger from '@site/static/usage/v7/picker/inline/trigger/index.md'; +## Prefix と Suffix コンテンツ - +`prefix` スロットと `suffix` スロットを使用して、ピッカーに追加コンテンツを追加します。 -### `isOpen` を使う +import PrefixSuffix from '@site/static/usage/v8/picker/prefix-suffix/index.md'; -`ion-picker` の `isOpen` プロパティにより、開発者はアプリケーションの状態からピッカーの表示状態を制御することができます。つまり、`isOpen` を `true` に設定するとピッカーが表示され、`isOpen` を `false` に設定するとピッカーは退場します。 + -`isOpen` は一方通行のデータバインディングを使用しているため、ピッカーが終了したときに自動的に `false` に設定されることはありません。開発者は `ionPickerDidDismiss` または `didDismiss` イベントを待ち、 `isOpen` を `false` に設定する必要があります。この理由は、`ion-picker`の内部がアプリケーションの状態と密に結合するのを防ぐためです。一方通行のデータバインディングでは、ピッカーはリアクティブ変数が提供するブーリアン値のみに関心を持つ必要があります。一方通行のデータバインディングでは、ピッカーはリアクティブ変数のブール値だけでなく、リアクティブ変数の存在も気にする必要があります。このため、非決定的な動作が発生し、アプリケーションのデバッグが困難になる可能性があります。 +## テーマ -import IsOpen from '@site/static/usage/v7/picker/inline/isOpen/index.md'; +### CSS変数 - +ピッカーのハイライトとフェードは `ion-picker` の CSS 変数を使ってカスタマイズできる。開発者は、`ion-picker-column-options` を直接ターゲットにして、ホストレベルのスタイリングを使用することで、個々の外観をカスタマイズすることができます。 -## Controller Pickers +import CSSProps from '@site/static/usage/v8/picker/theming/css-properties/index.md'; -`pickerController`は、ピッカーの表示・非表示をより細かく制御する必要がある場合に使用することができます。 + -import Controller from '@site/static/usage/v7/picker/controller/index.md'; +## Picker を Modal で使う - +ピッカーは`ion-modal`のようなオーバーレイの中に表示することができ、確認ボタンやキャンセルボタンを使ってピッカー体験を作り出すことができる。 -## マルチカラム +import ModalExample from '@site/static/usage/v8/picker/modal/index.md'; -`columns`プロパティは、異なる選択肢を複数の列で表示するピッカーを表示するために使用することができます。 - -import MultipleColumn from '@site/static/usage/v7/picker/multiple-column/index.md'; - - - -## Interfaces - -### PickerButton - -```typescript -interface PickerButton { - text?: string; - role?: string; - cssClass?: string | string[]; - handler?: (value: any) => boolean | void; -} -``` - -### PickerColumn - -```typescript -interface PickerColumn { - name: string; - align?: string; - /** - * Changing this value allows the initial value of a picker column to be set. - */ - selectedIndex?: number; - prevSelected?: number; - prefix?: string; - suffix?: string; - options: PickerColumnOption[]; - cssClass?: string | string[]; - columnWidth?: string; - prefixWidth?: string; - suffixWidth?: string; - optionsWidth?: string; -} -``` - -### PickerColumnOption - -```typescript -interface PickerColumnOption { - text?: string; - value?: any; - disabled?: boolean; - duration?: number; - transform?: string; - selected?: boolean; - /** - * The optional text to assign as the aria-label on the picker column option. - */ - ariaLabel?: string; -} -``` - -### PickerOptions - -```typescript -interface PickerOptions { - columns: PickerColumn[]; - buttons?: PickerButton[]; - cssClass?: string | string[]; - showBackdrop?: boolean; - backdropDismiss?: boolean; - animated?: boolean; - - mode?: Mode; - keyboardClose?: boolean; - id?: string; - htmlAttributes?: { [key: string]: any }; - - enterAnimation?: AnimationBuilder; - leaveAnimation?: AnimationBuilder; -} -``` + ## プロパティ diff --git a/docs/api/popover.md b/docs/api/popover.md index 05dbf334170..959db75de92 100644 --- a/docs/api/popover.md +++ b/docs/api/popover.md @@ -1,12 +1,12 @@ --- title: "ion-popover" --- -import Props from '@ionic-internal/component-api/v7/popover/props.md'; -import Events from '@ionic-internal/component-api/v7/popover/events.md'; -import Methods from '@ionic-internal/component-api/v7/popover/methods.md'; -import Parts from '@ionic-internal/component-api/v7/popover/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/popover/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/popover/slots.md'; +import Props from '@ionic-internal/component-api/v8/popover/props.md'; +import Events from '@ionic-internal/component-api/v8/popover/events.md'; +import Methods from '@ionic-internal/component-api/v8/popover/methods.md'; +import Parts from '@ionic-internal/component-api/v8/popover/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/popover/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/popover/slots.md'; ion-popover: iOS / Android Popover UI Dialog Component @@ -54,7 +54,7 @@ Angular、React、Vue で `ion-popover` を使用する場合、渡されたコ `popoverController` を使用する場合、`ion-popover` は前もって作成されないので、トリガーは適用されません。 ::: -import InlineTrigger from '@site/static/usage/v7/popover/presenting/inline-trigger/index.md'; +import InlineTrigger from '@site/static/usage/v8/popover/presenting/inline-trigger/index.md'; @@ -65,7 +65,7 @@ import InlineTrigger from '@site/static/usage/v7/popover/presenting/inline-trigg `isOpen` は一方向のデータバインディングを使用しています。つまり、ポップオーバーが閉じられたときに自動的に `false` に設定されることはありません。開発者は `ionPopoverDidDismiss` または `didDismiss` イベントをリッスンして `isOpen` を `false` にセットする必要があります。この理由は、`ion-popover` の内部がアプリケーションの状態と密に結合されるのを防ぐためである。一方通行のデータバインディングでは、ポップオーバーはリアクティブ変数が提供するブーリアン値だけを気にすればよいのです。双方向のデータバインディングでは、ポップオーバーはブール値とリアクティブ変数の存在の両方に関心を持つ必要があります。これは非決定的な動作につながり、アプリケーションのデバッグを難しくします。 -import IsOpenTrigger from '@site/static/usage/v7/popover/presenting/inline-isopen/index.md'; +import IsOpenTrigger from '@site/static/usage/v8/popover/presenting/inline-isopen/index.md'; @@ -83,7 +83,7 @@ Ionic Framework からインポートされた `popoverController` を使用す ### 使い方 -import ControllerExample from '@site/static/usage/v7/popover/presenting/controller/index.md'; +import ControllerExample from '@site/static/usage/v8/popover/presenting/controller/index.md'; @@ -96,7 +96,7 @@ import ControllerExample from '@site/static/usage/v7/popover/presenting/controll If you are building an Ionic Angular app, the styles need to be added to a global stylesheet file. ::: -import Styling from '@site/static/usage/v7/popover/customization/styling/index.md'; +import Styling from '@site/static/usage/v8/popover/customization/styling/index.md'; @@ -117,7 +117,7 @@ import Styling from '@site/static/usage/v7/popover/customization/styling/index.m ### Side and Alignment Demo -import Positioning from '@site/static/usage/v7/popover/customization/positioning/index.md'; +import Positioning from '@site/static/usage/v8/popover/customization/positioning/index.md'; @@ -131,7 +131,7 @@ import Positioning from '@site/static/usage/v7/popover/customization/positioning `popoverController` を使用する場合は、`event` オプションでイベントを指定する必要があり、Ionic Framework は `event.target` を参照要素に使用します。このパターンの例は [controller demo](#controller-popovers) を参照してください。 -import Sizing from '@site/static/usage/v7/popover/customization/sizing/index.md'; +import Sizing from '@site/static/usage/v8/popover/customization/sizing/index.md'; @@ -145,7 +145,7 @@ import Sizing from '@site/static/usage/v7/popover/customization/sizing/index.md' `popoverController` を使用する場合、ネストしたポップオーバーは作成できません。なぜなら、ポップオーバーは `create` メソッドが呼ばれたときに、自動的にアプリケーションのルートに追加されるからです。 ::: -import NestedPopover from '@site/static/usage/v7/popover/nested/index.md'; +import NestedPopover from '@site/static/usage/v8/popover/nested/index.md'; @@ -226,7 +226,7 @@ type PositionAlign = 'start' | 'center' | 'end'; インライン `ion-popover` のコンテンツは、閉じるとマウントされなくなります。このコンテンツのレンダリングにコストがかかる場合、開発者は `keepContentsMounted` プロパティを使用して、ポップオーバーがマウントされると同時にコンテンツをマウントすることができます。これにより、ポップオーバーが開いたときに内部コンテンツがすでにマウントされているため、アプリケーションの応答性を最適化することができます。 -import Mount from '@site/static/usage/v7/popover/performance/mount/index.md'; +import Mount from '@site/static/usage/v8/popover/performance/mount/index.md'; diff --git a/docs/api/progress-bar.md b/docs/api/progress-bar.md index 87e0f422e1c..ca391418bb9 100644 --- a/docs/api/progress-bar.md +++ b/docs/api/progress-bar.md @@ -1,12 +1,12 @@ --- title: "ion-progress-bar" --- -import Props from '@ionic-internal/component-api/v7/progress-bar/props.md'; -import Events from '@ionic-internal/component-api/v7/progress-bar/events.md'; -import Methods from '@ionic-internal/component-api/v7/progress-bar/methods.md'; -import Parts from '@ionic-internal/component-api/v7/progress-bar/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/progress-bar/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/progress-bar/slots.md'; +import Props from '@ionic-internal/component-api/v8/progress-bar/props.md'; +import Events from '@ionic-internal/component-api/v8/progress-bar/events.md'; +import Methods from '@ionic-internal/component-api/v8/progress-bar/methods.md'; +import Parts from '@ionic-internal/component-api/v8/progress-bar/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/progress-bar/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/progress-bar/slots.md'; ion-progress-bar: App Progress Bar for Loading Indicator @@ -24,7 +24,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; Determinateはデフォルトのタイプです。操作のパーセンテージがわかっている場合に使用されるべきです。進行状況は `value` プロパティを設定することで表現されます。これは、進捗が0から100%まで増加するように表示するために使用できます。 -import Determinate from '@site/static/usage/v7/progress-bar/determinate/index.md'; +import Determinate from '@site/static/usage/v8/progress-bar/determinate/index.md'; @@ -32,7 +32,7 @@ import Determinate from '@site/static/usage/v7/progress-bar/determinate/index.md `buffer`プロパティが設定されている場合、バッファーストリームがアニメーションの円と共に表示され、アクティビティを示します。また、`buffer`プロパティの値は、目に見えるトラックの量によって表されます。もし `buffer` の値が `value` プロパティより小さければ、目に見えるトラックはありません。もし `buffer` が `1` に等しければ、バッファースリームは隠されます。 -import Buffer from '@site/static/usage/v7/progress-bar/buffer/index.md'; +import Buffer from '@site/static/usage/v8/progress-bar/buffer/index.md'; @@ -41,7 +41,7 @@ import Buffer from '@site/static/usage/v7/progress-bar/buffer/index.md'; Indeterminateタイプは、処理にかかる時間が不明な場合に使用します。プログレスバーは `value` と連動しておらず、処理が完了するまでトラックに沿ってスライドしつづけます。 -import Indeterminate from '@site/static/usage/v7/progress-bar/indeterminate/index.md'; +import Indeterminate from '@site/static/usage/v8/progress-bar/indeterminate/index.md'; @@ -49,7 +49,7 @@ import Indeterminate from '@site/static/usage/v7/progress-bar/indeterminate/inde ## Progress Bars in Toolbars -import Toolbar from '@site/static/usage/v7/toolbar/progress-bars/index.md'; +import Toolbar from '@site/static/usage/v8/toolbar/progress-bars/index.md'; @@ -58,21 +58,21 @@ import Toolbar from '@site/static/usage/v7/toolbar/progress-bars/index.md'; ### Colors -import Colors from '@site/static/usage/v7/progress-bar/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/progress-bar/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/progress-bar/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/progress-bar/theming/css-properties/index.md'; ### CSS Shadow Parts -import CSSParts from '@site/static/usage/v7/progress-bar/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v8/progress-bar/theming/css-shadow-parts/index.md'; diff --git a/docs/api/radio-group.md b/docs/api/radio-group.md index 7067c21e608..6d7861e9ee1 100644 --- a/docs/api/radio-group.md +++ b/docs/api/radio-group.md @@ -1,12 +1,12 @@ --- title: "ion-radio-group" --- -import Props from '@ionic-internal/component-api/v7/radio-group/props.md'; -import Events from '@ionic-internal/component-api/v7/radio-group/events.md'; -import Methods from '@ionic-internal/component-api/v7/radio-group/methods.md'; -import Parts from '@ionic-internal/component-api/v7/radio-group/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/radio-group/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/radio-group/slots.md'; +import Props from '@ionic-internal/component-api/v8/radio-group/props.md'; +import Events from '@ionic-internal/component-api/v8/radio-group/events.md'; +import Methods from '@ionic-internal/component-api/v8/radio-group/methods.md'; +import Parts from '@ionic-internal/component-api/v8/radio-group/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/radio-group/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/radio-group/slots.md'; ion-radio-group: Radio Button Group Usage for Ionic Apps diff --git a/docs/api/radio.md b/docs/api/radio.md index 7a6faaebc19..47f56a25a23 100644 --- a/docs/api/radio.md +++ b/docs/api/radio.md @@ -1,12 +1,12 @@ --- title: "ion-radio" --- -import Props from '@ionic-internal/component-api/v7/radio/props.md'; -import Events from '@ionic-internal/component-api/v7/radio/events.md'; -import Methods from '@ionic-internal/component-api/v7/radio/methods.md'; -import Parts from '@ionic-internal/component-api/v7/radio/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/radio/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/radio/slots.md'; +import Props from '@ionic-internal/component-api/v8/radio/props.md'; +import Events from '@ionic-internal/component-api/v8/radio/events.md'; +import Methods from '@ionic-internal/component-api/v8/radio/methods.md'; +import Parts from '@ionic-internal/component-api/v8/radio/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/radio/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/radio/slots.md'; ion-radio: Radio Component for iOS and Android @@ -24,7 +24,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/radio/basic/index.md'; +import Basic from '@site/static/usage/v8/radio/basic/index.md'; @@ -32,7 +32,7 @@ import Basic from '@site/static/usage/v7/radio/basic/index.md'; 開発者は `labelPlacement` プロパティを使用して、ラベルをコントロールに対してどのように配置するかを制御できます。 このプロパティはフレックスボックスの `flex-direction` プロパティを反映しています。 -import LabelPlacement from '@site/static/usage/v7/radio/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v8/radio/label-placement/index.md'; @@ -52,7 +52,7 @@ Developers can use the `alignment` property to control how the label and control Stacked radios can be aligned using the `alignment` property. This can be useful when the label and control need to be centered horizontally. ::: -import Alignment from '@site/static/usage/v7/radio/alignment/index.md'; +import Alignment from '@site/static/usage/v8/radio/alignment/index.md'; @@ -60,7 +60,7 @@ import Alignment from '@site/static/usage/v7/radio/alignment/index.md'; 開発者は `justify` プロパティを使用して、ラベルとコントロールの行の詰め方を制御することができます。このプロパティはフレックスボックスの `justify-content` プロパティを反映しています。 -import Justify from '@site/static/usage/v7/radio/justify/index.md'; +import Justify from '@site/static/usage/v8/radio/justify/index.md'; @@ -72,7 +72,7 @@ import Justify from '@site/static/usage/v7/radio/justify/index.md'; デフォルトでは、一度選択されたラジオは選択を解除することができず、もう一度押すと選択されたままになります。この動作は、親ラジオグループの `allowEmptySelection` プロパティを使用することで変更することができ、ラジオを非選択にすることができます。 -import EmptySelection from '@site/static/usage/v7/radio/empty-selection/index.md'; +import EmptySelection from '@site/static/usage/v8/radio/empty-selection/index.md'; @@ -81,19 +81,19 @@ import EmptySelection from '@site/static/usage/v7/radio/empty-selection/index.md ### Colors -import Colors from '@site/static/usage/v7/radio/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/radio/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/radio/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/radio/theming/css-properties/index.md'; ### CSS Shadow Parts -import CSSParts from '@site/static/usage/v7/radio/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v8/radio/theming/css-shadow-parts/index.md'; @@ -107,7 +107,7 @@ Ionic 7.0では、よりシンプルなラジオ構文が導入されました 最新の構文を使用するには、`ion-label`を削除して、`ion-radio`の内部にラベルを直接渡します。ラベルの配置は `ion-radio` の `labelPlacement` プロパティを使用して設定することができます。ラベルとコントロールの行の詰め方は、`ion-radio` の `justify` プロパティを使用して制御することができます。 -import Migration from '@site/static/usage/v7/radio/migration/index.md'; +import Migration from '@site/static/usage/v8/radio/migration/index.md'; diff --git a/docs/api/range.md b/docs/api/range.md index f5bcc257260..1cf9a7b24e2 100644 --- a/docs/api/range.md +++ b/docs/api/range.md @@ -1,12 +1,12 @@ --- title: "ion-range" --- -import Props from '@ionic-internal/component-api/v7/range/props.md'; -import Events from '@ionic-internal/component-api/v7/range/events.md'; -import Methods from '@ionic-internal/component-api/v7/range/methods.md'; -import Parts from '@ionic-internal/component-api/v7/range/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/range/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/range/slots.md'; +import Props from '@ionic-internal/component-api/v8/range/props.md'; +import Events from '@ionic-internal/component-api/v8/range/events.md'; +import Methods from '@ionic-internal/component-api/v8/range/methods.md'; +import Parts from '@ionic-internal/component-api/v8/range/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/range/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/range/slots.md'; ion-range: Range Slider Knob Controls with Labels @@ -34,7 +34,7 @@ Rangeスライダは、スライダノブを動かして、ユーザーが値の 以下のデモでは、`labelPlacement` プロパティを使用して、範囲に対するラベルの位置を変更しています。ここでは `label` プロパティを使用しているが、`labelPlacement` は `label` スロットでも使用できます。 -import LabelsPlayground from '@site/static/usage/v7/range/labels/index.md'; +import LabelsPlayground from '@site/static/usage/v8/range/labels/index.md'; @@ -42,7 +42,7 @@ import LabelsPlayground from '@site/static/usage/v7/range/labels/index.md'; プレーンテキストのラベルは `label` プロパティで渡すべきであるが、カスタムHTMLが必要な場合は、代わりに `label` スロットで渡すことができます。 -import LabelSlotPlayground from '@site/static/usage/v7/range/label-slot/index.md'; +import LabelSlotPlayground from '@site/static/usage/v8/range/label-slot/index.md'; @@ -50,7 +50,7 @@ import LabelSlotPlayground from '@site/static/usage/v7/range/label-slot/index.md もし表示するラベルが必要ない場合でも、開発者は`aria-label`を与えるべきです。 -import NoVisibleLabel from '@site/static/usage/v7/range/no-visible-label/index.md'; +import NoVisibleLabel from '@site/static/usage/v8/range/no-visible-label/index.md'; @@ -60,7 +60,7 @@ import NoVisibleLabel from '@site/static/usage/v7/range/no-visible-label/index.m ドキュメントの方向性が左から右に設定されている場合、`start`位置にスロットされたコンテンツは範囲の左に表示され、`end`位置にスロットされたコンテンツは範囲の右に表示されます。右から左(rtl)の方向性の場合、`start`位置にスロットされたコンテンツは範囲の右側に表示され、`end`位置にスロットされたコンテンツは範囲の左側に表示されます。 -import DecorationsPlayground from '@site/static/usage/v7/range/slots/index.md'; +import DecorationsPlayground from '@site/static/usage/v8/range/slots/index.md'; @@ -68,7 +68,7 @@ import DecorationsPlayground from '@site/static/usage/v7/range/slots/index.md'; Dual knobs はユーザーが下限と上限の値を選択するために使用できる2つのknobsコントロールを導入しています。選択されると、Range は選択された上下限の値を含む [RangeValue](#rangevalue) を持つ `ionChange` イベントを発信します。 -import DualKnobs from '@site/static/usage/v7/range/dual-knobs/index.md'; +import DualKnobs from '@site/static/usage/v8/range/dual-knobs/index.md'; @@ -78,7 +78,7 @@ import DualKnobs from '@site/static/usage/v7/range/dual-knobs/index.md'; `pinFormatter` 関数を使用すると、開発者はユーザーに対してレンジの値のフォーマットをカスタマイズすることができます。 -import Pins from '@site/static/usage/v7/range/pins/index.md'; +import Pins from '@site/static/usage/v8/range/pins/index.md'; @@ -88,7 +88,7 @@ TicksはRange 上で利用可能な各値のインジケータを表示します snapsを有効にし、knobをドラッグして放すと、Range knobは最も近い利用可能な値にスナップします。 -import SnappingTicks from '@site/static/usage/v7/range/snapping-ticks/index.md'; +import SnappingTicks from '@site/static/usage/v8/range/snapping-ticks/index.md'; @@ -98,7 +98,7 @@ import SnappingTicks from '@site/static/usage/v7/range/snapping-ticks/index.md'; `ionChange` イベントはRange knobの値の変更を監視します。 -import IonChangeEvent from '@site/static/usage/v7/range/ion-change-event/index.md'; +import IonChangeEvent from '@site/static/usage/v8/range/ion-change-event/index.md'; @@ -106,7 +106,7 @@ import IonChangeEvent from '@site/static/usage/v7/range/ion-change-event/index.m マウスドラッグ、タッチジェスチャー、キーボード操作のいずれであっても、Range knobのドラッグが開始されると `ionKnobMoveStart` イベントが発行されます。逆に、`ionKnobMoveEnd`はRange knobがリリースされたときに発生します。両イベントは `RangeValue` タイプで発生し、`dualKnobs` プロパティと組み合わせて動作します。 -import IonKnobMoveEvent from '@site/static/usage/v7/range/ion-knob-move-event/index.md'; +import IonKnobMoveEvent from '@site/static/usage/v8/range/ion-knob-move-event/index.md'; @@ -116,7 +116,7 @@ import IonKnobMoveEvent from '@site/static/usage/v7/range/ion-knob-move-event/in Rangeには、アプリケーションのデザインに合わせてRangeコンポーネントの外観を素早くテーマ化してカスタマイズするための[CSS Variables](#css-custom-properties)が含まれています。 -import CSSProps from '@site/static/usage/v7/range/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/range/theming/css-properties/index.md'; @@ -124,7 +124,7 @@ import CSSProps from '@site/static/usage/v7/range/theming/css-properties/index.m Rangeには [CSS Shadow Parts](#css-shadow-parts) があり、Rangeコンポーネント内の特定の要素ノードを完全にカスタマイズすることができます。CSS Shadow Partsは最も多くのカスタマイズ機能を提供し、Rangeコンポーネントで高度なスタイリングが必要な場合に推奨されるアプローチです。 -import CSSParts from '@site/static/usage/v7/range/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v8/range/theming/css-shadow-parts/index.md'; @@ -140,7 +140,7 @@ Ionic 7.0では、よりシンプルな範囲構文が導入されました。 ラベルにカスタム HTML が必要な場合は、代わりに `label` スロットを使用して `ion-range` 内に直接渡すことができる。 -import Migration from '@site/static/usage/v7/range/migration/index.md'; +import Migration from '@site/static/usage/v8/range/migration/index.md'; diff --git a/docs/api/refresher-content.md b/docs/api/refresher-content.md index b0b01549535..37a5191eb3f 100644 --- a/docs/api/refresher-content.md +++ b/docs/api/refresher-content.md @@ -1,12 +1,12 @@ --- title: "ion-refresher-content" --- -import Props from '@ionic-internal/component-api/v7/refresher-content/props.md'; -import Events from '@ionic-internal/component-api/v7/refresher-content/events.md'; -import Methods from '@ionic-internal/component-api/v7/refresher-content/methods.md'; -import Parts from '@ionic-internal/component-api/v7/refresher-content/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/refresher-content/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/refresher-content/slots.md'; +import Props from '@ionic-internal/component-api/v8/refresher-content/props.md'; +import Events from '@ionic-internal/component-api/v8/refresher-content/events.md'; +import Methods from '@ionic-internal/component-api/v8/refresher-content/methods.md'; +import Parts from '@ionic-internal/component-api/v8/refresher-content/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/refresher-content/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/refresher-content/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; diff --git a/docs/api/refresher.md b/docs/api/refresher.md index 05ec7afd92e..52203a60bd5 100644 --- a/docs/api/refresher.md +++ b/docs/api/refresher.md @@ -1,12 +1,12 @@ --- title: "ion-refresher" --- -import Props from '@ionic-internal/component-api/v7/refresher/props.md'; -import Events from '@ionic-internal/component-api/v7/refresher/events.md'; -import Methods from '@ionic-internal/component-api/v7/refresher/methods.md'; -import Parts from '@ionic-internal/component-api/v7/refresher/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/refresher/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/refresher/slots.md'; +import Props from '@ionic-internal/component-api/v8/refresher/props.md'; +import Events from '@ionic-internal/component-api/v8/refresher/events.md'; +import Methods from '@ionic-internal/component-api/v8/refresher/methods.md'; +import Parts from '@ionic-internal/component-api/v8/refresher/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/refresher/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/refresher/slots.md'; ion-refresher: Pull-to-Refresh Page Content on Ionic Apps @@ -23,7 +23,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/refresher/basic/index.md'; +import Basic from '@site/static/usage/v8/refresher/basic/index.md'; @@ -34,7 +34,7 @@ import Basic from '@site/static/usage/v7/refresher/basic/index.md'; これらのプロパティは、[native refresher](#native-refreshers)が有効な場合には適用されません。 -import PullProperties from '@site/static/usage/v7/refresher/pull-properties/index.md'; +import PullProperties from '@site/static/usage/v8/refresher/pull-properties/index.md'; @@ -45,7 +45,7 @@ import PullProperties from '@site/static/usage/v7/refresher/pull-properties/inde `pullingIcon`を設定すると、[native refresher](#native-refreshers)が無効になります。 -import CustomContent from '@site/static/usage/v7/refresher/custom-content/index.md'; +import CustomContent from '@site/static/usage/v8/refresher/custom-content/index.md'; @@ -89,7 +89,7 @@ Developers should apply the following CSS to the scrollable container. This CSS } ``` -import CustomScrollTarget from '@site/static/usage/v7/refresher/custom-scroll-target/index.md'; +import CustomScrollTarget from '@site/static/usage/v8/refresher/custom-scroll-target/index.md'; @@ -98,7 +98,7 @@ import CustomScrollTarget from '@site/static/usage/v7/refresher/custom-scroll-ta リフレッシャーはどのようなタイプのコンテンツでも使用できますが、ネイティブアプリでよくある使用例は、更新時に更新されるデータのリストを表示することです。以下の例では、アプリはデータのリストを生成し、更新が完了したときにリストの先頭にデータを追加します。実際のアプリでは、ネットワークまたはデータベース呼び出しによってリクエストを送信した後に、データを受信して更新します。 -import Advanced from '@site/static/usage/v7/refresher/advanced/index.md'; +import Advanced from '@site/static/usage/v8/refresher/advanced/index.md'; diff --git a/docs/api/reorder-group.md b/docs/api/reorder-group.md index 3187f87e366..1a50362347b 100644 --- a/docs/api/reorder-group.md +++ b/docs/api/reorder-group.md @@ -1,12 +1,12 @@ --- title: "ion-reorder-group" --- -import Props from '@ionic-internal/component-api/v7/reorder-group/props.md'; -import Events from '@ionic-internal/component-api/v7/reorder-group/events.md'; -import Methods from '@ionic-internal/component-api/v7/reorder-group/methods.md'; -import Parts from '@ionic-internal/component-api/v7/reorder-group/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/reorder-group/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/reorder-group/slots.md'; +import Props from '@ionic-internal/component-api/v8/reorder-group/props.md'; +import Events from '@ionic-internal/component-api/v8/reorder-group/events.md'; +import Methods from '@ionic-internal/component-api/v8/reorder-group/methods.md'; +import Parts from '@ionic-internal/component-api/v8/reorder-group/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/reorder-group/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/reorder-group/slots.md'; ion-reorder-group: Wrapper Component for Reorder Items diff --git a/docs/api/reorder.md b/docs/api/reorder.md index cc2a3b8036a..5fa847ca235 100644 --- a/docs/api/reorder.md +++ b/docs/api/reorder.md @@ -1,12 +1,12 @@ --- title: "ion-reorder" --- -import Props from '@ionic-internal/component-api/v7/reorder/props.md'; -import Events from '@ionic-internal/component-api/v7/reorder/events.md'; -import Methods from '@ionic-internal/component-api/v7/reorder/methods.md'; -import Parts from '@ionic-internal/component-api/v7/reorder/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/reorder/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/reorder/slots.md'; +import Props from '@ionic-internal/component-api/v8/reorder/props.md'; +import Events from '@ionic-internal/component-api/v8/reorder/events.md'; +import Methods from '@ionic-internal/component-api/v8/reorder/methods.md'; +import Parts from '@ionic-internal/component-api/v8/reorder/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/reorder/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/reorder/slots.md'; ion-reorder: Drag and Drop Icon to Reorder Items @@ -27,7 +27,7 @@ Reorderはアイテムをドラッグ＆ドロップするためのアンカー Reorderの最も基本的な例は、アイテムの中にスロットを入れることです。デフォルトでは、reorder groupのreorder機能は無効になっています。reorder groupの `disabled` プロパティを `false` に設定することで有効にすることができます。Reorderアイコンを使ってアイテムをドラッグ＆ドロップし、並び替えることができます。 -import Basic from '@site/static/usage/v7/reorder/basic/index.md'; +import Basic from '@site/static/usage/v8/reorder/basic/index.md'; @@ -36,7 +36,7 @@ import Basic from '@site/static/usage/v7/reorder/basic/index.md'; 場合によっては、並べ替えの機能を切り替えるオプションが欲しいかもしれない。これは、関数や変数に基づいて `disabled` プロパティをリアクティブにすることで実現できます。 -import TogglingDisabled from '@site/static/usage/v7/reorder/toggling-disabled/index.md'; +import TogglingDisabled from '@site/static/usage/v8/reorder/toggling-disabled/index.md'; @@ -45,7 +45,7 @@ import TogglingDisabled from '@site/static/usage/v7/reorder/toggling-disabled/in Reorderコンポーネントは、iOSでは3行、Material Designでは2行のReorderアイコンを使用しています。これは、利用可能なIoniconのいずれかを使って、Reorderの中に[Icon](https://ionic.io/ionicons)コンポーネントを追加することでカスタマイズできます。 -import CustomIcon from '@site/static/usage/v7/reorder/custom-icon/index.md'; +import CustomIcon from '@site/static/usage/v8/reorder/custom-icon/index.md'; @@ -54,7 +54,7 @@ import CustomIcon from '@site/static/usage/v7/reorder/custom-icon/index.md'; 並び替えは、項目を囲むラッパーとして使うこともできます。下の項目のどこかをクリックし、ドラッグすると、リストの順番を入れ替えることができます。 -import Wrapper from '@site/static/usage/v7/reorder/wrapper/index.md'; +import Wrapper from '@site/static/usage/v8/reorder/wrapper/index.md'; @@ -69,7 +69,7 @@ import Wrapper from '@site/static/usage/v7/reorder/wrapper/index.md'; どのようなアプローチを取るにせよ、ループの中でアイテムを提供する場合は、アイテムを並べ替えるための安定したIDを提供する必要があります。つまり、Angularでは `trackBy` を使用し、ReactとVueでは `key` を使用します。 -import UpdatingData from '@site/static/usage/v7/reorder/updating-data/index.md'; +import UpdatingData from '@site/static/usage/v8/reorder/updating-data/index.md'; @@ -78,7 +78,7 @@ import UpdatingData from '@site/static/usage/v7/reorder/updating-data/index.md'; Reorderを正しく動作させるには、スクロールコンテナが必要です。仮想スクロールソリューションを使用する場合は、カスタムスクロールターゲットを指定する必要があります。コンテンツのスクロールを無効にし、スクロールを担当する要素に `.ion-content-scroll-host` クラスを追加する必要があります。 -import CustomScrollTarget from '@site/static/usage/v7/reorder/custom-scroll-target/index.md'; +import CustomScrollTarget from '@site/static/usage/v8/reorder/custom-scroll-target/index.md'; diff --git a/docs/api/ripple-effect.md b/docs/api/ripple-effect.md index 1499017e7e1..00f65c98183 100644 --- a/docs/api/ripple-effect.md +++ b/docs/api/ripple-effect.md @@ -1,12 +1,12 @@ --- title: "ion-ripple-effect" --- -import Props from '@ionic-internal/component-api/v7/ripple-effect/props.md'; -import Events from '@ionic-internal/component-api/v7/ripple-effect/events.md'; -import Methods from '@ionic-internal/component-api/v7/ripple-effect/methods.md'; -import Parts from '@ionic-internal/component-api/v7/ripple-effect/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/ripple-effect/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/ripple-effect/slots.md'; +import Props from '@ionic-internal/component-api/v8/ripple-effect/props.md'; +import Events from '@ionic-internal/component-api/v8/ripple-effect/events.md'; +import Methods from '@ionic-internal/component-api/v8/ripple-effect/methods.md'; +import Parts from '@ionic-internal/component-api/v8/ripple-effect/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/ripple-effect/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/ripple-effect/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; @@ -25,7 +25,7 @@ ripple effectコンポーネントは、[Material Design ink ripple interaction ## 基本的な使い方 -import Basic from '@site/static/usage/v7/ripple-effect/basic/index.md'; +import Basic from '@site/static/usage/v8/ripple-effect/basic/index.md'; @@ -34,7 +34,7 @@ import Basic from '@site/static/usage/v7/ripple-effect/basic/index.md'; リップル効果には2つのタイプがある： `"bounded"` と `"unbounded"` です。デフォルトのタイプである `"bounded"` は、クリック位置から外側に波及効果を広げます。常に要素の中心から始まり、円形に広がる波及効果を追加するには、タイプを `"unbounded"` に設定します。 -import Type from '@site/static/usage/v7/ripple-effect/type/index.md'; +import Type from '@site/static/usage/v8/ripple-effect/type/index.md'; @@ -43,7 +43,7 @@ import Type from '@site/static/usage/v7/ripple-effect/type/index.md'; リップルはCSSで別の色にカスタマイズできます。デフォルトでは、波紋の色はテキストの色を継承するように設定されています。これはCSSの `color` を親または波紋エフェクト自体に設定することで変更できます。 -import Customizing from '@site/static/usage/v7/ripple-effect/customizing/index.md'; +import Customizing from '@site/static/usage/v8/ripple-effect/customizing/index.md'; diff --git a/docs/api/route-redirect.md b/docs/api/route-redirect.md index 088f25aef84..b03d491e816 100644 --- a/docs/api/route-redirect.md +++ b/docs/api/route-redirect.md @@ -2,12 +2,12 @@ title: "ion-route-redirect" --- -import Props from '@ionic-internal/component-api/v7/route-redirect/props.md'; -import Events from '@ionic-internal/component-api/v7/route-redirect/events.md'; -import Methods from '@ionic-internal/component-api/v7/route-redirect/methods.md'; -import Parts from '@ionic-internal/component-api/v7/route-redirect/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/route-redirect/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/route-redirect/slots.md'; +import Props from '@ionic-internal/component-api/v8/route-redirect/props.md'; +import Events from '@ionic-internal/component-api/v8/route-redirect/events.md'; +import Methods from '@ionic-internal/component-api/v8/route-redirect/methods.md'; +import Parts from '@ionic-internal/component-api/v8/route-redirect/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/route-redirect/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/route-redirect/slots.md'; ion-route-redirect: Redirect 'from' a URL 'to' Another URL diff --git a/docs/api/route.md b/docs/api/route.md index a46bbf02104..7bfc998fc12 100644 --- a/docs/api/route.md +++ b/docs/api/route.md @@ -4,12 +4,12 @@ title: "ion-route" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v7/route/props.md'; -import Events from '@ionic-internal/component-api/v7/route/events.md'; -import Methods from '@ionic-internal/component-api/v7/route/methods.md'; -import Parts from '@ionic-internal/component-api/v7/route/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/route/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/route/slots.md'; +import Props from '@ionic-internal/component-api/v8/route/props.md'; +import Events from '@ionic-internal/component-api/v8/route/events.md'; +import Methods from '@ionic-internal/component-api/v8/route/methods.md'; +import Parts from '@ionic-internal/component-api/v8/route/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/route/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/route/slots.md'; ion-route: API Route Component for Ionic Framework Apps diff --git a/docs/api/router-link.md b/docs/api/router-link.md index f10eed0f772..d38d9244008 100644 --- a/docs/api/router-link.md +++ b/docs/api/router-link.md @@ -2,12 +2,12 @@ title: "ion-router-link" --- -import Props from '@ionic-internal/component-api/v7/router-link/props.md'; -import Events from '@ionic-internal/component-api/v7/router-link/events.md'; -import Methods from '@ionic-internal/component-api/v7/router-link/methods.md'; -import Parts from '@ionic-internal/component-api/v7/router-link/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/router-link/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/router-link/slots.md'; +import Props from '@ionic-internal/component-api/v8/router-link/props.md'; +import Events from '@ionic-internal/component-api/v8/router-link/events.md'; +import Methods from '@ionic-internal/component-api/v8/router-link/methods.md'; +import Parts from '@ionic-internal/component-api/v8/router-link/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/router-link/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/router-link/slots.md'; ion-router-link: Navigate To a Specified Link diff --git a/docs/api/router-outlet.md b/docs/api/router-outlet.md index 1986e142f70..c5c38cba717 100644 --- a/docs/api/router-outlet.md +++ b/docs/api/router-outlet.md @@ -2,12 +2,12 @@ title: "ion-router-outlet" --- -import Props from '@ionic-internal/component-api/v7/router-outlet/props.md'; -import Events from '@ionic-internal/component-api/v7/router-outlet/events.md'; -import Methods from '@ionic-internal/component-api/v7/router-outlet/methods.md'; -import Parts from '@ionic-internal/component-api/v7/router-outlet/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/router-outlet/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/router-outlet/slots.md'; +import Props from '@ionic-internal/component-api/v8/router-outlet/props.md'; +import Events from '@ionic-internal/component-api/v8/router-outlet/events.md'; +import Methods from '@ionic-internal/component-api/v8/router-outlet/methods.md'; +import Parts from '@ionic-internal/component-api/v8/router-outlet/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/router-outlet/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/router-outlet/slots.md'; diff --git a/docs/api/router.md b/docs/api/router.md index 9bae0ccfb02..152b22177f5 100644 --- a/docs/api/router.md +++ b/docs/api/router.md @@ -2,12 +2,12 @@ title: "ion-router" --- -import Props from '@ionic-internal/component-api/v7/router/props.md'; -import Events from '@ionic-internal/component-api/v7/router/events.md'; -import Methods from '@ionic-internal/component-api/v7/router/methods.md'; -import Parts from '@ionic-internal/component-api/v7/router/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/router/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/router/slots.md'; +import Props from '@ionic-internal/component-api/v8/router/props.md'; +import Events from '@ionic-internal/component-api/v8/router/events.md'; +import Methods from '@ionic-internal/component-api/v8/router/methods.md'; +import Parts from '@ionic-internal/component-api/v8/router/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/router/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/router/slots.md'; ion-router: Router Component to Coordinate URL Navigation @@ -36,7 +36,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import BasicExample from '@site/static/usage/v7/router/basic/index.md'; +import BasicExample from '@site/static/usage/v8/router/basic/index.md'; diff --git a/docs/api/row.md b/docs/api/row.md index bf88ba882c7..bf25f0bf7e1 100644 --- a/docs/api/row.md +++ b/docs/api/row.md @@ -1,12 +1,12 @@ --- title: "ion-row" --- -import Props from '@ionic-internal/component-api/v7/row/props.md'; -import Events from '@ionic-internal/component-api/v7/row/events.md'; -import Methods from '@ionic-internal/component-api/v7/row/methods.md'; -import Parts from '@ionic-internal/component-api/v7/row/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/row/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/row/slots.md'; +import Props from '@ionic-internal/component-api/v8/row/props.md'; +import Events from '@ionic-internal/component-api/v8/row/events.md'; +import Methods from '@ionic-internal/component-api/v8/row/methods.md'; +import Parts from '@ionic-internal/component-api/v8/row/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/row/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/row/slots.md'; ion-row: Horizontal Row Components of the Grid System diff --git a/docs/api/searchbar.md b/docs/api/searchbar.md index cb5c985d4f9..3e8ace440ad 100644 --- a/docs/api/searchbar.md +++ b/docs/api/searchbar.md @@ -1,12 +1,12 @@ --- title: "ion-searchbar" --- -import Props from '@ionic-internal/component-api/v7/searchbar/props.md'; -import Events from '@ionic-internal/component-api/v7/searchbar/events.md'; -import Methods from '@ionic-internal/component-api/v7/searchbar/methods.md'; -import Parts from '@ionic-internal/component-api/v7/searchbar/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/searchbar/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/searchbar/slots.md'; +import Props from '@ionic-internal/component-api/v8/searchbar/props.md'; +import Events from '@ionic-internal/component-api/v8/searchbar/events.md'; +import Methods from '@ionic-internal/component-api/v8/searchbar/methods.md'; +import Parts from '@ionic-internal/component-api/v8/searchbar/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/searchbar/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/searchbar/slots.md'; ion-searchbar: Search Bar for Searching a Collection @@ -22,7 +22,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/searchbar/basic/index.md'; +import Basic from '@site/static/usage/v8/searchbar/basic/index.md'; @@ -31,7 +31,7 @@ import Basic from '@site/static/usage/v7/searchbar/basic/index.md'; 検索バーのInputフィールドの左に表示される検索アイコンです。任意の [Ionicon](https://ionic.io/ionicons/) にカスタマイズすることが可能です。 -import SearchIcon from '@site/static/usage/v7/searchbar/search-icon/index.md'; +import SearchIcon from '@site/static/usage/v8/searchbar/search-icon/index.md'; @@ -40,7 +40,7 @@ import SearchIcon from '@site/static/usage/v7/searchbar/search-icon/index.md'; 検索バーに値があるとき、または検索バーのテキストフィールドに入力があったときに、クリアボタンが表示されます。クリアボタンをクリックすると、テキストフィールドは消去され、入力はフォーカスされたままになります。デフォルトでは、クリアボタンは検索バーをフォーカスしたときに表示されるように設定されていますが、常に表示する、または全く表示しないように設定することができます。また、クリアボタン内のアイコンは、任意の[Ionicon](https://ionic.io/ionicons/)にカスタマイズすることができます。 -import ClearButton from '@site/static/usage/v7/searchbar/clear-button/index.md'; +import ClearButton from '@site/static/usage/v8/searchbar/clear-button/index.md'; @@ -49,7 +49,7 @@ import ClearButton from '@site/static/usage/v7/searchbar/clear-button/index.md'; キャンセルボタンを有効にすると、クリックすると入力がクリアされ、フォーカスが失われます。デフォルトでは、キャンセルボタンは表示されないように設定されていますが、常に表示するように設定したり、検索バーにフォーカスが当たったときのみ表示するように設定したりすることができます。キャンセルボタンは `ios` モードではテキストとして、`md` モードではアイコンとして表示されます。テキストとアイコンはそれぞれ別のプロパティでカスタマイズでき、アイコンは任意の[Ionicon](https://ionic.io/ionicons/)を使用することができます。 -import CancelButton from '@site/static/usage/v7/searchbar/cancel-button/index.md'; +import CancelButton from '@site/static/usage/v8/searchbar/cancel-button/index.md'; @@ -59,7 +59,7 @@ import CancelButton from '@site/static/usage/v7/searchbar/cancel-button/index.md 検索バーは、ツールバーの中に配置されたときにネイティブに見えるようにスタイルされています。iOSでは、検索バーは、ページタイトルを含むツールバーの下にある、独自のツールバーに配置されるべきです。Material Designでは、検索バーは、独自のツールバーに永続的に表示されるか、ページタイトルを含むツールバーの上に展開されるかのいずれかです。 -import Toolbar from '@site/static/usage/v7/toolbar/searchbars/index.md'; +import Toolbar from '@site/static/usage/v8/toolbar/searchbars/index.md'; @@ -68,7 +68,7 @@ import Toolbar from '@site/static/usage/v7/toolbar/searchbars/index.md'; 検索バーにDebounceを設定して、`ionInput`イベントのトリガーを遅延させることができます。これは、入力に文字が入力されるたびにデータを要求するのではなく、要求を出すのを待つために使うことができるので、データを問い合わせるときに便利です。 -import Debounce from '@site/static/usage/v7/searchbar/debounce/index.md'; +import Debounce from '@site/static/usage/v8/searchbar/debounce/index.md'; @@ -77,7 +77,7 @@ import Debounce from '@site/static/usage/v7/searchbar/debounce/index.md'; ### Colors -import Colors from '@site/static/usage/v7/searchbar/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/searchbar/theming/colors/index.md'; @@ -85,7 +85,7 @@ import Colors from '@site/static/usage/v7/searchbar/theming/colors/index.md'; 検索バーは、スコープをつけてカプセル化されています。これは、実行時に各スタイルに追加のクラスを付加することで、CSSを自動的にスコープ化することを意味します。CSSでscopedセレクタを上書きするには、[higher specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) セレクタが必要です。そのため、クラスを追加してカスタマイズすることをお勧めします。 -import CSSProps from '@site/static/usage/v7/searchbar/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/searchbar/theming/css-properties/index.md'; diff --git a/docs/api/segment-button.md b/docs/api/segment-button.md index a13d47afe68..af9db54867c 100644 --- a/docs/api/segment-button.md +++ b/docs/api/segment-button.md @@ -1,12 +1,12 @@ --- title: "ion-segment-button" --- -import Props from '@ionic-internal/component-api/v7/segment-button/props.md'; -import Events from '@ionic-internal/component-api/v7/segment-button/events.md'; -import Methods from '@ionic-internal/component-api/v7/segment-button/methods.md'; -import Parts from '@ionic-internal/component-api/v7/segment-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/segment-button/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/segment-button/slots.md'; +import Props from '@ionic-internal/component-api/v8/segment-button/props.md'; +import Events from '@ionic-internal/component-api/v8/segment-button/events.md'; +import Methods from '@ionic-internal/component-api/v8/segment-button/methods.md'; +import Parts from '@ionic-internal/component-api/v8/segment-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/segment-button/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/segment-button/slots.md'; ion-segment-button | Segment Button Icon and Segment Value @@ -23,7 +23,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/segment-button/basic/index.md'; +import Basic from '@site/static/usage/v8/segment-button/basic/index.md'; @@ -32,7 +32,7 @@ import Basic from '@site/static/usage/v7/segment-button/basic/index.md'; `layout`プロパティは、デフォルトで `"icon-top"` に設定されています。セグメントボタンにアイコンとラベルの両方がある場合、アイコンはラベルの上に表示されます。この動作は `layout` プロパティを `"icon-bottom"`, `"icon-start"`, `"icon-end"` に設定することで変更可能で、それぞれアイコンをラベルの下、ラベルの先頭（LTRでは左、RTLでは右）、ラベルの末尾（LTRでは右、RTLでは左）に表示することができます。 -import Layout from '@site/static/usage/v7/segment-button/layout/index.md'; +import Layout from '@site/static/usage/v8/segment-button/layout/index.md'; @@ -40,14 +40,14 @@ import Layout from '@site/static/usage/v7/segment-button/layout/index.md'; ## テーマ ### CSS Shadow Parts -import CSSParts from '@site/static/usage/v7/segment-button/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v8/segment-button/theming/css-shadow-parts/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/segment-button/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/segment-button/theming/css-properties/index.md'; diff --git a/docs/api/segment.md b/docs/api/segment.md index 0cc6e3fdd1c..553dcff3289 100644 --- a/docs/api/segment.md +++ b/docs/api/segment.md @@ -1,12 +1,12 @@ --- title: "ion-segment" --- -import Props from '@ionic-internal/component-api/v7/segment/props.md'; -import Events from '@ionic-internal/component-api/v7/segment/events.md'; -import Methods from '@ionic-internal/component-api/v7/segment/methods.md'; -import Parts from '@ionic-internal/component-api/v7/segment/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/segment/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/segment/slots.md'; +import Props from '@ionic-internal/component-api/v8/segment/props.md'; +import Events from '@ionic-internal/component-api/v8/segment/events.md'; +import Methods from '@ionic-internal/component-api/v8/segment/methods.md'; +import Parts from '@ionic-internal/component-api/v8/segment/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/segment/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/segment/slots.md'; ion-segment: API Documentation for Segmented Controls @@ -27,7 +27,7 @@ Segmentsは、関連するボタンのグループを水平方向の行に表示 セグメントは[セグメントボタン](./segment-button)からなり、各ボタンには`value`プロパティが設定されています。セグメントの `value` プロパティをボタンの値と一致させることで、そのボタンを選択することができます。また、セグメントを無効にすることで、ユーザがセグメントと対話できないようにすることができます。 -import Basic from '@site/static/usage/v7/segment/basic/index.md'; +import Basic from '@site/static/usage/v8/segment/basic/index.md'; @@ -36,7 +36,7 @@ import Basic from '@site/static/usage/v7/segment/basic/index.md'; デフォルトでは、セグメントはスクロールできません。各セグメントボタンの幅は固定で、セグメントボタンの数を画面幅で割って幅を決定します。これにより、各セグメントボタンがスクロールすることなく画面に表示されることが保証されます。そのため、ラベルが長いセグメントボタンは、一部が切れてしまうことがあります。これを避けるために、短いラベルを使用するか、`scrollable` プロパティを `true` に設定してスクロール可能なセグメントに変更することをお勧めします。これはセグメントを水平方向にスクロールさせますが、各セグメントボタンの幅を変更することができます。 -import Scrollable from '@site/static/usage/v7/segment/scrollable/index.md'; +import Scrollable from '@site/static/usage/v8/segment/scrollable/index.md'; @@ -44,7 +44,7 @@ import Scrollable from '@site/static/usage/v7/segment/scrollable/index.md'; ## Segments in Toolbars -import Toolbar from '@site/static/usage/v7/toolbar/segments/index.md'; +import Toolbar from '@site/static/usage/v8/toolbar/segments/index.md'; @@ -53,13 +53,13 @@ import Toolbar from '@site/static/usage/v7/toolbar/segments/index.md'; ### Colors -import Colors from '@site/static/usage/v7/segment/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/segment/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/segment/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/segment/theming/css-properties/index.md'; diff --git a/docs/api/select-option.md b/docs/api/select-option.md index 3ce9d6df513..54083419dd5 100644 --- a/docs/api/select-option.md +++ b/docs/api/select-option.md @@ -1,12 +1,12 @@ --- title: "ion-select-option" --- -import Props from '@ionic-internal/component-api/v7/select-option/props.md'; -import Events from '@ionic-internal/component-api/v7/select-option/events.md'; -import Methods from '@ionic-internal/component-api/v7/select-option/methods.md'; -import Parts from '@ionic-internal/component-api/v7/select-option/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/select-option/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/select-option/slots.md'; +import Props from '@ionic-internal/component-api/v8/select-option/props.md'; +import Events from '@ionic-internal/component-api/v8/select-option/events.md'; +import Methods from '@ionic-internal/component-api/v8/select-option/methods.md'; +import Parts from '@ionic-internal/component-api/v8/select-option/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/select-option/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/select-option/slots.md'; ion-select-option: Option For a Select Dialog diff --git a/docs/api/select.md b/docs/api/select.md index a1a8c44edc4..00db610f319 100644 --- a/docs/api/select.md +++ b/docs/api/select.md @@ -1,12 +1,12 @@ --- title: "ion-select" --- -import Props from '@ionic-internal/component-api/v7/select/props.md'; -import Events from '@ionic-internal/component-api/v7/select/events.md'; -import Methods from '@ionic-internal/component-api/v7/select/methods.md'; -import Parts from '@ionic-internal/component-api/v7/select/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/select/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/select/slots.md'; +import Props from '@ionic-internal/component-api/v8/select/props.md'; +import Events from '@ionic-internal/component-api/v8/select/events.md'; +import Methods from '@ionic-internal/component-api/v8/select/methods.md'; +import Parts from '@ionic-internal/component-api/v8/select/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/select/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/select/slots.md'; ion-select: Select One or Multiple Value Boxes or Placeholders @@ -38,7 +38,7 @@ selectは、子要素 `` とともに使用する必要があ ラベルはデフォルトではコンテンツの幅を占めます。開発者は `labelPlacement` プロパティを使用して、コントロールに対するラベルの配置を制御することができます。ここでは `label` プロパティを使用しているが、`labelPlacement` は `label` スロットと一緒に使用することもできます。 -import LabelPlacement from '@site/static/usage/v7/select/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v8/select/label-placement/index.md'; @@ -46,7 +46,7 @@ import LabelPlacement from '@site/static/usage/v7/select/label-placement/index.m プレーンテキストのラベルは `label` プロパティで渡すべきですが、カスタムHTMLが必要な場合は、代わりに `label` スロットで渡すことができます。 -import LabelSlot from '@site/static/usage/v7/select/label-slot/index.md'; +import LabelSlot from '@site/static/usage/v8/select/label-slot/index.md'; @@ -54,7 +54,7 @@ import LabelSlot from '@site/static/usage/v7/select/label-slot/index.md'; 表示するラベルが必要ない場合でも、開発者は`aria-label`を指定する必要があります -import NoVisibleLabel from '@site/static/usage/v7/select/no-visible-label/index.md'; +import NoVisibleLabel from '@site/static/usage/v8/select/no-visible-label/index.md'; @@ -64,7 +64,7 @@ import NoVisibleLabel from '@site/static/usage/v7/select/no-visible-label/index. 単一選択時のキーボード操作については、以下の[キーボード操作](#single-selection-1)のセクションで説明しています。 -import SingleSelectionExample from '@site/static/usage/v7/select/basic/single-selection/index.md'; +import SingleSelectionExample from '@site/static/usage/v8/select/basic/single-selection/index.md'; @@ -80,7 +80,7 @@ select に `multiple` 属性を追加することで、ユーザーは複数の 複数選択時のキーボード操作については、以下の[キーボード操作](#multiple-selection-1)のセクションで説明しています。 -import MultipleSelectionExample from '@site/static/usage/v7/select/basic/multiple-selection/index.md'; +import MultipleSelectionExample from '@site/static/usage/v8/select/basic/multiple-selection/index.md'; @@ -90,20 +90,20 @@ import MultipleSelectionExample from '@site/static/usage/v7/select/basic/multipl ### Alert -import AlertExample from '@site/static/usage/v7/select/basic/single-selection/index.md'; +import AlertExample from '@site/static/usage/v8/select/basic/single-selection/index.md'; ### Action Sheet -import ActionSheetExample from '@site/static/usage/v7/select/interfaces/action-sheet/index.md'; +import ActionSheetExample from '@site/static/usage/v8/select/interfaces/action-sheet/index.md'; ### Popover -import PopoverExample from '@site/static/usage/v7/select/interfaces/popover/index.md'; +import PopoverExample from '@site/static/usage/v8/select/interfaces/popover/index.md'; @@ -111,7 +111,7 @@ import PopoverExample from '@site/static/usage/v7/select/interfaces/popover/inde Select とユーザのインタラクションを処理する主な方法は、 `ionChange` イベント、 `ionDismiss` イベント、 `ionCancel` イベントです。これらのイベントやselectが発生するその他のイベントの詳細については、[Events](#events)を参照してください。 -import RespondingToInteractionExample from '@site/static/usage/v7/select/basic/responding-to-interaction/index.md'; +import RespondingToInteractionExample from '@site/static/usage/v8/select/basic/responding-to-interaction/index.md'; @@ -123,13 +123,13 @@ Selectの値にオブジェクトを使用する場合、Selectの値のidentity ### Using compareWith -import UsingCompareWithExample from '@site/static/usage/v7/select/objects-as-values/using-comparewith/index.md'; +import UsingCompareWithExample from '@site/static/usage/v8/select/objects-as-values/using-comparewith/index.md'; ### Object Values and Multiple Selection -import ObjectValuesAndMultipleSelectionExample from '@site/static/usage/v7/select/objects-as-values/multiple-selection/index.md'; +import ObjectValuesAndMultipleSelectionExample from '@site/static/usage/v8/select/objects-as-values/multiple-selection/index.md'; @@ -137,7 +137,7 @@ import ObjectValuesAndMultipleSelectionExample from '@site/static/usage/v7/selec 開発者は `justify` プロパティを使用して、ラベルとコントロールの行の詰め方を制御することができます。 -import JustifyExample from '@site/static/usage/v7/select/justify/index.md'; +import JustifyExample from '@site/static/usage/v8/select/justify/index.md'; @@ -147,7 +147,7 @@ Material DesignはセレクトにFilledスタイルを提供します。select `fill` スタイルはセレクトコンテナを視覚的に定義するので、`fill` を使用するセレクトは `ion-item` では使用しないでください。 -import FillExample from '@site/static/usage/v7/select/fill/index.md'; +import FillExample from '@site/static/usage/v8/select/fill/index.md'; @@ -157,7 +157,7 @@ import FillExample from '@site/static/usage/v7/select/fill/index.md'; `action-sheet` と `popover` インターフェースには `OK` ボタンがありません。オプションのいずれかをクリックすると自動的にオーバーレイが閉じ、その値が選択されます。 `popover` インターフェースには `Cancel` ボタンがなく、背景をクリックするとオーバーレイが閉じます。 -import ButtonTextExample from '@site/static/usage/v7/select/customization/button-text/index.md'; +import ButtonTextExample from '@site/static/usage/v8/select/customization/button-text/index.md'; @@ -169,7 +169,7 @@ Selectはalert、action sheet、popoverインタフェースを使用するの 注意: `alert` インターフェイスでは、`interfaceOptions` は `inputs` や `buttons` を上書きしません。 -import InterfaceOptionsExample from '@site/static/usage/v7/select/customization/interface-options/index.md'; +import InterfaceOptionsExample from '@site/static/usage/v8/select/customization/interface-options/index.md'; @@ -197,7 +197,7 @@ Selectコンポーネントには2つのユニットがあり、それぞれ別 また、必要な[ブラウザサポート](https://caniuse.com/#feat=mdn-css_selectors_part)によっては、CSSのシャドウパーツを使用してセレクトのスタイルを設定することもできます。 `part` を使用することで、要素上の任意の CSS プロパティを対象とすることができることに注意してください。 -import StylingSelectExample from '@site/static/usage/v7/select/customization/styling-select/index.md'; +import StylingSelectExample from '@site/static/usage/v8/select/customization/styling-select/index.md'; @@ -215,7 +215,7 @@ import StylingSelectExample from '@site/static/usage/v7/select/customization/sty 選択テキストの隣に表示されるアイコンは、`toggleIcon` プロパティと `expandedIcon` プロパティを使用して、任意の [Ionicon](https://ionic.io/ionicons) に設定することができます。 -import CustomToggleIconsExample from '@site/static/usage/v7/select/customization/custom-toggle-icons/index.md'; +import CustomToggleIconsExample from '@site/static/usage/v8/select/customization/custom-toggle-icons/index.md'; @@ -225,7 +225,7 @@ import CustomToggleIconsExample from '@site/static/usage/v7/select/customization 以下の例では[custom `toggleIcon`](#custom-toggle-icons)を使って、`ios`モードでのトグルアイコンの反転動作をより分かりやすく説明しています。 -import IconFlipBehaviorExample from '@site/static/usage/v7/select/customization/icon-flip-behavior/index.md'; +import IconFlipBehaviorExample from '@site/static/usage/v8/select/customization/icon-flip-behavior/index.md'; @@ -233,7 +233,7 @@ import IconFlipBehaviorExample from '@site/static/usage/v7/select/customization/ Typeaheadまたはオートコンプリート機能は、既存のIonicコンポーネントを使用して構築できます。利用可能なスクリーンスペースを最大限に活用するために、`ion-modal`を使用することをお勧めします。 -import TypeaheadExample from '@site/static/usage/v7/select/typeahead/index.md'; +import TypeaheadExample from '@site/static/usage/v8/select/typeahead/index.md'; @@ -272,7 +272,7 @@ Ionic 7.0では、よりシンプルなセレクト構文が導入されまし 1. 1. `ion-label` を削除し、代わりに `ion-select` の `label` プロパティを使用する。ラベルの配置は `ion-select` の `labelPlacement` プロパティで設定できる。 2. fill` と `shape` を `ion-item` から `ion-select` に移動する。 -import Migration from '@site/static/usage/v7/select/migration/index.md'; +import Migration from '@site/static/usage/v8/select/migration/index.md'; diff --git a/docs/api/skeleton-text.md b/docs/api/skeleton-text.md index dd452f28dbc..3987425e606 100644 --- a/docs/api/skeleton-text.md +++ b/docs/api/skeleton-text.md @@ -1,12 +1,12 @@ --- title: "ion-skeleton-text" --- -import Props from '@ionic-internal/component-api/v7/skeleton-text/props.md'; -import Events from '@ionic-internal/component-api/v7/skeleton-text/events.md'; -import Methods from '@ionic-internal/component-api/v7/skeleton-text/methods.md'; -import Parts from '@ionic-internal/component-api/v7/skeleton-text/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/skeleton-text/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/skeleton-text/slots.md'; +import Props from '@ionic-internal/component-api/v8/skeleton-text/props.md'; +import Events from '@ionic-internal/component-api/v8/skeleton-text/events.md'; +import Methods from '@ionic-internal/component-api/v8/skeleton-text/methods.md'; +import Parts from '@ionic-internal/component-api/v8/skeleton-text/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/skeleton-text/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/skeleton-text/slots.md'; ion-skeleton-text: Skeleton Loading Placeholder for Text @@ -23,7 +23,7 @@ Skeleton Textは、placeholderコンテンツをレンダリングするため ## 基本的な使い方 -import Basic from '@site/static/usage/v7/skeleton-text/basic/index.md'; +import Basic from '@site/static/usage/v8/skeleton-text/basic/index.md'; @@ -31,7 +31,7 @@ import Basic from '@site/static/usage/v7/skeleton-text/basic/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/skeleton-text/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/skeleton-text/theming/css-properties/index.md'; diff --git a/docs/api/spinner.md b/docs/api/spinner.md index f4888b3d60f..0c5158f25ce 100644 --- a/docs/api/spinner.md +++ b/docs/api/spinner.md @@ -1,12 +1,12 @@ --- title: "ion-spinner" --- -import Props from '@ionic-internal/component-api/v7/spinner/props.md'; -import Events from '@ionic-internal/component-api/v7/spinner/events.md'; -import Methods from '@ionic-internal/component-api/v7/spinner/methods.md'; -import Parts from '@ionic-internal/component-api/v7/spinner/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/spinner/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/spinner/slots.md'; +import Props from '@ionic-internal/component-api/v8/spinner/props.md'; +import Events from '@ionic-internal/component-api/v8/spinner/events.md'; +import Methods from '@ionic-internal/component-api/v8/spinner/methods.md'; +import Parts from '@ionic-internal/component-api/v8/spinner/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/spinner/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/spinner/slots.md'; ion-spinner: Animated Spinner Icon Components and Properties @@ -25,7 +25,7 @@ Spinnerコンポーネントには、さまざまなアニメーションつき デフォルトのスピナーは、モードに基づいて決定されます。モードが `ios` の場合、スピナーは `"lines"` となり、モードが `md` の場合、スピナーは `"circular"` となります。 `name` プロパティが設定されている場合は、モード固有のスピナーの代わりに、そのスピナーが使用されます。 -import Basic from '@site/static/usage/v7/spinner/basic/index.md'; +import Basic from '@site/static/usage/v8/spinner/basic/index.md'; @@ -33,7 +33,7 @@ import Basic from '@site/static/usage/v7/spinner/basic/index.md'; ### Colors -import Colors from '@site/static/usage/v7/spinner/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/spinner/theming/colors/index.md'; @@ -41,13 +41,13 @@ import Colors from '@site/static/usage/v7/spinner/theming/colors/index.md'; You may use custom CSS to style the spinner. For example, you can resize the spinner by setting the width and height. -import Resizing from '@site/static/usage/v7/spinner/theming/resizing/index.md'; +import Resizing from '@site/static/usage/v8/spinner/theming/resizing/index.md'; ### CSS カスタムプロパティ -import CSSProps from '@site/static/usage/v7/spinner/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/spinner/theming/css-properties/index.md'; diff --git a/docs/api/split-pane.md b/docs/api/split-pane.md index ead3d168a10..7301a7e13a1 100644 --- a/docs/api/split-pane.md +++ b/docs/api/split-pane.md @@ -2,12 +2,12 @@ title: "ion-split-pane" --- -import Props from '@ionic-internal/component-api/v7/split-pane/props.md'; -import Events from '@ionic-internal/component-api/v7/split-pane/events.md'; -import Methods from '@ionic-internal/component-api/v7/split-pane/methods.md'; -import Parts from '@ionic-internal/component-api/v7/split-pane/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/split-pane/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/split-pane/slots.md'; +import Props from '@ionic-internal/component-api/v8/split-pane/props.md'; +import Events from '@ionic-internal/component-api/v8/split-pane/events.md'; +import Methods from '@ionic-internal/component-api/v8/split-pane/methods.md'; +import Parts from '@ionic-internal/component-api/v8/split-pane/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/split-pane/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/split-pane/slots.md'; ion-split-pane: Split Plane for Menus and Multi-View Layouts @@ -29,7 +29,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; このデモでは `when` プロパティを `'xs'` に設定し、分割ペインが常に表示されるようにしています。小さなビューポートで分割ペインを折りたたみたい場合は、Ionicアプリケーションにこの設定は必要ありません。詳しくは、[ブレークポイントの設定](#setting-breakpoints)を参照してください。 ::: -import Basic from '@site/static/usage/v7/split-pane/basic/index.md'; +import Basic from '@site/static/usage/v8/split-pane/basic/index.md'; @@ -58,7 +58,7 @@ import Basic from '@site/static/usage/v7/split-pane/basic/index.md'; ## CSSカスタムプロパティ -import CSSProperties from '@site/static/usage/v7/split-pane/theming/css-properties/index.md'; +import CSSProperties from '@site/static/usage/v8/split-pane/theming/css-properties/index.md'; diff --git a/docs/api/tab-bar.md b/docs/api/tab-bar.md index c5bef45fd16..c3a4ab00092 100644 --- a/docs/api/tab-bar.md +++ b/docs/api/tab-bar.md @@ -4,12 +4,12 @@ title: "ion-tab-bar" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v7/tab-bar/props.md'; -import Events from '@ionic-internal/component-api/v7/tab-bar/events.md'; -import Methods from '@ionic-internal/component-api/v7/tab-bar/methods.md'; -import Parts from '@ionic-internal/component-api/v7/tab-bar/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/tab-bar/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/tab-bar/slots.md'; +import Props from '@ionic-internal/component-api/v8/tab-bar/props.md'; +import Events from '@ionic-internal/component-api/v8/tab-bar/events.md'; +import Methods from '@ionic-internal/component-api/v8/tab-bar/methods.md'; +import Parts from '@ionic-internal/component-api/v8/tab-bar/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/tab-bar/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/tab-bar/slots.md'; ion-tab-bar: Tab Bar Component with CSS Custom Properties diff --git a/docs/api/tab-button.md b/docs/api/tab-button.md index 3f845ed55b3..90f877b8e85 100644 --- a/docs/api/tab-button.md +++ b/docs/api/tab-button.md @@ -4,12 +4,12 @@ title: "ion-tab-button" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v7/tab-button/props.md'; -import Events from '@ionic-internal/component-api/v7/tab-button/events.md'; -import Methods from '@ionic-internal/component-api/v7/tab-button/methods.md'; -import Parts from '@ionic-internal/component-api/v7/tab-button/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/tab-button/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/tab-button/slots.md'; +import Props from '@ionic-internal/component-api/v8/tab-button/props.md'; +import Events from '@ionic-internal/component-api/v8/tab-button/events.md'; +import Methods from '@ionic-internal/component-api/v8/tab-button/methods.md'; +import Parts from '@ionic-internal/component-api/v8/tab-button/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/tab-button/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/tab-button/slots.md'; diff --git a/docs/api/tab.md b/docs/api/tab.md index cf33cbffbc8..c132ec011d6 100644 --- a/docs/api/tab.md +++ b/docs/api/tab.md @@ -2,12 +2,12 @@ title: "ion-tab" --- -import Props from '@ionic-internal/component-api/v7/tab/props.md'; -import Events from '@ionic-internal/component-api/v7/tab/events.md'; -import Methods from '@ionic-internal/component-api/v7/tab/methods.md'; -import Parts from '@ionic-internal/component-api/v7/tab/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/tab/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/tab/slots.md'; +import Props from '@ionic-internal/component-api/v8/tab/props.md'; +import Events from '@ionic-internal/component-api/v8/tab/events.md'; +import Methods from '@ionic-internal/component-api/v8/tab/methods.md'; +import Parts from '@ionic-internal/component-api/v8/tab/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/tab/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/tab/slots.md'; ion-tab: Ionic Framework Application Component diff --git a/docs/api/tabs.md b/docs/api/tabs.md index 6411b491359..85d7bdf55e5 100644 --- a/docs/api/tabs.md +++ b/docs/api/tabs.md @@ -1,12 +1,12 @@ --- title: "ion-tabs" --- -import Props from '@ionic-internal/component-api/v7/tabs/props.md'; -import Events from '@ionic-internal/component-api/v7/tabs/events.md'; -import Methods from '@ionic-internal/component-api/v7/tabs/methods.md'; -import Parts from '@ionic-internal/component-api/v7/tabs/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/tabs/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/tabs/slots.md'; +import Props from '@ionic-internal/component-api/v8/tabs/props.md'; +import Events from '@ionic-internal/component-api/v8/tabs/events.md'; +import Methods from '@ionic-internal/component-api/v8/tabs/methods.md'; +import Parts from '@ionic-internal/component-api/v8/tabs/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/tabs/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/tabs/slots.md'; ion-tabs: Tab-Based Component for App Top-Level Navigation @@ -36,7 +36,7 @@ Angular、React、Vueで `ion-tabs` を使用するには、 `ion-router-outlet` タブはIonicルーターと一緒に使うことで、タブベースのナビゲーションを実装することができます。タブバーとアクティブなタブは、urlに基づいて自動的に解決されます。これはタブナビゲーションで最も一般的なパターンです。 -import Router from '@site/static/usage/v7/tabs/router/index.md'; +import Router from '@site/static/usage/v8/tabs/router/index.md'; diff --git a/docs/api/text.md b/docs/api/text.md index 96146e07b2a..ef40a7bdb7d 100644 --- a/docs/api/text.md +++ b/docs/api/text.md @@ -1,12 +1,12 @@ --- title: "ion-text" --- -import Props from '@ionic-internal/component-api/v7/text/props.md'; -import Events from '@ionic-internal/component-api/v7/text/events.md'; -import Methods from '@ionic-internal/component-api/v7/text/methods.md'; -import Parts from '@ionic-internal/component-api/v7/text/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/text/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/text/slots.md'; +import Props from '@ionic-internal/component-api/v8/text/props.md'; +import Events from '@ionic-internal/component-api/v8/text/events.md'; +import Methods from '@ionic-internal/component-api/v8/text/methods.md'; +import Parts from '@ionic-internal/component-api/v8/text/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/text/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/text/slots.md'; ion-text: Ionic App Component to Style or Change Text Color @@ -21,7 +21,7 @@ textコンポーネントは、任意の要素のテキストカラーのスタ ## 基本的な使い方 -import Basic from '@site/static/usage/v7/text/basic/index.md'; +import Basic from '@site/static/usage/v8/text/basic/index.md'; diff --git a/docs/api/textarea.md b/docs/api/textarea.md index 3daca39a184..a5bd96a9813 100644 --- a/docs/api/textarea.md +++ b/docs/api/textarea.md @@ -1,12 +1,12 @@ --- title: "ion-textarea" --- -import Props from '@ionic-internal/component-api/v7/textarea/props.md'; -import Events from '@ionic-internal/component-api/v7/textarea/events.md'; -import Methods from '@ionic-internal/component-api/v7/textarea/methods.md'; -import Parts from '@ionic-internal/component-api/v7/textarea/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/textarea/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/textarea/slots.md'; +import Props from '@ionic-internal/component-api/v8/textarea/props.md'; +import Events from '@ionic-internal/component-api/v8/textarea/events.md'; +import Methods from '@ionic-internal/component-api/v8/textarea/methods.md'; +import Parts from '@ionic-internal/component-api/v8/textarea/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/textarea/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/textarea/slots.md'; Ionic Textarea Component and CSS Properties for Multi-Line Input @@ -25,7 +25,7 @@ textareaコンポーネントはIonicのプロパティに加えて [ネイテ ## 基本的な使い方 -import BasicPlayground from '@site/static/usage/v7/textarea/basic/index.md'; +import BasicPlayground from '@site/static/usage/v8/textarea/basic/index.md'; @@ -41,7 +41,7 @@ Labels should be used to describe the textarea. They can be used visually, and t ラベルは、デフォルトでそのコンテンツの幅を占めます。 開発者は `labelPlacement` プロパティを使用して、ラベルがどのように配置されるかを制御することができます。 -import LabelPlacement from '@site/static/usage/v7/textarea/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v8/textarea/label-placement/index.md'; @@ -51,7 +51,7 @@ import LabelPlacement from '@site/static/usage/v7/textarea/label-placement/index この機能は、[Web Component slots](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots)のシミュレート版に依存しているため、実験的なものとみなされていることに注意してください。その結果、シミュレートされた動作はネイティブのスロットの動作と完全に一致するとは限りません。 -import LabelSlot from '@site/static/usage/v7/textarea/label-slot/index.md'; +import LabelSlot from '@site/static/usage/v8/textarea/label-slot/index.md'; @@ -59,7 +59,7 @@ import LabelSlot from '@site/static/usage/v7/textarea/label-slot/index.md'; ラベルの表示が必要ない場合でも、開発者は`aria-label`を指定して、textareaがスクリーンリーダーにアクセスできるようにすべきです。 -import NoVisibleLabel from '@site/static/usage/v7/textarea/no-visible-label/index.md'; +import NoVisibleLabel from '@site/static/usage/v8/textarea/no-visible-label/index.md'; @@ -71,7 +71,7 @@ Material Designでは、テキストエリアの塗りつぶしスタイルが Filled textareas can be used on iOS by setting Textarea's `mode` to `md`. -import Fill from '@site/static/usage/v7/textarea/fill/index.md'; +import Fill from '@site/static/usage/v8/textarea/fill/index.md'; @@ -81,7 +81,7 @@ import Fill from '@site/static/usage/v7/textarea/fill/index.md'; Angularでは、これはフォームバリデーションによって自動的に行われます。JavaScript、React、Vueでは、独自のバリデーションに基づいてクラスを手動で追加する必要があります。 -import HelperError from '@site/static/usage/v7/textarea/helper-error/index.md'; +import HelperError from '@site/static/usage/v8/textarea/helper-error/index.md'; @@ -89,7 +89,7 @@ import HelperError from '@site/static/usage/v7/textarea/helper-error/index.md'; textareaカウンターは、textareaの下に表示されるテキストで、textareaが受け付ける合計文字数のうち、何文字が入力されたかをユーザーに通知します。カウンターを追加する場合、デフォルトの動作は、表示される値を `inputLength` / `maxLength` としてフォーマットすることです。この動作は、`counterFormatter`プロパティにフォーマッタ関数を渡すことでカスタマイズすることができます。 -import Counter from '@site/static/usage/v7/textarea/counter/index.md'; +import Counter from '@site/static/usage/v8/textarea/counter/index.md'; @@ -97,7 +97,7 @@ import Counter from '@site/static/usage/v7/textarea/counter/index.md'; `autoGrow`プロパティが`true`に設定されている場合、テキストエリアはその内容に基づいて拡大・縮小します。 -import AutogrowPlayground from '@site/static/usage/v7/textarea/autogrow/index.md'; +import AutogrowPlayground from '@site/static/usage/v8/textarea/autogrow/index.md'; @@ -105,7 +105,7 @@ import AutogrowPlayground from '@site/static/usage/v7/textarea/autogrow/index.md `clearOnEdit`プロパティを`true`に設定すると、テキストエリアが編集削除された後、再度入力されるとクリアされます。 -import ClearOnEditPlayground from '@site/static/usage/v7/textarea/clear-on-edit/index.md'; +import ClearOnEditPlayground from '@site/static/usage/v8/textarea/clear-on-edit/index.md'; @@ -140,7 +140,7 @@ Ionic 7.0では、よりシンプルなtextareaの構文が導入されました 2. テキストエリア固有のプロパティを `ion-item` から `ion-textarea` に移動します。これには、`counter`、`counterFormatter`、`fill`、`shape`プロパティが含まれます。 3. `ion-item` の `helper` と `error` スロットの使用を削除し、代わりに `ion-textarea` の `helperText` と `errorText` プロパティを使用します。 -import Migration from '@site/static/usage/v7/textarea/migration/index.md'; +import Migration from '@site/static/usage/v8/textarea/migration/index.md'; @@ -150,7 +150,7 @@ Ionicは、アプリが最新のtextarea構文を使用しているかどうか ## テーマ -import ThemingPlayground from '@site/static/usage/v7/textarea/theming/index.md'; +import ThemingPlayground from '@site/static/usage/v8/textarea/theming/index.md'; diff --git a/docs/api/thumbnail.md b/docs/api/thumbnail.md index f611558bb59..be00ce097ff 100644 --- a/docs/api/thumbnail.md +++ b/docs/api/thumbnail.md @@ -2,12 +2,12 @@ title: "ion-thumbnail" --- -import Props from '@ionic-internal/component-api/v7/thumbnail/props.md'; -import Events from '@ionic-internal/component-api/v7/thumbnail/events.md'; -import Methods from '@ionic-internal/component-api/v7/thumbnail/methods.md'; -import Parts from '@ionic-internal/component-api/v7/thumbnail/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/thumbnail/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/thumbnail/slots.md'; +import Props from '@ionic-internal/component-api/v8/thumbnail/props.md'; +import Events from '@ionic-internal/component-api/v8/thumbnail/events.md'; +import Methods from '@ionic-internal/component-api/v8/thumbnail/methods.md'; +import Parts from '@ionic-internal/component-api/v8/thumbnail/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/thumbnail/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/thumbnail/slots.md'; ion-thumbnail: Thumbnail App Component for Images or Icons @@ -24,13 +24,13 @@ Thumbnailsは、単独で使用することも、任意の要素の内部で使 ## 基本的な使い方 -import Basic from '@site/static/usage/v7/thumbnail/basic/index.md'; +import Basic from '@site/static/usage/v8/thumbnail/basic/index.md'; ## Item Thumbnails -import Item from '@site/static/usage/v7/thumbnail/item/index.md'; +import Item from '@site/static/usage/v8/thumbnail/item/index.md'; @@ -38,7 +38,7 @@ import Item from '@site/static/usage/v7/thumbnail/item/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/thumbnail/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/thumbnail/theming/css-properties/index.md'; diff --git a/docs/api/title.md b/docs/api/title.md index d564830d946..0d0241cf099 100644 --- a/docs/api/title.md +++ b/docs/api/title.md @@ -1,12 +1,12 @@ --- title: "ion-title" --- -import Props from '@ionic-internal/component-api/v7/title/props.md'; -import Events from '@ionic-internal/component-api/v7/title/events.md'; -import Methods from '@ionic-internal/component-api/v7/title/methods.md'; -import Parts from '@ionic-internal/component-api/v7/title/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/title/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/title/slots.md'; +import Props from '@ionic-internal/component-api/v8/title/props.md'; +import Events from '@ionic-internal/component-api/v8/title/events.md'; +import Methods from '@ionic-internal/component-api/v8/title/methods.md'; +import Parts from '@ionic-internal/component-api/v8/title/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/title/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/title/slots.md'; ion-title: Ionic Framework App Title Component for Toolbars @@ -22,7 +22,7 @@ Titleは、[ツールバー](./toolbar)のタイトルを設定するテキス ## Basic -import Basic from '@site/static/usage/v7/title/basic/index.md'; +import Basic from '@site/static/usage/v8/title/basic/index.md'; @@ -36,7 +36,7 @@ This feature is only available for iOS. ::: -import CollapsibleLargeTitle from '@site/static/usage/v7/title/collapsible-large-title/basic/index.md'; +import CollapsibleLargeTitle from '@site/static/usage/v8/title/collapsible-large-title/basic/index.md'; @@ -45,11 +45,20 @@ import CollapsibleLargeTitle from '@site/static/usage/v7/title/collapsible-large [buttons](./buttons.md)コンポーネントは、[`collapse`](./buttons.md#collapse)プロパティと共に使用すると、ツールバーが折りたたまれたときにヘッダーに追加表示することができます。 -import CollapsibleLargeTitleButtons from '@site/static/usage/v7/title/collapsible-large-title/buttons/index.md'; +import CollapsibleLargeTitleButtons from '@site/static/usage/v8/title/collapsible-large-title/buttons/index.md'; -## テーマ +## アクセシビリティ + +### 見出し + +見出しを作成する場合、一般的には [セマンティック見出し要素(h1-h6)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) を使うことをお勧めします。しかし、支援技術によって特定の見出しとして扱われるようにTitleを更新する必要がある場合があります。例えば、ビューの一番上にTitleがある場合、これをレベル1の見出しと見なしたいかもしれません。 +これを実現するために、開発者はTitleで [`heading` role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/heading_role) を使用する必要があります。これにより、Titleが見出しの一種であることを支援技術に示すことができます。そこから、開発者は [`aria-level`属性](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-level) を使用して見出しレベルを設定する必要があります。 +例えば、Titleを`h1`要素のように動作させたい場合、Titleに`role="heading"`と`aria-level="1"`を設定します。 +複数のTitle要素をセマンティック見出し要素と組み合わせてビュー上で使用することができるため、Ionicは自動的にTitleの`role`や`aria-level`を設定しません。これを処理するのは開発者の責任です。 + +## Theming 折りたたみ式ラージタイトルは、コンテンツの他の部分との関係でシームレスに表示される必要があります。つまり、折りたたみ可能なラージタイトルを含むツールバーの背景色は、常にコンテンツの背景色と一致する必要があります。 @@ -61,7 +70,7 @@ import CollapsibleLargeTitleButtons from '@site/static/usage/v7/title/collapsibl ## CSSカスタムプロパティ -import CSSCustomProperties from '@site/static/usage/v7/title/theming/css-properties/index.md'; +import CSSCustomProperties from '@site/static/usage/v8/title/theming/css-properties/index.md'; diff --git a/docs/api/toast.md b/docs/api/toast.md index 07e6b469e5a..cfd118e7000 100644 --- a/docs/api/toast.md +++ b/docs/api/toast.md @@ -4,12 +4,12 @@ title: "ion-toast" import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -import Props from '@ionic-internal/component-api/v7/toast/props.md'; -import Events from '@ionic-internal/component-api/v7/toast/events.md'; -import Methods from '@ionic-internal/component-api/v7/toast/methods.md'; -import Parts from '@ionic-internal/component-api/v7/toast/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/toast/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/toast/slots.md'; +import Props from '@ionic-internal/component-api/v8/toast/props.md'; +import Events from '@ionic-internal/component-api/v8/toast/events.md'; +import Methods from '@ionic-internal/component-api/v8/toast/methods.md'; +import Parts from '@ionic-internal/component-api/v8/toast/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/toast/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/toast/slots.md'; ion-toast: A Dismissible App Notification Alert Component @@ -26,7 +26,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; `ion-toast`は、テンプレートに直接コンポーネントを記述して使用することができます。これにより、トーストを表示するために配線する必要があるハンドラの数を減らすことができます。 -import InlineToastTriggerExample from '@site/static/usage/v7/toast/inline/basic/index.md'; +import InlineToastTriggerExample from '@site/static/usage/v8/toast/inline/basic/index.md'; @@ -36,13 +36,13 @@ import InlineToastTriggerExample from '@site/static/usage/v7/toast/inline/basic/ `isOpen` は一方通行のデータバインディングを使用しているため、トーストが破棄されたときに自動的に `false` に設定されることはありません。開発者は `ionToastDidDismiss` または `didDismiss` イベントをリスニングして `isOpen` を `false` に設定する必要があります。この理由は、`ion-toast` の内部がアプリケーションの状態と密接に結合するのを防ぐためである。一方通行のデータバインディングでは、トーストはリアクティブ変数が提供するブーリアン値だけを気にすればよい。一方通行のデータバインディングでは、トーストはブーリアン値とリアクティブ変数の存在の両方に関心を持つ必要があります。これは、非決定的な動作につながり、アプリケーションのデバッグを困難にします。 -import InlineToastIsOpenExample from '@site/static/usage/v7/toast/inline/is-open/index.md'; +import InlineToastIsOpenExample from '@site/static/usage/v8/toast/inline/is-open/index.md'; ## Controller Toasts -import ControllerExample from '@site/static/usage/v7/toast/presenting/controller/index.md'; +import ControllerExample from '@site/static/usage/v8/toast/presenting/controller/index.md'; @@ -56,7 +56,7 @@ import ControllerExample from '@site/static/usage/v7/toast/presenting/controller 次の例では、`buttons` プロパティを使用して、クリックすると自動的にトーストを解散させるボタンを追加する方法と、解散イベントの `role` を収集する方法を示しています。 -import ButtonsPlayground from '@site/static/usage/v7/toast/buttons/index.md'; +import ButtonsPlayground from '@site/static/usage/v8/toast/buttons/index.md'; @@ -68,7 +68,7 @@ import ButtonsPlayground from '@site/static/usage/v7/toast/buttons/index.md'; トーストがヘッダー、フッター、[FAB](./fab.md)のようなナビゲーション要素と一緒に表示される場合、デフォルトではトーストはこれらの要素と重なるかもしれません。これは `positionAnchor` プロパティを使って修正することができます。`position="top"`を使用するとトーストは選択した要素に対して相対的な位置になり、`position="bottom"`を使用するとその下に、`position="bottom"`を使用するとその上に表示されます。`position="middle"`を使用する場合、`positionAnchor`プロパティは無視されます。 -import PositionAnchor from '@site/static/usage/v7/toast/position-anchor/index.md'; +import PositionAnchor from '@site/static/usage/v8/toast/position-anchor/index.md'; @@ -84,7 +84,7 @@ import SwipeGesture from '@site/static/usage/v7/toast/swipe-gesture/index.md'; トースト内のボタンコンテナは、`layout`プロパティを使用して、メッセージと同じ行に表示するか、別々の行に積み重ねて表示することができます。スタックレイアウトは、長いテキスト値を持つボタンで使用する必要があります。さらに、スタックトーストレイアウトのボタンは `side` の値として `start` または `end` のどちらかを使用できますが、両方を使用することはできません。 -import StackedPlayground from '@site/static/usage/v7/toast/layout/index.md'; +import StackedPlayground from '@site/static/usage/v8/toast/layout/index.md'; @@ -92,13 +92,13 @@ import StackedPlayground from '@site/static/usage/v7/toast/layout/index.md'; トースト内のコンテンツの横にアイコンを追加することができます。一般的に、トーストのアイコンはスタイルやコンテキストを追加するために使用されるべきで、ユーザーの注意を引いたり、トーストの優先順位を上げたりするために使用すべきではありません。より優先順位の高いメッセージをユーザーに伝えたい場合や、応答を保証したい場合は、代わりに [Alert](alert.md) を使用することをお勧めします。 -import IconPlayground from '@site/static/usage/v7/toast/icon/index.md'; +import IconPlayground from '@site/static/usage/v8/toast/icon/index.md'; ## テーマ -import ThemingPlayground from '@site/static/usage/v7/toast/theming/index.md'; +import ThemingPlayground from '@site/static/usage/v8/toast/theming/index.md'; diff --git a/docs/api/toggle.md b/docs/api/toggle.md index 33055b32e5e..63ecc92b666 100644 --- a/docs/api/toggle.md +++ b/docs/api/toggle.md @@ -1,12 +1,12 @@ --- title: "ion-toggle" --- -import Props from '@ionic-internal/component-api/v7/toggle/props.md'; -import Events from '@ionic-internal/component-api/v7/toggle/events.md'; -import Methods from '@ionic-internal/component-api/v7/toggle/methods.md'; -import Parts from '@ionic-internal/component-api/v7/toggle/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/toggle/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/toggle/slots.md'; +import Props from '@ionic-internal/component-api/v8/toggle/props.md'; +import Events from '@ionic-internal/component-api/v8/toggle/events.md'; +import Methods from '@ionic-internal/component-api/v8/toggle/methods.md'; +import Parts from '@ionic-internal/component-api/v8/toggle/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/toggle/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/toggle/slots.md'; ion-toggle: Custom Toggle Button for Ionic Applications @@ -22,7 +22,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ## 基本的な使い方 -import Basic from '@site/static/usage/v7/toggle/basic/index.md'; +import Basic from '@site/static/usage/v8/toggle/basic/index.md'; @@ -31,7 +31,7 @@ import Basic from '@site/static/usage/v7/toggle/basic/index.md'; トグルは、`enableOnOffLabels`プロパティを設定することで、オン/オフラベルを有効にすることができます。これはアクセシビリティ上重要なことで、チェックされたトグルとチェックされていないトグルの区別がつきやすくなります。 -import OnOff from '@site/static/usage/v7/toggle/on-off/index.md'; +import OnOff from '@site/static/usage/v8/toggle/on-off/index.md'; @@ -40,7 +40,7 @@ import OnOff from '@site/static/usage/v7/toggle/on-off/index.md'; [アイテム](./item)と[リスト](./list)コンポーネントを使用すると、リストビューでトグルを使用することも可能です。 -import List from '@site/static/usage/v7/toggle/list/index.md'; +import List from '@site/static/usage/v8/toggle/list/index.md'; @@ -49,7 +49,7 @@ import List from '@site/static/usage/v7/toggle/list/index.md'; 開発者は `labelPlacement` プロパティを使用して、ラベルがどのように配置されるかを制御することができます。 -import LabelPlacement from '@site/static/usage/v7/toggle/label-placement/index.md'; +import LabelPlacement from '@site/static/usage/v8/toggle/label-placement/index.md'; @@ -61,7 +61,7 @@ Developers can use the `alignment` property to control how the label and control Stacked toggles can be aligned using the `alignment` property. This can be useful when the label and control need to be centered horizontally. ::: -import Alignment from '@site/static/usage/v7/toggle/alignment/index.md'; +import Alignment from '@site/static/usage/v8/toggle/alignment/index.md'; @@ -69,7 +69,7 @@ import Alignment from '@site/static/usage/v7/toggle/alignment/index.md'; 開発者は `justify` プロパティを使用して、ラベルとコントロールの行の詰め方を制御することができます。 -import Justify from '@site/static/usage/v7/toggle/justify/index.md'; +import Justify from '@site/static/usage/v8/toggle/justify/index.md'; @@ -77,7 +77,7 @@ import Justify from '@site/static/usage/v7/toggle/justify/index.md'; ### Colors -import Colors from '@site/static/usage/v7/toggle/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/toggle/theming/colors/index.md'; @@ -85,7 +85,7 @@ import Colors from '@site/static/usage/v7/toggle/theming/colors/index.md'; CSSカスタムプロパティは、標準CSSと組み合わせてトグルの異なる部分をターゲットにすることができます。トグルの `width` と `height` を直接変更してトラックのサイズを変更し、`--handle-width` と `--handle-height` カスタムプロパティを使用して、ハンドルサイズをカスタマイズすることができます。 -import CSSProps from '@site/static/usage/v7/toggle/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/toggle/theming/css-properties/index.md'; @@ -93,7 +93,7 @@ import CSSProps from '@site/static/usage/v7/toggle/theming/css-properties/index. トグルをさらにカスタマイズするには、公開されている特定のシャドウ部分をターゲットにすることができます。これらの部分には、どのようなCSSプロパティでもスタイルを設定でき、CSSカスタムプロパティと組み合わせることも可能です。 -import CSSParts from '@site/static/usage/v7/toggle/theming/css-shadow-parts/index.md'; +import CSSParts from '@site/static/usage/v8/toggle/theming/css-shadow-parts/index.md'; @@ -107,7 +107,7 @@ Ionic 7.0では、よりシンプルなトグル構文が導入されました 最新の構文を使用するには、`ion-label`を削除して、`ion-toggle`の内部にラベルを直接渡します。ラベルの配置は `ion-toggle` の `labelPlacement` プロパティを使用して設定することができる。ラベルとコントロールの行の詰め方は、`ion-toggle` の `justify` プロパティを使用して制御することができます。 -import Migration from '@site/static/usage/v7/toggle/migration/index.md'; +import Migration from '@site/static/usage/v8/toggle/migration/index.md'; diff --git a/docs/api/toolbar.md b/docs/api/toolbar.md index 92b672530d8..21878f3df38 100644 --- a/docs/api/toolbar.md +++ b/docs/api/toolbar.md @@ -1,12 +1,12 @@ --- title: "ion-toolbar" --- -import Props from '@ionic-internal/component-api/v7/toolbar/props.md'; -import Events from '@ionic-internal/component-api/v7/toolbar/events.md'; -import Methods from '@ionic-internal/component-api/v7/toolbar/methods.md'; -import Parts from '@ionic-internal/component-api/v7/toolbar/parts.md'; -import CustomProps from '@ionic-internal/component-api/v7/toolbar/custom-props.md'; -import Slots from '@ionic-internal/component-api/v7/toolbar/slots.md'; +import Props from '@ionic-internal/component-api/v8/toolbar/props.md'; +import Events from '@ionic-internal/component-api/v8/toolbar/events.md'; +import Methods from '@ionic-internal/component-api/v8/toolbar/methods.md'; +import Parts from '@ionic-internal/component-api/v8/toolbar/parts.md'; +import CustomProps from '@ionic-internal/component-api/v8/toolbar/custom-props.md'; +import Slots from '@ionic-internal/component-api/v8/toolbar/slots.md'; ion-toolbar: Customize App Menu Toolbar Buttons and Icons @@ -27,7 +27,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; ツールバーを正しく配置するために、[header](./header)または[footer](./footer)の内部に配置することをお勧めします。ツールバーをヘッダーに配置すると、コンテンツの上部に固定されて表示されます。フッターに配置された場合は、下側に固定されて表示されます。フルスクリーンのコンテンツは、ヘッダーやフッターにあるツールバーの後ろでスクロールします。 [title](./title) コンポーネントを使用すると、ツールバーの内側にテキストを表示することができます。 -import Basic from '@site/static/usage/v7/toolbar/basic/index.md'; +import Basic from '@site/static/usage/v8/toolbar/basic/index.md'; @@ -38,7 +38,7 @@ import Basic from '@site/static/usage/v7/toolbar/basic/index.md'; buttons コンポーネントは、標準的な [ボタン](./button)、[戻るボタン](./back-button)、[メニューボタン](./menu-button)、またはそれらのいずれかをラップすることができます。ツールバーのボタンはデフォルトで透明ですが、ボタンの [`fill`](./button#fill) プロパティで変更することが可能です。この例でバックボタンとメニューボタンに含まれているプロパティは表示目的であり、適切な使用方法についてはそれぞれのドキュメントを参照してください。 -import Buttons from '@site/static/usage/v7/toolbar/buttons/index.md'; +import Buttons from '@site/static/usage/v8/toolbar/buttons/index.md'; @@ -47,7 +47,7 @@ import Buttons from '@site/static/usage/v7/toolbar/buttons/index.md'; [searchbar](./searchbar)は、ツールバーの中に配置することで、コンテンツを検索することができます。ツールバーの唯一の子コンポーネントである必要があり、幅と高さを完全に占有します。 -import Searchbars from '@site/static/usage/v7/toolbar/searchbars/index.md'; +import Searchbars from '@site/static/usage/v8/toolbar/searchbars/index.md'; @@ -56,7 +56,7 @@ import Searchbars from '@site/static/usage/v7/toolbar/searchbars/index.md'; [セグメント](./segment)は、一般的にツールバーで、同じページ内の2つの異なるコンテンツビューを切り替えるために使用されます。ボタンなどの他のコンポーネントと一緒にツールバーに配置することができますが、タイトルと一緒に配置するべきではありません。 -import Segments from '@site/static/usage/v7/toolbar/segments/index.md'; +import Segments from '@site/static/usage/v8/toolbar/segments/index.md'; @@ -65,7 +65,7 @@ import Segments from '@site/static/usage/v7/toolbar/segments/index.md'; [プログレスバー](./progress-bar)は、アプリで進行中のプロセスを示すローディングインジケータとして使用されます。プログレスバーは、ツールバーの下部に配置されるため、ツールバーの中の他のコンポーネントと一緒に配置することができます。 -import ProgressBars from '@site/static/usage/v7/toolbar/progress-bars/index.md'; +import ProgressBars from '@site/static/usage/v8/toolbar/progress-bars/index.md'; @@ -74,13 +74,13 @@ import ProgressBars from '@site/static/usage/v7/toolbar/progress-bars/index.md'; ### Colors -import Colors from '@site/static/usage/v7/toolbar/theming/colors/index.md'; +import Colors from '@site/static/usage/v8/toolbar/theming/colors/index.md'; ## CSSカスタムプロパティ -import CSSProps from '@site/static/usage/v7/toolbar/theming/css-properties/index.md'; +import CSSProps from '@site/static/usage/v8/toolbar/theming/css-properties/index.md'; diff --git a/docs/core-concepts/cross-platform.md b/docs/core-concepts/cross-platform.md index a75d6262b60..0666ed6b8d6 100644 --- a/docs/core-concepts/cross-platform.md +++ b/docs/core-concepts/cross-platform.md @@ -1,5 +1,5 @@ --- -disableHtmlPreviews: true +title: Cross Platform --- # クロスプラットフォーム diff --git a/docs/developing/config.md b/docs/developing/config.md index b97ec2cd1ae..389033b4cca 100644 --- a/docs/developing/config.md +++ b/docs/developing/config.md @@ -191,6 +191,7 @@ Below are the config options that Ionic uses. | `popoverLeave` | `AnimationBuilder` | Provides a custom leave animation for all `ion-popover`, overriding the default "animation". | | `refreshingIcon` | `string` | Overrides the default icon in all `` components. | | `refreshingSpinner` | `SpinnerTypes` | Overrides the default spinner type in all `` components. | +| `rippleEffect` | `boolean` | If `true`, Material Design ripple effects will be enabled across the app. | | `sanitizerEnabled` | `boolean` | If `true`, Ionic will enable a basic DOM sanitizer on component properties that accept custom HTML. | | `spinner` | `SpinnerTypes` | Overrides the default spinner in all `` components. | | `statusTap` | `boolean` | If `true`, clicking or tapping the status bar will cause the content to scroll to the top. | diff --git a/docs/developing/keyboard.md b/docs/developing/keyboard.md index b71d97bc82c..df7e6bb2016 100644 --- a/docs/developing/keyboard.md +++ b/docs/developing/keyboard.md @@ -28,7 +28,7 @@ import TabItem from '@theme/TabItem'; ### Usage -import Inputmode from '@site/static/usage/v7/keyboard/inputmode/index.md'; +import Inputmode from '@site/static/usage/v8/keyboard/inputmode/index.md'; @@ -46,7 +46,7 @@ import Inputmode from '@site/static/usage/v7/keyboard/inputmode/index.md'; ### Usage -import Enterkeyhint from '@site/static/usage/v7/keyboard/enterkeyhint/index.md'; +import Enterkeyhint from '@site/static/usage/v8/keyboard/enterkeyhint/index.md'; diff --git a/docs/developing/managing-focus.md b/docs/developing/managing-focus.md index 01b112ea68c..3adcb726bbd 100644 --- a/docs/developing/managing-focus.md +++ b/docs/developing/managing-focus.md @@ -35,7 +35,7 @@ There are platform restrictions you should be aware of when using the `setFocus` The example below demonstrates how to use the `setFocus` API to request focus on an input when the user clicks a button. -import Basic from '@site/static/usage/v7/input/set-focus/index.md'; +import Basic from '@site/static/usage/v8/input/set-focus/index.md'; diff --git a/docs/layout/css-utilities.md b/docs/layout/css-utilities.md index 9f19eaf4732..1ed04d0a72d 100644 --- a/docs/layout/css-utilities.md +++ b/docs/layout/css-utilities.md @@ -1,7 +1,5 @@ --- title: CSSユーティリティ -initialTab: 'preview' -inlineHtmlPreviews: true --- diff --git a/docs/layout/dynamic-font-scaling.md b/docs/layout/dynamic-font-scaling.md index 2a02298f18e..e422669b966 100644 --- a/docs/layout/dynamic-font-scaling.md +++ b/docs/layout/dynamic-font-scaling.md @@ -2,8 +2,6 @@ Dynamic Font Scaling is a feature that allows users to choose the size of the text displayed on the screen. This helps users who need larger text for better readability, and it also accommodates users who can read smaller text. -Dynamic Font Scaling is supported on Android, iOS, and iPadOS starting in Ionic v7.5. - ## Try It Out :::tip @@ -14,7 +12,7 @@ If you are testing on Chrome for Android, make sure ["Accessibility Page Zoom"]( Follow the [Changing the Font Size on a Device](#changing-the-font-size-on-a-device) guide to set your preferred font size, and watch the text in the demo below grow or shrink according to your preferences. -import DynamicFontScaling from '@site/static/usage/v7/layout/dynamic-font-scaling/index.md'; +import DynamicFontScaling from '@site/static/usage/v8/layout/dynamic-font-scaling/index.md'; @@ -48,6 +46,10 @@ html { ## Using Dynamic Font Scaling +### Enabling in an Application + +Dynamic Font Scaling is enabled by default as long as the [typography.css](/docs/layout/global-stylesheets#typographycss) file is imported. Importing this file will define the `--ion-dynamic-font` variable which will activate Dynamic Font Scaling. While not recommended, developers can opt-out of Dynamic Font Scaling by setting this variable to `initial` in their application code. + ### Integrating Custom Components Developers can configure their custom components to take advantage of Dynamic Font Scaling by converting any `font-size` declarations that use `px` units to use [rem units](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#lengths) instead. An easy way to convert from `px` to `rem` is to divide the pixel font size by the default browser font size, which is typically `16px`. For example, if a component has a font size of `14px`, then this could be converted to `rem` by doing `14px / 16px = 0.875rem`. Also note that any Ionic components that have had their font sizes overridden should also be updated to use `rem` units. @@ -192,7 +194,7 @@ The Chrome Web Browser on Android has some limitations with respecting system-le There are a number of reasons why Dynamic Font Scaling may not have any effect on an app. The following list, while not exhaustive, provides some things to check to debug why Dynamic Font Scaling is not working. 1. Verify that your version of Ionic supports Dynamic Font Scaling. Dynamic Font Scaling was added starting in Ionic v7.5. -2. Dynamic Font Scaling is opt-in on iOS in Ionic 7. Verify that the proper CSS has been set. See [Enabling Dynamic Font Scaling in Ionic](#enabling-dynamic-font-scaling-in-ionic) for more information. +2. Verify that the [typography.css](/docs/layout/global-stylesheets#typographycss) file has been imported. This file is required for Dynamic Font Scaling to work. 3. Verify that your code does not override the root element's default font size. Manually setting a font size on the root element will prevent Dynamic Font Scaling from working as intended. 4. Verify that your code does not override font sizes on Ionic components. Ionic components that set `font-size` rules will use `rem` units. However, if your app overrides that to use `px`, then that custom rule will need to be converted to use `rem`. See [Integrating Custom Components](#integrating-custom-components) for more information. 5. Verify "Accessibility Page Zoom" is enabled if using Chrome for Android. See [Chrome for Android](#chrome-for-android) for more information. diff --git a/docs/layout/global-stylesheets.md b/docs/layout/global-stylesheets.md index 419e07b3ec0..36bf78d7193 100644 --- a/docs/layout/global-stylesheets.md +++ b/docs/layout/global-stylesheets.md @@ -1,7 +1,5 @@ --- title: グローバルスタイルシート -initialTab: 'preview' -inlineHtmlPreviews: true --- diff --git a/docs/layout/structure.md b/docs/layout/structure.md index ecaccc5c3da..16c3e0c313b 100644 --- a/docs/layout/structure.md +++ b/docs/layout/structure.md @@ -1,6 +1,5 @@ --- title: 構造 -initialTab: 'preview' --- import DocsCard from '@components/global/DocsCard'; @@ -22,7 +21,7 @@ Ionic Framework は、アプリを構成するために使用できるいくつ 最もシンプルなレイアウトは、[header](../api/header.md) と [content](../api/content.md) で構成されています。アプリのほとんどのページは、一般的にこの 2 つを備えていますが、コンテンツを使用するためにヘッダーは必要ではありません。 -import Header from '@site/static/usage/v7/header/basic/index.md'; +import Header from '@site/static/usage/v8/header/basic/index.md';
@@ -30,7 +29,7 @@ import Header from '@site/static/usage/v7/header/basic/index.md'; ヘッダーのツールバーがコンテンツの上に表示されるのに対して、フッターはコンテンツの下に表示されます。ヘッダーとフッターは、同じページで併用することも可能です。 -import Footer from '@site/static/usage/v7/footer/basic/index.md'; +import Footer from '@site/static/usage/v8/footer/basic/index.md';