v1.0.0-alpha.28

1.0.0-alpha.28 (2024-11-07)

Bug Fixes

• core/layout: scroll-container resolve unmount error (8ab5dcc)
• core/layout: fix fab placement (f9c7b8d)
• core/select: fix multiple chip spacing (7c4adbd)
• core/select: fix search on multiple items (97ece41)
• core/snackbar: prevent snackbar from covering navigation bar (c7345b5)
• utils/object: exported merge utils (62a6d39)

Features

• core/select: implement core/input variants (da2e94e)
• utils/object: replaceDeep add shallow option (0718947)

Performance Improvements

• ref: prevent object duplication and mutation (3ddefb7)

v1.0.0-alpha.27

1.0.0-alpha.27 (2024-10-27)

Bug Fixes

• core/image: block-image: fix span image height (78174ea)
• core/input: fix spanning issues (619a1e3)
• core/misc: color-block: update on theme change (17ade34)
• core/switch: master-switch: use app theme (a27eea3)
• core: fix component model default value references (13bce32)
• ref/use-idb-storage: fix hook store proxied instead of raw object (6de326c)
• ref: resolve reactivity issues (28e5a8e)

Features

• utils/object: is: add isObject function (200d8db)
• utils/object: merge: add replaceDeep function (1d79c0b)

Performance Improvements

• ref/use-rect: prevent infinite rect updates (ec39e3b)

v1.0.0-alpha.26

1.0.0-alpha.26 (2024-10-26)

Bug Fixes

• core/image: square-image fix border radius (bff1478)
• core/Select: fix slot types (6d79379)
• ref/use-focus-lock: do not refocus when root is clicked (e7eb8c9)
• ref/use-idb-storage: properly handle falsy values (13d7af7)

Features

• core/input: checkbox add partial state (3422b0e)
• core/input: radio add support for js FormData (8218ea5)
• core/input: add radio and radio-item components (76698b1)
• core/input: add textbox prop and rewrite styles (a6ba0a6)
• core/misc: add action component (9222094)
• core/modal: add width prop (0a88a25)
• utils/idb: add hasItem method (71185d5)

v1.0.0-alpha.25

1.0.0-alpha.25 (2024-10-22)

Bug Fixes

• core/app-bar: center actions (3521a66)
• core/misc: overlay-provider fix overlay hierarchy (8fdb794)
• core/misc: view-observer resolve errors on fast component dismounts (f5899db)
• core/modal: fix disabled prop not applying (e816c86)
• core/sheet: fix child components surface background (d203bf7)
• utils/colors: parse-colors fix errors when passed an empty object (e01cfb3)
• utils/idb: bind instance to event-listener (d252ebe)

Features

• core/list: list-item bind label and index (20db220)
• core/modal: place subActions before full screen modal title (581273b)
• core/overlays*: add use-*-utils function (971f296)
• core/progress: non-whole numbers are now considered infinite (64e73a6)
• core: stop animations preferred-reduce-motion (ae91dc6)
• ref/tools: add modifiedComputed function (afbcce3)
• ref/use-fetch: add cache option (b58841a)
• ref: add use-fetch custom ref (3f02dc1)
• utils/component-manager: add injected function (e2938c5)

v1.0.0-alpha.24

1.0.0-alpha.24 (2024-10-09)

Bug Fixes

• core/modal: fix content padding (f36c7a7)
• core/Select: multiple occupy more height for more items (92e2589)
• core/sheet: fix shrinking content when title is empty (9471489)
• ref/use-drag: fix reverse offsetY (c122e19)
• ref/use-local-storage: fix overwriting undefined values (f712049)
• utils/dom: getClientPos resolve last position on touch end (53862f8)
• utils/object: transform fix date parsing (ea07fb3)

Features

• core/app-bar: tab-switcher properly align with top-bar (9aa8632)
• core/misc: view-observer support string offset (3ada711)
• core/misc: add overlay-provider component (aaf6203)
• core: add tab-switcher component (b6d02f7)
• ref/use-drag: add support for dragend handler and flings (ff718ad)
• ref: add use-idb-storage custom ref (9ee90e7)
• ref: add use-key-event custom ref (377ea51)
• utils/other: add to-object-value function (f19e48f)
• utils: add idb-storage class (6d13e8c)

Performance Improvements

• utils/create-style: use style caching (c289ca4)

v1.0.0-alpha.23

1.0.0-alpha.23 (2024-09-24)

Bug Fixes

• core/input: number-input proper min and max parsing (a3e2c21)
• core/switch: master-switch correct stick position (239a116)
• ref/use-tooltip: cleanup floater on dismount (5c84154)
• ref/use-tooltip: wrap single selector with brackets (781187b)
• utils/number: mapNumberToRange prevent overflow (6eb23ee)

Code Refactoring

• core/layout: move header inside scroll-container (d3978f7)
• core: move checkbox to input category (8b868fc)
• core: optimize code (b9268df)

Features

• core/app-bar: add headline prop (f85e4f8)
• core/layout: scroll-container add support for custom wrapper (7ac2f53)
• core/sheet: open sheet full screen on small devices (f9a5b60)
• core/theme-provider: add extras prop (af220e7)
• utils/select: add support for multiple select (503bc12)

Performance Improvements

• core/progress: linear-progress use svg for animations (997b4d3)
• ref/use-tooltip: rewrite implementation (bbed50e)
• utils/color: do not process properties starting with $ (204254d)
• utils/css: create-style memoize styles (c1a7464)

BREAKING CHANGES

• core: checkbox component are now inside the core/Input dir
• core: remove unused core/navigation/switcher component
• core/app-bar: remove headline component

Instead of Headline component, use TopAppBar's headline property instead

<TopAppBar headline="My Title"/>

