CHANGELOG.md

0.9.0-pre.3 (2024-10-25)

Bug Fixes

• 1038: add vue-component-type-helpers as dependency (#1054) (33c0309)
• a11y: remove unnecessary aria-hidden="true" on overlays (#1059) (f831f7f)
• hydration: replace custom uuid with vues native useId composable (#1053) (d7091ff)
• performance: resolve a memory leak in defineClasses with wrong/missing effectScope (#1067) (a1f53c2)
• types: solve a type generation problems (#1072) (54f1409)

Features

• 1008: unify component options/items definiton (#1065) (16dfd09)
• a11y: solve accessibility issues (#1061) (3615594)
• dropdown: add modalDesktop property (#1064) (4819fb7)
• field: rename class names to match existing class name patterns (#1047) (a2e9b8a)
• loading: add body noscroll class when fullpage (#1074) (bbe2865)
• picker: improve date/time picker class drilling (#1044) (5ec65c8)
• programmatic: unfiy useProgramamtic interfaces (#1058) (80a0c5c)
• sidebar: remove variant prop | improve prop definitions (#1046) (c6bd1bc)
• steps: add root variantClass prop | update examples (#1049) (d795946)
• table: add addons to internal mobile sort field wrapper (#1051) (781849e)
• tabs|steps: add component prop to item (#1071) (d3ea497)
• tabs: update class names (#1062) (4bfab60)
• type: enhance component prop type (#1075) (73f3801)
• types: update tsconfig | add strictNullChecks definition (#1066) (923f887)

Detailed Changes

following with the main release...

0.9.0-pre.2 (2024-08-08)

Bug Fixes

• datetimepicker: solve editing directly not working correctly (#1026) (05e392e)
• dropdown: prevent background scrolling on mobile (#1022) (bc1b497)
• icon: adjust component prop type (#1028) (a656182)
• table: emit check and check-all after reactive value got updated (#1031) (bf708ee)
• table: solve an issue with isRowChecked prop (#1032) (9bcc478)
• theme: solve an issue with class as string array definition (#1024) (754e1ee)

Features

• allow custom constraint validation errors (#1023) (a465a22)
• field: programmatically associate inputs with field messages (#1021) (6fc309f)
• table: add icon/label to empty slot (#1030) (79a7ab9)
• slider: rename customFormatter prop to formatter prop (#1033)

Detailed Changes

following with the main release...

0.9.0-pre.1 (2024-07-12)

Bug Fixes

• autocomplete: adjust prop keepOpen behavior (#1015) (e01ad35)
• dropdown: adjust prop multiple behavior (#1012) (3e4291a)
• select: adjust prop multiple behavior (#1014) (6e25bee)
• select: adjust prop placeholder behavior (#964) (1c8b580)
• table: solve searchable filter bug (#949) (858c5c7)

Features

• remove deprecated ConfigPlugin export (#873) (66c09f4)
• expose value for every form component (#957) (9a43312)
• autocomplete: update type generics (#956) (26de252)
• checkbox: add type generics (#968) (c2c9d05)
• datepicker: change mobileNative default to false (#993) (46e2c89)
• datepicker: make modelValue conditional typed by prop range (#1006) (96f1784)
• datepicker: make datepicker conditional typed by prop multiple (#1011) (8689a40)
• dropdown: update type generics (#984) (df7074b)
• dropdown: make modelValue conditional typed by prop multiple (#1003) (66bbbcc)
• field: set prop addons default to false (#914) (3871879)
• input: add number prop for vmodel casting (#884) (ded99f9)
• input: make modelValue conditional typed by prop number (#991) (53924f1)
• radio: add type generics (#969) (f241391)
• select: add native required prop (#971) (e3df9f1)
• select: add type generics | add unit tests (#963) (a5bdedc)
• select: make modelValue conditional typed by prop multiple (#1004) (d3dc6dd)
• select: register id to field wrapper (#966) (72f253c)
• slider: make modelValue conditional typed by prop range (#1018) (eafc3f3)
• steps: add type generics (#977) (f07a7cc)
• switch: add type generics (#973) (cb67396)
• table: add before and after slot | add column display prop (#947) (8f64934)
• table: enhance loading spinner (#946) (a1b7d45)
• table: add type generics (#919) (c85bee6)
• table: expose sort function (#959) (e9030bd)
• table: update thAttrs and tdAttrs properties (#958) (9dced98)
• tabs: add type generics (#978) (a9ded34)
• taginput: update type generics (#956) (26de252)
• taginput: enhance allowNew and allowDuplicates props (#1016) (1eeeb42)
• upload: add type generics (#982) (38bc75d)
• upload: make modelValue conditional typed by prop mulitple (#1005) (a93abfe)
• programmatic: add programmatic component (#944) (2840a7e)
• reactivity: make components classes props reactive (#960) (c0e429d)
• themes: remove theme config function props object encapsulation (#760) (317fafb)
• examples: add package @oruga-ui/examples (#1019) (5d18d26)

Reverts

• defineModel: reuse useVModel composable for generics where the type is T | T[] (#998) (c00abf5)

Detailed Changes

following with the main release...

0.8.12 (2024-06-28)

Bug Fixes

• datetimepicker: fix datetimepicker initialisation bug (#948) (92b30f1)
• picker: fix native input value (#986) (09154d5)

0.8.11 (2024-06-05)

Bug Fixes

• datepicker: always validate programmatic date updates (#927) (20ceedd)
• datepicker: update focused date on editing directly (#941) (1af13cf)
• taginput: solve defineModel macro array constrains (#942) (404c5f6)

Features

• inputs: detect constraint validation attribute changes (#930) (4de3bd7)

0.8.10 (2024-06-03)

Bug Fixes

• datetimpicker: fix inline value edit | make picker props reactive (#932) (1e93773)

Features

• modal: set default destroyOnHide to true for programmatic usage (#937) (0b0bdca)
• steps: add destroyOnHide prop (#934) (d06ea1e)
• tabs: add destroyOnHide prop (#926) (e87882b)

0.8.9 (2024-05-01)

Bug Fixes

• field: fix bug when prop horizontal is set (#915) (962bfea)
• table: fix filtering when table is not sorted (#911) (10ee451)
• Table: fix table async example backend sort function (#910) (18f3c00)
• taginput: fix infinite recursive update when updating modeValue (#917) (e2e3c4a)

Features

• table: make debounceSearch a global option (#912) (517598f)

0.8.8 (2024-04-23)

Bug Fixes

• build: fix cjs extension in package.json entry point (#894) (51e7184)
• datepicker: fix defineClasses parent props problem (#900) (087a8dc)
• datepicker: make date parsing work again (#882) (047e999)
• field: add field setInputId & remove ariaLabelledby prop (#902) (458d45c)
• field: fix slot invoked outside render function & ass messageTag prop (#906) (f9d07c6)
• menu: fix useProviderParent composable childItems type problem (#897) (b9656a6)
• taginput: fix selection with autocomplete on non string items (#889) (930c397)

Features

• datepicker: change prop readonly default to false & disable calendar interaction while readonly (#901) (364d0c5)
• taginput: add removeItem as selected slot property (#887) (#888) (c8c26cc)
• taginput: update prop types (#895) (b5709c5)

0.8.7 (2024-04-02)

Bug Fixes

• autocomplete: adjust active state behavior (#859) (9ce1971)
• autocomplete: change options type definition to generic (#866) (5f6717a)
• steps|tabs: fix disable animation (#870) (08c1fbf)
• steps|tabs: make item props reactive again (#879) (269183d)
• table: make TableColumn props reactive again (#878) (d2b1caa)
• fix type generation script (#867) (2f6b6c8)
• resolve maximum recursive update exceeded in tests (#869) (40d8b94)

Features

• tabs: move inherit attrs to div instead of transition (#871) (6db3f74)

0.8.6 (2024-03-11)

Bug Fixes

• build: add volar types export (#844) (4b31d5e)
• build: export ConfigPlugin (#824) (e50cc19)
• helpers: remove unintended unref function in isDefined helper function (#834) (ed75a71)
• modal: make property witdh reactive (#830) (7f65756)
• programmatic: fix ProgrammaticExpose type (#831) (e490336)
• table: stickyHeaderClass should not display by default (#832) (09a45a1)
• table: fix page-change event sending old value (#842) (082e2fa)
• table: fix TableColumn searchable slot property bug (#836) (0ecba93)
• table: prevent TableColumn props trigger recursive reactivity (#848) (8f83b71)
• table: set TableColumn customSort type to unknown (#840) (548304d)
• upload: fix input bindung (#843) (deafbdf)

Features

• table: make bordered, striped, narrowed and hoverable configurable (#845) (6872eee)

0.8.5 (2024-02-26)

Bug Fixes

• check scrolling parent not null (#813) (e471f76)
• fix generation scripts (#814) (27fe3b5)
• datepicker|timepicker: wrap focus listener into function (#810) (b1b6586)

0.8.4 (2024-02-24)

Bug Fixes

• autocomplete: fix select item by click (#796) (d3e1465)
• autocomplete: show empty slot when available (#787) (0cebb5c)
• composable: prevent scrolling parent error with parent null (#794) (34670d4)
• datepicker: refactor datepicker related components (#782) (da9eb0f)
• datetimepicker: fix vmodel reactivity (#785) (cefffc2)
• input: update password reveal feature (#789) (8b8bfa6)
• notification: extend programmatic props (#766) (f4bca09)
• taginput: fix rootClass inheritance (#772) (fadb780)
• taginput: forward expanded prop to Autocomplete component so that it's passed to dropdown (#767) (d46ae92)

Features

• expose setFocus function for all input components (#793) (a290c8b)
• pagination: add button tag property (#779) (22b36a8)
• tabs|steps: add animation and animateInitially prop (#797) (f04362e)
• theme: adjustments for bulma theme integration (#777) (1b8fcae)
• theme: add autogenerate component theme types (#775) (5abdfe6)

0.8.3 (2024-02-06)

Bug Fixes

• autocomplete: allow empty slot display and formatter prop usage (6c9a60d)
• autocomplete: change input vbind vmodel prop order (3297e4b)
• autocomplete: close dropdown on enter or tab key press (#761) (796ed9f)
• carousel: adjust indicator index out of range (#752) (eca9d38)
• carousel: fix repeat index (#757) (68e4dee)
• datepicker: fix datepicker component shows wrong year range when adding max date and min date props (#731) (9094188)
• notification: adjust querySelector (#756) (13b0d37)
• slider: remove this references (#746) (9942c0f)
• table: fix binding current page (672680a)
• tablecolumn: remove typo in the props (#727) (6c8238b)
• table: fix wrong use of thAttrsData (da4c7c5)
• taginput: only hide input field instead of unmount (#754) (cd1bcf7)
• taginput: pass missing placeholder props to autocomplete component (928863a)
• taginput: watch TagInput v-model prop with deep in order to trigger update:modelValue (#722) (96843a4)
• timepicker: fix meridien bug (#753) (f302c27)
• tooltip: remove console.log usage in Tooltip component (bbf8161)
• types: fix customIconPacks config (#715) (a123a5e)
• types: fix volar type generation (#702) (1bfd747)
• update ClassFunction second parameter from context to props (#743) (035b619)
• fix Vue 3.4 getCurrentInstance() bug by convert useComputedClass to defineClass (#725) (0a7f9b4)

Features

• enhance a11y (#762) (41b1c54)
• useInputHandler: add input not given warning (#747) (49e9c4e)

0.8.2 (2023-12-21)

Bug Fixes

• docs: add missing props (#697) (13d27de)
• docs: update oruga-next cdn link (#684) (d68308b)
• programmatic: adjust open params type (#690) (9e8ad3a)
• table: reorder params from Object.assign to allow for non-extensible objects (#689) (dc2b9cf)
• types: fix type export (#687) (829279d)
• upload: update click handler (1f08a2a)

Features

• input|select: add disabledClass (#691) (c13f324)
• type: add volar.d.ts generation (#694) (fb191a8)

0.8.1 (2023-12-10)

Bug Fixes

• build: fix types export (#681)
• docs: fix ssr hydration error (#680)

0.8.0 (2023-12-06)

Features

• refactor all components from Option-API to Composition-API (script setup) (#606)
• removed default theme from build output (use theme-oruga instead)
• add component types to build output
• add OrugaOptions type definition (usefull for themes) (#632) (#663) (78df3e9)
• change appendToBody to teleport feature (#603 (#652) (d0c9824)
• rename component inputitems to taginput (#653)
• change programmatic usage to useOruga() (#605) (e7bdb07)
• adjust component properties (see detailed component changes)
• drop vue 2.x support
• docs: update component props/events/slots descriptions

Bug Fixes

• datepicker: fix infinity loop (#624) (fc45dcf)
• dropdown: fix hover on mobile agent (#609) (#609) (4a5c0ab)
• select: fix vmodel prop type (#616) (60f67c5)
• sidebar: fix props (#660) (6e2aa5d)
• skeleton: fix item style (#659) (3586ae4)
• ssr: fix window not defined for ssr (#669) (a64cb79)
• docs: fix component property generation (#658) (e98dd22) (7efc3c6)

Detailed Component Changes

Autocomplete

Changes props:

• remove adppendToBody prop
• add teleport prop
• rename checkInfiniteScroll to checkScroll prop
• rename customFormatter to formatter prop
• remame debounceTyping to debounce prop
• add iconRightVariant prop
• remame menuPosition to position prop
• add mobileModal prop
• add placeholder prop

Changes events:

• remove @typing event
• add @input event
• remove @infinite-scroll event
• add @scroll-start event
• add @scroll-end event

Changes classes:

• remove expandedClass class
• remove menuClass class
• remove menuPositionClass class

Button

Changes props:

• remove iconBoth prop
• add role prop

Changes classes:

• rename elementsWrapperClass to wrapperClass class

Carousel

Changes props:

• rename arrow to arrows prop
• rename arrowHover to arrowsHover prop
• rename hasDrag to dragable prop
• remove asIndicator prop
• rename indicator to indicators prop

Changes classes:

• rename sceneClass to wrapperClass class
• add itemClickableClass class

Checkbox

Changes props:

• add useHtml5Validation prop

Changes events:

• add @update:indeterminate event
• add @focus event
• add @blur event
• add @invalid event

Changes classes:

• rename checkClass to inputClass class
• rename checkCheckedClass to inputCheckedClass class
• rename checkIndeterminateClass to indeterminateClass class

Collapse

Changes props:

• rename ariaId to contentId prop

Datepicker

Changes props:

• remove adppendToBody prop
• add teleport prop
• add active prop
• remove autocomplete prop
• remove maxlength prop
• remove editable prop
• add readonly prop
• remove statusIcon prop

Changes events:

• add @icon-click event
• rename @active-change to @update:active event

Changes classes:

• remove monthCellInvisibleClass class
• remove monthCellNearbyClass class
• add monthCellWithinHoveredRangeClass class
• remove monthRowClass class
• add monthTableClass class
• rename nextBtnClass to nextButtonClass class
• rename prevBtnClass to prevButtonClass class

Datetimepicker

Changes props:

• add active prop
• remove autocomplete prop
• remove maxlength prop
• remove editable prop
• add readonly prop
• remove statusIcon prop

Changes events:

• add @icon-click event
• rename @active-change to @update:active event
• add @range-start event
• add @range-end event

Dropdown

Changes props:

• add active prop
• remove adppendToBody prop
• add teleport prop
• remove appendToBodyCopyParent prop
• add checkScroll prop
• rename canClose to closeable prop
• remove closeOnClick prop (merged into closeable)
• add delay prop
• rename triggerTabindex to tabindex prop
• add triggerTag prop

Changes events:

• rename @active-change to @update:active event
• add @close event
• add @scroll-start event
• add @scroll-end event

Changes classes:

• add teleportClass class

Dropdown Item

Changes classes:

• add itemClickableClass class

Input

Changes props:

• add disabled prop
• rename hasCoutner to counter prop

Loading

Changes props:

• rename canCancel to cancelable prop
• add label prop

Changes events:

• add @update:full-page event

Changes classes:

• add labelClass class

Menu

• merge Menu and MenuList component

Changes props:

• rename size to iconSize prop

Modal

Changes props:

• rename canCancel to cancelable prop
• add container prop
• add teleport prop

Changes classes:

• add activeClass class

Notification

Changes props:

• remove autoClose prop
• remove hasIcon prop
• rename indefinite to infinite prop

Pagination

Changes events:

• remove @update:active event

Changes classes:

• rename nextBtnClass to nextButtonClass class
• rename prevBtnClass to prevButtonClass class

Radio

Changes props:

• add autocomplete prop
• add useHtml5Validation prop

Changes events:

• add @focus event
• add @blur event
• add @invalid event

Changes classes:

• rename checkCheckedClass to inputCheckedClass class
• rename checkClass to inputClass class

Select

Changes props:

• add iconClickable prop
• remove maxlength prop
• add iconRightClickable prop
• add iconRightVariant prop
• add options prop

Changes events:

• add @icon-click event
• add @icon-right-click event

Sidebar

Changes props:

• rename open to active prop
• add animation prop
• rename canCancel to cancelable prop
• add component prop
• add container prop
• add events prop
• add props prop
• add teleport prop
• add destroyOnHide prop
• add inline prop
• add onClose prop
• changed how position prop is working
• remove right prop
• remove expandOnHoverFixed prop

Changes events:

• rename @update:open to @update:active event

Changes classes:

• add activeClass class
• remove absoluteClass class
• remove fixedClass class
• remove staticClass class
• add positionClass class
• remove rightClass class
• remove expandOnHoverFixedClass class
• add noScrollClass class
• add scrollClipClass class
• add teleportClass class
• add inlineClass class

Steps

Changes props:

• add position prop
• add size prop
• add variant prop

Changes classes:

• add sizeClass class

StepItem

Changes props:

• add ariaRole prop
• add icon prop
• add iconPack prop
• add label prop
• add tag prop
• add value prop
• add visible prop

Changes events:

• add @activate event
• add @deactivate event

Switch

Changes props:

• add autocomplete prop
• add useHtml5Validation

Changes events:

• add @input event
• add @focus event
• add @blur event
• add @invalid event

Changes classes:

• rename checkClass to switchClass class
• rename checkCheckedClass to switchCheckedClass class
• rename checkSwitchClass to switchCheckClass class
• add inputCheckedClass class

Table

Changes props:

• add paginationSimple prop

Changes classes:

• add thSubheadingClassclass

TableColumn

Changes props:

• remove customKey prop

Tabs

Changes props:

• add position prop
• add size prop
• add variant prop
• add vertical prop

Changes events:

• add @update:modelValue event
• add @change event

Changes classes:

• rename tabItemWrapperClass to itemWrapperClass class
• add transitioningClass class

TabItem

Changes props:

• add ariaRole prop
• add icon prop
• add iconPack prop
• add label prop
• add value prop
• add visible prop

Changes events:

• add @activate event
• add @deactivate event

Taginput (old inputitems):

• rename inputitems component into taginput

Changes props:

• remove adppendToBody prop
• add teleport prop
• rename checkInfiniteScroll to checkScroll prop
• add keepOpen prop
• rename onPasteSeparators to separators prop
• remove rounded prop
• remove statusIcon prop
• rename hasCoutner to counter prop

Changes events:

• add @scroll-start event
• add @scroll-end event
• add @icon-click event
• rename @typing to @input event

Timepicker

Changes props:

• add active prop
• remove adppendToBody prop
• add teleport prop
• remove autocomplete prop
• remove maxlength prop
• add closeOnClick prop
• remove editable prop
• add iconRight prop
• add iconRightClickable prop
• add locale prop
• add mobileModal prop
• add readonly prop
• remove statusIcon prop
• add trapFocus prop

Changes events:

• add @icon-click event
• add @icon-right-click event
• add @update-active event

Tooltip

Changes props:

• remove animated prop
• remove adppendToBody prop
• add teleport prop
• remove autoClose prop
• add closeable prop
• add disabled prop
• add triggerTag prop

Changes events:

• add @update:active event

Changes classes:

• rename arrowOrderClass to arrowPositionClass class
• rename orderClass to positionClass class
• add teleport class

Upload

Changes props:

• remove autocomplete prop
• remove maxlength prop
• remove icon prop
• remove iconPack prop
• remove rounded prop
• remove statusIcon prop

0.7.0 (2023-09-20)

Bug Fixes

• autocomplete: add missing emit and wrong event name 'select-footer' (3b19d54)
• autocomplete: use dynamic component (d0b9096)
• input: better support input type=number (#528) (f01f591)
• oruga-next: provide node subpath exports (#520) (00770a9)
• radio: add checkedClass prop (2a632a5)
• remove console.log statement in ModalProgrammatic (428d08f)
• table: fix missing paginationSize (#584) (3f7a692)
• table: fix pagination size prop (126aba4)

Features

• add a way to style step dividers (#555) (4915c4d)
• add component to tag prop types (7c62f2b)
• add the clearIcon prop to input and autocomplete (a33ee8e)
• label: add several label props (22bdd03)
• pagination: add itemClass prop (3659e50)
• table: add checkbox-variant prop (8821624)

0.6.0 (2023-04-25)

Breaking changes ❗

• inputitems: autocomplete -> allow-autocomplete
• refactor form validation

Bug Fixes

• button-rounded-border-radius variable (26e90af) (@fabiiomiiguel)
• checkbox: missing checkedClass prop definition #467 (5eed80d)
• checkbox: use background-color attribute (69a3d0f) (@area73)
• inputitems: #493 set icon pack of close icon (31a75ee)
• switch: add role "switch" (f322e9c) (@didaquis)
• table: #465 td-attrs compute when infinite scroll or backend-filtering (aa50c60)
• table: #486 add trCheckedClass (ff83227)

Features

• add loading implentation for button in vue 2 (83955df)
• add loading props for button (001b60b) (@themodernpk)
• add typescript support and testing (92cffed)
• allow to set background color on outlined button (#514) (8f90b84) (@fabiiomiiguel)
• make controls respond to the invalid event (ca3626c) (@blm768)
• table: #494 add paginationSize prop (db70c0d)
• table: add slot preheader (93c6521) (@subdavis)

0.5.10 (2022-12-22)

Bug Fixes

• select: pass autocomplete prop through (#452) (edea7ed)
• table: avoid set width when mobile cards #465 (9aaabf0)
• theme: #432 remove outline none (220db52)
• tooltip: add missing !default to tooltip-content-multiline-width SCSS var (c553764)

Features

• pagination: allow setting default order (751190d)
• tabs: #446 set tabindex=0 on active tab (b0e0d0a)