@dile/crud 2.1.11 → 2.2.0

package/components/action/crud-actions.js

@@ -1,2 +1,4 @@
 import { DileCrudActions } from "./src/DileCrudActions.js";
-customElements.define('dile-crud-actions', DileCrudActions);
+if (!customElements.get('dile-crud-actions')) {
+  customElements.define('dile-crud-actions', DileCrudActions);
+}

package/components/action/crud-delete-action.js

@@ -1,2 +1,4 @@
 import { DileCrudDeleteAction } from "./src/DileCrudDeleteAction.js";
-customElements.define('dile-crud-delete-action', DileCrudDeleteAction);
+if (!customElements.get('dile-crud-delete-action')) {
+  customElements.define('dile-crud-delete-action', DileCrudDeleteAction);
+}

package/components/action/crud-single-actions.js

@@ -1,2 +1,4 @@
 import { DileCrudSingleActions } from './src/DileCrudSingleActions.js';
-customElements.define('dile-crud-single-actions', DileCrudSingleActions);
+if (!customElements.get('dile-crud-single-actions')) {
+  customElements.define('dile-crud-single-actions', DileCrudSingleActions);
+}

package/components/ajax/ajax.js

@@ -1,2 +1,4 @@
 import { DileAjax } from './src/DileAjax.js'
-customElements.define('dile-ajax', DileAjax);
+if (!customElements.get('dile-ajax')) {
+  customElements.define('dile-ajax', DileAjax);
+}

package/components/ajax-change/ajax-change.js

@@ -1,2 +1,4 @@
 import { DileAjaxChange } from "./src/DileAjaxChange.js";
-customElements.define('dile-ajax-change', DileAjaxChange);
+if (!customElements.get('dile-ajax-change')) {
+  customElements.define('dile-ajax-change', DileAjaxChange);
+}

package/components/ajax-form/ajax-form.js

@@ -1,2 +1,4 @@
 import { DileAjaxForm } from './src/DileAjaxForm.js';
-customElements.define('dile-ajax-form', DileAjaxForm);
+if (!customElements.get('dile-ajax-form')) {
+  customElements.define('dile-ajax-form', DileAjaxForm);
+}

package/components/ajax-form/confirmed-ajax-form.js

@@ -1,2 +1,4 @@
 import { DileConfirmedAjaxForm } from './src/DileConfirmedAjaxForm.js';
-customElements.define('dile-confirmed-ajax-form', DileConfirmedAjaxForm);
+if (!customElements.get('dile-confirmed-ajax-form')) {
+  customElements.define('dile-confirmed-ajax-form', DileConfirmedAjaxForm);
+}

package/components/ajax-select-change/ajax-select-change.js

@@ -1,2 +1,4 @@
 import { DileSelectAjaxChange } from "./src/DileSelectAjaxChange.js";
-customElements.define('dile-ajax-select-change', DileSelectAjaxChange);
+if (!customElements.get('dile-ajax-select-change')) {
+  customElements.define('dile-ajax-select-change', DileSelectAjaxChange);
+}

package/components/ajax-select-crud/ajax-select-crud-overlay.js

@@ -0,0 +1,5 @@
+import { DileAjaxSelectCrudOverlay } from './src/DileAjaxSelectCrudOverlay.js';
+
+if (!customElements.get('dile-ajax-select-crud-overlay')) {
+  customElements.define('dile-ajax-select-crud-overlay', DileAjaxSelectCrudOverlay);
+}

package/components/ajax-select-crud/ajax-select-crud-overlay.spec.js

@@ -0,0 +1,166 @@
+import { describe, it, expect, afterEach, vi } from 'vitest';
+import './ajax-select-crud-overlay.js';
+
+describe('dile-ajax-select-crud-overlay', () => {
+  afterEach(() => {
+    document.body.innerHTML = '';
+    delete window.axiosInstance;
+  });
+
+  function wait(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+  }
+
+  function mockAxios(responseData) {
+    const get = vi.fn(() => Promise.resolve({ status: 200, data: responseData }));
+    window.axiosInstance = { get };
+    return get;
+  }
+
+  async function renderCrudSelect(html) {
+    document.body.innerHTML = html;
+    const el = document.body.querySelector('dile-ajax-select-crud-overlay');
+    await el.updateComplete;
+    return el;
+  }
+
+  async function typeKeyword(el, keyword) {
+    const input = el.shadowRoot.getElementById('search');
+    input.value = keyword;
+    input.dispatchEvent(new Event('input', { bubbles: true }));
+    await wait(el.delay + 50);
+    await el.updateComplete;
+  }
+
+  describe('Rendering', () => {
+    it('renders the search input, same as dile-select-ajax-overlay', async () => {
+      mockAxios([]);
+      const el = await renderCrudSelect(`
+        <dile-ajax-select-crud-overlay endpoint="/api/countries" idProperty="id" displayProperty="name"></dile-ajax-select-crud-overlay>
+      `);
+
+      const input = el.shadowRoot.getElementById('search');
+      expect(input).toBeTruthy();
+      expect(input.getAttribute('role')).toBe('combobox');
+    });
+  });
+
+  describe('Uses axios instead of fetch', () => {
+    it('requests through window.axiosInstance.get, not the native fetch API', async () => {
+      const get = mockAxios([{ id: 1, name: 'Spain' }]);
+      const fetchSpy = vi.spyOn(window, 'fetch');
+
+      const el = await renderCrudSelect(`
+        <dile-ajax-select-crud-overlay endpoint="/api/countries" idProperty="id" displayProperty="name" queryStringVariable="keyword" delay="10"></dile-ajax-select-crud-overlay>
+      `);
+
+      await typeKeyword(el, 'sp');
+
+      expect(get).toHaveBeenCalledWith('/api/countries', { params: { keyword: 'sp' } });
+      expect(fetchSpy).not.toHaveBeenCalled();
+      expect(el.data.length).toBe(1);
+      expect(el.select.opened).toBe(true);
+
+      fetchSpy.mockRestore();
+    });
+
+    it('fetches the initial value display text through axios', async () => {
+      // searchValueInitial() passes response.data (i.e. the "data" envelope, not the raw
+      // response) down to registerText(), matching dile-ajax-select-crud's own convention.
+      const get = vi.fn(() => Promise.resolve({ status: 200, data: { data: { name: 'Spain' } } }));
+      window.axiosInstance = { get };
+
+      const el = await renderCrudSelect(`
+        <dile-ajax-select-crud-overlay endpoint="/api/countries" idProperty="id" displayProperty="name" value="22"></dile-ajax-select-crud-overlay>
+      `);
+      await wait(50);
+      await el.updateComplete;
+
+      expect(get).toHaveBeenCalledWith('/api/countries/22');
+      expect(el.selectedText).toBe('Spain');
+      expect(el.isSelected).toBe(true);
+    });
+  });
+
+  describe('Selecting a result (no extra click required)', () => {
+    it('opens the popup as soon as results load and lets the user pick without a second click', async () => {
+      mockAxios([{ id: 1, name: 'Spain' }, { id: 2, name: 'France' }]);
+      const el = await renderCrudSelect(`
+        <dile-ajax-select-crud-overlay endpoint="/api/countries" idProperty="id" displayProperty="name" delay="10"></dile-ajax-select-crud-overlay>
+      `);
+
+      await typeKeyword(el, 'sp');
+      expect(el.select.opened).toBe(true);
+
+      const options = el.select.shadowRoot.querySelectorAll('[role="option"]');
+      options[0].click();
+      await el.select.updateComplete;
+      await el.updateComplete;
+
+      expect(el.value).toBe('1');
+      expect(el.selectedText).toBe('Spain');
+      expect(el.isSelected).toBe(true);
+    });
+  });
+
+  describe('maxResults / pageParamName', () => {
+    it('adds the page-size param to the request when both are set', async () => {
+      const get = mockAxios([]);
+      const el = await renderCrudSelect(`
+        <dile-ajax-select-crud-overlay endpoint="/api/countries" idProperty="id" displayProperty="name" queryStringVariable="keyword" maxResults="5" pageParamName="limit" delay="10"></dile-ajax-select-crud-overlay>
+      `);
+
+      await typeKeyword(el, 'sp');
+
+      expect(get).toHaveBeenCalledWith('/api/countries', { params: { keyword: 'sp', limit: 5 } });
+    });
+
+    it('omits the page-size param when pageParamName is not set', async () => {
+      const get = mockAxios([]);
+      const el = await renderCrudSelect(`
+        <dile-ajax-select-crud-overlay endpoint="/api/countries" idProperty="id" displayProperty="name" queryStringVariable="keyword" maxResults="5" delay="10"></dile-ajax-select-crud-overlay>
+      `);
+
+      await typeKeyword(el, 'sp');
+
+      expect(get).toHaveBeenCalledWith('/api/countries', { params: { keyword: 'sp' } });
+    });
+  });
+
+  describe('getSelectResultList', () => {
+    it('uses getSelectResultList to extract the list when the response shape needs adapting', async () => {
+      mockAxios({ data: { result: { data: [{ id: 1, name: 'Spain' }] } } });
+      const el = await renderCrudSelect(`
+        <dile-ajax-select-crud-overlay endpoint="/api/countries" idProperty="id" displayProperty="name" delay="10"></dile-ajax-select-crud-overlay>
+      `);
+      el.getSelectResultList = (response) => response.data.result.data;
+
+      await typeKeyword(el, 'sp');
+
+      expect(el.data).toEqual([{ id: 1, name: 'Spain' }]);
+    });
+
+    it('takes priority over resultDataProperty when both are set', async () => {
+      mockAxios({ items: [{ id: 1, name: 'Spain' }], data: [] });
+      const el = await renderCrudSelect(`
+        <dile-ajax-select-crud-overlay endpoint="/api/countries" idProperty="id" displayProperty="name" resultDataProperty="data" delay="10"></dile-ajax-select-crud-overlay>
+      `);
+      el.getSelectResultList = (response) => response.items;
+
+      await typeKeyword(el, 'sp');
+
+      expect(el.data).toEqual([{ id: 1, name: 'Spain' }]);
+    });
+  });
+
+  describe('Form Association', () => {
+    it('is form-associated, same as dile-select-ajax-overlay', async () => {
+      mockAxios([]);
+      const el = await renderCrudSelect(`
+        <dile-ajax-select-crud-overlay endpoint="/api/countries" idProperty="id" displayProperty="name"></dile-ajax-select-crud-overlay>
+      `);
+
+      expect(el.internals).toBeTruthy();
+    });
+  });
+});

package/components/ajax-select-crud/ajax-select-crud.js

@@ -1,3 +1,5 @@
 import { DileAjaxSelectCrud } from './src/DileAjaxSelectCrud.js';
 
-customElements.define('dile-ajax-select-crud', DileAjaxSelectCrud);
+if (!customElements.get('dile-ajax-select-crud')) {
+  customElements.define('dile-ajax-select-crud', DileAjaxSelectCrud);
+}

package/components/ajax-select-crud/index.js

@@ -1 +1,2 @@
-export { DileAjaxSelectCrud } from './src/DileAjaxSelectCrud.js';
+export { DileAjaxSelectCrud } from './src/DileAjaxSelectCrud.js';
+export { DileAjaxSelectCrudOverlay } from './src/DileAjaxSelectCrudOverlay.js';

package/components/ajax-select-crud/src/DileAjaxSelectCrudOverlay.js

@@ -0,0 +1,80 @@
+import { DileAxios } from '../../../lib/DileAxios.js';
+import { DileSelectAjaxOverlay } from '@dile/ui/components/select/index.js';
+
+export class DileAjaxSelectCrudOverlay extends DileAxios(DileSelectAjaxOverlay) {
+
+  static get properties() {
+    return {
+      maxResults: { type: Number },
+      pageParamName: { type: String },
+      getSelectResultList: { type: Object },
+    };
+  }
+
+  constructor() {
+    super();
+  }
+
+  searchValueInitial() {
+    let request = this.axiosInstance.get(`${this.endpoint}/${this.value}`);
+    request.then((response) => {
+      if (response.status == 200) {
+        let res = response.data;
+        if (res.error) {
+          this.registerError(res.data);
+        } else {
+          this.registerText(res.data);
+        }
+      } else {
+        this.registerError('Bad response code');
+      }
+    })
+      .catch(err => {
+        this.registerError(err);
+      });
+  }
+
+  loadData() {
+    this.loading = true;
+    let params = this.additionalQueryString || {};
+    if (this.pageParamName && this.maxResults) {
+      params[this.pageParamName] = this.maxResults;
+    }
+    params[this.queryStringVariable] = this.keyword;
+    let request = this.axiosInstance.get(this.endpoint, { params });
+    request.then((response) => {
+      if (response.status == 200) {
+        let res = response.data;
+        if (res.error) {
+          this.registerError(res.data);
+        } else {
+          this.registerData(res);
+        }
+      } else {
+        this.registerError('Bad response code');
+      }
+    })
+      .catch(err => {
+        this.registerError(err);
+      });
+  }
+
+  registerText(json) {
+    this.selectedText = json[this.displayProperty];
+    this.loading = false;
+  }
+
+  registerData(json) {
+    if(this.getSelectResultList) {
+      this.data = this.getSelectResultList(json);
+    } else {
+      this.data = this.getResultData(json);
+    }
+    this.updateComplete.then(() => {
+      this.loading = false;
+      if (this.keyword.length > 0 && this.data.length > 0) {
+        this.select?.open();
+      }
+    });
+  }
+}

