@aqueralabs/nile-elements NPM

\

This webcomponent follows the open-wc recommendation.

Installation

npm i nile-elements

Usage

<script type="module">
  import 'nile-elements/nile-elements.js';
</script>

<nile-elements></nile-elements>

Linting and formatting

To scan the project for linting and formatting errors, run

npm run lint

To automatically fix linting and formatting errors, run

npm run format

Testing with Web Test Runner

To execute a single test run:

npm run test

To run the tests in colfaxactive watch mode run:

npm run test:watch

Demoing with Storybook

To run a local instance of Storybook for your component, run

npm run storybook

To build a production version of Storybook, run

npm run storybook:build

Tooling configs

For most of the tools, the configuration is in the package.json to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

Local Demo with `web-dev-server`

npm start

To run a local development server that serves the basic demo located in demo/index.html

Release Notes

In this section, you can find the updates for each release of nile-elements. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.

Version 0.1.1

Nile Code Editor - Property added placeholder, allowVariableInCustomSuggestion, customautosuggestions supports bracket by default
Nile Error Notification - color property converted to reactive property

Version 0.1.0

UPGRADE to LIT 3.0
Performance Improvements: Fine-Grained DOM Updates & Reactive Controllers
Nonce Support for CSP
Improved Reactive System
Enhanced Directives

Version 0.0.132

Nile Code Editor - State initiation fixed & option to pass custom expand icon added
Nile Error Notification - Color property fixed

Version 0.0.131

Nile Code Editor - Code Editor custom suggestions case insensitive issue fixed.
Nile Error Notification - Color property added

Version 0.0.130

Nile Select - Fixed color issues
Nile Dropdown - Added width sync feature

Version 0.0.129

Nile Tour - Improvements

Version 0.0.128

Nile Code Editor - Bracket support for top level autosuggestions feature fixes

Version 0.0.127

Nile Code Editor - Bracket support for autosuggestions feature fixes and updates

Version 0.0.126

Nile Code Editor - Bracket support for autosuggestions added ( use property suggestionBracketSupport), line numebers extension fixed

Version 0.0.125

Nile Tour- New component

Version 0.0.124

Nile Code Editor - Editor state performance optimization, Rerender on expand click fixed

Version 0.0.123

Nile Code Editor - Property added to control line numbers in multiline mode

Version 0.0.122

Nile Datepicker/Calendar - Issue nile-change event emitting twice fixed
Nile Form Help Text - Component and documentation updated
Event emitters changes reverted from version 0.0.120

Version 0.0.121

Nile Datepicker/Calendar - Relative calendar to absolute calender range mapping fixed, reset date from property binding
Nile Button - Issue fixed to use colored icon inside slots
Nile Popover - Property added preventOverlayClick

Version 0.0.120

Nile Slide Toggle - Option to apply label on left added, text color updated
Nile Datepicker/Calendar - Property added doubleClickUnselect, allowClear + documentation update
Nile Code Editor - Documentation avalable
Nile Event Emitters fixed ($event.stoppropogation() no longer needed)

Version 0.0.119

Nile Slide Toggle - Option to apply label on left added, text color updated
Nile Checkbox - Css fixes
Nile Link - href property added to act as proper link
Nile Calendar - Duration field validation added to accept only numbers
Dependency nile 0.3.50

Version 0.0.118

Nile Icon - Icons added: cost-analytics, rocket-02
Dependency nile 0.3.49

Version 0.0.117

Nile Icon - Icons updated: map, mapupdate, mapdont, mapcreate
Nile dialog - Title and content alignment fixed
Nile Link - Link states updated
Dependency nile 0.3.48

Version 0.0.116

Nile Stepper - Font styling issue fixed
Nile Autocomplete Documentation added

Version 0.0.115

Nile Icon - Updated analytics icon + icon documentation
Dependency nile 0.3.47

Version 0.0.114

Analytics icon added
Dependency nile 0.3.46

Version 0.0.113

Nile Event Emitters reverted
Dependency nile 0.3.45

Version 0.0.112

Nile Calendar - relative calendar not working fixed
Nile Highlighter - code optimization for single language imports
Nile Icon - Icon added insert-at-cursor, warning-01
Dependency nile 0.3.45

Version 0.0.111

Nile Popover - property duplicacy fixed
Nile Dialog - Title aligment issue fixed
Event bubbling fixed (event.stopPropogation() no longer needed)

Version 0.0.110

Nile Popover - Variable binding fixed
Nile Icon - Icon added paperclip
Nile Select - Old value emitted on clear click updated
Nile Calendar - Properties not binding properly fix
Nile Highlighter, Popover Documentation update
Dependency Nile 0.3.44

Version 0.0.109

Nile Highlighter - Code update to minimize language imports
Nile Calendar - Type selection not showing in certain condition fixed
Nile Icon - Icon added move-application
Nile Icon Documentation updated with all available icons

Version 0.0.108

Nile Code Editor - event updated nile-after-update
Nile Dialog - Error handeling for label or sublabel not present
Nile Calendar & Datepicker - property added hideTypes
Nile Icon - Icon manage-users renamed to admin-users, added done-02

Version 0.0.107

Nile Code Editor - json support added
Nile Tab - Default tab selection fixed
Nile Input - canSavePassword Property added

Version 0.0.106

