web-ui-pack - npm Package Versions

1.2.1 (Sep 24, 2024)

New Features

• NotifyElement demo - EXPERIMENTAL (not test-covered yet)

Fixes & Improvements

• Form
  • Added skip-validation (by default) for readonly/disabled/hidden controls. BREAKING: changed enum SubmitActions & FormElement.$defaults.submitActions
• SelectManyControl. Fixed behavior for sorting (drag/drop) when item moved between lines
• PopupElement.
  • Reduced opacity for tooltip background 0.8 => 0.9
  • Fixed Typescript shows error on children inside wup-popup
• CircleElement
  • Set minWidth: 100px & minHeight: 50px to avoid init size 0 for some cases
  • Add defined color for tooltip function item.tooltip = (itemResult, popup) => console.warn(itemResult.color)
  • Handled case with custom label: so <wup-circle><strong>Custom label</strong></wup-circle> works in a proper way now
  • Extended default colors to 8 items
  • Added auto definition for half-size (radar-charts without whole circle) based on $options.from & $options.to
• helpers
  • isIntoView, findScrollParentAll, findScrollParent. Fixed calling helpers triggers scroll events
  • onScroll. Added event to option skip: { skip?: (ev: WheelEvent | TouchEvent, isTouchAction: boolean) => boolean; }

1.1.0 (Jan 18, 2024)

New Features

• BREAKING. Controls. Renamed valueToUrl/valueFromUrl to valueToStorage/valueFromStorage
• Combobox controls (Select, SelectMany, Date, Time). Added method .renderPopup() to have ability to override popup options
• SelectControl. SelectManyControl. RadioControl.
  • Allowed to use mixed types in $options.items. Improved JSDoc (added example)
  • Allowed to prevent closing menu via ev.preventDefault => $options.items = [{value: 1, text: (v, li) => {... li.onclick = (e) => e.preventDefault();... } }]
  • Allowed to use complex values with saving to storage (refactored methods valueToStorage/valueFromStorage)

Fixes

• HTML. Fixed intellisense (html.json was missed in the package)
• Styles. Textbased controls. Added opacity: 1 for button[clear]/prefix/postfix as fix when controls in a flex-row and it resizes on hover
• Combobox controls (Select, SelectMany, Date, Time). Memory leak: menu is closed but not removed when click on body outside control

1.0.4 (Dec 29, 2023)

New Features

• WUPTimeObject. Add init by date to constructor
• DateControl. Add sync with TimeControl (value, min, max)

1.0.3 (Dec 9, 2023)

New Features

• Helpers. Deprecate mathSumFloat in favor of mathFixFP
• Styles.
  • Moved all icons to single ./styles.ts const WUPcssIconSet to allow re-use it
  • Added init root styles on script run (to allow re-use css variables before any WUP component is appended)
• Modal
  • Allow to prevent auto closing via form.$onSubmitEnd = (e) => e.preventDefault()
  • Allow to prevent auto closing via form.$onSubmit = (e) => e.preventDefault()
• Controls. Added css-animation for box-shadow/borders
• RadioControl. Added comparison by item.id to allow use cloned items/value
• NumberControl. New options scale & offset
• Form
  • Added form.$validate(...) for manual triggering validations
  • Changed spinner to custom friendly looked

Fixes

• Global. Custom event callbacks like $onChange(e) have e.target: null
• Controls
  • Wrong TS-type on $onChange() callback
• Form
  • Focus lost on pending (because every active element is disabled). Refactored pending state: elements changes to readonly + applied css-style [busy] + added attribute aria-busy to form
  • Possible to submit by Enter key in pending state
• ModalElement. button[close] is overlayed by header

1.0.2 (Nov 21, 2023)

New Features

• Global
  • Added Preact tsx/jsx support
• Controls
  • Added text-align: start by default to avoid unexpected inheritance
  • RadioControl. Added attribute [checked] to re-style whole item

1.0.1 (Nov 17, 2023)

Fixes

• ModalElement. Wrong behavior on confirmModal + replace: true + click outside on previous/hidden modal
• PopupElement. Popup blinks on fast open+close
• Controls
  • Missed css-var --base-margin
  • Missed style flex: 1 for switch/checkbox controls

1.0.0 (Nov 13, 2023)

New Features

• ModalElement demo
• Global
  • Added multi language support: override window.__wupln (to dynamic change) or global __wupln during the compilation (for static change)
  • Added css variable --base-margin to unify margins for all elements
  • Added support HTML intellisense for WebStorm (no action required from developer/user side)
• helper focusFirst. Added option isFocusLast & static querySelector (possible to get from focusFirst.$selector)
• FormElement
  • Increased height of button[type=submit]
  • Added callback $onSubmitEnd & event $submitEnd
  • Added public method $submit() for manual calling
  • Web Accessibility: auto-tie with closest heading via aria-labelledby
• Text based controls
  • Added css variable --ctrl-label-active-pos to simplify customization of label position
• SelectControl. SelectManyControl. Improved handling promise rejection in $options.items
• SelectManyControl. Added scrolling style & restricted max-height by default

Fixes

• helper findScrollParent. Returns parent despite on parent.child with position-fixed
• helper promiseWait. Throws error twice instead of 1 time
• PopupElement. Popup hidden if target inside content with position: fixed and target.parent.parent is scrollable
• DropdownElement. Target button is overflowed by menu in animation-stack
• PasswordControl. Input height is changed on button[eye] click
• Text based controls
  • Sometimes weird blink & poor render during the animation on focus
  • Button clear changes control size on hover if parent is flexbox