package/components/ajax-switch/ajax-switch.js

@@ -1,2 +1,4 @@
 import { DileAjaxSwitch } from "./src/DileAjaxSwitch.js";
-customElements.define('dile-ajax-switch', DileAjaxSwitch);
+if (!customElements.get('dile-ajax-switch')) {
+  customElements.define('dile-ajax-switch', DileAjaxSwitch);
+}

package/components/crud/crud-single.js

@@ -1,2 +1,4 @@
 import { DileCrudSingle } from "./src/DileCrudSingle.js";
-customElements.define('dile-crud-single', DileCrudSingle);
+if (!customElements.get('dile-crud-single')) {
+  customElements.define('dile-crud-single', DileCrudSingle);
+}

package/components/crud/crud.js

@@ -1,2 +1,4 @@
 import { DileCrud } from "./src/DileCrud.js";
-customElements.define('dile-crud', DileCrud);
+if (!customElements.get('dile-crud')) {
+  customElements.define('dile-crud', DileCrud);
+}

package/components/crud/delete-action.js

@@ -1,2 +1,4 @@
 import { DileCrudDeleteAction } from "../action/src/DileCrudDeleteAction.js";
-customElements.define('dile-crud-delete-action', DileCrudDeleteAction);
+if (!customElements.get('dile-crud-delete-action')) {
+  customElements.define('dile-crud-delete-action', DileCrudDeleteAction);
+}

package/components/detail/crud-detail.js

@@ -1,2 +1,4 @@
 import { DileCrudDetail } from "./src/DileCrudDetail.js";
-customElements.define('dile-crud-detail', DileCrudDetail);
+if (!customElements.get('dile-crud-detail')) {
+  customElements.define('dile-crud-detail', DileCrudDetail);
+}

package/components/file-uploader/file-uploader-form.js

@@ -1,2 +1,4 @@
 import { DileFileUploaderForm } from './src/DileFileUploaderForm.js';
-customElements.define('dile-file-uploader-form', DileFileUploaderForm);
+if (!customElements.get('dile-file-uploader-form')) {
+  customElements.define('dile-file-uploader-form', DileFileUploaderForm);
+}

package/components/file-uploader/file-uploader.js

@@ -1,2 +1,4 @@
 import { DileFileUploader } from './src/DileFileUploader.js';
-customElements.define('dile-file-uploader', DileFileUploader);
+if (!customElements.get('dile-file-uploader')) {
+  customElements.define('dile-file-uploader', DileFileUploader);
+}

package/components/image-uploader/image-uploader-form.js

@@ -1,2 +1,4 @@
 import { DileImageUploaderForm } from './src/DileImageUploaderForm.js';
-customElements.define('dile-image-uploader-form', DileImageUploaderForm);
+if (!customElements.get('dile-image-uploader-form')) {
+  customElements.define('dile-image-uploader-form', DileImageUploaderForm);
+}

package/components/image-uploader/image-uploader.js

@@ -1,2 +1,4 @@
 import { DileImageUploader } from './src/DileImageUploader.js';
-customElements.define('dile-image-uploader', DileImageUploader);
+if (!customElements.get('dile-image-uploader')) {
+  customElements.define('dile-image-uploader', DileImageUploader);
+}

package/components/insert/crud-insert.js

@@ -1,2 +1,4 @@
 import { DileCrudInsert } from './src/DileCrudInsert.js';
-customElements.define('dile-crud-insert', DileCrudInsert);
+if (!customElements.get('dile-crud-insert')) {
+  customElements.define('dile-crud-insert', DileCrudInsert);
+}

package/components/insert/modal-crud-insert.js

@@ -1,2 +1,4 @@
 import { DileModalCrudInsert } from './src/DileModalCrudInsert.js';
-customElements.define('dile-modal-crud-insert', DileModalCrudInsert);
+if (!customElements.get('dile-modal-crud-insert')) {
+  customElements.define('dile-modal-crud-insert', DileModalCrudInsert);
+}

package/components/item-delete/crud-item-delete.js