Nile Icon - manage-users, bar-chart, my-integration, activity-logs, automation-details
Nile Button Toggle - Property added disableUserInput
Nile Dialog - Sublabel and Lable slot fixed

Version 0.0.105

Nile Tab Group - Initial selection when passed as value bugfix
Nile Chip - Tab selection fixed
Nile Dialog - Subtitle slot and property added

Version 0.0.104

Nile Tab Group - Disabled tab selection fixed
Nile Chip - Moving to next input when clicking on tab fixed
Nile Icon - Icon added nlp, column-02

Version 0.0.103

Nile Button Toggle - Initial state unselected bugfix
Nile Code Editor - Infinite event emitting bugfix

Version 0.0.102

Nile Tab Group - Active tab selection bugfix
Nile Code Editor - Initialize view function exposed

Version 0.0.101

Nile Tab Group - Tab active bugfix
Nile Button Group - Multiple button selection feature added
Nile Badge - Primary variant css fix

Version 0.0.100

Nile Tab Group - property provided to control tab switching via a variable + documentation update
Nile Datepicker - external property provided to show and hide datepicker
Nile Input - type password css fix
Nile Icon - icon added (code-generator, guide-01, npl, script)

Version 0.0.99

Nile Toolbar - css fixes
Nile Popover - relevant events added show, hide, init, destroy
Nile Table - header item content in center
Nile Select - height fix
Nile Icon - icon updated (schedule, notscheduled, every, logout)

Version 0.0.98

Nile Input - Autofill blue color fix, box-shadow removed for v1
Nile Popover - popover property exposed by name open
Nile Drawer - preventOverlayClose property added
Nile Toast - text overflowing from page bug fix

Version 0.0.97

Nile Calendar/Datepicker - bug fixes, refactored
Inline edit - basic layout update, css update
Nile Chip - add chip on clicking tab

Version 0.0.96

Icons AddOns
nile-code-editor: bug fixes
dependency: @aquera/nile@0.3.34

Version 0.0.95

Nile Select - Overlap event issue and selection on hidden options fixed

Version 0.0.94

nile-select - fixed selection bug

Version 0.0.93

nile-select - fixed outside selection bug
nile-menu - Added footer slot
nile-stepper - Fixed watcher property
dependency: @aquera/nile@0.3.33

Version 0.0.92

Code Highlighter shiki dependency issue fixed

Version 0.0.91

nile-section-message - new component
nile-highlighter - new component
nile-code-editor - overlapping and line number
nile-stepper - Enhancement of design
dependency: @aquera/nile@0.3.32

Version 0.0.90

nile-code-editor - sql support added
nile-toolbar - new component
nile-divider - fixed overlapping issue
dependency: @aquera/nile@0.3.31

Version 0.0.89

nile-code-editor - Scrollbar overlapping fixed in single line.

Version 0.0.88

nile-code-editor - Scrollbar overlapping fixed.

Version 0.0.87

nile-calendar - Fixed allowed dates issue.

Version 0.0.86

nile-title - New component (replacement for aq-title)

Version 0.0.85

Nile Accordion - New component
dependency: @aquera/nile@0.3.30

Version 0.0.84

Nile Calendar - Font styling fixed
Nile Menu - styling update for menu items
Nile Divider - New component
Nile Tab - Fixed error logs for element not found

Version 0.0.83

Nile Calendar - bug fix
Nile Icon - added mouse, printer, keyboard-01, headphones-01

Version 0.0.82

Nile Calendar - Design updated, allowed dates issue fixed
Nile Dialog - Hover issue fixed
Nile Menu - added custom search emit, Search positioning updated to sticky, Clearable added to search
Nile Tree - New component added
Nile Tab - Ui fixes, Console error fixed in no-track variant
Nile Icon - alert monitor filecheck icon added
Nile Table Header - Cursor update

Version 0.0.81

Added nile-split-panel component

Version 0.0.80

Nile Menu - search fixed
Nile Hero - exposed css part, height issue fixed
Nile Icon - icon added: union, intersection, left-join, right-join, flow-01, mapper

Version 0.0.79

Nile Select - Added emit for removing the tag from nile-select
dependency: @aquera/nile@0.3.26

Version 0.0.78

Nile calendar - Fixed: Removed Date Input Field for calendar
Nile Icon - Add new icons
dependency: @aquera/nile@0.3.26

Version 0.0.77

Nile calendar - Fixed: Hide Input on Allowed Dates
dependency: @aquera/nile@0.3.25

Version 0.0.76

Nile drawer - fixed cross icon hover issue
dependency: @aquera/nile@0.3.25

Version 0.0.75

Nile Checkbox - reverted facelift changes
Nile Calender - fixed days alignment issue in safari
Nile Card - fixed hover issue
dependency: @aquera/nile@0.3.25

Version 0.0.74

Nile input - Font size issue fixed
dependency: @aquera/nile@0.3.24

Version 0.0.73

Nile calendar - Now we can hide inputs
Nile checkbox - Alignment issue fixed
dependency: @aquera/nile@0.3.24

Version 0.0.72

Nile hero - icon, collapse bug fix
Nile icon - new icons added (trash-03, download-01, calendar-01, folder-01, workflow-01)
Nile card - hover effect added
Nile format date - date fixex
Nile dropdown - positioning left fixes
Nile documentation - all components documentation updated