Second beta release for v0.5.0

Note

This changelog contains all changes since v0.4.3.

Added

• Create .vkModal.
• Create .vkSlider.
• Add .styleScrollable for .vkHeader levels.
• Add .styleMini for .vkNotification.
• Add .styleGroup for Input containers.
• Implement again .vkScrolltop.
• Set an instable image support in .vkParagraph titles.
• Create .vkList with <dl>, <ul> and <ol> HTML tags.
• Create JavaScript storage functions to store data between 2 web page visits : vkStorageGet, vkStorageSet, vkStorageRemove.
• Support RTL languages (Right-To-Left direction languages such as Arabic or Hebrew).

Changed

• About vkClosest :

  • Practical JS function findElement has been renamed to vkClosest.
  • It returns only arrays now.
  • Warning ! This function is now deprecated, it will be replaced by native javascript function closest().

• Change system Notification key to type, and option key to style for Notification's buttons.

• Hardly lighten footer's CSS code and remove almost all specific components.

• .vkLogotype become a global component, not only for Header.

• Hardly lighten Licensing and change features.

• Lighten HTML structure with some light visual changes to .vkPopupGlobalpanel.

• Rename .vkList to .vkGroup due to conflicting names with the new list component.

• Completely rewrite SearchService :

  • All new visual design.
  • Now really usable for all desires, even out of .vkHeader and without panel, with multiples search instance on the same page.
  • Implement an efficient filter function named ssFilter.
  • Set up submit action for .vkInputSubmit, add as replacement .ssTrigger for .vkHeader .ssBar.

• Replace .optionMobileonly and .optionDesktoponly with .optionHideOnDesktop .optionHideOnTablet and .optionHideOnPhone for .vkHeader.

• Add the ability to use .vkCarousel in .vkStructureBodyContent in addition to next to .vkHeader.

• Add controls arrows to .vkCarousel in addition to sliding on a touchscreen.

• Add danger, warning, success, and info color themes to .vkButton.

• The color theme status cookie is checked before the system preferences at startup, plus its lifetime has been set to 2 hours for better startup color theme choice.

• Rewrite input stylesheet.

• Rewrite Squarelink :

  • Change HTML structure.
  • More flexible visual possibilities.
  • Add .styleFilled and .styleNavigator (to transpose former interface).

• Rewrite .vkCard :

  • Almost rationalize the operation of Cards.
  • Hardly lighten HTML and CSS code of Cards.
  • Remove container feat.
  • Remove .vkCard.optionStandard and .vkCard.optionContrast.
  • New operation largely inspired by Bootstrap.
  • Largely rebuilt overlay style.
  • Add .vkCardHighlight.

• Import Tabler icons with node_modules, unpkg and jsdelivr ; according to the availability of each of these ways. We use unpkg due to avoid domain blockage in Egypt and China.

• Remove !important from CSS code and use @layer for better inheritance management with minor visual changes.

• Set up a better responsive that better integrates tablets.

• Port CSS code to SCSS :

  • SASS feats are used in a limited part of the code (boxes, buttons and colors for now).
  • Create color function, iconSize mixin and iconSelector global variable.

• Change all variables, component classes and option classes structure ! You need to update classes in your projects to restore ATUI's operation.

• Change vkStructureBody and vkStructureSection from id to class.

• Replace .vkBox.styleAlert to .vkBox.styleDanger.

• Set style for .vkBox hr.

• Largely rework MediasPlayer :

  • JS function stopAllMedia() is renamed to mpStop().
  • Update options for mpAssign. Audio and video have the same options now.
  • Merge music title and author.
  • Change some media info classes.
  • Create .mpHeader, mostly for VideoPlayer title.
  • Improve a lot the stability as well as possible by working on manage every case and catch every bug.
  • Error boxes are clearer and better called.
  • Add mouse interaction over media surface.
  • Add dynamic opacity for dashboard in .mpVideo.styleOverlay.
  • An initialization function now calls a clear function for each feature. Function code has been rearranged in the call sequence.
  • Polish the interfaces.
  • Makes efforts to lighten HTML/CSS code.

• Abandon failing Netlify and switch deployment to working Vercel.

• Drop .vkLoader, and replace it by .vkLoaderRing, .vkLoaderWobble, .vkLoaderWave, .vkLoaderPulse, .vkLoaderSpinner and .vkLoaderRace with rich customization capabilities.

• Update ATUI demonstration URL to atui.vercel.app !

• Slightly change border radius and blur global CSS variables.

Fixed

• Webpage's min-height follows now the dynamic height of the viewport to prevent issues on floating panels in phones' web browsers.
• Fix an alignment bug in .vkGrid.
• Husky now indexes every pending file before committing.
• Fix several CSS bugs noticeable in Webkit-based browsers like Safari and Epiphany (aka Gnome Web).

Removed

• The ability to assign and play media with HTML attributes has been removed due to JSON incompatibility. From now on, you can only do this with JavaScript function calls.
• Remove all Contacts components. These components have been replaced with common buttons and inputs.
• Remove all form and fieldset containers' CSS properties for free use.
• Remove useless and orphan pictures in patch/illustrations for lighting package size.
• Removing licensing header in source code files.