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)

0.9.1

Diff

astagi

published 0.9.1 • 3 months ago

Changelog

Source

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)

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

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

0.9.0

Diff

astagi

published 0.9.0 • 3 months ago

Changelog

Source

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)

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

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

0.9.0-pre.5

Diff

astagi

published 0.9.0-pre.5 • 3 months ago

Changelog

Source

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

Bug Fixes

datepicker: add missing scope to defineClasses (#1091) (277c2e0)
solve various 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...

0.9.0-pre.4

Diff

astagi

published 0.9.0-pre.4 • 3 months ago

Changelog

Source

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)

Detailed Changes

following with the main release...

0.9.0-pre.3

Diff

mlmoravek

published 0.9.0-pre.3 • 3 months ago

Changelog

Source

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)
types: 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

Diff

mlmoravek

published 0.9.0-pre.2 • 6 months ago

Changelog

Source

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

Diff

astagi

published 0.9.0-pre.1 • 7 months ago

Changelog

Source

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

Diff

mlmoravek

published 0.0.1 • 7 months ago

@oruga-ui/examples - npm Package Versions

0.9.3

Bug Fixes

0.9.2

0.9.2 (2024-12-02)

Bug Fixes

Features

0.9.1

0.9.1 (2024-11-15)

Bug Fixes

Detailed Changes

Autocomplete

Button

Carousel

Checkbox

Collapse

Datepicker

Datetimepicker

Dropdown

Field

Icon

Input

Loading

Menu

Modal

Notification

Pagination

Radio

Select

Sidebar

Skeleton

Slider

Steps

StepItem

Switch

Table

TableColumn

Tabs

Taginput

Timepicker

Tooltip

Upload

0.9.0

0.9.1 (2024-11-15)

Bug Fixes

Detailed Changes

Autocomplete

Button

Carousel

Checkbox

Collapse

Datepicker

Datetimepicker

Dropdown

Field

Icon

Input

Loading

Menu

Modal

Notification

Pagination

Radio

Select

Sidebar

Skeleton

Slider

Steps

StepItem

Switch

Table

TableColumn

Tabs

Taginput

Timepicker

Tooltip

Upload

0.9.0-pre.5

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

Bug Fixes