• SelectControl. SelectManyControl. storageKey + items as Promise don't work together
• CircleElement. Update options/items colors triggers animated re-render with blink

BREAKING CHANGES

• Global.

  • Added static .$use(). Call it before using element: WUPTextControl.$use() (self-registration by import works now and will be removed in the future)

  • Renamed css-vars:

    • --ctrl-select-menu-hover >>> --menu-hover-bg
    • --anim-time >>> --anim-t
    • --popup >>> popup-text
    • --popup-anim >>> popup-anim-t
    • --tooltip >>> tooltip-text
    • --spin-speed >>> spin-t
    • --btn-submit >>> --btn-submit-text
    • --ctrl >>> --ctrl-text
    • --ctrl-clr-width >>> --ctrl-clr-w
    • --ctrl-select-item >>> --ctrl-select-item-text
    • --ctrl-time-off >>> --ctrl-time-off-text
    • --ctrl-select-menu-hover >>> --menu-hover-bg

  • Refactored & unified custom events. Now every event contains detail as object: e.detail = { ... }

• PopupElement

  • z-index is changed from 90000 to 8000
  • Renamed show/hide to open/close (the same for DropdownElement):
    • enum ShowCases >>> PopupShowCases
    • enum HideCases >>> PopupHideCases
    • option showCase >>> openCase
    • method $show() >>> $open()
    • method $hide() >>> $close()
    • state-prop $isShown >>> $isOpened
    • event $onShown >>> $onOpened
    • etc.
  • Refactored/normalized enum PopupShowCases

• Combobox controls (Select, SelectMany, Date, Time)

  • Renamed show/hide to open/close:
    • enum ShowCases >>> MenuShowCases
    • enum HideCases >>> MenuHideCases
    • event $showMenu >>> $openMenu
    • event $hideMenu >>> $closeMenu etc.

0.10.2 (Oct 11, 2023)

Fixes:

• SelectControl. SelectManyControl. Error message in console if $options.items = new Promise & $initValue = ...

0.10.1 (Oct 10, 2023)

BREAKING CHANGES:

• Controls. Renamed some css-vars (this is last big breaking change)
• FormElement. Option autoSave renamed to autoStore

Fixes:

• TypeScript. Updated CustomEvents $onWillShow, $onWillHide, $onChange
• Text based controls
  • Label doesn't go to top on browser autofill
  • Value missed & undo/redo failed on browser autofill
• SelectManyControl
  • Showing button[clear] on hover changes height
  • Focus sometimes is wrong when user removes item & reverts changes via click on button[clear=back]

New/Features:

• Added built-in colors for darkMode. Append attr [wupdark] to body to use it. Don't forget to define general text & background colors yourself

0.9.1 (Sep 28, 2023)

BREAKING CHANGES:

• Internals (Note: Skip this if you haven't created custom Elements inherited from WUP...)
  • Added auto-mapping between attributes <=> options based on key-values in $defaults
  • TypeScript. Removed interface Defaults. Merged with interface Options and now contains all fields as required
  • Now removing attributes/options always rollbacks to value defined in $defaults
  • Method getAttr changed to parseAttr
• Global
  • All attributes refactored and starts with w-... (attrs [readonly] & [disabled] without changes)
  • Style rules changed from [reverse] to [w-reverse] for RadioControl, SwitchControl, CheckControl & PasswordControl
• Controls
  • Option skey renamed to storageKey
  • Option storageKey changes $value instead of $initValue and now triggers $onChange event on init (added enum-key SetValueReasons.storage)
  • Removed css maxHeight for [error] popup
  • Changing $initValue isn't fired $onChange event anymore
• CircleElement. Renamed option minsize to minSize
• SpinElement
  • Defaults fit & overflowTarget = auto (was null)
  • Attribute w-overflowtarget expects auto or querySelector string (previously expected global-ref window.someObj)

Fixes:

• TypeScript
  • Updated version & types
  • Refactored & fixed some types
• helper observer. excludeNested doesn't exclude when re-assign nested properties
• RadioControl. autoFocus makes focused 1st but not active input when form.$options.autoFocus=true
• SelectControl. Wrong error Not found in items when re-assign items & initValue after a time
• SelectManyControl
  • Wrong error Not found in items when re-assign items & initValue after a time
  • Removing item from value affects on $initValue
  • $isChanged is wrong if user removed then added same value
• DateControl
  • Validations min, max, exclude don't exclude time in comparison
  • Validations messages min & max isn't formatted according to utc
  • Error message doesn't appear for invalid input by pressing Enter
  • Validation _parse doesn't work when added extra char and another char auto-removed (shifted & removed)
  • History undo works wrong is select all + type new + Ctrl-Z
• TimeControl
  • Validation _parse doesn't work when added extra char and another char auto-removed (shifted & removed)
  • Error message doesn't appear for invalid input by pressing Enter
• CalendarControl. Removed useless background for button month in the header

New/Features:

• Global. Added support HTML intellisense in VSCode: follow instructions to use this
• Controls
  • button[clear] not hidden anymore for required controls (user must have ability to clear all at once & put new text). To rollback it use css-rule wup-text[required] button[clear] { display: none; }
  • button[clear] visible only on focus & hover. To rollback it use css wup-text button[clear] { display: block!important; }
  • updated hover & focus styles
• Combobox controls (Select, Date, Time)
  • Now menu is hidden by default when autoFocus enabled. To revert to previous behavior use WUPSelectControl.$defaults.showCase |= ShowCases.onFocusAuto
• SelectControl.SelectManyControl.
  • Added validationRules minCount & maxCount
  • Updated hover style for menu items. User css-var --ctrl-select-menu-hover to change