@aquera/nile-elements 0.0.111 → 0.0.112

package/package.json

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

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

@@ -19,8 +19,8 @@ import { query } from 'lit/decorators.js';
 import { watch } from '../internal/watch';
 import NileElement from '../internal/nile-element';
 import type { PropertyValueMap } from 'lit';
-import { NileDropdown } from '../nile-dropdown';
 type NileCalendarDateRange={ startDate: string, endDate: string }
+type TimeUnits= 'minutes'|'hours'|'days'|'weeks'|'months';
 /**
  * Nile icon component.
  *
@@ -39,8 +39,6 @@ export class NileCalendar extends NileElement {
 
   protected override BUBBLES: boolean=false;
 
-  @query('nile-dropdown') dropdown: NileDropdown;
-
   @property({ type: String, attribute: 'value' }) valueAttribute: | string | null = null;
 
   @property({ type: String, attribute:true, reflect:true }) allowedDates: string = JSON.stringify({});
@@ -51,7 +49,7 @@ export class NileCalendar extends NileElement {
 
   @property({ type: String, reflect: true }) type :'absolute' | 'relative' = 'absolute';
 
-  @property({ type: String }) selectedUnit: string;
+  @property({ type: String }) selectedUnit: TimeUnits;
 
   @property({ type: Number }) selectedValue: number;
 
@@ -305,7 +303,7 @@ export class NileCalendar extends NileElement {
    * @param values 
    * @returns html for the option
    */
