v0.8.1

0.8.1 (2023-12-10)

Bug Fixes

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

v0.8.0

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 contentId to ariaId 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
• remov...

v0.7.0

0.7.0 (2023-09-20)

Docs Update

• docs: enhance docs-next by @mlmoravek in #561

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)

v0.6.0

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)

v0.5.10

0.5.10 (2022-12-22)

Bug Fixes

• select: pass autocomplete prop through (#452) (edea7ed) (@blm768)
• 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) (@area73)

Features

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

v0.5.9

New features

• feat(sidebar): add hidden/visible classes (@thanks mlmoravek)

Fixes

• fix(notification): #437 wrong noticeCustomContainerClass prop name
• fix(docs-next): generate subcomponent docs
• fix(table): table column props (thanks @mlmoravek)
• fix(docs-next): regenerate & scss path (thanks @roiLeo )

v0.5.8

Fixes

• fix(modal): #333 twice close event (author: @travatomic)
• fix(field): #427 show message when horizontal (author: @yoji-kojio)
• fix(input): restore nextick when autosize

v0.5.7

Fixes

• fix(table): #430 checkable table (vue 3)
• fix(input): autosize on route change
• fix(datepicker): un/selectableDates prop types (author: @beljand)
• fix(carousel): remove mouse event prevent
• fix(autocomplete): check footer when it exists and infinite-scroll
• fix(notification): undefined when override mode
• fix(modal): #412 restore position relative

New features

• feat: add Menu component (author: @groundfloorwebb)
• feat(steps): add active event on step-item (author: @travatomic)
• feat(tooltip): add 'auto' position (author: @blm768)
• feat(input): watch type prop
• feat(dropdown): add trigger-tabindex (set -1 on datepicker)
• feat(modal): remove custom prop and add scrollClipClasss + noScrollClass

v0.5.6

Fixes

• fix(table): #393 avoid recursive updates using thAttrs/tdAttrs
• fix(modal): modal content position attribute
• fix(modal): use slot when programmatically
• fix(table): style when bordered (full-css)
• fix(datetimepicker): min/max time (author: @joeyberkovitz )
• fix: #342 apply width on each td
• fix: #362 slide animation on vue 3
• fix(InjectedChildMixin): Fix throwing ReferenceError (author: @ishitatsuyuki)
• Fix(table): #358 case sensitive listening model value
• fix: promise definition as prop type (author: @urkle)

New features

• feat(checkbox): #410 add v-bind to native input
• feat: export individual components (author: @ishitatsuyuki)
• feat: docs-next (#340)
• feat: close all programmatic components (author: @urkle )

v0.5.5

Fixes

• fix(sidebar): check outside click to close it
• fix(tabs): #306 keep the order of tab items
• fix(datetimepicker): add missing size prop
• fix(table): #319 add missing 'default-open' event
• fix(notication): #291 override duration prop from config (author: @urkle)
• fix: return component instance using programmatic (author: @urkle)

New features

• feat(tooltip): emit 'close' and 'open' events
• feat(tabs): improve a11y
• feat(dropdown): improve a11y
• feat(collapse): improve a11y
• feat(table): improve rendering
• feat: return promise when loading and notification programmatic (author: @urkle)
• feat(modal): add a promise return to the programmatic modal (author: @urkle)