• core/layout: remove unused sidebar slot
• core/layout: Remove box inheritance
• core/theme-provider: shade variables will not generate by default, use extras to set it

v1.0.0-alpha.22

1.0.0-alpha.22 (2024-09-14)

Bug Fixes

• core/slider: proper value handling of steps with decimal (7bdf7e0)
• core: prevent component from being modified (54f09fa)
• ref/use-local-storage: update storage on nested property update (e7834c2)
• ref/use-rect: update rect on element position change (5df7847)
• ref/use-toggle: fix toggle not updating value (fb720fd)

Features

• core/slider: add size prop (e46642d)
• core: add checkbox component (ae664a7)
• core: add form component (dd42d4a)
• core: add support for Form on form-elements (d6e5afe)
• ref: add form component utils (79d99b8)
• utils/number: add toDecimalFixed function (7812fa5)
• utils/other: add FrameQueue class (d45acf2)

v1.0.0-alpha.21

1.0.0-alpha.21 (2024-09-07)

Bug Fixes

• ref/tools: resolve ref and internal value mismatch (fb73db3)
• ref/use-local-storage: resolve object reactivity (efa69dc)
• ref/use-window-resize: update size on mount (5a53dcc)
• utils/css: sizes correct variable names (1d037bf)

Code Refactoring

• core/image: extract similar logic to a function (24bca55)

Features

• core/button: icon-button add support for component icon (95bbbaa)
• core/misc: hybrid-icon support custom var sizes (7a21ff7)
• ref/use-rect: use proxy (9e438c2)
• ref/use-toggle: support custom toggle values (9772bee)
• ref: add use-preferred-theme function (89f75e6)

Performance Improvements

• core/slider: prevent Array.find call per value label (97ceec9)

BREAKING CHANGES

• core/image: Remove support for blob on src prop
• ref/use-rect: Values cant be accessed anymore via value prop

Instead of accessing and validating via value prop, use ready instead
Before:

const rect = useRect(root)
// ... other code
if (rect.value) {
  root.value.style.width = rect.value.width + 'px'
}

After:

const rect = useRect(root)
// ... other code
if (rect.ready) {
  root.value.style.width = rect.width + 'px'
}

• ref/use-toggle: Removed support for 1 | 0 | 'off' | 'on' on the defaultValue field

Update the parameters if you use the previous implementation
Before:

const [ light, toggle ] = useToggle('on')
const [ binary, toggleBin ] = useToggle(0)

After:

const [ light, toggle ] = useToggle('on', 'off', 'on')
const [ binary, toggleBin ] = useToggle(0, 0, 1)

v1.0.0-alpha.20

1.0.0-alpha.20 (2024-09-03)

Bug Fixes

• core/image: resolve image display issues (97b82ba)
• core/list: fix lists update on sort (96043ea)
• core/list: fix swipe style glitches (4dc2d9b)
• core/list: resolve swipe registers on scroll (488a1a4)
• core/progress: fix indicator gaps (c4a056e)
• core/sheet: fix instant close issue (5440fc7)
• core/slider: correct pointer offsets (dd7f0cc)
• core/switch: use default-value if value and v-model is unset (d0286fd)
• core/text: floater prevent displaying when text is empty (acc1bce)
• utils/color-engine: fix tertiary color variables (cab388e)
• utils/css: create-style parse all values excluding undefined and null (0aca143)
• utils/ref: use-focus-lock prevent refocus on root content interact (2119ab4)
• utils/string: cases handle spaces commas and dashes properly (f73a4f3)

Code Refactoring

• move utils/ref to the top-level ref directory (f37e113)

Features

• core/list: add v-model support and refactor (845f2bc)
• core/misc: color-block auto adjust text color based on background (e308221)
• core: add $shades to ThemeObject.colors and move provider to outer scope (771a290)
• core: add Frame component (9ac0c8d)
• ref/use-drag: add properties scrolledX, scrolledY (c49651e)
• ref: add toProxy function (90c2a94)
• theme a links (469b1bb)
• utils/component-manager: add overwrite parameter to open (6fa56cc)
• utils/number: add removeExtraZeros function (ca48927)
• utils/object: add shallowMerge function (bb93318)
• utils/other: add ImagePalette class (3572b27)
• utils/ref: use-drag pass event to callback and add prevent option (814142c)

Performance Improvements

• utils/color-engine: use Map for shades (38ca918)

Reverts

• build: implement key value hashing for css properties (f00c3e6)

BREAKING CHANGES

• utils/other: Removed getDominantColor with the replacement
  of ImagePalette

Change all the usages of getDominantColor to use ImagePalette class, example

• Before:

  const color = getDominantColor(blob)

• After:

  const palette = await ImagePalette.from(blob)
  const color = palette.dominant

• The custom refs utils/ref to a new top-level ref directory.

Any import statements using @vue-material/core/utils/ref need to be updated. Example:

• Before: import { useFocusLock } from '@vue-material/core/utils/ref';
• After: import { useFocusLock } from '@vue-material/core/ref';

• core/list: Removed support for passing component props
  via items prop, use vue's provide and inject instead for data access

v1.0.0-alpha.19

1.0.0-alpha.19 (2024-08-30)

Bug Fixes

• core/loader: fix display issues (55fd6e4)
• core/slider: fix decimal handling (c0d0965)
• improve touch target area of slider handle (2c2f7ab)
• utils/ref: fix touch issues (068e4d6)

Features

• core/sheet: close on resize below 250px (e2bafc4)
• core: add Skeleton component (b180b5d)
• utils/event: add event listener options (48c570a)

Performance Improvements

• core/progress: consolidate computed values (e142330)
• utils/ref: use-drag prevent over-scroll on mobile (e1b6889)

BREAKING CHANGES

• core/progress: The md3 prop has been removed, the prop do nothing