Code

Rework tabs#426

Code

Open

Haberkamp wants to merge 53 commits intomainshopware/meteor:mainfrom rework-tabsshopware/meteor:rework-tabsCopy head branch name to clipboard

+1,514-855

Commits

Commits on Dec 10, 2024

• add toggle to popover

  Haberkamp

  committed
  25e5ea1

  Copy full SHA for 25e5ea1

• wip

  Haberkamp

  committed
  3e129eb

  Copy full SHA for 3e129eb

• trap focus in popover

  Haberkamp

  committed
  8037aa2

  Copy full SHA for 8037aa2

• make sure focus trap is turned of when closing the popover

  Haberkamp

  committed
  e8e893a

  Copy full SHA for e8e893a

• wip

  Haberkamp

  committed
  6947190

  Copy full SHA for 6947190

• allow changing role of mt-bare-popover-item

  Haberkamp

  committed
  8ebb088

  Copy full SHA for 8ebb088

• fix: add correct type to trigger slot for mt-bare-popover

  Haberkamp

  committed
  196f959

  Copy full SHA for 196f959

• rewrite tabs component

  Haberkamp

  committed
  9b3c25c

  Copy full SHA for 9b3c25c

• allow changing the tab

  Haberkamp

  committed
  6c75819

  Copy full SHA for 6c75819

• add slider

  Haberkamp

  committed
  7ccba7b

  Copy full SHA for 7ccba7b

• add tablist role

  Haberkamp

  committed
  6fa27fd

  Copy full SHA for 6fa27fd

• refactor: rename nameOfActiveItem to nameOfActiveTab

  Haberkamp

  committed
  264027b

  Copy full SHA for 264027b

• allow disabling individual tab items

  Haberkamp

  committed
  45037bc

  Copy full SHA for 45037bc

• remove default margin

  Haberkamp

  committed
  ed1173c

  Copy full SHA for ed1173c

• add small variant

  Haberkamp

  committed
  ddce2e7

  Copy full SHA for ddce2e7

• do not animate slider on first render

  Haberkamp

  committed
  bd5f5c2

  Copy full SHA for bd5f5c2

• wip

  Haberkamp

  committed
  7659b79

  Copy full SHA for 7659b79

• only animate slider after first render

  Haberkamp

  committed
  a913061

  Copy full SHA for a913061

• only calcualte slider values after font has loaded

  Haberkamp

  committed
  154b571

  Copy full SHA for 154b571

• add error badge

  Haberkamp

  committed
  372cb87

  Copy full SHA for 372cb87

• mock document.fonts.ready

  Haberkamp

  committed
  809f915

  Copy full SHA for 809f915

• add aria-invalid to errored tab

  Haberkamp

  committed
  0fa8293

  Copy full SHA for 0fa8293

• add error style to tab text

  Haberkamp

  committed
  b3033f8

  Copy full SHA for b3033f8

• make sure resolving errors does remove error styles

  Haberkamp

  committed
  5d6073c

  Copy full SHA for 5d6073c

• add vertical tabs

  Haberkamp

  committed
  7582ef0

  Copy full SHA for 7582ef0

• add badge

  Haberkamp

  committed
  63969b7

  Copy full SHA for 63969b7

• increase space between error badge and text

  Haberkamp

  committed
  6ecade2

  Copy full SHA for 6ecade2

• wip

  Haberkamp

  committed
  d879703

  Copy full SHA for d879703

• style active item in more popover

  Haberkamp

  committed
  e3ab57c

  Copy full SHA for e3ab57c

• increase font weight of more button when one of its children is active

  Haberkamp

  committed
  09a15bd

  Copy full SHA for 09a15bd

• add error styles to more items

  Haberkamp

  committed
  dcd0e22

  Copy full SHA for dcd0e22

• wip

  Haberkamp

  committed
  5deeae5

  Copy full SHA for 5deeae5

• add badge to more items

  Haberkamp

  committed
  07e88df

  Copy full SHA for 07e88df

• only allow users to tab to active element

  Haberkamp

  committed
  1932165

  Copy full SHA for 1932165

• allow user to navigate the tab with the right arrow key

  Haberkamp

  committed
  3cc1f6d

  Copy full SHA for 3cc1f6d

• it is possible to navigate multiple tabs via the arrow key by pressing it multiple times

  Haberkamp

  committed
  c034d5b

  Copy full SHA for c034d5b

• move focus to previous item when pressing the left arrow key

  Haberkamp

  committed
  038c76c

  Copy full SHA for 038c76c

• focuses the last item when pressing the left arrow key on the first item

  Haberkamp

  committed
  de9b264

  Copy full SHA for de9b264

• focus first tab when trying to navigate to the next tab when on the last tab

  Haberkamp

  committed
  37e3f0a

  Copy full SHA for 37e3f0a

• fix: do not focus previous element when pressing shift and tab

  Haberkamp

  committed
  7d55804

  Copy full SHA for 7d55804

• fix: move focus out of tabs when tabbing and pressed the left arrow key before

  Haberkamp

  committed
  240ed33

  Copy full SHA for 240ed33

• supress typescript error caused by priority plus navigation

  Haberkamp

  committed
  82adbec

  Copy full SHA for 82adbec

• focuses the more tabs button when pressing the left arrow key on the first element

  Haberkamp

  committed
  db171ec

  Copy full SHA for db171ec

• allow users to move out of the more tabs button via the arrow keys

  Haberkamp

  committed
  f128dd0

  Copy full SHA for f128dd0

• allow users to fully navigate the tabs component through the arrow keys

  Haberkamp

  committed
  b3c2222

  Copy full SHA for b3c2222

• refactor(component-library): replace mt-proprity-plus with usePriorityPlusNav composable

  Haberkamp

  committed
  dec0b75

  Copy full SHA for dec0b75

• chore(component-library): only show slider after calculation

  Haberkamp

  committed
  714f740

  Copy full SHA for 714f740

• fix(component-library): re-calculate the slider when resizing and items get hidden

  Haberkamp

  committed
  08fa5cc

  Copy full SHA for 08fa5cc

• fix

  Haberkamp

  committed
  0b9b123

  Copy full SHA for 0b9b123

• refactor(component-library): remove unused code

  Haberkamp

  committed
  c366da1

  Copy full SHA for c366da1

• refactor(component-library): delete mt-priority-plus-navigation

  Haberkamp

  committed
  59b0886

  Copy full SHA for 59b0886

• fix(component-library): fix type error for popover placement

  Haberkamp

  committed
  d514546

  Copy full SHA for d514546

• fix(component-library): fix a11y issues of mt-tabs component

  Haberkamp

  committed
  a706bdc

  Copy full SHA for a706bdc