v0.10.0-pre.3

0.10.0-pre.3 (2025-03-11)

Bug Fixes

• table: solve checkable not working (#1224) (ae64412)
• taginput: enable virtual keyboard compatibility (#1230) (0d3a791)
• taginput: prevent double adding when allowNew and dropdown is open (#1228) (c92cc90)
• dropdown: set item focused on hover (#1226) (edb523d)

v0.10.0-pre.2

0.10.0-pre.2 (2025-03-07)

Bug Fixes

• autocomplete: clear dropdown value when selected value get cleared (#1213) (551aecb)
• datetimepicker: add missing mobileModal and desktopModal props (#1211) (2ae4573)
• menu: solve keyboard navigation issues (#1214) (f273db5)
• steps: solve steps button navigation does not work properly (#1221) (38d8926)
• table: use transition-group instead of transition for detail slot (#1217) (e03afcc)

Features

• change scroll prop to clipScroll & noScrollClass class to scrollKeepClass (#1212) (2405151)
• classes: unify default classes by using the full component name instead of an abbreviation (#1204) (81042f0)
• datepicker: unify class names & remove unnecessary classes (#1205) (8777256)
• pagination: update pagination button default classes (#1219) (d8adf1e)
• programmatic: accept reactive element for target prop (#1208) (f6beaed)

v0.10.0-pre.1

0.10.0-pre.1 (2025-02-21)

Bug Fixes

• checkbox|radio|switch: correct labelId formula issues with label slot (#1166) (4e00a9e)
• datepicker: make table and month class props reactive (#1195) (47e526a)
• solve several a11y issues (#1184) (bdabeb6)
• table: prevent table paginate unsafe property inheritance (#1162) (e0d17c6)
• table: solve a table columns ordering problem (#1171) (ccae595)
• tabs|steps: replace falsly check with nullish check for default value prop (#1173) (eecd0c3)
• taginput: prevent item removing when is disabled (#1177) (b17edb6)
• tooltip: make arrowVariantClass class available (#1198) (58a4002)

Features

• autocomplete: add v-model:active prop (#1193) (7f2871c)
• button: support w3c WAI-ARIA pattern (#1185) (205e502)
• carousel: support w3c WAI-ARIA pattern (#1180) (bab6b37)
• collapse: add expanded prop (#1194) (6ead0ac)
• collapse: support w3c WAI-ARIA pattern (#1186) (5d60eed)
• dropdown: add closeOnScroll feature (bde7ab1)
• dropdown: apply w3c WAI-ARIA (a11y) pattern (#1143) (b1db037)
• dropdown: make closeOnOutside, selectOnFocus and selectOnClose configurable (#1182) (8e235f3)
• field: change prop groupMultiline to multiline (#1200) (3b36782)
• menu: support w3c WAI-ARIA pattern | add options prop (#1154) (b07cc5a)
• programmatic: add programmatic instance count() function (#1161) (c9b7e25)
• programmatic: make programmatic components devtools compatible (#1175) (40dd968)
• skeleton: rename classes to match pattern (#1196) (9bf2b34)
• slider: add slider thumb aria-labelledby connection to the field wrapper (#1165) (86d1d7e)
• steps/tabs: remove prop destroyOnHide (#1138) (ce11b3e)
• steps: support w3c WAI-ARIA pattern (#1183) (c0f9c9f)
• table: rename prop debounceSearch to filterDebounce to match other props (#1176) (ceb15e8)
• table: rename prop headerCheckable to checkableHeader to match other props (dac6748)
• table: rename prop headerCheckable to checkableHeader to match other props (#1178) (a8324c9)
• table: support w3c WAI-ARIA (a11y) pattern (#1135) (ee8c00e)
• tabs: support w3c WAI-ARIA pattern (#1170) (2f55c88)
• tabs: update tab html structure and classes (#1120) (72662d3)
• taginput: move variant and size class to root element (#1197) (aef344b)
• tooltip: support w3c WAI-ARIA pattern (#1146) (8e87a15)
• unify HTML input based component classes (#1201) (f96628f)

Detailed Changes

following with the main release...

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