Socket
Socket
Sign inDemoInstall

@vrembem/drawer

Package Overview
Dependencies
2
Maintainers
1
Versions
93
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install
Previous1245
10Next

3.0.8

Diff

Changelog

Source

v3.0.8 (2022-05-01)

:house: Refactor

  • core, drawer, modal
    • #895 Remove the use of proxies in favor of modules
sebnitu
published 3.0.7 •

Changelog

Source

v3.0.7 (2022-04-28)

:hammer: Chore

  • core
    • #894 Remove console log
sebnitu
published 3.0.6 •

Changelog

Source

v3.0.6 (2022-04-28)

:bug: Bug Fix

  • core, drawer
    • #893 Fix support for proxy polyfill and available traps
sebnitu
published 3.0.5 •

Changelog

Source

v3.0.5 (2022-04-22)

:house: Refactor

  • base, card, core, dialog, drawer, modal, notice, popover, table, utility
    • #890 Refactor core module, theme variables and removal of unused functions and mixins
  • popover
    • #888 Refactor custom properties output in popover component

:books: Documentation

  • drawer, grid, input, modal, popover, utility
    • #889 Update example templates
sebnitu
published 3.0.3 •

Changelog

Source

v3.0.3 (2022-04-21)

:bug: Bug Fix

  • drawer
    • #884 Fix drawer class variables default

:house: Refactor

  • core, drawer, popover, vrembem
    • #883 Update custom property output methodology

:books: Documentation

  • #885 Update docs css dir to scss
sebnitu
published 3.0.2 •

Changelog

Source

v3.0.2 (2022-04-21)

:house: Refactor

  • checkbox, core, drawer, modal, popover
    • #881 Rename css directories to scss

:hammer: Chore

  • #882 Run build on push to main branch
sebnitu
published 3.0.1 •

Changelog

Source

v3.0.1 (2022-04-21)

:bug: Bug Fix

  • core, drawer, popover
    • #880 Trim custom property values and create getPrefix module
sebnitu
published 3.0.0 •

Changelog

Source

v3.0.0 (2022-04-06)

:tada: New Feature

  • core, drawer, modal, popover
    • #866 Refactor and improve the drawer JS module
      • Better alignment of drawer component with the BEM methodology. Specifically in regards to required structure elements who's naming implies them being elements of the drawer block, they're now their own class definitions. These classes can now also be customized using the $class-frame and $class-main variables.
      • Breakpoint has been refactored and made into a core module. This module creates and tracks a media query list object and runs a passed handler anytime the match property changes.
      • FocusTrap has been refactored and has a more coherent API. This module creates and handles focus trap implementations.
      • You can now pass custom configurations to a specific drawer using the data-drawer-config data attribute. Takes a JSON object as its value.
      • Drawer local storage feature has been refactored and now uses the new localStore module which handles creating and updating a localStorage object using a proxy that is tracked as a global drawer property.
      • Refactored and now shared updateGlobalState module that handles setting overflow and inert states.
      • Styles for drawers have been updated to now slide in from the left by default. To switch positioning to the right of the viewport, apply the drawer_switch modifier. This replaced the use of drawer_pos_[key] modifiers. Non-positioned drawers are no longer supported.
      • Added support for multi-attribute triggers with space separated ID lists as the value. This allows for better management of multi-drawer apps/websites that open from the same side.
      • Better handling of initial state of drawers.
      • Better handling of focus management. Each drawer trigger is now tracked on a per-drawer basis.
      • Drawer mode is now handled using the collection entry API entry.mode property to more easily track and switch drawer modes between 'inline' and 'modal'.

:fire: Breaking Changes

  • core, drawer, modal, popover
    • #866 Refactor and improve the drawer JS module
      • Class changes
        • drawer__wrapper => drawer-frame
        • drawer__main => drawer-main
        • drawer_pos_left => deprecated: Drawers are now positioned left by default.
        • drawer_pos_right => drawer_switch
      • CSS variable changes
        • $wrapper-height: 100%; => $frame-height: 100vh;
      • Option changes
        • dataDrawer => selectorDrawer: Takes a valid CSS selector string.
        • dataDialog => selectorDialog: Takes a valid CSS selector string.
        • dataFocus => selectorFocus: Takes a valid CSS selector string (defaults to[data-focus]).
        • stateSave => store
        • stateKey => storeKey: Default value has been changed from 'DrawerState' => 'VB:DrawerState'
      • API changes
        • setTabindex() => deprecated. Tabindex is now managed on drawer registration.
        • stateSet() => deprecated
        • stateSave() => deprecated
        • stateClear() => deprecated
        • switchToDefault() => deprecated
        • switchToModal() => deprecated
      • Events
        • drawer:toDefault and drawer:toModal events have been deprecated in favor of drawer:switchMode which is emitted whenever a drawer's mode changes. To check the mode state, use event.target and check for the drawer_modal class, or get the collection entry and check entry.mode property for current state.
<!-- v2.0.0 -->
sebnitu
published 2.0.0 •

Changelog

Source

v2.0.0 (2022-03-17)

:tada: New Feature

  • core, drawer, modal, popover
    • #853 Refactor and improve the modal JS module
      • Modal stacking: multiple modals can now be open at the same time. Use data-modal-replace trigger or modal.replace() method for support of close to open functionality between modals.
      • Teleport: moveModal has been removed in favor of a teleport and teleportReturn API that are now attached to each collection entries modal object.
      • Better handling of accessibility attributes for modals (role and aria-modal).
      • Better handling of modal specific configurations.
      • Better handling of modal initial and document global states.

:fire: Breaking Changes

  • core, drawer, modal, popover
    • #853 Refactor and improve the modal JS module
      • Modals now require an id attribute instead of the data-modal data attribute. The dialog data attribute data-modal-dialog has also been deprecated and is no longer required.
      • Option changes
        • moveModals.ref => teleport: Takes a valid CSS selector string.
        • moveModals.type => teleportMethod: Method options include 'after', 'before', 'append' and 'prepend'.
        • dataModal => selectorModal: Takes a valid CSS selector string.
        • dataDialog => selectorDialog: Takes a valid CSS selector string.
        • dataRequired => selectorRequired: Takes a valid CSS selector string.
        • dataFocus => selectorFocus: Takes a valid CSS selector string (defaults to[data-focus]).
<!-- v1.0.0 -->
sebnitu
published 1.41.0 •

Changelog

Source

v1.41.0 (2022-02-25)

:tada: New Feature

  • popover
    • #838 Further refactor Popover JS module and improve a11y

:hammer: Chore

  • #849 Add lint, test and coveralls to deploy workflow
  • #845 Refactor gh-actions and add new deploy flow
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc