quasar-pdan-v1.22.0-beta.5

Based on Quasar v1.22.0

Docs

https://pdanpdan.github.io/quasar-docs/

WARNING

Removed * feat(QField): Add outlined as from MD #3262

Fixes in main branch

• fix(transitions): set appear-xxx related props
• fix(QBottomSheet): prevent double emit onOk when pressing ENTER on QItem
• fix(QScrollArea): process rtl mode; keep scroll position on rtl change quasarframework#14721
• fix(mask): trim input to the length of the mask (if mask is not reverse) to avoid regex lock quasarframework#14558
• fix(QSelect): (backport from Qv2) safari scrolls to top when focusing a 0 dimension element quasarframework#13693

Fixes not in main branch

• fix(cache): avoid stack overflow because of vue reusing elements
• fix(Intersection): make once modifier reactive; remove wrapper div for content on component
• fix(TouchPan): Always check for isFinal before isFirst because of synthetic event generated when detection auto starts but there is no move quasarframework#10721
• fix(QSlider/QRange): improve model, aspect, kbd navigation
• fix(QTime/QUploader): use consistent --disabled modifier
• chore(docs):
  • prevent right menu anchor update when showing dialogs
  • collapse subitems in API card
  • use viewport-fit cover and adjust safe area insets
  • improve scrolling to anchor from menu links

Features in main branch

• feat(QScrollObserver): trigger on rtl mode change
• feat(QDialog/QForm): improve selection of autofocused element; refocus same element on click outside
• feat(transitions): do not change transition name when showing/hiding - prevent re-render quasarframework#14491

Features not in main branch

• feat(QPagination): keep gutter prop (not working on IE11)
• feat(QStep): simplify rules to apply *-color and *-icon props and document the rules quasarframework#12547
• feat(QTooltip): improve QTooltip quasarframework#8733, quasarframework#10414
  • show on tap/long press on mobile and stay visible until next tap
  • do not close on interactions with tooltip content
  • prevent first contextmenu on mobile when showing the tooltip
• feat(QSplitter): add keyboard navigation; improve a11y quasarframework#12466
• perf(QTree, QExpansionItem, date): only render collapsed content when first expanded; use Map for QTree meta and for date regex cache quasarframework#14094
• feat(prevent scroll): add notification service for when scroll is not prevented; recalculate QDrawer belowBreakpoint when document becomes scrollable quasarframework#12811, quasarframework#13257
• feat(QRating): improve kbd navigation; add vertical mode
• feat(QTime): add change event; sync view and focused header; fixes for kbd navigation; allow parsing partial date/time strings; do not reset min/sec when setting hour and sec when setting minute; update innerValue when using setNow before it's updated from external value quasarframework#12467, quasarframework#10727, quasarframework#8487, quasarframework#6306
• feat(QDate): Improve range selection; add day slot for content; fix small years; fix subtractFromDate/addToDate incorrect end of month day quasarframework#5434, quasarframework#7076, quasarframework#7290, quasarframework#8037, quasarframework#8658, quasarframework#8918, quasarframework#8926, quasarframework#9704, quasarframework#9704, quasarframework#12270, quasarframework#11730, quasarframework#12783
  • add modelNavigation prop
  • add range-change event
  • fix cached function when changing from persian to gregorian calendars
  • fix viewModel as text
  • add more examples
  • fix processing of years between 0 and 99
  • fix subtractFromDate/addToDate incorrect end of month day
  • start a new range selection if noUnset and selected date is in existing range
• feat(portals): improve refocusing with ESC with multiple stacked portals; fix page background in dialogs
• feat(portals): create all portals in a top level element to minimize repaints quasarframework#14166
• feat(prevent scroll): prevent scrolling content when a portal opens and is focused; improve dialog scrolling on iOS; tweaks for QSelect; add example of full page scroll dialog; improve animation on Android by using same border radius quasarframework#5351, quasarframework#8211, quasarframework#8380, quasarframework#8341, quasarframework#8533
• feat(a11y/QMenu/QDialog/QTabs): Add KeyGroupNavigation directive; Wrap arround keyboard navigation quasarframework#5266, quasarframework#4068, quasarframework#6736, quasarframework#6562, quasarframework#6560, quasarframework#12464, quasarframework#12506, quasarframework#12505
  • allow unique TAB target point in a group
  • allow key navigation in group
  • improve initial focusing on QMenu and QDialog
  • tab goes from the end of the menu/dialog to the start
  • shift+tab goes from the start of the menu/dialog to the end
  • key navigation in tabs
• feat(position engine): improve positioning quasarframework#8175, quasarframework#8191, quasarframework#8343, quasarframework#8554, quasarframework#10583, quasarframework#12414
• feat(Ripple): Use 2 phased approach, prevent repetition, allow overlapping ripples quasarframework#4891, quasarframework#7474
• feat(directives): make arg and modifiers reactive
  • ref 5a1e4d6
• feat(VirtualScroll): improve scroll update quasarframework#9329
• feat(Interaction plugin): provide info on mouse/pointer/kbd interactions quasarframework#7951, quasarframework#8494, quasarframework#8719, quasarframework#10510, quasarframework#10198
• feat(dark mode): make dark mode work with auto on SSR quasarframework#7530, quasarframework#8602, quasarframework#10014
• feat(utils): add debouncedRef function
  • create a reference to the original value from the Vue instance, and only update the original after debouncing
• feat(QChip): allow avatar in last position
• feat(QSelect): dialog - add close icon; add class and style; open when typing in field; fix focus on field quasarframework#6523, quasarframework#6858
• feat(QSelect): Adjust CSS for QSelect with chips
• feat(cookies): improve parsing of cookie values quasarframework#12578
• feat(Cookies/Storage): Add reviverFn for getting values from Cookies and Local/SessionStorage quasarframework#4338
  • see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse#Using_the_reviver_parameter
  • fix Cookies getAll to parse value
  • fix Cookies set on SSR to retrieve raw previous value for replacement
• feat(panels): hide overflow on components that leave the transition
• feat(backdrops): use opacity to animate drawer opacity; use CSS variable for backdrop bg
• feat(QScrollObserver): backport from v2 (add axis to watch)
• feat(QField): Small tweaks for label