-  renderTimeValues(unit: string, values: any[]) {
+  renderTimeValues(unit: TimeUnits, values: any[]) {
     return values.map(
       value =>
         html`
@@ -516,9 +514,6 @@ export class NileCalendar extends NileElement {
     } else {
       this.value = selectedDate;
       this.emitChangedData({ value: this.value });
-      if (this.dropdown) {
-        this.dropdown.hide();
-      }
     }
   }
 
@@ -572,8 +567,8 @@ export class NileCalendar extends NileElement {
     }
   }
 
-  handleTimeValueClick(unit: string, value: number, event: any) {
-    // const timestamps = this.createRelativePeriod(unit, value);
+  handleTimeValueClick(unit: TimeUnits, value: number, event: any) {
+    this.createRelativePeriod(unit, value)
     this.selectedUnit = unit;
     this.selectedValue = value;
   }
@@ -744,16 +739,11 @@ export class NileCalendar extends NileElement {
   }
 
   private confimRange() {
-    if (this.startDate && this.endDate) {
-
-      this.emitChangedData( {
-        startDate: this.startDate,
-        endDate: this.endDate,
-      });
-      if (this.dropdown) {
-        this.dropdown.hide();
-      }
-    }
+    if (!(this.startDate && this.endDate)) return;
+    this.emitChangedData( {
+      startDate: this.startDate,
+      endDate: this.endDate,
+    });
   }
 
   convertTZ(date: Date, tzString: any) {

package/src/nile-highlighter/nile-highlighter.ts

@@ -5,13 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { LitElement, html, property, CSSResultArray, TemplateResult, PropertyValueMap } from 'lit-element';
+import { html, property, CSSResultArray, TemplateResult, PropertyValueMap } from 'lit-element';
 import { customElement, state } from 'lit/decorators.js';
 import { styles } from './nile-highlighter.css';
 import NileElement from '../internal/nile-element';
 
 import { createHighlighter } from 'shiki'
-import { ShikiTheme, ShikiLanguage, themes, languages } from './theme-list';
+import { ShikiTheme, ShikiLanguage } from './theme-list';
 
 
 /**
@@ -43,19 +43,12 @@ export class NileHighlighter extends NileElement {
 
 	/* #endregion */
 
-	async connectedCallback(): Promise<void> {
-		this.highlighter = await createHighlighter({
-			themes: [...themes],
-			langs: [...languages],
-		})
-	}
-
 	protected async updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>) {
+		if (changedProperties.has('language') || changedProperties.has('theme')) {
+			await this.updateHighlighter()
+		}
 		if (changedProperties.has('code') || changedProperties.has('language') || changedProperties.has('theme')) {
-			this.highlightedCode = await this.highlighter.codeToHtml(this.code, {
-				lang: this.language,
-				theme: this.theme
-			})
+			await this.updateHighlightedCode()
 		}
 	}
 	/* #region Methods */
@@ -69,6 +62,20 @@ export class NileHighlighter extends NileElement {
 			`;
 	}
 
+	async updateHighlighter(){
+		this.highlighter = await createHighlighter({
+			themes: [this.theme],
+			langs: [this.language],
+		})
+	}
+
+	async updateHighlightedCode(){
+		this.highlightedCode = await this.highlighter.codeToHtml(this.code, {
+			lang: this.language,
+			theme: this.theme,
+		});
+	}
+
 	/* #endregion */
 }
 

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

@@ -273,6 +273,7 @@ export { default as info } from './info';
 export { default as info2 } from './info2';
 export { default as innerunion } from './inner-union';
 export { default as inprogress } from './inprogress';
+export { default as insertatcursor } from './insert-at-cursor';
 export { default as integer } from './integer';
 export { default as intersection } from './intersection';
 export { default as itemplaceholder } from './itemplaceholder';
@@ -537,6 +538,7 @@ export { default as virtualservergroup } from './virtualservergroup';
 export { default as visibility } from './visibility';
 export { default as visibilityoff } from './visibilityoff';
 export { default as wait } from './wait';
+export { default as warning01 } from './warning-01';
 export { default as warning } from './warning';
 export { default as while } from './while';
 export { default as whileloop } from './whileloop';

package/src/nile-icon/icons/svg/insert-at-cursor.ts

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

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

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4wMDA0OSA0LjIyMDU2QzcuMjc2NjMgNC4yMjA1NiA3LjUwMDQ5IDQuNDQ0NDIgNy41MDA0OSA0LjcyMDU2VjguNDU4MDdDNy41MDA0OSA4LjczNDIxIDcuMjc2NjMgOC45NTgwNyA3LjAwMDQ5IDguOTU4MDdDNi43MjQzNSA4Ljk1ODA3IDYuNTAwNDkgOC43MzQyMSA2LjUwMDQ5IDguNDU4MDdWNC43MjA1NkM2LjUwMDQ5IDQuNDQ0NDIgNi43MjQzNSA0LjIyMDU2IDcuMDAwNDkgNC4yMjA1NloiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTcuMDAwMyAxMS4wNzQzQzcuNDEwOSAxMS4wNzQzIDcuNzQzNzYgMTAuNzM5NyA3Ljc0Mzc2IDEwLjMyNjhDNy43NDM3NiA5LjkxMzk5IDcuNDEwOSA5LjU3OTMyIDcuMDAwMyA5LjU3OTMyQzYuNTg5NjkgOS41NzkzMiA2LjI1Njg0IDkuOTEzOTkgNi4yNTY4NCAxMC4zMjY4QzYuMjU2ODQgMTAuNzM5NyA2LjU4OTY5IDExLjA3NDMgNy4wMDAzIDExLjA3NDNaIiBmaWxsPSJibGFjayIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS4xNjI3NiAxMC42NzExTDUuNzkzOTQgMi4wMjM3MkM1LjkxMDkzIDEuODA1NDMgNi4wODQ3NiAxLjYyMjU3IDYuMjk3MTcgMS40OTUwNUM2LjUwOTYxIDEuMzY3NTEgNi43NTI2NSAxLjMwMDA1IDcuMDAwNDggMS4zMDAwNUM3LjI0ODMxIDEuMzAwMDUgNy40OTEzNSAxLjM2NzUxIDcuNzAzNzggMS40OTUwNUM3LjkxNjIgMS42MjI1NyA4LjA4OTk3IDEuODA1MzEgOC4yMDY5NSAyLjAyMzZMMTIuODM4IDEwLjY3MDhDMTIuOTQ5OSAxMC44OCAxMy4wMDU5IDExLjExNDkgMTMuMDAwNiAxMS4zNTIxQzEyLjk5NTMgMTEuNTg5MiAxMi45Mjg5IDExLjgyMSAxMi44MDc3IDEyLjAyNUMxMi42ODY1IDEyLjIyODkgMTIuNTE0NiAxMi4zOTgxIDEyLjMwODQgMTIuNTE1OEMxMi4xMDIzIDEyLjYzMzUgMTEuODY5MSAxMi42OTU1IDExLjYzMTcgMTIuNjk1NkgyLjM2OTQ2QzIuMTMyMDYgMTIuNjk1NSAxLjg5ODY3IDEyLjYzMzUgMS42OTI1MyAxMi41MTU4QzEuNDg2NDEgMTIuMzk4MSAxLjMxNDQ4IDEyLjIyODkgMS4xOTMyOCAxMi4wMjVDMS4wNzIwOSAxMS44MjEgMS4wMDU2OSAxMS41ODkyIDEuMDAwMzUgMTEuMzUyMUMwLjk5NTAxIDExLjExNDkgMS4wNTA5MSAxMC44ODAzIDEuMTYyNzYgMTAuNjcxMVpNNi44MTE4OSAyLjM1MjQxQzYuODY5MSAyLjMxODA2IDYuOTM0MjYgMi4zMDAwNSA3LjAwMDQ4IDIuMzAwMDVDNy4wNjY3IDIuMzAwMDUgNy4xMzE4NiAyLjMxODA2IDcuMTg5MDYgMi4zNTI0MUM3LjI0NjI1IDIuMzg2NzQgNy4yOTM0OSAyLjQzNjIgNy4zMjU0NyAyLjQ5NTg0TDExLjk1NjMgMTEuMTQyNkMxMS45ODY5IDExLjE5OTggMTIuMDAyMyAxMS4yNjQzIDEyLjAwMDkgMTEuMzI5NUMxMS45OTk0IDExLjM5NDggMTEuOTgxMSAxMS40NTg0IDExLjk0OCAxMS41MTQxQzExLjkxNDkgMTEuNTY5OCAxMS44NjgyIDExLjYxNTYgMTEuODEyNyAxMS42NDczQzExLjc1NzIgMTEuNjc5IDExLjY5NDcgMTEuNjk1NSAxMS42MzEzIDExLjY5NTZIMi4zNjk2OEMyLjMwNjI0IDExLjY5NTUgMi4yNDM3NCAxMS42NzkgMi4xODgyNiAxMS42NDczQzIuMTMyNzYgMTEuNjE1NiAyLjA4NjA2IDExLjU2OTggMi4wNTI5NiAxMS41MTQxQzIuMDE5ODUgMTEuNDU4NCAyLjAwMTU3IDExLjM5NDggMi4wMDAxIDExLjMyOTVDMS45OTg2MyAxMS4yNjQzIDIuMDE0IDExLjIgMi4wNDQ1NSAxMS4xNDI4TDYuNjc1NDIgMi40OTU5NUM2LjcwNzQgMi40MzYyOSA2Ljc1NDY4IDIuMzg2NzUgNi44MTE4OSAyLjM1MjQxWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";