v0.9.3

0.9.3 (2024-12-19)

Bug Fixes

• autocomplete: solve input does not get cleared (#1151) (f0eccaf)
• input: solve prop number declaration issue (#1150) (123dc6f)
• table: solve mobileClass trigger issue (#1153) (226f19b)

v0.9.2

0.9.2 (2024-12-02)

Bug Fixes

• change crypto.randomUUID() with a sequential id generation (#1137) (52d3ea5)
• performance: solve performance issues with child component registration (#1133) (d560007)
• programmatic: make options interface extandable (#1118) (37e17f5)
• notification: solve typo in NotificationProgrammaticOptions type (#1117) (16cf988)
• tabs: set fixed role attribute values for Tab and TabItem (#1119) (c1afcf3)

Features

• checkbox: support w3c WAI-ARIA (a11y) pattern (#1130) (6d189fe)
• field: add unique label Id to field injection (#1129) (1561718)
• radio: support w3c WAI-ARIA (a11y) pattern (#1132) (96255a8)
• switch: support w3c WAI-ARIA (a11y) pattern (#1131) (60ec0d1)
• tabs: update keyboard navigation to match W3C WAI standart (#1121) (58583a3)

v0.9.1

0.9.1 (2024-11-15)

Bug Fixes

• dropdown: solve closing issue when has multiple prop (#1109) (5443ec2)
• programmatic: readd OrugaProgrammatic interface to the export (#1110) (44c7075)
• programmatic: solve wrong events prop type (#1114) (0271e7e)
• table: remove generic type strictness (#1107) (4592a9d)

v0.9.0

0.9.0 (2024-11-11)

These Changes are accumulated from all pre-releases.

Detailed Changes

Legend:

• ⚠️: breaking change
• ~ : changed
• - : removed
• + : added
• A -> B : renamed

Autocomplete

• ⚠️ ~ prop: data -> options (type changed)

• ⚠️ - prop: field (replaced by strict options type)

• ⚠️ - prop: formatter (replaced by strict options type)

• ⚠️ - prop: groupField (replaced by strict options type)

• ⚠️ - prop: groupOptions (replaced by strict options type)

• + prop: input (v-model:input)

• + prop: filter

• - prop: validationMessage

• + prop: customValidity

• + event: update:input

• + type: remove modelValue type restrictions

Button

• ⚠️ ~ prop: nativeType -> type (to match same props from other component)
• ⚠️ ~ prop: role -> ariaRole (to match same props from other component)

Carousel

--

Checkbox

• + prop: id

• - prop: validationMessage

• + prop: customValidity

• + type: remove modelValue type restrictions

Collapse

--

Datepicker

• ⚠️ ~ prop: dateCreator -> creator
• ⚠️ ~ prop: dateFormatter -> formatter
• ⚠️ ~ prop: dateParser -> parser
• - prop: validationMessage
• + prop: customValidity

Datetimepicker

• ⚠️ ~ prop: datetimeCreator -> creator
• ⚠️ ~ prop: datetimeFormatter -> formatter
• ⚠️ ~ prop: datetimeParser -> parser
• - prop: validationMessage
• + prop: customValidity

Dropdown

• + prop: options

• + prop: desktopModal

• ⚠️ ~ class: menuMobileOverlayClass -> overlayClass

• + class: modalClass

• + class: scrollClipClass

• + class: noScrollClass

• + type: remove modelValue type restrictions

Field

• ⚠️ ~ class: bodyHorizontalClass -> horizontalBodyClass
• ⚠️ ~ class: labelHorizontalClass -> horizontalLabelClass
• ⚠️ ~ class: variantLabelClass -> labelVariantClass
• ⚠️ ~ class: variantMessageClass -> messageVariantClass

Icon

--

Input

• + prop: debounce

• + prop: number

• - prop: validationMessage

• + prop: customValidity

• ~ event: input (only emits string values)

Loading

• - prop: container (only available in programmatic usage)

• ⚠️ - prop: onCancel

• ⚠️ - prop: onClose (only available in programmatic usage)

• + class: noScrollClass

• + class: scrollClipClass

• ⚠️ ~ programmatic: interface changed

Menu

• ⚠️ ~ class: itemWrapperClass -> itemClass
• ⚠️ ~ class: itemClass -> itemButtonClass
• ⚠️ ~ class: itemActiveClass -> itemButtonActiveClass
• ⚠️ ~ class: itemDisabledClass -> itemButtonDisabledClass
• ⚠️ ~ class: itemIconTextClass -> itemButtonIconClass

Modal

• - prop: container (only available in programmatic usage)

• ⚠️ - prop: destroyOnHide (no done by default for programmatic usage)

• ⚠️ - prop: onCancel

• ⚠️ - prop: onClose (only available in programmatic usage)

• + prop: overlay

• ⚠️ ~ programmatic: interface changed

Notification

• ~ prop: active (is not longer avaible in programmatic usage)

• - prop: container (only available in programmatic usage)

• ⚠️ - prop: onCancel

• ⚠️ - prop: onClose (only available in programmatic usage)

• ⚠️ ~ programmatic: interface changed

Pagination

• ⚠️ ~ class: linkClass -> buttonClass
• ⚠️ ~ class: linkCurrentClass -> buttonCurrentClass
• ⚠️ ~ class: linkDisabledClass -> buttonDisabledClass
• ⚠️ ~ class: prevButtonClass -> buttonPrevClass
• ⚠️ ~ class: nextButtonClass -> buttonNextClass

Radio

• + prop: id

• + prop: customValidity

• + type: remove modelValue type restrictions

Select

• ⚠️ ~ prop: options (type changed)
• - prop: validationMessage
• + prop: customValidity

Sidebar

• ~ prop: mobile (variable changed from fullwitdh to expanded)

• - prop: variant

• - prop: container (only available in programmatic usage)

• ⚠️ - prop: destroyOnHide (no done by default for programmatic usage)

• ⚠️ - prop: onCancel

• ⚠️ - prop: onClose (only available in programmatic usage)

• ⚠️ ~ programmatic: interface changed

Skeleton

--

Slider

• + prop: range
• ⚠️ ~ prop: customFormatter -> formatter

Steps

• + prop: options

• ⚠️ ~ class: itemHeaderClass -> navItemClass

• ⚠️ ~ class: itemHeaderVariantClass -> navItemVariantClass

• ⚠️ ~ class: itemHeaderActiveClass -> navItemActiveClass

• ⚠️ ~ class: itemHeaderPreviousClass -> navItemPreviousClass

• + class: navItemNextClass

• ⚠️ ~ class: stepLinkClass -> stepClass

• ⚠️ ~ class: stepLinkLabelPositionClass -> stepLabelPositionClass

• ⚠️ ~ class: stepLinkClickableClass -> stepClickableClass

• + class: stepActiveClass

• + class: stepDisabledClass

• ⚠️ ~ class: stepLinkLabelClass -> stepLabelClass

• + class: stepIconClass

• ⚠️ ~ class: itemClass -> stepPanelClass

• ⚠️ ~ class: rootClass (default class changed)

• ⚠️ ~ class: expandedClass (default class changed)

• ⚠️ ~ class: verticalClass (default class changed)

• ⚠️ ~ class: positionClass (default class changed)

• ⚠️ ~ class: animatedClass (default class changed)

• ⚠️ ~ class: stepsClass -> navClass

• ⚠️ ~ class: stepDividerClass -> dividerClass

• ⚠️ ~ class: stepMarkerClass -> markerClass

• ⚠️ ~ class: stepMarkerRoundedClass -> markerRoundedClass

• ⚠️ ~ class: stepContentClass -> contentClass

• ⚠️ ~ class: stepContentTransitioningClass -> transitioningClass

• ⚠️ ~ class: stepNavigationClass -> navigationClass

• + type: remove modelValue type restrictions

StepItem

• + prop: disabled

Switch

• + prop: id

• + prop: customValidity

• + type: remove modelValue type restrictions

Table

• ⚠️ ~ prop: column (type changed)

• + prop: customCompare

• ⚠️ ~ prop: customRowKey -> rowKey

• ⚠️ ~ prop: customIsChecked -> isRowChecked (to match other props name pattern)

• ⚠️ ~ props: hasDetailedVisible -> isDetailedVisible (to match other props name pattern)

• - prop: detailKey (use rowKey instead)

• + props: emptyIcon

• + props: emptyIconSize

• + props: emptyLabel

• + props: filtersIcon

• + props: filtersPlaceholder

• + props: loadingIcon

• + props: loadingLabel

• ⚠️ ~ props: openedDetailed -> detailedRows (to match props name pattern)

• + props: selectable

• + props: tdAttrs

• + props: thAttrs

• ~ event: update:openedDetailed -> update:detailedRows

• + slots: before

• + slots: after

TableColumn

• + props: formatter

• ~ types: improve slots type

Tabs

• ⚠️ ~ class: navTabsClass -> navClass

• ⚠️ ~ class: itemWrapperClass -> navItemClass

• ⚠️ ~ class: itemClass -> tabPanelClass

• ⚠️ ~ class: itemHeaderActiveClass -> tabActiveClass

• ⚠️ ~ class: itemHeaderClass -> tabClass

• ⚠️ ~ class: itemHeaderDisabledClass -> tabDisabledClass

• ⚠️ ~ class: itemHeaderIconClass -> tabIconClass

• ⚠️ ~ class: itemHeaderTextClass -> tabLabelClass

• ⚠️ ~ class: itemHeaderTypeClass -> tabTypeClass

• ⚠️ ~ class: tabTextClass -> tabLabelClass

• + class: navItemActiveClass

• + class: navItemPreviousClass

• + class: navItemNextClass

• + props: options

• + type: remove modelValue type restrictions

Taginput

• + prop: input (v-model:input)

• - props: allowAutocomplete

• ⚠️ ~ props: data -> options (type changed)

• ⚠️ - prop: field (replaced by strict options type)

• ⚠️ - prop: groupField (replaced by strict options type)

• ⚠️ - prop: groupOptions (replaced by strict options type)

• ⚠️ ~ props: beforeAdding -> validateItem

• + prop: filter

• - prop: validationMessage

• + prop: customValidity

• + event: update:input

Timepicker

• ⚠️ ~ prop: timeCreator -> creator
• ⚠️ ~ prop: timeFormatter -> formatter
• ⚠️ ~ prop: timeParser -> parser
• - prop: validationMessage
• + prop: customValidity

Tooltip

• - prop: validationMessage
• + prop: customValidity

Upload

--

v0.9.0-pre.5

0.9.0-pre.5 (2024-11-11)

Bug Fixes

• datepicker: add missing scope to defineClasses (#1091) (277c2e0)
• solve varius issues (#1100) (d6b792f)

Features

• input: move the left icon element before the input element (#1094) (7bf11e2)
• menu: refactor class names to match other components class name patterns (#1097) (f3ce20a)

Detailed Changes

following with the main release...

v0.9.0-pre.4

0.9.0-pre.4 (2024-10-30)

Features

• button: props name adjustment (#1088) (1296348)
• dropdown: add toggle prop to trigger slot (#1086) (c9b51f3)
• pagination: adjust class names to match other components class patterns (#1087) (54c3706)
• steps: adjust class names to match other components class patterns (#1084) (6466757)

v0.9.0-pre.3

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

Bug Fixes

• 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

• 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...

Full Changelog: v0.9.0-pre.2...v0.9.0-pre.3

v0.9.0-pre.2

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...

Full Changelog: v0.9.0-pre.1...v0.9.0-pre.2

v0.9.0-pre.1

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

0.8.12 (2024-06-28)

Bug Fixes

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