@aquera/nile-elements 0.0.98 → 0.0.100

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.98",
+  "version": "0.0.100",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-calendar/nile-calendar.ts

@@ -45,7 +45,7 @@ export class NileCalendar extends NileElement {
 
   @property({ type: Boolean }) range = false;
 
-  @property({ type: String }) type = 'absolute';
+  @property({ type: String, reflect: true }) type :'absolute' | 'relative' = 'absolute';
 
   @property({ type: String }) selectedUnit: string;
 
@@ -157,7 +157,7 @@ export class NileCalendar extends NileElement {
       >
         <div class="calendar-config ${!this.range ? 'hidden' : ''}">
           <div class="calendar-switcher">
-            <nile-tab-group centered @nile-tab-show="${this.onTypeChange}">
+            <nile-tab-group centered @nile-tab-show="${this.onTypeChange}" value="${this.type}">
               <nile-tab slot="nav" panel="absolute">Absolute</nile-tab>
               <nile-tab slot="nav" panel="relative">Relative</nile-tab>
             </nile-tab-group>
@@ -759,6 +759,7 @@ export class NileCalendar extends NileElement {
 
   onTypeChange(event: CustomEvent) {
     this.type = event.detail.value;
+    this.emit('nile-type-change', { value: this.type })
   }
   getUTCDate(dateStr:any){
    return  new Date(

package/src/nile-date-picker/nile-date-picker.ts

@@ -35,8 +35,11 @@ export class NileDatePicker extends NileElement {
 
   @property({ type: Boolean }) range = false;
 
-  @property({ type: Boolean, attribute: 'hide-time-zone' }) hideTimeZone =
-    false;
+  @property({ type: Boolean }) open = false;
+
+  @property({ type: Boolean, attribute: 'hide-time-zone' }) hideTimeZone = false;
+
+  @property({ type: String, reflect: true }) type :'absolute' | 'relative' = 'absolute';
 
   @property({ type: Boolean, attribute: 'showManualInputs' })
   showManualInputs = false;
@@ -55,9 +58,10 @@ export class NileDatePicker extends NileElement {
    */
   render(): TemplateResult {
     return html`
-      <nile-dropdown part="dd-base" .hoist="${true}" distance="6" exportparts="base">
+      <nile-dropdown .open="${this.open}" part="dd-base" .hoist="${true}" distance="6" exportparts="base">
         <slot slot="trigger" part="trigger" name="trigger"></slot>
         <nile-calendar
+        	.type="${this.type}"
           value="${this.value}"
           .range="${this.range}"
           @nile-init="${(e:CustomEvent)=>e.stopPropagation()}"

package/src/nile-icon/icons/svg/code-generator.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTE1MzJfMjIxMzkpIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1Ljc5NDEgOC4xMDI5M0wxMS45NjQ3IDYuODI2NDZDMTAuNjQ2OSA2LjM4NzE3IDkuNjEyNzggNS4zNTMwNCA5LjE3MzQ5IDQuMDM1MTlMNy44OTcwNSAwLjIwNTg2OEw2LjYyMDYyIDQuMDM1MThDNi4xODEzMyA1LjM1MzA0IDUuMTQ3MjEgNi4zODcxNyAzLjgyOTM2IDYuODI2NDZMMCA4LjEwMjkzTDMuODI5MyA5LjM3OTMzQzUuMTQ3MTkgOS44MTg2MSA2LjE4MTMzIDEwLjg1MjggNi42MjA2MiAxMi4xNzA2TDcuODk3MDUgMTZMOS4xNzM0OCAxMi4xNzA2QzkuNjEyNzcgMTAuODUyOCAxMC42NDY5IDkuODE4NjEgMTEuOTY0OCA5LjM3OTMzTDE1Ljc5NDEgOC4xMDI5M1pNMTIuMzA1IDguMTAyOTFMMTEuNjE1OCA3Ljg3MzE5QzkuOTY4NTIgNy4zMjQwNyA4LjY3NTg3IDYuMDMxNDIgOC4xMjY3NiA0LjM4NDFMNy44OTcwNSAzLjY5NDk3TDcuNjY3MzUgNC4zODQxQzcuMTE4MjQgNi4wMzE0MiA1LjgyNTU5IDcuMzI0MDcgNC4xNzgyNyA3Ljg3MzE5TDMuNDg5MTIgOC4xMDI5MUw0LjE3ODIgOC4zMzI2QzUuODI1NTYgOC44ODE3IDcuMTE4MjQgMTAuMTc0NCA3LjY2NzM1IDExLjgyMTdMNy44OTcwNSAxMi41MTA5TDguMTI2NzUgMTEuODIxN0M4LjY3NTg2IDEwLjE3NDQgOS45Njg1NSA4Ljg4MTcgMTEuNjE1OSA4LjMzMjZMMTIuMzA1IDguMTAyOTFaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMy44MjIzIDBMMTQuMDE3OCAwLjU4NjUzOUMxNC4yMzc1IDEuMjQ1NDcgMTQuNzU0NSAxLjc2MjUzIDE1LjQxMzQgMS45ODIxOEwxNiAyLjE3NzdMMTUuNDEzNSAyLjM3MzJDMTQuNzU0NSAyLjU5Mjg0IDE0LjIzNzUgMy4xMDk5MSAxNC4wMTc4IDMuNzY4ODZMMTMuODIyMyA0LjM1NTM5TDEzLjYyNjggMy43Njg4NkMxMy40MDcyIDMuMTA5OTEgMTIuODkwMSAyLjU5Mjg0IDEyLjIzMTEgMi4zNzMyTDExLjY0NDYgMi4xNzc3TDEyLjIzMTIgMS45ODIxOEMxMi44OTAxIDEuNzYyNTMgMTMuNDA3MiAxLjI0NTQ3IDEzLjYyNjggMC41ODY1MzhMMTMuODIyMyAwWiIgZmlsbD0iYmxhY2siLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF8xMTUzMl8yMjEzOSI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/every.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTgsLjVBNy41LDcuNSwwLDEsMCwxNS41LDgsNy41MSw3LjUxLDAsMCwwLDgsLjVabTAsMTRBNi41LDYuNSwwLDEsMSwxNC41LDgsNi41MSw2LjUxLDAsMCwxLDgsMTQuNVoiLz48cG9seWdvbiBwb2ludHM9IjguNSA0IDcuNSA0IDcuNSA4LjIxIDEwLjY1IDExLjM1IDExLjM1IDEwLjY1IDguNSA3Ljc5IDguNSA0Ii8+PC9zdmc+";
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuMTExMDEgMi4xNzk3MUM1LjI2MjE1IDEuNDEwNTQgNi42MTU1MyAxIDggMUM5Ljg1NTc2IDEuMDAyNDcgMTEuNjM0OCAxLjc0MDc2IDEyLjk0NyAzLjA1Mjk4QzE0LjI1OTIgNC4zNjUyIDE0Ljk5NzUgNi4xNDQyNCAxNSA4QzE1IDkuMzg0NDcgMTQuNTg5NSAxMC43Mzc4IDEzLjgyMDMgMTEuODg5QzEzLjA1MTEgMTMuMDQwMSAxMS45NTc5IDEzLjkzNzMgMTAuNjc4OCAxNC40NjcyQzkuMzk5NyAxNC45OTcgNy45OTIyNCAxNS4xMzU2IDYuNjM0MzcgMTQuODY1NUM1LjI3NjUgMTQuNTk1NCA0LjAyOTIyIDEzLjkyODcgMy4wNTAyNiAxMi45NDk3QzIuMDcxMjkgMTEuOTcwOCAxLjQwNDYgMTAuNzIzNSAxLjEzNDUxIDkuMzY1NjNDMC44NjQ0MSA4LjAwNzc2IDEuMDAzMDMgNi42MDAzIDEuNTMyODUgNS4zMjEyMkMyLjA2MjY2IDQuMDQyMTMgMi45NTk4NyAyLjk0ODg4IDQuMTExMDEgMi4xNzk3MVpNNC42Mjk1NCAxMy4wNDQyQzUuNjI3MiAxMy43MTA5IDYuODAwMTMgMTQuMDY2NyA4IDE0LjA2NjdDOS42MDgyMiAxNC4wNjQyIDExLjE0OTkgMTMuNDI0MiAxMi4yODcxIDEyLjI4NzFDMTMuNDI0MiAxMS4xNDk5IDE0LjA2NDIgOS42MDgyMiAxNC4wNjY3IDhDMTQuMDY2NyA2LjgwMDEzIDEzLjcxMDkgNS42MjcyIDEzLjA0NDIgNC42Mjk1NEMxMi4zNzc2IDMuNjMxODggMTEuNDMwMiAyLjg1NDMgMTAuMzIxNiAyLjM5NTEzQzkuMjEzMDggMS45MzU5NiA3Ljk5MzI3IDEuODE1ODIgNi44MTY0NSAyLjA0OTlDNS42Mzk2NCAyLjI4Mzk5IDQuNTU4NjYgMi44NjE3OCAzLjcxMDIyIDMuNzEwMjJDMi44NjE3OCA0LjU1ODY2IDIuMjgzOTkgNS42Mzk2MyAyLjA0OTkxIDYuODE2NDVDMS44MTU4MiA3Ljk5MzI3IDEuOTM1OTYgOS4yMTMwNyAyLjM5NTEzIDEwLjMyMTZDMi44NTQzMSAxMS40MzAxIDMuNjMxODggMTIuMzc3NiA0LjYyOTU0IDEzLjA0NDJaTTcgNC41SDhWOC4yOUwxMC44NSAxMS4xNUwxMC4xNSAxMS44NUw3IDguNzFWNC41WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/guide-01.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNSAxMi41QzIuOTQ3NzIgMTIuNSAyLjUgMTIuOTQ3NyAyLjUgMTMuNUMyLjUgMTQuMDUyMyAyLjk0NzcyIDE0LjUgMy41IDE0LjVIMTMuNVYxMi41SDMuNVpNMS41IDEzLjVDMS41IDEyLjM5NTQgMi4zOTU0MyAxMS41IDMuNSAxMS41SDE0LjVWMTUuNUgzLjVDMi4zOTU0MyAxNS41IDEuNSAxNC42MDQ2IDEuNSAxMy41WiIgZmlsbD0iYmxhY2siLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNSAzQzEuNSAxLjYxOTI5IDIuNjE5MjkgMC41IDQgMC41SDE0LjVWMTIuNUgxMy41VjEuNUg0QzMuMTcxNTcgMS41IDIuNSAyLjE3MTU3IDIuNSAzVjEzLjVIMS41VjNaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik03LjU5MyA4LjExVjcuNjk2QzcuNTkzIDcuMDMgNy43NDYgNi42MDcgOC4xNiA2LjMwMUw4LjU3NCA1Ljk5NUM4Ljg5OCA1Ljc2MSA5LjExNCA1LjU5IDkuMTE0IDUuMjNDOS4xMTQgNC44MTYgOC43NzIgNC41NjQgOC4yNDEgNC41NjRDNy42NzQgNC41NjQgNy4zNSA0LjgyNSA3LjM1IDUuMzQ3VjUuNTU0SDYuMjI1VjUuMzI5QzYuMjI1IDQuMTIzIDcuMDcxIDMuNTc0IDguMjY4IDMuNTc0QzkuNDkyIDMuNTc0IDEwLjMzOCA0LjIzMSAxMC4zMzggNS4yM0MxMC4zMzggNS44NTEgMTAuMDY4IDYuMjQ3IDkuNjM2IDYuNTYyTDkuMTc3IDYuODk1QzguODM1IDcuMTQ3IDguNjgyIDcuMzA5IDguNjgyIDcuODQ5VjguMTFINy41OTNaTTcuNDU4IDkuMzdDNy40NTggOC45NTYgNy43MzcgOC42NjggOC4xNiA4LjY2OEM4LjU4MyA4LjY2OCA4Ljg2MiA4Ljk1NiA4Ljg2MiA5LjM3QzguODYyIDkuNzg0IDguNTgzIDEwLjA3MiA4LjE2IDEwLjA3MkM3LjczNyAxMC4wNzIgNy40NTggOS43ODQgNy40NTggOS4zN1oiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/index.ts

@@ -77,6 +77,7 @@ export { default as clockrewind } from './clock-rewind';
 export { default as clock } from './clock';
 export { default as close } from './close';
 export { default as cloud01 } from './cloud-01';
+export { default as codegenerator } from './code-generator';
 export { default as collapse1 } from './collapse-1';
 export { default as collapse } from './collapse';
 export { default as color } from './color';
@@ -237,6 +238,7 @@ export { default as groupanalysisicon } from './group-analysis-icon';
 export { default as group } from './group';
 export { default as groupby } from './groupby';
 export { default as groups } from './groups';
+export { default as guide01 } from './guide-01';
 export { default as guide } from './guide';
 export { default as handtool } from './handtool';
 export { default as headeractions } from './header-actions';
@@ -328,6 +330,7 @@ export { default as notification } from './notification';
 export { default as notificationadd } from './notificationadd';
 export { default as notificationadded } from './notificationadded';
 export { default as notscheduled } from './notscheduled';
+export { default as npl } from './npl';
 export { default as null } from './null';
 export { default as number } from './number';
 export { default as numberinput } from './numberinput';

package/src/nile-icon/icons/svg/logout.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNMjAsMC42QzkuMywwLjYsMC42LDkuMywwLjYsMjBTOS4zLDM5LjQsMjAsMzkuNFMzOS40LDMwLjcsMzkuNCwyMFMzMC43LDAuNiwyMCwwLjZ6IE0yMCwzNy45CQljLTkuOSwwLTE3LjktOC0xNy45LTE3LjlTMTAuMSwyLjEsMjAsMi4xczE3LjksOCwxNy45LDE3LjlTMjkuOSwzNy45LDIwLDM3Ljl6Ii8+PHBvbHlnb24gIHBvaW50cz0iMTMuMiwxMy4yIDE5LDEzLjIgMTksMTEuNyAxMS43LDExLjcgMTEuNywyOC4zIDE5LDI4LjMgMTksMjYuOCAxMy4yLDI2LjggCSIvPjxwb2x5Z29uICBwb2ludHM9IjIzLjMsMTUuMiAyNy40LDE5LjMgMTYuMiwxOS4zIDE2LjIsMjAuOCAyNy40LDIwLjggMjMuMywyNC44IDI0LjQsMjUuOCAzMC4zLDIwIDI0LjQsMTQuMiAJIi8+PC9nPjwvc3ZnPg==";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc4Ml8xMDUyKSI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0xMC41IDEySDE4TTE4IDEyTDE0IDhNMTggMTJMMTQgMTZNMTEgNy41SDcuNVYxNi41SDExTTIyLjUgMTJDMjIuNSAxNy43OTkgMTcuNzk5IDIyLjUgMTIgMjIuNUM2LjIwMTAxIDIyLjUgMS41IDE3Ljc5OSAxLjUgMTJDMS41IDYuMjAxMDEgNi4yMDEwMSAxLjUgMTIgMS41QzE3Ljc5OSAxLjUgMjIuNSA2LjIwMTAxIDIyLjUgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzM3ODJfMTA1MiI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/notscheduled.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTgsLjVBNy41LDcuNSwwLDEsMCwxNS41LDgsNy41MSw3LjUxLDAsMCwwLDgsLjVabTAsMTRBNi41LDYuNSwwLDEsMSwxNC41LDgsNi41MSw2LjUxLDAsMCwxLDgsMTQuNVoiLz48cG9seWdvbiBwb2ludHM9IjEwLjY1IDQuNjUgOCA3LjI5IDUuMzUgNC42NSA0LjY1IDUuMzUgNy4yOSA4IDQuNjUgMTAuNjUgNS4zNSAxMS4zNSA4IDguNzEgMTAuNjUgMTEuMzUgMTEuMzUgMTAuNjUgOC43MSA4IDExLjM1IDUuMzUgMTAuNjUgNC42NSIvPjwvc3ZnPg==";
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMUM0LjEzNDAxIDEgMSA0LjEzNDAxIDEgOEMxIDExLjg2NiA0LjEzNDAxIDE1IDggMTVDMTEuODY2IDE1IDE1IDExLjg2NiAxNSA4QzE1IDYuMTQzNDggMTQuMjYyNSA0LjM2MzAxIDEyLjk0OTcgMy4wNTAyNUMxMS42MzcgMS43Mzc1IDkuODU2NTIgMSA4IDFaTTggMTRDNC42ODYyOSAxNCAyIDExLjMxMzcgMiA4QzIgNC42ODYyOSA0LjY4NjI5IDIgOCAyQzExLjMxMzcgMiAxNCA0LjY4NjI5IDE0IDhDMTQgOS41OTEzIDEzLjM2NzkgMTEuMTE3NCAxMi4yNDI2IDEyLjI0MjZDMTEuMTE3NCAxMy4zNjc5IDkuNTkxMyAxNCA4IDE0Wk04IDcuMjlMMTAuNDcgNC44MkwxMS4xOCA1LjUzTDguNzEgOEwxMS4xOCAxMC40N0wxMC40NyAxMS4xOEw4IDguNzFMNS41MyAxMS4xOEw0LjgyIDEwLjQ3TDcuMjkgOEw0LjgyIDUuNTNMNS41MyA0LjgyTDggNy4yOVoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/npl.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTE1MzJfMjIxMTkpIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuNSAwLjVIMTUuNVYxNS41SDAuNVYwLjVaTTEuNSAxLjVWMTQuNUgxNC41VjEuNUgxLjVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMS42OTA2IDYuMzUyNTRWNy42MzU3NEgxMi4wNDUxQzEyLjMyODMgNy42MzU3NCAxMi41MjY1IDcuNTg3ODkgMTIuNjM5OCA3LjQ5MjE5QzEyLjc1NSA3LjM5NjQ4IDEyLjgxMjcgNy4yMzA0NyAxMi44MTI3IDYuOTk0MTRDMTIuODEyNyA2Ljc1NzgxIDEyLjc1NSA2LjU5MTggMTIuNjM5OCA2LjQ5NjA5QzEyLjUyNjUgNi40MDAzOSAxMi4zMjgzIDYuMzUyNTQgMTIuMDQ1MSA2LjM1MjU0SDExLjY5MDZaTTEwLjgyNjMgNS42MjU5OEgxMi4wMTI5QzEyLjYxNjQgNS42MjU5OCAxMy4wNSA1LjczMzQgMTMuMzEzNiA1Ljk0ODI0QzEzLjU3OTMgNi4xNjMwOSAxMy43MTIxIDYuNTExNzIgMTMuNzEyMSA2Ljk5NDE0QzEzLjcxMjEgNy40NzY1NiAxMy41NzkzIDcuODI1MiAxMy4zMTM2IDguMDQwMDRDMTMuMDUgOC4yNTQ4OCAxMi42MTY0IDguMzYyMyAxMi4wMTI5IDguMzYyM0gxMS42OTA2VjEwSDEwLjgyNjNWNS42MjU5OFoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTcuMDY5MTEgMTBWNS42MjU5OEg3LjkzMzM3VjkuMjM4MjhIOS43ODJWMTBINy4wNjkxMVoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTIuNTc1ODIgNS42MjU5OEgzLjUwNDUzTDQuNzIzMjggOC44MDQ2OVY1LjYyNTk4SDUuNDg1VjEwSDQuNTYyMTVMMy4zMzc1NCA2LjgyMTI5VjEwSDIuNTc1ODJWNS42MjU5OFoiIGZpbGw9ImJsYWNrIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfMTE1MzJfMjIxMTkiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=";

package/src/nile-icon/icons/svg/schedule.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cG9seWdvbiBwb2ludHM9IjguNSw1LjggNy41LDUuOCA3LjUsOS4xIDkuOCwxMS42IDEwLjYsMTEgOC41LDguNyAJIi8+PHBhdGggZD0iTTgsMi4xYy0zLjcsMC02LjgsMy02LjgsNi44YzAsMy43LDMsNi44LDYuOCw2LjhzNi44LTMsNi44LTYuOEMxNC44LDUuMSwxMS44LDIuMSw4LDIuMXogTTgsMTQuNmMtMy4yLDAtNS44LTIuNi01LjgtNS44CQljMC0zLjIsMi42LTUuOCw1LjgtNS44czUuOCwyLjYsNS44LDUuOEMxMy44LDEyLjEsMTEuMiwxNC42LDgsMTQuNnoiLz48cmVjdCB4PSI0LjkiIHk9IjAuNSIgd2lkdGg9IjYuMiIgaGVpZ2h0PSIxIi8+PC9nPjwvc3ZnPg==";
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjEgMC41SDQuODk5OTVWMS41SDExLjFWMC41Wk0xLjE5OTk1IDguOUMxLjE5OTk1IDUuMSA0LjI5OTk1IDIuMSA3Ljk5OTk1IDIuMUMxMS44IDIuMSAxNC44IDUuMSAxNC44IDguOUMxNC44IDEyLjcgMTEuOCAxNS43IDcuOTk5OTUgMTUuN0M0LjE5OTk1IDE1LjcgMS4xOTk5NSAxMi42IDEuMTk5OTUgOC45Wk0yLjE5OTk1IDguOEMyLjE5OTk1IDEyIDQuNzk5OTUgMTQuNiA3Ljk5OTk1IDE0LjZDMTEuMiAxNC42IDEzLjggMTIuMSAxMy44IDguOEMxMy44IDUuNiAxMS4yIDMgNy45OTk5NSAzQzQuNzk5OTUgMyAyLjE5OTk1IDUuNiAyLjE5OTk1IDguOFpNNy40OTk5NSA1LjhWOS4xTDkuNzk5OTUgMTEuNkwxMC42IDExTDguNDk5OTUgOC43VjUuOEg3LjQ5OTk1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-input/nile-input.css.ts

@@ -470,6 +470,7 @@ export const styles = css`
 
   .input__password {
     font-family: 'disc';
+    letter-spacing: 2px;
   }
 
   .input__non-printable {

package/src/nile-popover/nile-popover.ts

@@ -12,10 +12,10 @@ import {
   CSSResultArray,
   TemplateResult,
 } from 'lit-element';
-import { customElement, state } from 'lit/decorators.js';
+import { customElement } from 'lit/decorators.js';
 import { styles } from './nile-popover.css';
-import type NilePopup from '../nile-popup/nile-popup';
-import { string } from '../nile-icon/icons/svg';
+import NileElement from '../internal/nile-element';
+import { watch } from '../internal/watch';
 
 /**
  * Nile icon component.
@@ -24,7 +24,7 @@ import { string } from '../nile-icon/icons/svg';
  *
  */
 @customElement('nile-popover')
-export class NilePopover extends LitElement {
+export class NilePopover extends NileElement {
   /**
    * The styles for Popover
    * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
@@ -86,14 +86,22 @@ export class NilePopover extends LitElement {
 
   connectedCallback() {
     super.connectedCallback();
+    this.emit('nile-init');
     document.addEventListener('click', this.handleDocumentClick);
   }
 
   disconnectedCallback() {
     super.disconnectedCallback();
+    this.emit('nile-destroy');
     document.removeEventListener('click', this.handleDocumentClick);
   }
 
+  @watch('isShow')
+  handleShowHide(){
+    if(this.isShow)this.emit('nile-show')
+    else this.emit('nile-hide')
+  }
+
   private handleClick = () => {
     this.isShow = !this.isShow;
     const allPopovers = document.querySelectorAll('nile-popover');
@@ -107,7 +115,7 @@ export class NilePopover extends LitElement {
 
   private handleDocumentClick = () => {
     if (this.isShow) {
-      this.isShow = !this.isShow;
+      this.isShow = false;
     }
   };
 

package/src/nile-select/nile-select.css.ts

@@ -264,7 +264,7 @@ export const styles = css`
     border-radius: 4px;
     font-size: 14px;
     padding: 12px;
-    height: 38px;
+    height: 40px;
     box-sizing: border-box;
   }
 

package/src/nile-tab-group/nile-tab-group.ts

@@ -15,7 +15,7 @@ import { query, state } from 'lit/decorators.js';
 import { scrollIntoView } from '../internal/scroll';
 import { watch } from '../internal/watch';
 import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
+import type { CSSResultGroup, PropertyValueMap } from 'lit';
 import type NileTab from '../nile-tab/nile-tab';
 import type NileTabPanel from '../nile-tab-panel/nile-tab-panel';
 
@@ -66,9 +66,11 @@ export class NileTabGroup extends NileElement {
   /** The placement of the tabs. */
   @property() placement: 'top' | 'bottom' | 'start' | 'end' = 'top';
 
+  /** The placement of the tabs. */
+  @property({ reflect: true, attribute: 'value', type: String }) activeTabName: string = '';
 
   /** Track for showing Indicators and Background. */
-  @property({ type: Boolean, reflect: true,attribute:'no-track'}) noTrack = false;
+  @property({ type: Boolean, reflect: true, attribute:'no-track'}) noTrack = false;
 
   /**
    * When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to
@@ -109,17 +111,18 @@ export class NileTabGroup extends NileElement {
 
     // After the first update...
     this.updateComplete.then(() => {
+      this.setActiveTab(this.getActiveTab(), { emitEvents: false });
+      this.syncIndicator();
+
       this.syncTabsAndPanels();
       this.mutationObserver.observe(this, { attributes: true, childList: true, subtree: true });
       this.resizeObserver.observe(this.nav);
-
       // Wait for tabs and tab panels to be registered
       whenAllDefined.then(() => {
         // Set initial tab state when the tabs become visible
         const intersectionObserver = new IntersectionObserver((entries, observer) => {
             if (entries[0].intersectionRatio > 0) {
               this.setAriaLabels();
-            this.setActiveTab(this.getActiveTab() ?? this.tabs[0], { emitEvents: false });
               observer.unobserve(entries[0].target);
             }
         });
@@ -133,6 +136,14 @@ export class NileTabGroup extends NileElement {
     this.resizeObserver.unobserve(this.nav);
   }
 
+  protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {
+    if(_changedProperties.has('activeTabName')){
+      const tab=this.getActiveTab()
+      if(!tab) return;
+      this.setActiveTab(tab, {scrollBehavior: 'smooth' });
+    }
+  }
+
   private getAllTabs(options: { includeDisabled: boolean } = { includeDisabled: true }) {
     const slot = this.shadowRoot!.querySelector<HTMLSlotElement>('slot[name="nav"]')!;
 
@@ -148,7 +159,7 @@ export class NileTabGroup extends NileElement {
   }
 
   private getActiveTab() {
-    return this.tabs.find(el => el.active);
+    return this.tabs.find(el => el.panel==this.activeTabName) ?? this.tabs[0];
   }
 
   private handleClick(event: MouseEvent) {
@@ -162,7 +173,7 @@ export class NileTabGroup extends NileElement {
     }
 
     if (tab !== null) {
-      this.setActiveTab(tab, { scrollBehavior: 'smooth' });
+      this.activeTabName=tab.panel
     }
   }
 
@@ -179,7 +190,7 @@ export class NileTabGroup extends NileElement {
     // Activate a tab
     if (['Enter', ' '].includes(event.key)) {
       if (tab !== null) {
-        this.setActiveTab(tab, { scrollBehavior: 'smooth' });
+        this.activeTabName=tab.panel
         event.preventDefault();
       }
     }
@@ -219,7 +230,7 @@ export class NileTabGroup extends NileElement {
         this.tabs[index].focus({ preventScroll: true });
 
         if (this.activation === 'auto') {
-          this.setActiveTab(this.tabs[index], { scrollBehavior: 'smooth' });
+          this.activeTabName=this.tabs[index].panel
         }
 
         if (['top', 'bottom'].includes(this.placement)) {
@@ -252,7 +263,6 @@ export class NileTabGroup extends NileElement {
   }
 
   private setActiveTab(tab: NileTab, options?: { emitEvents?: boolean; scrollBehavior?: 'auto' | 'smooth' }) {
-
     options = {
       emitEvents: true,
       scrollBehavior: 'auto',
@@ -264,7 +274,6 @@ export class NileTabGroup extends NileElement {
       const previousTab = this.activeTab;
       this.activeTab = tab;
 
-
       // Sync active tab and panel
       this.tabs.map(el => (el.active = el === this.activeTab));
       this.panels.map(el => (el.active = el.name === this.activeTab?.panel));
@@ -340,7 +349,7 @@ export class NileTabGroup extends NileElement {
   private syncTabsAndPanels() {
     this.tabs = this.getAllTabs({ includeDisabled: false });
     this.panels = this.getAllPanels();
-    this.syncIndicator();
+    // this.syncIndicator();
 
     this.tabs.forEach((tab:any) => {
       tab.centered = this.centered;
@@ -379,7 +388,7 @@ export class NileTabGroup extends NileElement {
     const tab = this.tabs.find(el => el.panel === panel);
 
     if (tab) {
-      this.setActiveTab(tab, { scrollBehavior: 'smooth' });
+      this.activeTabName=tab.panel;
     }
   }
 

package/src/nile-table-header-item/nile-table-header-item.css.ts

@@ -14,6 +14,12 @@ export const styles = css`
   :host {
     display: table-cell;
     box-sizing: border-box;
+  }
+  
+  .header__item__wrapper{
+    display:flex;
+    align-items:center;
+    box-sizing: border-box;
     padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);
     min-height: 44px;
     height: 44px;

package/src/nile-table-header-item/nile-table-header-item.ts

@@ -69,7 +69,9 @@ export class NileTableHeaderItem extends NileElement {
 
   public render(): TemplateResult {
     return html` ${this.hasSlotController.test('[default]')
-      ? html` <div class="headers">
+      ? html`
+      <div class="header__item__wrapper">
+        <div class="headers">
           <slot> </slot>
           ${this.havesort && this.sorting_ct % 3 === 0
             ? html`<nile-icon
@@ -107,7 +109,8 @@ export class NileTableHeaderItem extends NileElement {
                 <slot name="filter__content" part="filter__content"></slot>
               </nile-popover>`
             : html``}
-        </div>`
+        </div>
+      </div>`
       : null}`;
   }
   /* #endregion */

package/src/nile-toolbar/nile-toolbar.css.ts

@@ -20,14 +20,14 @@ export const styles = css`
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 0 16px;
+    padding: 0 48px;
     box-sizing: border-box;
     min-height: 64px;
-	line-height: var(--nile-toolbar-line-height);
-	font-weight: var(--nile-toolbar-font-weight);
+    line-height: var(--nile-toolbar-line-height);
+    font-weight: var(--nile-toolbar-font-weight);
     font-family: var(--nile-font-family-sans-serif);
-	font-size: var(--nile-toolbar-font-size);
-    background-color: var(--nile-toolbar-background-color, #f5f5f5);
+    font-size: var(--nile-toolbar-font-size);
+    background-color: var(--nile-toolbar-background-color, #FFFFFF);
     color: var(--nile-toolbar-text-color, rgba(0, 0, 0, 0.87));
   }
 `;