From 31b29436e668cb8ded1af3e01a2ec8f05fd32614 Mon Sep 17 00:00:00 2001 From: Brandy Smith Date: Fri, 14 Aug 2026 13:28:05 -0400 Subject: [PATCH 01/37] docs(v9): update demos and support info to use v9 version (#4642) Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Co-authored-by: Shane --- _templates/README.md | 2 +- _templates/playground/new/index.js | 4 ++-- docs/angular/overview.md | 2 +- docs/reference/support.md | 4 ++-- docs/vue/overview.md | 2 +- .../docusaurus-plugin-ionic-component-api/index.js | 4 +--- .../code/stackblitz/v9/angular/package-lock.json | 10 +++++----- static/code/stackblitz/v9/angular/package.json | 4 ++-- static/code/stackblitz/v9/html/package-lock.json | 4 ++-- static/code/stackblitz/v9/html/package.json | 2 +- static/code/stackblitz/v9/react/package-lock.json | 14 +++++++------- static/code/stackblitz/v9/react/package.json | 4 ++-- static/code/stackblitz/v9/vue/package-lock.json | 14 +++++++------- static/code/stackblitz/v9/vue/package.json | 4 ++-- .../accordion/accessibility/animations/demo.html | 4 ++-- static/usage/v9/accordion/basic/demo.html | 4 ++-- .../advanced-expansion-styles/demo.html | 4 ++-- .../customization/expansion-styles/demo.html | 4 ++-- .../v9/accordion/customization/icons/demo.html | 4 ++-- .../v9/accordion/customization/theming/demo.html | 4 ++-- static/usage/v9/accordion/disable/group/demo.html | 4 ++-- .../v9/accordion/disable/individual/demo.html | 4 ++-- static/usage/v9/accordion/listen-changes/demo.html | 4 ++-- static/usage/v9/accordion/multiple/demo.html | 4 ++-- static/usage/v9/accordion/readonly/group/demo.html | 4 ++-- .../v9/accordion/readonly/individual/demo.html | 4 ++-- static/usage/v9/accordion/toggle/demo.html | 4 ++-- static/usage/v9/action-sheet/controller/demo.html | 4 ++-- .../usage/v9/action-sheet/inline/isOpen/demo.html | 4 ++-- .../usage/v9/action-sheet/inline/trigger/demo.html | 4 ++-- .../v9/action-sheet/role-info-on-dismiss/demo.html | 4 ++-- .../action-sheet/theming/css-properties/demo.html | 4 ++-- .../v9/action-sheet/theming/styling/demo.html | 4 ++-- static/usage/v9/alert/buttons/demo.html | 4 ++-- static/usage/v9/alert/customization/demo.html | 4 ++-- static/usage/v9/alert/inputs/radios/demo.html | 4 ++-- static/usage/v9/alert/inputs/text-inputs/demo.html | 4 ++-- .../usage/v9/alert/presenting/controller/demo.html | 4 ++-- static/usage/v9/alert/presenting/isOpen/demo.html | 4 ++-- static/usage/v9/alert/presenting/trigger/demo.html | 4 ++-- static/usage/v9/animations/basic/demo.html | 6 +++--- .../v9/animations/before-and-after-hooks/demo.html | 6 +++--- static/usage/v9/animations/chain/demo.html | 6 +++--- static/usage/v9/animations/gesture/demo.html | 6 +++--- static/usage/v9/animations/group/demo.html | 6 +++--- static/usage/v9/animations/keyframes/demo.html | 6 +++--- .../usage/v9/animations/modal-override/demo.html | 6 +++--- .../usage/v9/animations/preference-based/demo.html | 6 +++--- static/usage/v9/app/set-focus/demo.html | 4 ++-- static/usage/v9/avatar/basic/demo.html | 4 ++-- static/usage/v9/avatar/chip/demo.html | 4 ++-- static/usage/v9/avatar/item/demo.html | 4 ++-- .../v9/avatar/theming/css-properties/demo.html | 4 ++-- static/usage/v9/back-button/basic/demo.html | 4 ++-- static/usage/v9/back-button/custom/demo.html | 4 ++-- static/usage/v9/backdrop/basic/demo.html | 4 ++-- static/usage/v9/backdrop/styling/demo.html | 4 ++-- static/usage/v9/badge/basic/demo.html | 4 ++-- static/usage/v9/badge/inside-tab-bar/demo.html | 4 ++-- static/usage/v9/badge/theming/colors/demo.html | 4 ++-- .../v9/badge/theming/css-properties/demo.html | 4 ++-- static/usage/v9/breadcrumbs/basic/demo.html | 4 ++-- .../collapsing-items/expand-on-click/demo.html | 4 ++-- .../collapsing-items/items-before-after/demo.html | 4 ++-- .../collapsing-items/max-items/demo.html | 4 ++-- .../collapsing-items/popover-on-click/demo.html | 4 ++-- .../breadcrumbs/icons/custom-separators/demo.html | 4 ++-- .../v9/breadcrumbs/icons/icons-on-items/demo.html | 4 ++-- .../usage/v9/breadcrumbs/theming/colors/demo.html | 4 ++-- .../breadcrumbs/theming/css-properties/demo.html | 4 ++-- static/usage/v9/button/basic/demo.html | 4 ++-- static/usage/v9/button/expand/demo.html | 4 ++-- static/usage/v9/button/fill/demo.html | 4 ++-- static/usage/v9/button/icons/demo.html | 4 ++-- static/usage/v9/button/shape/demo.html | 4 ++-- static/usage/v9/button/size/demo.html | 4 ++-- static/usage/v9/button/text-wrapping/demo.html | 4 ++-- static/usage/v9/button/theming/colors/demo.html | 4 ++-- .../v9/button/theming/css-properties/demo.html | 4 ++-- static/usage/v9/buttons/basic/demo.html | 4 ++-- static/usage/v9/buttons/placement/demo.html | 4 ++-- static/usage/v9/buttons/types/demo.html | 4 ++-- static/usage/v9/card/basic/demo.html | 4 ++-- static/usage/v9/card/buttons/demo.html | 4 ++-- static/usage/v9/card/list/demo.html | 4 ++-- static/usage/v9/card/media/demo.html | 4 ++-- static/usage/v9/card/theming/colors/demo.html | 4 ++-- .../usage/v9/card/theming/css-properties/demo.html | 4 ++-- static/usage/v9/checkbox/alignment/demo.html | 4 ++-- static/usage/v9/checkbox/basic/demo.html | 4 ++-- static/usage/v9/checkbox/helper-error/demo.html | 4 ++-- static/usage/v9/checkbox/indeterminate/demo.html | 4 ++-- static/usage/v9/checkbox/justify/demo.html | 4 ++-- static/usage/v9/checkbox/label-link/demo.html | 4 ++-- static/usage/v9/checkbox/label-placement/demo.html | 4 ++-- .../v9/checkbox/theming/css-properties/demo.html | 4 ++-- static/usage/v9/chip/basic/demo.html | 4 ++-- static/usage/v9/chip/slots/demo.html | 4 ++-- static/usage/v9/chip/theming/colors/demo.html | 4 ++-- .../usage/v9/chip/theming/css-properties/demo.html | 4 ++-- static/usage/v9/common.js | 2 +- static/usage/v9/config/mode/demo.html | 4 ++-- static/usage/v9/content/basic/demo.html | 4 ++-- static/usage/v9/content/fixed/demo.html | 4 ++-- static/usage/v9/content/fullscreen/demo.html | 4 ++-- static/usage/v9/content/header-footer/demo.html | 4 ++-- static/usage/v9/content/scroll-events/demo.html | 4 ++-- static/usage/v9/content/scroll-methods/demo.html | 4 ++-- static/usage/v9/content/theming/colors/demo.html | 4 ++-- .../v9/content/theming/css-properties/demo.html | 4 ++-- .../v9/content/theming/css-shadow-parts/demo.html | 4 ++-- .../usage/v9/content/theming/safe-area/demo.html | 4 ++-- static/usage/v9/datetime-button/basic/demo.html | 4 ++-- .../v9/datetime-button/format-options/demo.html | 4 ++-- static/usage/v9/datetime/basic/demo.html | 4 ++-- .../buttons/customizing-button-texts/demo.html | 4 ++-- .../datetime/buttons/customizing-buttons/demo.html | 4 ++-- .../buttons/showing-confirmation-buttons/demo.html | 4 ++-- .../datetime/date-constraints/advanced/demo.html | 4 ++-- .../v9/datetime/date-constraints/max-min/demo.html | 4 ++-- .../v9/datetime/date-constraints/values/demo.html | 4 ++-- static/usage/v9/datetime/format-options/demo.html | 4 ++-- .../v9/datetime/highlightedDates/array/demo.html | 4 ++-- .../datetime/highlightedDates/callback/demo.html | 4 ++-- .../datetime/localization/custom-locale/demo.html | 4 ++-- .../localization/first-day-of-week/demo.html | 4 ++-- .../v9/datetime/localization/hour-cycle/demo.html | 4 ++-- .../localization/locale-extension-tags/demo.html | 4 ++-- .../v9/datetime/localization/time-label/demo.html | 4 ++-- static/usage/v9/datetime/multiple/demo.html | 4 ++-- .../usage/v9/datetime/presentation/date/demo.html | 4 ++-- .../datetime/presentation/month-and-year/demo.html | 4 ++-- .../usage/v9/datetime/presentation/time/demo.html | 4 ++-- .../usage/v9/datetime/presentation/wheel/demo.html | 4 ++-- .../usage/v9/datetime/show-adjacent-days/demo.html | 4 ++-- .../v9/datetime/styling/calendar-days/demo.html | 4 ++-- .../v9/datetime/styling/calendar-header/demo.html | 4 ++-- .../v9/datetime/styling/datetime-header/demo.html | 4 ++-- .../v9/datetime/styling/global-theming/demo.html | 4 ++-- .../v9/datetime/styling/wheel-styling/demo.html | 4 ++-- .../v9/datetime/title/customizing-title/demo.html | 4 ++-- .../datetime/title/showing-default-title/demo.html | 4 ++-- static/usage/v9/fab/basic/demo.html | 4 ++-- static/usage/v9/fab/before-content/demo.html | 4 ++-- static/usage/v9/fab/button-sizing/demo.html | 4 ++-- static/usage/v9/fab/list-side/demo.html | 4 ++-- static/usage/v9/fab/positioning/demo.html | 4 ++-- static/usage/v9/fab/safe-area/demo.html | 4 ++-- static/usage/v9/fab/theming/colors/demo.html | 4 ++-- .../v9/fab/theming/css-custom-properties/demo.html | 4 ++-- .../v9/fab/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v9/footer/basic/demo.html | 4 ++-- .../usage/v9/footer/custom-scroll-target/demo.html | 4 ++-- static/usage/v9/footer/fade/demo.html | 4 ++-- static/usage/v9/footer/no-border/demo.html | 4 ++-- static/usage/v9/footer/translucent/demo.html | 4 ++-- static/usage/v9/gestures/basic/demo.html | 6 +++--- static/usage/v9/gestures/double-click/demo.html | 6 +++--- static/usage/v9/grid/basic/demo.html | 4 ++-- .../v9/grid/customizing/column-number/demo.html | 4 ++-- static/usage/v9/grid/customizing/padding/demo.html | 4 ++-- static/usage/v9/grid/customizing/width/demo.html | 4 ++-- static/usage/v9/grid/fixed/demo.html | 4 ++-- .../usage/v9/grid/horizontal-alignment/demo.html | 4 ++-- static/usage/v9/grid/offset-responsive/demo.html | 4 ++-- static/usage/v9/grid/offset/demo.html | 4 ++-- .../usage/v9/grid/push-pull-responsive/demo.html | 4 ++-- static/usage/v9/grid/push-pull/demo.html | 4 ++-- static/usage/v9/grid/size-auto/demo.html | 4 ++-- static/usage/v9/grid/size-responsive/demo.html | 4 ++-- static/usage/v9/grid/size/demo.html | 4 ++-- static/usage/v9/grid/vertical-alignment/demo.html | 4 ++-- static/usage/v9/header/basic/demo.html | 4 ++-- static/usage/v9/header/condense/demo.html | 4 ++-- .../usage/v9/header/custom-scroll-target/demo.html | 4 ++-- static/usage/v9/header/fade/demo.html | 4 ++-- static/usage/v9/header/no-border/demo.html | 4 ++-- static/usage/v9/header/translucent/demo.html | 4 ++-- static/usage/v9/icon/basic/demo.html | 4 ++-- static/usage/v9/icon/custom-svgs/demo.html | 4 ++-- static/usage/v9/icon/font-icons/demo.html | 4 ++-- static/usage/v9/img/basic/demo.html | 4 ++-- static/usage/v9/infinite-scroll/basic/demo.html | 4 ++-- .../custom-infinite-scroll-content/demo.html | 4 ++-- .../infinite-scroll-content/demo.html | 4 ++-- static/usage/v9/input-otp/basic/demo.html | 4 ++-- static/usage/v9/input-otp/fill/demo.html | 4 ++-- static/usage/v9/input-otp/pattern/demo.html | 4 ++-- static/usage/v9/input-otp/separators/demo.html | 4 ++-- static/usage/v9/input-otp/shape/demo.html | 4 ++-- static/usage/v9/input-otp/size/demo.html | 4 ++-- static/usage/v9/input-otp/states/demo.html | 4 ++-- static/usage/v9/input-otp/theming/colors/demo.html | 4 ++-- .../v9/input-otp/theming/css-properties/demo.html | 4 ++-- static/usage/v9/input-otp/type/demo.html | 4 ++-- .../usage/v9/input-password-toggle/basic/demo.html | 4 ++-- static/usage/v9/input/basic/demo.html | 4 ++-- static/usage/v9/input/clear/demo.html | 4 ++-- static/usage/v9/input/counter-alignment/demo.html | 4 ++-- static/usage/v9/input/counter/demo.html | 4 ++-- static/usage/v9/input/fill/demo.html | 4 ++-- static/usage/v9/input/filtering/demo.html | 4 ++-- static/usage/v9/input/helper-error/demo.html | 4 ++-- static/usage/v9/input/label-placement/demo.html | 4 ++-- static/usage/v9/input/label-slot/demo.html | 4 ++-- static/usage/v9/input/mask/demo.html | 4 ++-- static/usage/v9/input/no-visible-label/demo.html | 4 ++-- static/usage/v9/input/set-focus/demo.html | 4 ++-- static/usage/v9/input/start-end-slots/demo.html | 4 ++-- static/usage/v9/input/theming/colors/demo.html | 4 ++-- .../v9/input/theming/css-properties/demo.html | 4 ++-- static/usage/v9/input/types/demo.html | 4 ++-- static/usage/v9/item-divider/basic/demo.html | 4 ++-- .../usage/v9/item-divider/theming/colors/demo.html | 4 ++-- .../item-divider/theming/css-properties/demo.html | 4 ++-- static/usage/v9/item-group/basic/demo.html | 4 ++-- static/usage/v9/item-group/sliding-items/demo.html | 4 ++-- static/usage/v9/item-sliding/basic/demo.html | 4 ++-- static/usage/v9/item-sliding/expandable/demo.html | 4 ++-- static/usage/v9/item-sliding/icons/demo.html | 4 ++-- static/usage/v9/item/basic/demo.html | 4 ++-- static/usage/v9/item/buttons/demo.html | 4 ++-- static/usage/v9/item/clickable/demo.html | 4 ++-- .../usage/v9/item/content-types/actions/demo.html | 4 ++-- .../usage/v9/item/content-types/controls/demo.html | 4 ++-- .../usage/v9/item/content-types/metadata/demo.html | 4 ++-- .../content-types/supporting-visuals/demo.html | 4 ++-- static/usage/v9/item/content-types/text/demo.html | 4 ++-- static/usage/v9/item/detail-arrows/demo.html | 4 ++-- static/usage/v9/item/inputs/demo.html | 4 ++-- static/usage/v9/item/lines/demo.html | 4 ++-- static/usage/v9/item/media/demo.html | 4 ++-- static/usage/v9/item/theming/colors/demo.html | 4 ++-- .../usage/v9/item/theming/css-properties/demo.html | 4 ++-- .../v9/item/theming/css-shadow-parts/demo.html | 4 ++-- .../v9/item/theming/input-highlight/demo.html | 4 ++-- static/usage/v9/keyboard/enterkeyhint/demo.html | 4 ++-- static/usage/v9/keyboard/inputmode/demo.html | 4 ++-- static/usage/v9/label/basic/demo.html | 4 ++-- static/usage/v9/label/input/demo.html | 4 ++-- static/usage/v9/label/item/demo.html | 4 ++-- static/usage/v9/label/theming/colors/demo.html | 4 ++-- .../usage/v9/layout/dynamic-font-scaling/demo.html | 4 ++-- static/usage/v9/list-header/basic/demo.html | 4 ++-- static/usage/v9/list-header/buttons/demo.html | 4 ++-- static/usage/v9/list-header/lines/demo.html | 4 ++-- .../usage/v9/list-header/theming/colors/demo.html | 4 ++-- .../list-header/theming/css-properties/demo.html | 4 ++-- static/usage/v9/list/basic/demo.html | 4 ++-- static/usage/v9/list/inset/demo.html | 4 ++-- static/usage/v9/list/lines/demo.html | 4 ++-- static/usage/v9/loading/controller/demo.html | 6 +++--- static/usage/v9/loading/inline/demo.html | 4 ++-- static/usage/v9/loading/spinners/demo.html | 4 ++-- static/usage/v9/loading/theming/demo.html | 6 +++--- static/usage/v9/menu/basic/demo.html | 4 ++-- static/usage/v9/menu/multiple/demo.html | 6 +++--- static/usage/v9/menu/sides/demo.html | 4 ++-- static/usage/v9/menu/theming/demo.html | 4 ++-- static/usage/v9/menu/toggle/demo.html | 4 ++-- static/usage/v9/menu/type/demo.html | 4 ++-- .../usage/v9/modal/can-dismiss/boolean/demo.html | 4 ++-- .../v9/modal/can-dismiss/child-state/demo.html | 4 ++-- .../usage/v9/modal/can-dismiss/function/demo.html | 4 ++-- .../can-dismiss/prevent-swipe-to-close/demo.html | 4 ++-- static/usage/v9/modal/card/basic/demo.html | 4 ++-- static/usage/v9/modal/controller/demo.html | 6 +++--- static/usage/v9/modal/custom-dialogs/demo.html | 4 ++-- static/usage/v9/modal/drag-move-event/demo.html | 4 ++-- .../usage/v9/modal/drag-start-end-events/demo.html | 4 ++-- static/usage/v9/modal/inline/basic/demo.html | 4 ++-- static/usage/v9/modal/inline/is-open/demo.html | 4 ++-- static/usage/v9/modal/performance/mount/demo.html | 4 ++-- static/usage/v9/modal/sheet/auto-height/demo.html | 4 ++-- .../v9/modal/sheet/background-content/demo.html | 4 ++-- static/usage/v9/modal/sheet/basic/demo.html | 4 ++-- .../v9/modal/sheet/expand-to-scroll/demo.html | 4 ++-- .../usage/v9/modal/sheet/handle-behavior/demo.html | 4 ++-- static/usage/v9/modal/styling/animations/demo.html | 6 +++--- static/usage/v9/modal/styling/theming/demo.html | 4 ++-- static/usage/v9/nav/modal-navigation/demo.html | 4 ++-- static/usage/v9/nav/nav-link/demo.html | 4 ++-- static/usage/v9/navigation/demo.html | 4 ++-- static/usage/v9/note/basic/demo.html | 4 ++-- static/usage/v9/note/item/demo.html | 4 ++-- static/usage/v9/note/theming/colors/demo.html | 4 ++-- .../usage/v9/note/theming/css-properties/demo.html | 4 ++-- static/usage/v9/picker/basic/demo.html | 4 ++-- static/usage/v9/picker/modal/demo.html | 4 ++-- static/usage/v9/picker/prefix-suffix/demo.html | 4 ++-- .../v9/picker/theming/css-properties/demo.html | 4 ++-- .../v9/popover/customization/positioning/demo.html | 4 ++-- .../v9/popover/customization/sizing/demo.html | 4 ++-- .../v9/popover/customization/styling/demo.html | 4 ++-- static/usage/v9/popover/nested/demo.html | 4 ++-- .../usage/v9/popover/performance/mount/demo.html | 4 ++-- .../v9/popover/presenting/controller/demo.html | 4 ++-- .../v9/popover/presenting/inline-isopen/demo.html | 4 ++-- .../v9/popover/presenting/inline-trigger/demo.html | 4 ++-- static/usage/v9/progress-bar/buffer/demo.html | 4 ++-- static/usage/v9/progress-bar/determinate/demo.html | 4 ++-- .../usage/v9/progress-bar/indeterminate/demo.html | 4 ++-- .../usage/v9/progress-bar/theming/colors/demo.html | 4 ++-- .../progress-bar/theming/css-properties/demo.html | 4 ++-- .../theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v9/radio/alignment/demo.html | 4 ++-- static/usage/v9/radio/basic/demo.html | 4 ++-- static/usage/v9/radio/empty-selection/demo.html | 4 ++-- static/usage/v9/radio/helper-error/demo.html | 4 ++-- static/usage/v9/radio/justify/demo.html | 4 ++-- static/usage/v9/radio/label-placement/demo.html | 4 ++-- static/usage/v9/radio/label-wrap/demo.html | 4 ++-- static/usage/v9/radio/theming/colors/demo.html | 4 ++-- .../v9/radio/theming/css-properties/demo.html | 4 ++-- .../v9/radio/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v9/radio/using-comparewith/demo.html | 4 ++-- static/usage/v9/range/basic/demo.html | 4 ++-- static/usage/v9/range/dual-knobs/demo.html | 4 ++-- static/usage/v9/range/ion-change-event/demo.html | 4 ++-- .../usage/v9/range/ion-knob-move-event/demo.html | 4 ++-- static/usage/v9/range/label-slot/demo.html | 4 ++-- static/usage/v9/range/labels/demo.html | 4 ++-- static/usage/v9/range/no-visible-label/demo.html | 4 ++-- static/usage/v9/range/pins/demo.html | 4 ++-- static/usage/v9/range/slots/demo.html | 4 ++-- static/usage/v9/range/snapping-ticks/demo.html | 4 ++-- .../v9/range/theming/css-properties/demo.html | 4 ++-- .../v9/range/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v9/refresher/advanced/demo.html | 4 ++-- static/usage/v9/refresher/basic/demo.html | 4 ++-- static/usage/v9/refresher/custom-content/demo.html | 4 ++-- .../v9/refresher/custom-scroll-target/demo.html | 4 ++-- .../usage/v9/refresher/pull-properties/demo.html | 4 ++-- .../v9/refresher/pull-start-end-events/demo.html | 4 ++-- static/usage/v9/reorder/basic/demo.html | 4 ++-- static/usage/v9/reorder/custom-icon/demo.html | 4 ++-- .../v9/reorder/custom-scroll-target/demo.html | 4 ++-- .../usage/v9/reorder/reorder-move-event/demo.html | 4 ++-- .../v9/reorder/reorder-start-end-events/demo.html | 4 ++-- .../usage/v9/reorder/toggling-disabled/demo.html | 4 ++-- static/usage/v9/reorder/updating-data/demo.html | 4 ++-- static/usage/v9/reorder/wrapper/demo.html | 4 ++-- static/usage/v9/ripple-effect/basic/demo.html | 4 ++-- .../usage/v9/ripple-effect/customizing/demo.html | 4 ++-- static/usage/v9/ripple-effect/type/demo.html | 4 ++-- static/usage/v9/router/basic/demo.html | 4 ++-- static/usage/v9/router/nav-within-page/demo.html | 10 ++-------- static/usage/v9/searchbar/basic/demo.html | 4 ++-- static/usage/v9/searchbar/cancel-button/demo.html | 4 ++-- static/usage/v9/searchbar/clear-button/demo.html | 4 ++-- static/usage/v9/searchbar/debounce/demo.html | 4 ++-- static/usage/v9/searchbar/search-icon/demo.html | 4 ++-- static/usage/v9/searchbar/theming/colors/demo.html | 4 ++-- .../v9/searchbar/theming/css-properties/demo.html | 4 ++-- static/usage/v9/segment-button/basic/demo.html | 4 ++-- static/usage/v9/segment-button/layout/demo.html | 4 ++-- .../theming/css-properties/demo.html | 4 ++-- .../theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v9/segment/basic/demo.html | 4 ++-- static/usage/v9/segment/scrollable/demo.html | 4 ++-- static/usage/v9/segment/swipeable/demo.html | 4 ++-- static/usage/v9/segment/theming/colors/demo.html | 4 ++-- .../v9/segment/theming/css-properties/demo.html | 4 ++-- .../v9/select/basic/multiple-selection/demo.html | 4 ++-- .../basic/responding-to-interaction/demo.html | 4 ++-- .../v9/select/basic/single-selection/demo.html | 4 ++-- .../v9/select/customization/button-text/demo.html | 4 ++-- .../customization/custom-toggle-icons/demo.html | 4 ++-- .../customization/icon-flip-behavior/demo.html | 4 ++-- .../customization/interface-options/demo.html | 4 ++-- .../select/customization/styling-select/demo.html | 4 ++-- static/usage/v9/select/fill/demo.html | 4 ++-- static/usage/v9/select/helper-error/demo.html | 4 ++-- .../v9/select/interfaces/action-sheet/demo.html | 4 ++-- static/usage/v9/select/interfaces/modal/demo.html | 4 ++-- .../usage/v9/select/interfaces/popover/demo.html | 4 ++-- static/usage/v9/select/justify/demo.html | 4 ++-- static/usage/v9/select/label-placement/demo.html | 4 ++-- static/usage/v9/select/label-slot/demo.html | 4 ++-- static/usage/v9/select/no-visible-label/demo.html | 4 ++-- .../objects-as-values/multiple-selection/demo.html | 4 ++-- .../objects-as-values/using-comparewith/demo.html | 4 ++-- .../usage/v9/select/rich-content-options/demo.html | 4 ++-- static/usage/v9/select/start-end-slots/demo.html | 4 ++-- static/usage/v9/select/typeahead/demo.html | 4 ++-- static/usage/v9/skeleton-text/basic/demo.html | 4 ++-- .../skeleton-text/theming/css-properties/demo.html | 4 ++-- static/usage/v9/spinner/basic/demo.html | 4 ++-- static/usage/v9/spinner/theming/colors/demo.html | 4 ++-- .../v9/spinner/theming/css-properties/demo.html | 4 ++-- static/usage/v9/spinner/theming/resizing/demo.html | 4 ++-- static/usage/v9/split-pane/basic/demo.html | 4 ++-- .../v9/split-pane/theming/css-properties/demo.html | 4 ++-- static/usage/v9/tabs/basic/demo.html | 4 ++-- static/usage/v9/tabs/router/demo.html | 4 ++-- static/usage/v9/tabs/select-method/demo.html | 4 ++-- static/usage/v9/text/basic/demo.html | 4 ++-- static/usage/v9/textarea/autogrow/demo.html | 4 ++-- static/usage/v9/textarea/basic/demo.html | 4 ++-- static/usage/v9/textarea/clear-on-edit/demo.html | 4 ++-- static/usage/v9/textarea/counter/demo.html | 4 ++-- static/usage/v9/textarea/fill/demo.html | 4 ++-- static/usage/v9/textarea/helper-error/demo.html | 4 ++-- static/usage/v9/textarea/label-placement/demo.html | 4 ++-- static/usage/v9/textarea/label-slot/demo.html | 4 ++-- .../usage/v9/textarea/no-visible-label/demo.html | 4 ++-- static/usage/v9/textarea/start-end-slots/demo.html | 4 ++-- static/usage/v9/textarea/theming/demo.html | 4 ++-- static/usage/v9/theming/always-dark-mode/demo.html | 6 +++--- .../v9/theming/always-high-contrast-mode/demo.html | 6 +++--- static/usage/v9/theming/class-dark-mode/demo.html | 6 +++--- .../v9/theming/class-high-contrast-mode/demo.html | 10 +++++----- static/usage/v9/theming/system-dark-mode/demo.html | 6 +++--- .../v9/theming/system-high-contrast-mode/demo.html | 10 +++++----- static/usage/v9/thumbnail/basic/demo.html | 4 ++-- static/usage/v9/thumbnail/item/demo.html | 4 ++-- .../v9/thumbnail/theming/css-properties/demo.html | 4 ++-- static/usage/v9/title/basic/demo.html | 4 ++-- .../title/collapsible-large-title/basic/demo.html | 4 ++-- .../collapsible-large-title/buttons/demo.html | 4 ++-- .../v9/title/theming/css-properties/demo.html | 4 ++-- static/usage/v9/toast/buttons/demo.html | 4 ++-- static/usage/v9/toast/icon/demo.html | 4 ++-- static/usage/v9/toast/inline/basic/demo.html | 4 ++-- static/usage/v9/toast/inline/is-open/demo.html | 4 ++-- static/usage/v9/toast/layout/demo.html | 4 ++-- static/usage/v9/toast/position-anchor/demo.html | 4 ++-- .../usage/v9/toast/presenting/controller/demo.html | 6 +++--- static/usage/v9/toast/swipe-gesture/demo.html | 4 ++-- static/usage/v9/toast/theming/demo.html | 4 ++-- static/usage/v9/toggle/alignment/demo.html | 4 ++-- static/usage/v9/toggle/basic/demo.html | 4 ++-- static/usage/v9/toggle/helper-error/demo.html | 4 ++-- static/usage/v9/toggle/justify/demo.html | 4 ++-- static/usage/v9/toggle/label-placement/demo.html | 4 ++-- static/usage/v9/toggle/list/demo.html | 4 ++-- static/usage/v9/toggle/on-off/demo.html | 4 ++-- static/usage/v9/toggle/theming/colors/demo.html | 4 ++-- .../v9/toggle/theming/css-properties/demo.html | 4 ++-- .../v9/toggle/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v9/toolbar/basic/demo.html | 4 ++-- static/usage/v9/toolbar/buttons/demo.html | 4 ++-- static/usage/v9/toolbar/progress-bars/demo.html | 4 ++-- static/usage/v9/toolbar/searchbars/demo.html | 4 ++-- static/usage/v9/toolbar/segments/demo.html | 4 ++-- static/usage/v9/toolbar/theming/colors/demo.html | 4 ++-- .../v9/toolbar/theming/css-properties/demo.html | 4 ++-- vercel.json | 4 ++-- versioned_docs/version-v8/reference/support.md | 2 +- 449 files changed, 930 insertions(+), 938 deletions(-) diff --git a/_templates/README.md b/_templates/README.md index 60a3ebef83d..7f5e1fe828a 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/v8/button/feature/index.md'; +import Feature from '@site/static/usage/v9/button/feature/index.md'; ``` diff --git a/_templates/playground/new/index.js b/_templates/playground/new/index.js index c6f9fb53b6c..c69d04db737 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: '8', - choices: ['6', '7', '8'], + initial: '9', + choices: ['6', '7', '8', '9'], }, { type: 'toggle', diff --git a/docs/angular/overview.md b/docs/angular/overview.md index 8bc9107a9d5..7cf13ffcdb8 100644 --- a/docs/angular/overview.md +++ b/docs/angular/overview.md @@ -18,7 +18,7 @@ import DocsCards from '@components/global/DocsCards'; ## Angular Version Support -Ionic Angular v9 supports Angular versions 18 through 21. For detailed information on supported versions and our support policy, refer to the [Ionic Angular Support Policy](/docs/reference/support#ionic-angular). +Ionic Angular v9 supports Angular versions 18 through 22. For detailed information on supported versions and our support policy, refer to the [Ionic Angular Support Policy](/docs/reference/support#ionic-angular). ## Angular Tooling diff --git a/docs/reference/support.md b/docs/reference/support.md index b31fa83956b..944bc112f6c 100644 --- a/docs/reference/support.md +++ b/docs/reference/support.md @@ -22,8 +22,8 @@ The current status of each Ionic Framework version is: | Version | Status | Released | Maintenance Ends | Ext. Support Ends | | :-----: | :------------: | :----------: | :--------------: | :---------------: | -| V9 | **Active** | TBD | TBD | TBD | -| V8 | Maintenance | Apr 17, 2024 | TBD | TBD | +| V9 | **Active** | Aug 17, 2026 | TBD | TBD | +| V8 | Maintenance | Apr 17, 2024 | Feb 17, 2027 | Aug 17, 2027 | | V7 | End of Support | Mar 29, 2023 | Oct 17, 2024 | Apr 17, 2025 | | V6 | End of Support | Dec 8, 2021 | Sep 29, 2023 | Mar 29, 2024 | | V5 | End of Support | Feb 11, 2020 | June 8, 2022 | Dec 8, 2022 | diff --git a/docs/vue/overview.md b/docs/vue/overview.md index 63bf3db74f7..f867fe05796 100644 --- a/docs/vue/overview.md +++ b/docs/vue/overview.md @@ -18,7 +18,7 @@ import DocsCards from '@components/global/DocsCards'; ## Vue Version Support -Ionic Vue v8 supports Vue 3.x. For detailed information on supported versions and our support policy, refer to the [Ionic Vue Support Policy](/docs/reference/support#ionic-vue). +Ionic Vue v9 supports Vue 3.5 and later. For detailed information on supported versions and our support policy, refer to the [Ionic Vue Support Policy](/docs/reference/support#ionic-vue). ## Vue Tooling diff --git a/plugins/docusaurus-plugin-ionic-component-api/index.js b/plugins/docusaurus-plugin-ionic-component-api/index.js index d4dc286f1c2..0eedab78337 100644 --- a/plugins/docusaurus-plugin-ionic-component-api/index.js +++ b/plugins/docusaurus-plugin-ionic-component-api/index.js @@ -54,9 +54,7 @@ module.exports = function (context, options) { await generateMarkdownForVersion(version, npmTag, context.i18n.currentLocale, false); } - // TODO(FW-7097): Replace this with `latest` when v9 is released. - // Dev build from the `major-9.0` branch of `ionic-framework` (sha a334b43). - let npmTag = '8.8.16-dev.11784913436.1a334b43'; + let npmTag = 'latest'; if (currentVersion.banner === 'unreleased') { npmTag = 'next'; } else if (currentVersion.path !== undefined) { diff --git a/static/code/stackblitz/v9/angular/package-lock.json b/static/code/stackblitz/v9/angular/package-lock.json index 97a585ab181..3c8e52fb9b1 100644 --- a/static/code/stackblitz/v9/angular/package-lock.json +++ b/static/code/stackblitz/v9/angular/package-lock.json @@ -14,8 +14,8 @@ "@angular/platform-browser": "^22.0.0", "@angular/platform-browser-dynamic": "^22.0.0", "@angular/router": "^22.0.0", - "@ionic/angular": "8.8.16-dev.11785274070.1b3387c9", - "@ionic/core": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/angular": "9.0.0", + "@ionic/core": "9.0.0", "ionicons": "8.1.0", "rxjs": "^7.8.1", "tslib": "^2.5.0" @@ -2578,10 +2578,10 @@ } }, "node_modules/@ionic/angular": { - "version": "8.8.16-dev.11785274070.1b3387c9", + "version": "9.0.0", "license": "MIT", "dependencies": { - "@ionic/core": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/core": "9.0.0", "ionicons": "^8.0.13", "jsonc-parser": "^3.0.0", "tslib": "^2.3.0" @@ -2600,7 +2600,7 @@ } }, "node_modules/@ionic/core": { - "version": "8.8.16-dev.11785274070.1b3387c9", + "version": "9.0.0", "license": "MIT", "dependencies": { "@stencil/core": "^4.43.5", diff --git a/static/code/stackblitz/v9/angular/package.json b/static/code/stackblitz/v9/angular/package.json index 14ca327fd6b..428883636a4 100644 --- a/static/code/stackblitz/v9/angular/package.json +++ b/static/code/stackblitz/v9/angular/package.json @@ -15,8 +15,8 @@ "@angular/platform-browser": "^22.0.0", "@angular/platform-browser-dynamic": "^22.0.0", "@angular/router": "^22.0.0", - "@ionic/angular": "8.8.16-dev.11785274070.1b3387c9", - "@ionic/core": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/angular": "9.0.0", + "@ionic/core": "9.0.0", "ionicons": "8.1.0", "rxjs": "^7.8.1", "tslib": "^2.5.0" diff --git a/static/code/stackblitz/v9/html/package-lock.json b/static/code/stackblitz/v9/html/package-lock.json index 12e82524358..ea715a74614 100644 --- a/static/code/stackblitz/v9/html/package-lock.json +++ b/static/code/stackblitz/v9/html/package-lock.json @@ -6,7 +6,7 @@ "": { "name": "html-starter", "dependencies": { - "@ionic/core": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/core": "9.0.0", "ionicons": "8.1.0" }, "devDependencies": { @@ -16,7 +16,7 @@ } }, "node_modules/@ionic/core": { - "version": "8.8.16-dev.11785274070.1b3387c9", + "version": "9.0.0", "license": "MIT", "dependencies": { "@stencil/core": "^4.43.5", diff --git a/static/code/stackblitz/v9/html/package.json b/static/code/stackblitz/v9/html/package.json index bc907dec2c1..24028b0a433 100644 --- a/static/code/stackblitz/v9/html/package.json +++ b/static/code/stackblitz/v9/html/package.json @@ -9,7 +9,7 @@ "start": "vite preview" }, "dependencies": { - "@ionic/core": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/core": "9.0.0", "ionicons": "8.1.0" }, "devDependencies": { diff --git a/static/code/stackblitz/v9/react/package-lock.json b/static/code/stackblitz/v9/react/package-lock.json index cf7e7a5258b..7e26ca203d7 100644 --- a/static/code/stackblitz/v9/react/package-lock.json +++ b/static/code/stackblitz/v9/react/package-lock.json @@ -8,8 +8,8 @@ "name": "vite-react-typescript", "version": "0.1.0", "dependencies": { - "@ionic/react": "8.8.16-dev.11785274070.1b3387c9", - "@ionic/react-router": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/react": "9.0.0", + "@ionic/react-router": "9.0.0", "@types/node": "^24.0.0", "@types/react": "^19.0.0", "@types/react-dom": "^19.0.0", @@ -254,7 +254,7 @@ "license": "MIT" }, "node_modules/@ionic/core": { - "version": "8.8.16-dev.11785274070.1b3387c9", + "version": "9.0.0", "license": "MIT", "dependencies": { "@stencil/core": "^4.43.5", @@ -266,10 +266,10 @@ } }, "node_modules/@ionic/react": { - "version": "8.8.16-dev.11785274070.1b3387c9", + "version": "9.0.0", "license": "MIT", "dependencies": { - "@ionic/core": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/core": "9.0.0", "@stencil/react-output-target": "^1.5.2", "ionicons": "^8.0.13", "tslib": "*" @@ -280,10 +280,10 @@ } }, "node_modules/@ionic/react-router": { - "version": "8.8.16-dev.11785274070.1b3387c9", + "version": "9.0.0", "license": "MIT", "dependencies": { - "@ionic/react": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/react": "9.0.0", "tslib": "*" }, "peerDependencies": { diff --git a/static/code/stackblitz/v9/react/package.json b/static/code/stackblitz/v9/react/package.json index e7b90047e43..24bce9ef9c3 100644 --- a/static/code/stackblitz/v9/react/package.json +++ b/static/code/stackblitz/v9/react/package.json @@ -3,8 +3,8 @@ "version": "0.1.0", "private": true, "dependencies": { - "@ionic/react": "8.8.16-dev.11785274070.1b3387c9", - "@ionic/react-router": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/react": "9.0.0", + "@ionic/react-router": "9.0.0", "@types/node": "^24.0.0", "@types/react": "^19.0.0", "@types/react-dom": "^19.0.0", diff --git a/static/code/stackblitz/v9/vue/package-lock.json b/static/code/stackblitz/v9/vue/package-lock.json index a71edbce4a5..43ec86a5a90 100644 --- a/static/code/stackblitz/v9/vue/package-lock.json +++ b/static/code/stackblitz/v9/vue/package-lock.json @@ -8,8 +8,8 @@ "name": "vite-vue-starter", "version": "0.0.0", "dependencies": { - "@ionic/vue": "8.8.16-dev.11785274070.1b3387c9", - "@ionic/vue-router": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/vue": "9.0.0", + "@ionic/vue-router": "9.0.0", "vue": "^3.2.25", "vue-router": "5.1.0" }, @@ -112,7 +112,7 @@ } }, "node_modules/@ionic/core": { - "version": "8.8.16-dev.11785274070.1b3387c9", + "version": "9.0.0", "license": "MIT", "dependencies": { "@stencil/core": "^4.43.5", @@ -124,19 +124,19 @@ } }, "node_modules/@ionic/vue": { - "version": "8.8.16-dev.11785274070.1b3387c9", + "version": "9.0.0", "license": "MIT", "dependencies": { - "@ionic/core": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/core": "9.0.0", "@stencil/vue-output-target": "0.13.1", "ionicons": "^8.0.13" } }, "node_modules/@ionic/vue-router": { - "version": "8.8.16-dev.11785274070.1b3387c9", + "version": "9.0.0", "license": "MIT", "dependencies": { - "@ionic/vue": "8.8.16-dev.11785274070.1b3387c9" + "@ionic/vue": "9.0.0" } }, "node_modules/@jridgewell/gen-mapping": { diff --git a/static/code/stackblitz/v9/vue/package.json b/static/code/stackblitz/v9/vue/package.json index c69fe58449b..5adf29f0b8a 100644 --- a/static/code/stackblitz/v9/vue/package.json +++ b/static/code/stackblitz/v9/vue/package.json @@ -8,8 +8,8 @@ "preview": "vite preview" }, "dependencies": { - "@ionic/vue": "8.8.16-dev.11785274070.1b3387c9", - "@ionic/vue-router": "8.8.16-dev.11785274070.1b3387c9", + "@ionic/vue": "9.0.0", + "@ionic/vue-router": "9.0.0", "vue": "^3.2.25", "vue-router": "5.1.0" }, diff --git a/static/usage/v9/accordion/accessibility/animations/demo.html b/static/usage/v9/accordion/accessibility/animations/demo.html index 52195c84137..689da84fdf7 100644 --- a/static/usage/v9/accordion/accessibility/animations/demo.html +++ b/static/usage/v9/accordion/accessibility/animations/demo.html @@ -6,8 +6,8 @@ Button - - + +