@aquera/nile-elements 1.3.4-beta-1.3 → 1.3.4-beta-1.5

package/dist/src/nile-date-picker/nile-date-picker.js

@@ -9,12 +9,7 @@ import { html, } from 'lit';
 import { customElement, query, property } from 'lit/decorators.js';
 import { styles } from './nile-date-picker.css';
 import NileElement from '../internal/nile-element';
-/**
- * Nile icon component.
- *
- * @tag nile-date-picker
- *
- */
+import { formatDateToFormat, parseRangeFromFormat, normalizeDateRange } from './nile-date-picker-utils';
 let NileDatePicker = class NileDatePicker extends NileElement {
     constructor() {
         super(...arguments);
@@ -28,101 +23,39 @@ let NileDatePicker = class NileDatePicker extends NileElement {
         this.showManualInputs = false;
         this.hideDurationFields = [];
         this.allowedDates = '{}';
-        // Jump to typed date activated by user
-        this.jumpToTypedDate = false;
-        // Strict input format
-        this.inputFormat = "DD/MM/YYYY";
+        this.syncDatePicker = false;
+        this.dateFormat = "DD/MM/YYYY";
+        this.rangeSeparator = " - ";
     }
-    /**
-     * The styles for DatePicker
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
     static get styles() {
         return [styles];
     }
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    parseDate(str) {
-        if (!str)
-            return null;
-        const fmt = this.inputFormat;
-        const sepMatch = fmt.match(/[^A-Z]/i);
-        if (!sepMatch)
-            return null;
-        const sep = sepMatch[0];
-        if (!str.includes(sep))
-            return null;
-        const parts = str.split(sep);
-        const fmtParts = fmt.split(sep);
-        let day = null, month = null, year = null;
-        for (let i = 0; i < fmtParts.length; i++) {
-            const f = fmtParts[i];
-            const v = parts[i];
-            if (!v)
-                return null;
-            if (f === "DD") {
-                if (v.length !== 2)
-                    return null;
-                day = Number(v);
+    firstUpdated() {
+        super.firstUpdated?.(new Map());
+        if (!this.syncDatePicker)
+            return;
+        const input = this.querySelector("nile-input");
+        if (!input)
+            return;
+        input.addEventListener("nile-input", (e) => {
+            const text = e.detail.value;
+            const { first, second } = parseRangeFromFormat(text, this.dateFormat, this.range, this.rangeSeparator);
+            if (!this.range) {
+                if (first)
+                    this.jumpTo(first);
+                return;
             }
-            if (f === "MM") {
-                if (v.length !== 2)
-                    return null;
-                month = Number(v) - 1;
+            if (first && !second) {
+                this.jumpTo(first);
+                this.syncRangeCalendar(first, null);
             }
-            if (f === "YYYY") {
-                if (v.length !== 4)
-                    return null;
-                year = Number(v);
+            if (first && second) {
+                const [start, end] = normalizeDateRange(first, second);
+                if (end)
+                    this.jumpTo(end);
+                this.syncRangeCalendar(start, end);
             }
-        }
-        if (day == null || month == null || year == null)
-            return null;
-        const d = new Date(year, month, day);
-        if (d.getFullYear() !== year ||
-            d.getMonth() !== month ||
-            d.getDate() !== day)
-            return null;
-        return d;
-    }
-    formatDate(date) {
-        if (!date)
-            return "";
-        const day = String(date.getDate()).padStart(2, "0");
-        const month = String(date.getMonth() + 1).padStart(2, "0");
-        const year = date.getFullYear();
-        switch (this.inputFormat) {
-            case "DD/MM/YYYY":
-                return `${day}/${month}/${year}`;
-            case "MM/DD/YYYY":
-                return `${month}/${day}/${year}`;
-            case "YYYY/MM/DD":
-                return `${year}/${month}/${day}`;
-            case "YYYY.MM.DD":
-                return `${year}.${month}.${day}`;
-            case "DD.MM.YYYY":
-                return `${day}.${month}.${year}`;
-            default:
-                return `${day}/${month}/${year}`;
-        }
-    }
-    parseRange(input) {
-        if (!this.range) {
-            return { first: this.parseDate(input), second: null };
-        }
-        const RANGE_SEP = " - ";
-        if (!input.includes(RANGE_SEP)) {
-            return { first: this.parseDate(input), second: null };
-        }
-        const [firstRaw, secondRaw] = input.split(RANGE_SEP);
-        const first = this.parseDate(firstRaw);
-        let second = null;
-        if (secondRaw && secondRaw.length >= 10) {
-            second = this.parseDate(secondRaw);
-        }
-        return { first, second };
+        });
     }
     jumpTo(date) {
         this.open = true;
@@ -144,56 +77,29 @@ let NileDatePicker = class NileDatePicker extends NileElement {
             cal.startDate = first;
         if (second)
             cal.endDate = second;
-        if (first && second && first.getTime() > second.getTime()) {
-            cal.startDate = second;
-            cal.endDate = first;
-        }
-    }
-    firstUpdated() {
-        super.firstUpdated?.(new Map());
-        if (!this.jumpToTypedDate)
-            return;
-        const input = this.querySelector("nile-input");
-        if (!input)
-            return;
-        input.addEventListener("nile-input", (e) => {
-            const text = e.detail.value;
-            const { first, second } = this.parseRange(text);
-            if (!this.range) {
-                if (first)
-                    this.jumpTo(first);
-                return;
-            }
-            if (first && !second) {
-                this.jumpTo(first);
-                this.syncRangeCalendar(first, null);
-            }
-            if (first && second) {
-                let start = first, end = second;
-                if (start.getTime() > end.getTime()) {
-                    [start, end] = [end, start];
-                }
-                this.jumpTo(end);
-                this.syncRangeCalendar(start, end);
-            }
-        });
     }
     render() {
         return html `
       <nile-dropdown .open="${this.open}" part="dd-base" .hoist="${true}" distance="6" exportparts="base">
         <slot slot="trigger" part="trigger" name="trigger"></slot>
+
         <nile-calendar
           .hideTypes="${this.hideTypes}"
-        	.type="${this.type}"
+          .type="${this.type}"
           value="${this.value}"
           .range="${this.range}"
+
           @nile-init="${(e) => e.stopPropagation()}"
           @nile-destroy="${(e) => e.stopPropagation()}"
           @nile-changed="${(e) => e.stopPropagation()}"
+
           @nile-change="${this.handleChanged}"
+
           .allowedDates="${this.allowedDates}"
+
           @nile-type-change="${(e) => { e.stopPropagation(); this.emit('nile-type-change', e.detail); }}"
           @nile-clear="${(e) => { e.stopPropagation(); this.emit('nile-clear'); }}"
+
           .hideDurationFields="${this.hideDurationFields}"
           .showManualInputs="${this.showManualInputs}"
           .doubleClickUnselect="${this.doubleClickUnselect}"
@@ -206,11 +112,10 @@ let NileDatePicker = class NileDatePicker extends NileElement {
         event.stopPropagation();
         const detail = event.detail;
         const triggerInput = this.querySelector("nile-input");
-        // SINGLE DATE
         if (!this.range) {
             const picked = detail.value;
             if (picked && triggerInput) {
-                triggerInput.value = this.formatDate(new Date(picked));
+                triggerInput.value = formatDateToFormat(new Date(picked), this.dateFormat);
                 triggerInput.emit("nile-input", { value: triggerInput.value });
             }
             this.emit("nile-changed", detail);
@@ -218,15 +123,14 @@ let NileDatePicker = class NileDatePicker extends NileElement {
             this.dropdown?.hide();
             return;
         }
-        // RANGE MODE
         const start = detail.startDate;
         const end = detail.endDate;
         if (triggerInput) {
             let text = "";
             if (start)
-                text += this.formatDate(new Date(start));
+                text += formatDateToFormat(new Date(start), this.dateFormat);
             if (start && end)
-                text += " - " + this.formatDate(new Date(end));
+                text += " - " + formatDateToFormat(new Date(end), this.dateFormat);
             triggerInput.value = text;
             triggerInput.emit("nile-input", { value: text });
         }
@@ -278,10 +182,13 @@ __decorate([
 ], NileDatePicker.prototype, "allowedDates", void 0);
 __decorate([
     property({ type: Boolean, attribute: true, reflect: true })
-], NileDatePicker.prototype, "jumpToTypedDate", void 0);
+], NileDatePicker.prototype, "syncDatePicker", void 0);
+__decorate([
+    property({ type: String, attribute: true, reflect: true })
+], NileDatePicker.prototype, "dateFormat", void 0);
 __decorate([
     property({ type: String, attribute: true, reflect: true })
-], NileDatePicker.prototype, "inputFormat", void 0);
+], NileDatePicker.prototype, "rangeSeparator", void 0);
 __decorate([
     query('nile-dropdown')
 ], NileDatePicker.prototype, "dropdown", void 0);

package/dist/src/nile-date-picker/nile-date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-date-picker.js","sourceRoot":"","sources":["../../../src/nile-date-picker/nile-date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-date-picker.css';\nimport NileElement from '../internal/nile-element';\nimport { NileDropdown } from '../nile-dropdown';\n\n/**\n * Nile icon component.\n *\n * @tag nile-date-picker\n *\n */\n@customElement('nile-date-picker')\nexport class NileDatePicker extends NileElement {\n  /**\n   * The styles for DatePicker\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean }) range = false;\n\n  @property({ type: Boolean }) hideTypes = false;\n\n  @property({ type: Boolean, reflect: true }) doubleClickUnselect = false;\n\n  @property({ type: Boolean, reflect: true }) allowClear = false;\n\n  @property({ type: Boolean }) open = false;\n\n  @property({ type: Boolean, attribute: 'hide-time-zone' }) hideTimeZone = false;\n\n  @property({ type: String, reflect: true }) type :'absolute' | 'relative' = 'absolute';\n\n  @property({ type: Boolean, attribute: 'showManualInputs' })\n  showManualInputs = false;\n\n  @property() value: any;\n  @property({ type: Array, attribute: 'hide-duration-fields' })\n  hideDurationFields: any = [];\n\n  @property({ attribute: 'allowedDates' }) allowedDates: any = '{}';\n\n  // Jump to typed date activated by user\n  @property({ type: Boolean, attribute: true, reflect: true }) jumpToTypedDate = false;\n\n  // Strict input format\n  @property({ type: String, attribute: true, reflect: true }) inputFormat = \"DD/MM/YYYY\";\n\n\n  @query('nile-dropdown') dropdown: NileDropdown;\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n   private parseDate(str: string): Date | null {\n    if (!str) return null;\n\n    const fmt = this.inputFormat; \n    const sepMatch = fmt.match(/[^A-Z]/i);\n    if (!sepMatch) return null;\n    const sep = sepMatch[0];\n\n    if (!str.includes(sep)) return null;\n\n    const parts = str.split(sep);\n    const fmtParts = fmt.split(sep);\n\n    let day = null, month = null, year = null;\n\n    for (let i = 0; i < fmtParts.length; i++) {\n      const f = fmtParts[i];\n      const v = parts[i];\n      if (!v) return null;\n\n      if (f === \"DD\") {\n        if (v.length !== 2) return null;\n        day = Number(v);\n      }\n\n      if (f === \"MM\") {\n        if (v.length !== 2) return null;\n        month = Number(v) - 1;\n      }\n\n      if (f === \"YYYY\") {\n        if (v.length !== 4) return null;\n        year = Number(v);\n      }\n    }\n\n    if (day == null || month == null || year == null) return null;\n\n    const d = new Date(year, month, day);\n    if (\n      d.getFullYear() !== year ||\n      d.getMonth() !== month ||\n      d.getDate() !== day\n    ) return null;\n\n    return d;\n  }\n\n\n  private formatDate(date: Date): string {\n    if (!date) return \"\";\n  \n    const day = String(date.getDate()).padStart(2, \"0\");\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\n    const year = date.getFullYear();\n  \n    switch (this.inputFormat) {\n      case \"DD/MM/YYYY\":\n        return `${day}/${month}/${year}`;\n      case \"MM/DD/YYYY\":\n        return `${month}/${day}/${year}`;\n      case \"YYYY/MM/DD\":\n        return `${year}/${month}/${day}`;\n      case \"YYYY.MM.DD\":\n        return `${year}.${month}.${day}`;\n      case \"DD.MM.YYYY\":\n        return `${day}.${month}.${year}`;\n      default:\n        return `${day}/${month}/${year}`;\n    }\n  }\n\n  private parseRange(input: string) {\n    if (!this.range) {\n      return { first: this.parseDate(input), second: null };\n    }\n\n    const RANGE_SEP = \" - \";\n\n    if (!input.includes(RANGE_SEP)) {\n      return { first: this.parseDate(input), second: null };\n    }\n\n    const [firstRaw, secondRaw] = input.split(RANGE_SEP);\n\n    const first = this.parseDate(firstRaw);\n    let second = null;\n\n    if (secondRaw && secondRaw.length >= 10) {\n      second = this.parseDate(secondRaw);\n    }\n\n    return { first, second };\n  }\n\n  private jumpTo(date: Date) {\n    this.open = true;\n\n    const cal = this.shadowRoot!.querySelector(\"nile-calendar\") as any;\n    if (!cal) return;\n\n    cal.currentYear = date.getFullYear();\n    cal.currentMonth = date.getMonth();\n    cal.value = date;\n    cal.valueAttribute = date.toISOString();\n  }\n\n  private syncRangeCalendar(first: Date | null, second: Date | null) {\n    const cal = this.shadowRoot!.querySelector(\"nile-calendar\") as any;\n    if (!cal) return;\n\n    if (!this.range) return;  \n\n    if (first) cal.startDate = first;\n    if (second) cal.endDate = second;\n\n \n    if (first && second && first.getTime() > second.getTime()) {\n      cal.startDate = second;\n      cal.endDate = first;\n    }\n  }\n  firstUpdated() {\n    super.firstUpdated?.(new Map());\n\n    if (!this.jumpToTypedDate) return;\n\n    const input = this.querySelector(\"nile-input\");\n    if (!input) return;\n\n    input.addEventListener(\"nile-input\", (e: any) => {\n      const text = e.detail.value;\n      const { first, second } = this.parseRange(text);\n\n      if (!this.range) {\n        if (first) this.jumpTo(first);\n        return;\n      }\n\n      if (first && !second) {\n        this.jumpTo(first);\n        this.syncRangeCalendar(first, null);\n      }\n\n      if (first && second) {\n        let start = first, end = second;\n        if (start.getTime() > end.getTime()) {\n          [start, end] = [end, start];\n        }\n\n        this.jumpTo(end);\n        this.syncRangeCalendar(start, end);\n      }\n    });\n  }\n\n  \n  render(): TemplateResult {\n    return html`\n      <nile-dropdown .open=\"${this.open}\" part=\"dd-base\" .hoist=\"${true}\" distance=\"6\" exportparts=\"base\">\n        <slot slot=\"trigger\" part=\"trigger\" name=\"trigger\"></slot>\n        <nile-calendar\n          .hideTypes=\"${this.hideTypes}\"\n        \t.type=\"${this.type}\"\n          value=\"${this.value}\"\n          .range=\"${this.range}\"\n          @nile-init=\"${(e:CustomEvent)=>e.stopPropagation()}\"\n          @nile-destroy=\"${(e:CustomEvent)=>e.stopPropagation()}\"\n          @nile-changed=\"${(e:CustomEvent)=>e.stopPropagation()}\"\n          @nile-change=\"${this.handleChanged}\"\n          .allowedDates=\"${this.allowedDates}\"\n          @nile-type-change=\"${(e:CustomEvent)=>{e.stopPropagation();this.emit('nile-type-change',e.detail)}}\"\n          @nile-clear=\"${(e:CustomEvent)=>{e.stopPropagation();this.emit('nile-clear')}}\"\n          .hideDurationFields=\"${this.hideDurationFields}\"\n          .showManualInputs=\"${this.showManualInputs}\"\n          .doubleClickUnselect=\"${this.doubleClickUnselect}\"\n          .allowClear=\"${this.allowClear}\"\n        ></nile-calendar>\n      </nile-dropdown>\n    `;\n  }\n\n  handleChanged(event: CustomEvent) {\n    event.stopPropagation();\n  \n    const detail = event.detail;  \n    const triggerInput = this.querySelector(\"nile-input\");\n  \n    // SINGLE DATE\n    if (!this.range) {\n      const picked = detail.value;\n  \n      if (picked && triggerInput) {\n        triggerInput.value = this.formatDate(new Date(picked));\n        triggerInput.emit(\"nile-input\", { value: triggerInput.value });\n      }\n  \n \n      this.emit(\"nile-changed\", detail);\n      this.emit(\"nile-change\", detail);\n  \n      this.dropdown?.hide();\n      return;\n    }\n  \n    // RANGE MODE\n    const start = detail.startDate;\n    const end = detail.endDate;\n  \n    if (triggerInput) {\n      let text = \"\";\n      if (start) text += this.formatDate(new Date(start));\n      if (start && end) text += \" - \" + this.formatDate(new Date(end));\n  \n      triggerInput.value = text;\n      triggerInput.emit(\"nile-input\", { value: text });\n    }\n  \n \n    this.emit(\"nile-changed\", detail);\n    this.emit(\"nile-change\", detail);\n  \n    this.dropdown?.hide();\n  }\n  \n  \n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n}\n\nexport default NileDatePicker;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-date-picker': NileDatePicker;\n  }\n}\n"]}
+{"version":3,"file":"nile-date-picker.js","sourceRoot":"","sources":["../../../src/nile-date-picker/nile-date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-date-picker.css';\nimport NileElement from '../internal/nile-element';\nimport { NileDropdown } from '../nile-dropdown';\n\nimport {\n  parseDateFromFormat,\n  formatDateToFormat,\n  parseRangeFromFormat,\n  normalizeDateRange\n} from './nile-date-picker-utils';\n\n\n@customElement('nile-date-picker')\nexport class NileDatePicker extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean }) range = false;\n  @property({ type: Boolean }) hideTypes = false;\n  @property({ type: Boolean, reflect: true }) doubleClickUnselect = false;\n  @property({ type: Boolean, reflect: true }) allowClear = false;\n  @property({ type: Boolean }) open = false;\n  @property({ type: Boolean, attribute: 'hide-time-zone' }) hideTimeZone = false;\n  @property({ type: String, reflect: true }) type: 'absolute' | 'relative' = 'absolute';\n  @property({ type: Boolean, attribute: 'showManualInputs' }) showManualInputs = false;\n\n  @property() value: any;\n  @property({ type: Array, attribute: 'hide-duration-fields' }) hideDurationFields: any = [];\n  @property({ attribute: 'allowedDates' }) allowedDates: any = '{}';\n\n  @property({ type: Boolean, attribute: true, reflect: true }) syncDatePicker = false;\n  @property({ type: String, attribute: true, reflect: true }) dateFormat = \"DD/MM/YYYY\";  \n@property({ type: String, attribute: true, reflect: true }) rangeSeparator = \" - \";\n\n\n  @query('nile-dropdown') dropdown: NileDropdown;\n\n  firstUpdated() {\n    super.firstUpdated?.(new Map());\n\n    if (!this.syncDatePicker) return;\n\n    const input = this.querySelector(\"nile-input\");\n    if (!input) return;\n\n    input.addEventListener(\"nile-input\", (e: any) => {\n      const text = e.detail.value;\n      const { first, second } = parseRangeFromFormat(text, this.dateFormat, this.range, this.rangeSeparator);\n\n      if (!this.range) {\n        if (first) this.jumpTo(first);\n        return;\n      }\n\n      if (first && !second) {\n        this.jumpTo(first);\n        this.syncRangeCalendar(first, null);\n      }\n\n      if (first && second) {\n        const [start, end] = normalizeDateRange(first, second);\n        if (end) this.jumpTo(end);\n        this.syncRangeCalendar(start, end);\n      }\n    });\n  }\n\n  private jumpTo(date: Date) {\n    this.open = true;\n    const cal = this.shadowRoot!.querySelector(\"nile-calendar\") as any;\n    if (!cal) return;\n\n    cal.currentYear = date.getFullYear();\n    cal.currentMonth = date.getMonth();\n    cal.value = date;\n    cal.valueAttribute = date.toISOString();\n  }\n\n\n  private syncRangeCalendar(first: Date | null, second: Date | null) {\n    const cal = this.shadowRoot!.querySelector(\"nile-calendar\") as any;\n    if (!cal) return;\n\n    if (!this.range) return;\n\n    if (first) cal.startDate = first;\n    if (second) cal.endDate = second;\n  }\n\n  render(): TemplateResult {\n    return html`\n      <nile-dropdown .open=\"${this.open}\" part=\"dd-base\" .hoist=\"${true}\" distance=\"6\" exportparts=\"base\">\n        <slot slot=\"trigger\" part=\"trigger\" name=\"trigger\"></slot>\n\n        <nile-calendar\n          .hideTypes=\"${this.hideTypes}\"\n          .type=\"${this.type}\"\n          value=\"${this.value}\"\n          .range=\"${this.range}\"\n\n          @nile-init=\"${(e: CustomEvent) => e.stopPropagation()}\"\n          @nile-destroy=\"${(e: CustomEvent) => e.stopPropagation()}\"\n          @nile-changed=\"${(e: CustomEvent) => e.stopPropagation()}\"\n\n          @nile-change=\"${this.handleChanged}\"\n\n          .allowedDates=\"${this.allowedDates}\"\n\n          @nile-type-change=\"${(e: CustomEvent) => { e.stopPropagation(); this.emit('nile-type-change', e.detail); }}\"\n          @nile-clear=\"${(e: CustomEvent) => { e.stopPropagation(); this.emit('nile-clear'); }}\"\n\n          .hideDurationFields=\"${this.hideDurationFields}\"\n          .showManualInputs=\"${this.showManualInputs}\"\n          .doubleClickUnselect=\"${this.doubleClickUnselect}\"\n          .allowClear=\"${this.allowClear}\"\n        ></nile-calendar>\n      </nile-dropdown>\n    `;\n  }\n\n\n  handleChanged(event: CustomEvent) {\n    event.stopPropagation();\n\n    const detail = event.detail;\n    const triggerInput = this.querySelector(\"nile-input\");\n\n    if (!this.range) {\n      const picked = detail.value;\n\n      if (picked && triggerInput) {\n        triggerInput.value = formatDateToFormat(new Date(picked), this.dateFormat);\n        triggerInput.emit(\"nile-input\", { value: triggerInput.value });\n      }\n\n      this.emit(\"nile-changed\", detail);\n      this.emit(\"nile-change\", detail);\n\n      this.dropdown?.hide();\n      return;\n    }\n\n    const start = detail.startDate;\n    const end = detail.endDate;\n\n    if (triggerInput) {\n      let text = \"\";\n      if (start) text += formatDateToFormat(new Date(start), this.dateFormat);\n      if (start && end) text += \" - \" + formatDateToFormat(new Date(end), this.dateFormat);\n\n      triggerInput.value = text;\n      triggerInput.emit(\"nile-input\", { value: text });\n    }\n\n    this.emit(\"nile-changed\", detail);\n    this.emit(\"nile-change\", detail);\n\n    this.dropdown?.hide();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n}\n\nexport default NileDatePicker;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-date-picker': NileDatePicker;\n  }\n}\n"]}

package/dist/src/version.js

@@ -1,5 +1,5 @@
 // Version utility - placeholders will be replaced during build
-export const NILE_ELEMENTS_VERSION = '1.3.4-beta-1.1';
+export const NILE_ELEMENTS_VERSION = '1.3.4-beta-1.5';
 export const NILE_VERSION = '1.1.1';
 // Set global versions for runtime access
 if (typeof window !== 'undefined') {

package/dist/src/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.3.4-beta-1.1';\nexport const NILE_VERSION = '1.1.1';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n  (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n  (window as any).nileVersion = NILE_VERSION;\n  window.process = window.process || { env: { NODE_ENV: 'production' } };\n}\n"]}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.3.4-beta-1.5';\nexport const NILE_VERSION = '1.1.1';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n  (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n  (window as any).nileVersion = NILE_VERSION;\n  window.process = window.process || { env: { NODE_ENV: 'production' } };\n}\n"]}