@@ -1,2 +1,4 @@
 import { DileCrudItemDelete } from "./src/DileCrudItemDelete.js";
-customElements.define('dile-crud-item-delete', DileCrudItemDelete);
+if (!customElements.get('dile-crud-item-delete')) {
+  customElements.define('dile-crud-item-delete', DileCrudItemDelete);
+}

package/components/item-restore/crud-item-restore.js

@@ -1,2 +1,4 @@
 import { DileCrudItemRestore} from "./src/DileCrudItemRestore.js";
-customElements.define('dile-crud-item-restore', DileCrudItemRestore);
+if (!customElements.get('dile-crud-item-restore')) {
+  customElements.define('dile-crud-item-restore', DileCrudItemRestore);
+}

package/components/list/crud-list-item.js

@@ -1,2 +1,4 @@
 import { DileCrudListItem } from './src/DileCrudListItem.js';
-customElements.define('dile-crud-list-item', DileCrudListItem);
+if (!customElements.get('dile-crud-list-item')) {
+  customElements.define('dile-crud-list-item', DileCrudListItem);
+}

package/components/list/crud-list-pagination-links.js

@@ -1,2 +1,4 @@
 import { DileCrudListPaginationLinks } from "./src/DileCrudListPaginationLinks.js";
-customElements.define('dile-crud-list-pagination-links', DileCrudListPaginationLinks);
+if (!customElements.get('dile-crud-list-pagination-links')) {
+  customElements.define('dile-crud-list-pagination-links', DileCrudListPaginationLinks);
+}

package/components/list/crud-list-service.js

@@ -1,2 +1,4 @@
 import { DileCrudListService } from "./src/DileCrudListService.js";
-customElements.define('dile-crud-list-service', DileCrudListService);
+if (!customElements.get('dile-crud-list-service')) {
+  customElements.define('dile-crud-list-service', DileCrudListService);
+}

package/components/list/crud-list.js

@@ -1,2 +1,4 @@
 import { DileCrudList } from "./src/DileCrudList.js";
-customElements.define('dile-crud-list', DileCrudList);
+if (!customElements.get('dile-crud-list')) {
+  customElements.define('dile-crud-list', DileCrudList);
+}

package/components/list/crud-select-all.js

@@ -1,2 +1,4 @@
 import { DileCrudSelectAll } from "./src/DileCrudSelectAll.js";
-customElements.define('dile-crud-select-all', DileCrudSelectAll);
+if (!customElements.get('dile-crud-select-all')) {
+  customElements.define('dile-crud-select-all', DileCrudSelectAll);
+}

package/components/many-relation/many-relation.js

@@ -1,3 +1,5 @@
 import { DileManyRelation } from './src/DileManyRelation.js';
 
-customElements.define('dile-many-relation', DileManyRelation);
+if (!customElements.get('dile-many-relation')) {
+  customElements.define('dile-many-relation', DileManyRelation);
+}

package/components/relation-checker/relation-checker-item.js

@@ -1,3 +1,5 @@
 import { DileRelationCheckerItem } from './src/DileRelationCheckerItem.js';
 
-customElements.define('dile-relation-checker-item', DileRelationCheckerItem);
+if (!customElements.get('dile-relation-checker-item')) {
+  customElements.define('dile-relation-checker-item', DileRelationCheckerItem);
+}

package/components/relation-checker/relation-checker.js

@@ -1,3 +1,5 @@
 import { DileRelationChecker } from './src/DileRelationChecker.js';
 
-customElements.define('dile-relation-checker', DileRelationChecker);
+if (!customElements.get('dile-relation-checker')) {
+  customElements.define('dile-relation-checker', DileRelationChecker);
+}

package/components/single/crud-single.js

@@ -1,2 +1,4 @@
 import { DileCrudSingle } from "./src/DileCrudSingle.js";
-customElements.define('dile-crud-single', DileCrudSingle);
+if (!customElements.get('dile-crud-single')) {
+  customElements.define('dile-crud-single', DileCrudSingle);
+}

package/components/ui/crud-filters-form.js

@@ -1,3 +1,5 @@
 
 import { DileCrudFiltersForm } from "./src/DileCrudFiltersForm.js";
-customElements.define('dile-crud-filters-form', DileCrudFiltersForm);
+if (!customElements.get('dile-crud-filters-form')) {
+  customElements.define('dile-crud-filters-form', DileCrudFiltersForm);
+}

package/components/ui/crud-filters-list-item.js

@@ -1,2 +1,4 @@
 import { DileCrudFiltersListItem } from "./src/DileCrudFiltersListItem.js";
-customElements.define('dile-crud-filters-list-item', DileCrudFiltersListItem);
+if (!customElements.get('dile-crud-filters-list-item')) {
+  customElements.define('dile-crud-filters-list-item', DileCrudFiltersListItem);
+}

package/components/ui/crud-filters-list.js

@@ -1,2 +1,4 @@
 import { DileCrudFiltersList } from "./src/DileCrudFiltersList.js";
-customElements.define('dile-crud-filters-list', DileCrudFiltersList);
+if (!customElements.get('dile-crud-filters-list')) {
+  customElements.define('dile-crud-filters-list', DileCrudFiltersList);
+}

package/components/ui/crud-filters.js

@@ -1,2 +1,4 @@
 import { DileCrudFilters } from "./src/DileCrudFilters.js";
-customElements.define('dile-crud-filters', DileCrudFilters);
+if (!customElements.get('dile-crud-filters')) {
+  customElements.define('dile-crud-filters', DileCrudFilters);
+}

package/components/ui/crud-list-options.js

@@ -1,2 +1,4 @@
 import { DileCrudListOptions } from "./src/DileCrudListOptions.js";
-customElements.define('dile-crud-list-options', DileCrudListOptions);
+if (!customElements.get('dile-crud-list-options')) {
+  customElements.define('dile-crud-list-options', DileCrudListOptions);
+}

package/components/ui/crud-page-size-select.js

@@ -1,2 +1,4 @@
 import { DileCrudPageSizeSelect } from "./src/DileCrudPageSizeSelect.js";
-customElements.define('dile-crud-page-size-select', DileCrudPageSizeSelect);
+if (!customElements.get('dile-crud-page-size-select')) {
+  customElements.define('dile-crud-page-size-select', DileCrudPageSizeSelect);
+}

package/components/ui/crud-page-size.js

@@ -1,2 +1,4 @@
 import { DileCrudPageSize } from "./src/DileCrudPageSize.js";
-customElements.define('dile-crud-page-size', DileCrudPageSize);
+if (!customElements.get('dile-crud-page-size')) {
+  customElements.define('dile-crud-page-size', DileCrudPageSize);
+}

package/components/ui/crud-pagination-nav-button.js

@@ -1,2 +1,4 @@
 import { DileCrudPaginationNavButton } from './src/DileCrudPaginationNavButton.js';
-customElements.define('dile-crud-pagination-nav-button', DileCrudPaginationNavButton);
+if (!customElements.get('dile-crud-pagination-nav-button')) {
+  customElements.define('dile-crud-pagination-nav-button', DileCrudPaginationNavButton);
+}

package/components/ui/crud-sort-form.js

@@ -1,2 +1,4 @@
 import { DileCrudSortForm } from "./src/DileCrudSortForm.js";
-customElements.define('dile-crud-sort-form', DileCrudSortForm);
+if (!customElements.get('dile-crud-sort-form')) {
+  customElements.define('dile-crud-sort-form', DileCrudSortForm);
+}

package/components/update/crud-update.js

@@ -1,2 +1,4 @@
 import { DileCrudUpdate } from './src/DileCrudUpdate.js';
-customElements.define('dile-crud-update', DileCrudUpdate);
+if (!customElements.get('dile-crud-update')) {
+  customElements.define('dile-crud-update', DileCrudUpdate);
+}

package/components/update/modal-crud-update.js

@@ -1,2 +1,4 @@
 import { DileModalCrudUpdate } from "./src/DileModalCrudUpdate.js";
-customElements.define('dile-modal-crud-update', DileModalCrudUpdate);
+if (!customElements.get('dile-modal-crud-update')) {
+  customElements.define('dile-modal-crud-update', DileModalCrudUpdate);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "2.1.11",
+  "version": "2.2.0",
   "description": "Components to create a generic crud system based on Web Components and Lit",
   "main": "index.js",
   "type": "module",
@@ -25,12 +25,12 @@
   },
   "homepage": "https://dile-components.com/",
   "dependencies": {
-    "@dile/ui": "^3.4.5",
+    "@dile/ui": "^3.5.0",
     "axios": "^1.19.0",
     "lit": "^2.7.0 || ^3.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "31136286663cc7482a95a8813d845e73c3f6c57d"
+  "gitHead": "817f0dfc3c345957ae7a63c113e22aa0f80a773f"
 }