@sme.up/ketchup 7.1.1 → 7.2.0

package/dist/collection/components/kup-list/kup-list-helper.js

@@ -41,13 +41,15 @@ export function consistencyCheck(idIn, listData, listEl, selectMode, displayMode
     displayedValue = getIdOfItemByDisplayMode(selected, displayMode, ' - ');
     trueValue = getIdOfItemByDisplayMode(selected, ItemsDisplayMode.CODE, ' - ');
   }
+  const listNode = validList
+    ? listData['data'].find((x) => x.id === trueValue)
+    : null;
+  let exists = listNode ? true : false;
   return {
     value: id,
     displayedValue: displayedValue,
-    exists: validList &&
-      listData['data'].find((x) => x.id === trueValue)
-      ? true
-      : false,
+    node: listNode,
+    exists: exists,
   };
 }
 export function getFirstItemSelected(listData) {

package/dist/collection/components/kup-list/kup-list.js

@@ -944,12 +944,6 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
   if (!this.filter) {
     return true;
   }
-  if (this.displayMode == ItemsDisplayMode.CODE) {
-    return (item.id.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
-  }
-  if (this.displayMode == ItemsDisplayMode.DESCRIPTION) {
-    return (item.value.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
-  }
   return (item.id.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0 ||
     item.value.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
 };

package/dist/collection/f-components/f-cell/f-cell-declarations.js

@@ -87,6 +87,8 @@ export var FCellShapes;
   FCellShapes["GAUGE"] = "GAU";
   FCellShapes["IMAGE"] = "IMG";
   FCellShapes["KNOB"] = "KNB";
+  FCellShapes["MULTI_AUTOCOMPLETE"] = "AML";
+  FCellShapes["MULTI_COMBOBOX"] = "CML";
   FCellShapes["PROGRESS_BAR"] = "PGB";
   FCellShapes["RADIO"] = "RAD";
   FCellShapes["RATING"] = "RTG";
@@ -115,6 +117,8 @@ export var FCellTypes;
   FCellTypes["IMAGE"] = "image";
   FCellTypes["KNOB"] = "knob";
   FCellTypes["LINK"] = "link";
+  FCellTypes["MULTI_AUTOCOMPLETE"] = "multi-autocomplete";
+  FCellTypes["MULTI_COMBOBOX"] = "multi-combobox";
   FCellTypes["NUMBER"] = "number";
   FCellTypes["PROGRESS_BAR"] = "progress-bar";
   FCellTypes["RADIO"] = "radio";
@@ -126,10 +130,13 @@ export var FCellTypes;
 export const editableTypes = [
   FCellTypes.AUTOCOMPLETE,
   FCellTypes.CHECKBOX,
+  FCellTypes.CHIP,
   FCellTypes.COLOR_PICKER,
   FCellTypes.COMBOBOX,
   FCellTypes.DATE,
   FCellTypes.LINK,
+  FCellTypes.MULTI_AUTOCOMPLETE,
+  FCellTypes.MULTI_COMBOBOX,
   FCellTypes.NUMBER,
   FCellTypes.RATING,
   FCellTypes.STRING,

package/dist/collection/f-components/f-cell/f-cell.js

@@ -9,6 +9,8 @@ import { FImage } from '../f-image/f-image';
 import { FChip } from '../f-chip/f-chip';
 import { KupThemeColorValues } from '../../managers/kup-theme/kup-theme-declarations';
 import { FSwitch } from '../f-switch/f-switch';
+import { FChipType } from '../f-chip/f-chip-declarations';
+import { ItemsDisplayMode } from '../../components/kup-list/kup-list-declarations';
 const dom = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -207,12 +209,18 @@ function setEditableCell(cellType, classObj, cell, column, props) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+    case FCellTypes.CHIP:
+      return (h("kup-chip", Object.assign({}, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }), h("kup-text-field", Object.assign({ fullWidth: true, slot: "field" }, cell.slotData))));
     case FCellTypes.COLOR_PICKER:
       return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
     case FCellTypes.COMBOBOX:
       return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
     case FCellTypes.DATE:
       return (h("kup-date-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
+    case FCellTypes.MULTI_AUTOCOMPLETE:
+      return (h("kup-chip", Object.assign({ displayId: true }, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }), h("kup-autocomplete", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, selectMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), showDropDownIcon: false }, cell.slotData))));
+    case FCellTypes.MULTI_COMBOBOX:
+      return (h("kup-chip", Object.assign({ displayId: true }, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }), h("kup-combobox", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, selectMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) }, cell.slotData))));
     case FCellTypes.RATING:
       return (h("kup-rating", Object.assign({ key: column.name + props.row.id }, cell.data, { disabled: false, "onkup-rating-click": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
     case FCellTypes.SWITCH:
@@ -362,6 +370,15 @@ function cellEvent(e, props, cellType, cellEventName) {
             value === '0' ? false : true;
         }
         break;
+      case FCellTypes.CHIP:
+      case FCellTypes.MULTI_AUTOCOMPLETE:
+      case FCellTypes.MULTI_COMBOBOX:
+        value = e.detail
+          .stringifiedValues;
+        if (cell.data) {
+          cell.data.data = e.detail.comp.data;
+        }
+        break;
     }
     if (cell.obj) {
       cell.obj.k = value.toString();

package/dist/collection/f-components/f-chip/f-chip.js

@@ -90,7 +90,9 @@ function createChipList(props, isChoice, isFilter, isInput) {
           ? props.onBlur[i].bind(props.onBlur[i], chip)
           : null, onFocus: props.onFocus && props.onFocus[i]
           ? props.onFocus[i].bind(props.onFocus[i], chip)
-          : null }, h("span", { class: "chip__text" }, chip.value))), isInput ? (h("span", { role: "gridcell" }, h("span", { tabindex: "-1", class: `kup-icon chip__icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onIconClick && props.onIconClick[i]
+          : null }, h("span", { class: "chip__text" }, props.displayId
+        ? chip.id + ' - ' + chip.value
+        : chip.value))), isInput ? (h("span", { role: "gridcell" }, h("span", { tabindex: "-1", class: `kup-icon chip__icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onIconClick && props.onIconClick[i]
           ? props.onIconClick[i].bind(props.onIconClick[i], chip)
           : null }))) : null));
     }

package/dist/collection/managers/kup-data/kup-data.js

@@ -52,6 +52,10 @@ export class KupData {
               return FCellTypes.IMAGE;
             case FCellShapes.KNOB:
               return FCellTypes.KNOB;
+            case FCellShapes.MULTI_AUTOCOMPLETE:
+              return FCellTypes.MULTI_AUTOCOMPLETE;
+            case FCellShapes.MULTI_COMBOBOX:
+              return FCellTypes.MULTI_COMBOBOX;
             case FCellShapes.PROGRESS_BAR:
               return FCellTypes.PROGRESS_BAR;
             case FCellShapes.RADIO:

package/dist/collection/managers/kup-interact/kup-interact.js

@@ -12,12 +12,28 @@ export class KupInteract {
    * @param {RectResolvable<[number, number, Interaction<keyof ActionMap>]>} restrictContainer - The container setting the restriction's boundary.
    */
   constructor(zIndex, restrictContainer) {
+    this.defaultModalCb = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      if (this.modalCb) {
+        this.modalCb(e);
+        this.modalCb = null;
+      }
+    };
     interact.dynamicDrop(true);
     this.container = document.createElement('div');
     this.container.setAttribute('kup-interact', '');
+    this.modalBackdrop = document.createElement('div');
+    this.modalBackdrop.setAttribute('kup-modal-backdrop', '');
+    this.modalBackdrop.style.zIndex = (zIndex - 1).toString();
+    this.modalBackdrop.addEventListener('click', this.defaultModalCb);
+    this.modalBackdrop.addEventListener('pointerdown', this.defaultModalCb);
+    this.modalBackdrop.addEventListener('touchstart', this.defaultModalCb);
+    this.container.appendChild(this.modalBackdrop);
     document.body.appendChild(this.container);
     this.managedElements = new Set();
-    this.zIndex = zIndex ? zIndex : 200;
+    this.zIndex = zIndex ? zIndex : 1000;
+    this.modalBackdrop.style.zIndex = (this.zIndex - 1).toString();
     this.restrictContainer = restrictContainer ? restrictContainer : null;
   }
   /**
@@ -342,6 +358,22 @@ export class KupInteract {
       }, null, true, true);
     }
   }
+  /**
+   * Hides the modal's backdrop.
+   */
+  hideModalBackdrop() {
+    this.modalBackdrop.classList.remove('visible');
+    this.modalCb = null;
+  }
+  /**
+   * Displays the modal's backdrop.
+   */
+  showModalBackdrop(cb) {
+    this.modalBackdrop.classList.add('visible');
+    if (cb) {
+      this.modalCb = cb;
+    }
+  }
   /**
    * Removes all event listeners from the elements in the array.
    * @param {HTMLElement[]} elements - Elements to handle.

package/dist/collection/managers/kup-theme/kup-theme-declarations.js

@@ -71,6 +71,7 @@ export const fImageUsers = [
   KupTagNames.CHIP,
   KupTagNames.DASHBOARD,
   KupTagNames.DATA_TABLE,
+  KupTagNames.DIALOG,
   KupTagNames.DROPDOWN_BUTTON,
   KupTagNames.FAMILY_TREE,
   KupTagNames.FORM,

package/dist/collection/types/GenericTypes.js

@@ -22,6 +22,7 @@ export var KupTagNames;
   KupTagNames["DASHBOARD"] = "KUP-DASHBOARD";
   KupTagNames["DATA_TABLE"] = "KUP-DATA-TABLE";
   KupTagNames["DATE_PICKER"] = "KUP-DATE-PICKER";
+  KupTagNames["DIALOG"] = "KUP-DIALOG";
   KupTagNames["DRAWER"] = "KUP-DRAWER";
   KupTagNames["DROPDOWN_BUTTON"] = "KUP-DROPDOWN-BUTTON";
   KupTagNames["FAMILY_TREE"] = "KUP-FAMILY-TREE";

package/dist/components/index.d.ts

@@ -1,52 +1,3 @@
-/* ketchup custom elements */
-export { KupAccordion as KupAccordion } from '../types/components/kup-accordion/kup-accordion';
-export { KupAutocomplete as KupAutocomplete } from '../types/components/kup-autocomplete/kup-autocomplete';
-export { KupBadge as KupBadge } from '../types/components/kup-badge/kup-badge';
-export { KupBox as KupBox } from '../types/components/kup-box/kup-box';
-export { KupButton as KupButton } from '../types/components/kup-button/kup-button';
-export { KupButtonList as KupButtonList } from '../types/components/kup-button-list/kup-button-list';
-export { KupCalendar as KupCalendar } from '../types/components/kup-calendar/kup-calendar';
-export { KupCard as KupCard } from '../types/components/kup-card/kup-card';
-export { KupCell as KupCell } from '../types/components/kup-cell/kup-cell';
-export { KupChart as KupChart } from '../types/components/kup-chart/kup-chart';
-export { KupCheckbox as KupCheckbox } from '../types/components/kup-checkbox/kup-checkbox';
-export { KupChip as KupChip } from '../types/components/kup-chip/kup-chip';
-export { KupColorPicker as KupColorPicker } from '../types/components/kup-color-picker/kup-color-picker';
-export { KupCombobox as KupCombobox } from '../types/components/kup-combobox/kup-combobox';
-export { KupDash as KupDash } from '../types/components/kup-dash/kup-dash';
-export { KupDashList as KupDashList } from '../types/components/kup-dash-list/kup-dash-list';
-export { KupDashboard as KupDashboard } from '../types/components/kup-dashboard/kup-dashboard';
-export { KupDataTable as KupDataTable } from '../types/components/kup-data-table/kup-data-table';
-export { KupDatePicker as KupDatePicker } from '../types/components/kup-date-picker/kup-date-picker';
-export { KupDrawer as KupDrawer } from '../types/components/kup-drawer/kup-drawer';
-export { KupDropdownButton as KupDropdownButton } from '../types/components/kup-dropdown-button/kup-dropdown-button';
-export { KupEchart as KupEchart } from '../types/components/kup-echart/kup-echart';
-export { KupFamilyTree as KupFamilyTree } from '../types/components/kup-family-tree/kup-family-tree';
-export { KupForm as KupForm } from '../types/components/kup-form/kup-form';
-export { KupGauge as KupGauge } from '../types/components/kup-gauge/kup-gauge';
-export { KupGrid as KupGrid } from '../types/components/kup-grid/kup-grid';
-export { KupIframe as KupIframe } from '../types/components/kup-iframe/kup-iframe';
-export { KupImage as KupImage } from '../types/components/kup-image/kup-image';
-export { KupImageList as KupImageList } from '../types/components/kup-image-list/kup-image-list';
-export { KupLazy as KupLazy } from '../types/components/kup-lazy/kup-lazy';
-export { KupList as KupList } from '../types/components/kup-list/kup-list';
-export { KupMagicBox as KupMagicBox } from '../types/components/kup-magic-box/kup-magic-box';
-export { KupNavBar as KupNavBar } from '../types/components/kup-nav-bar/kup-nav-bar';
-export { KupNumericPicker as KupNumericPicker } from '../types/components/kup-numeric-picker/kup-numeric-picker';
-export { KupPhotoFrame as KupPhotoFrame } from '../types/components/kup-photo-frame/kup-photo-frame';
-export { KupProbe as KupProbe } from '../types/components/kup-probe/kup-probe';
-export { KupProgressBar as KupProgressBar } from '../types/components/kup-progress-bar/kup-progress-bar';
-export { KupQlik as KupQlik } from '../types/components/kup-qlik/kup-qlik';
-export { KupRadio as KupRadio } from '../types/components/kup-radio/kup-radio';
-export { KupRating as KupRating } from '../types/components/kup-rating/kup-rating';
-export { KupSnackbar as KupSnackbar } from '../types/components/kup-snackbar/kup-snackbar';
-export { KupSpinner as KupSpinner } from '../types/components/kup-spinner/kup-spinner';
-export { KupSwitch as KupSwitch } from '../types/components/kup-switch/kup-switch';
-export { KupTabBar as KupTabBar } from '../types/components/kup-tab-bar/kup-tab-bar';
-export { KupTextField as KupTextField } from '../types/components/kup-text-field/kup-text-field';
-export { KupTimePicker as KupTimePicker } from '../types/components/kup-time-picker/kup-time-picker';
-export { KupTree as KupTree } from '../types/components/kup-tree/kup-tree';
-
 /**
  * Used to manually set the base path where assets can be found.
  * If the script is used as "module", it's recommended to use "import.meta.url",
@@ -59,10 +10,18 @@ export { KupTree as KupTree } from '../types/components/kup-tree/kup-tree';
  */
 export declare const setAssetPath: (path: string) => void;
 
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
 export interface SetPlatformOptions {
   raf?: (c: FrameRequestCallback) => number;
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-export * from '../types/components';

package/dist/components/index.js

@@ -1,48 +1 @@
-export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-export { KupAccordion, defineCustomElement as defineCustomElementKupAccordion } from './kup-accordion.js';
-export { KupAutocomplete, defineCustomElement as defineCustomElementKupAutocomplete } from './kup-autocomplete.js';
-export { KupBadge, defineCustomElement as defineCustomElementKupBadge } from './kup-badge.js';
-export { KupBox, defineCustomElement as defineCustomElementKupBox } from './kup-box.js';
-export { KupButton, defineCustomElement as defineCustomElementKupButton } from './kup-button.js';
-export { KupButtonList, defineCustomElement as defineCustomElementKupButtonList } from './kup-button-list.js';
-export { KupCalendar, defineCustomElement as defineCustomElementKupCalendar } from './kup-calendar.js';
-export { KupCard, defineCustomElement as defineCustomElementKupCard } from './kup-card.js';
-export { KupCell, defineCustomElement as defineCustomElementKupCell } from './kup-cell.js';
-export { KupChart, defineCustomElement as defineCustomElementKupChart } from './kup-chart.js';
-export { KupCheckbox, defineCustomElement as defineCustomElementKupCheckbox } from './kup-checkbox.js';
-export { KupChip, defineCustomElement as defineCustomElementKupChip } from './kup-chip.js';
-export { KupColorPicker, defineCustomElement as defineCustomElementKupColorPicker } from './kup-color-picker.js';
-export { KupCombobox, defineCustomElement as defineCustomElementKupCombobox } from './kup-combobox.js';
-export { KupDash, defineCustomElement as defineCustomElementKupDash } from './kup-dash.js';
-export { KupDashList, defineCustomElement as defineCustomElementKupDashList } from './kup-dash-list.js';
-export { KupDashboard, defineCustomElement as defineCustomElementKupDashboard } from './kup-dashboard.js';
-export { KupDataTable, defineCustomElement as defineCustomElementKupDataTable } from './kup-data-table.js';
-export { KupDatePicker, defineCustomElement as defineCustomElementKupDatePicker } from './kup-date-picker.js';
-export { KupDrawer, defineCustomElement as defineCustomElementKupDrawer } from './kup-drawer.js';
-export { KupDropdownButton, defineCustomElement as defineCustomElementKupDropdownButton } from './kup-dropdown-button.js';
-export { KupEchart, defineCustomElement as defineCustomElementKupEchart } from './kup-echart.js';
-export { KupFamilyTree, defineCustomElement as defineCustomElementKupFamilyTree } from './kup-family-tree.js';
-export { KupForm, defineCustomElement as defineCustomElementKupForm } from './kup-form.js';
-export { KupGauge, defineCustomElement as defineCustomElementKupGauge } from './kup-gauge.js';
-export { KupGrid, defineCustomElement as defineCustomElementKupGrid } from './kup-grid.js';
-export { KupIframe, defineCustomElement as defineCustomElementKupIframe } from './kup-iframe.js';
-export { KupImage, defineCustomElement as defineCustomElementKupImage } from './kup-image.js';
-export { KupImageList, defineCustomElement as defineCustomElementKupImageList } from './kup-image-list.js';
-export { KupLazy, defineCustomElement as defineCustomElementKupLazy } from './kup-lazy.js';
-export { KupList, defineCustomElement as defineCustomElementKupList } from './kup-list.js';
-export { KupMagicBox, defineCustomElement as defineCustomElementKupMagicBox } from './kup-magic-box.js';
-export { KupNavBar, defineCustomElement as defineCustomElementKupNavBar } from './kup-nav-bar.js';
-export { KupNumericPicker, defineCustomElement as defineCustomElementKupNumericPicker } from './kup-numeric-picker.js';
-export { KupPhotoFrame, defineCustomElement as defineCustomElementKupPhotoFrame } from './kup-photo-frame.js';
-export { KupProbe, defineCustomElement as defineCustomElementKupProbe } from './kup-probe.js';
-export { KupProgressBar, defineCustomElement as defineCustomElementKupProgressBar } from './kup-progress-bar.js';
-export { KupQlik, defineCustomElement as defineCustomElementKupQlik } from './kup-qlik.js';
-export { KupRadio, defineCustomElement as defineCustomElementKupRadio } from './kup-radio.js';
-export { KupRating, defineCustomElement as defineCustomElementKupRating } from './kup-rating.js';
-export { KupSnackbar, defineCustomElement as defineCustomElementKupSnackbar } from './kup-snackbar.js';
-export { KupSpinner, defineCustomElement as defineCustomElementKupSpinner } from './kup-spinner.js';
-export { KupSwitch, defineCustomElement as defineCustomElementKupSwitch } from './kup-switch.js';
-export { KupTabBar, defineCustomElement as defineCustomElementKupTabBar } from './kup-tab-bar.js';
-export { KupTextField, defineCustomElement as defineCustomElementKupTextField } from './kup-text-field.js';
-export { KupTimePicker, defineCustomElement as defineCustomElementKupTimePicker } from './kup-time-picker.js';
-export { KupTree, defineCustomElement as defineCustomElementKupTree } from './kup-tree.js';
+export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/kup-accordion.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, M as MDCRipple, g as getProps, s as setProps, F as FImage, K as KupThemeColorValues, a as KupThemeIconValues, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r } from './kup-autocomplete2.js';
+import { k as kupManagerInstance, M as MDCRipple, g as getProps, s as setProps, F as FImage, K as KupThemeColorValues, a as KupThemeIconValues, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
 
 /**
  * Props of the kup-accordion component.
@@ -217,7 +217,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["kup-accordion", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
+  const components = ["kup-accordion", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
   components.forEach(tagName => { switch (tagName) {
     case "kup-accordion":
       if (!customElements.get(tagName)) {
@@ -226,60 +226,65 @@ function defineCustomElement$1() {
       break;
     case "kup-autocomplete":
       if (!customElements.get(tagName)) {
-        defineCustomElement$r();
+        defineCustomElement$s();
       }
       break;
     case "kup-badge":
       if (!customElements.get(tagName)) {
-        defineCustomElement$q();
+        defineCustomElement$r();
       }
       break;
     case "kup-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$p();
+        defineCustomElement$q();
       }
       break;
     case "kup-button-list":
       if (!customElements.get(tagName)) {
-        defineCustomElement$o();
+        defineCustomElement$p();
       }
       break;
     case "kup-card":
       if (!customElements.get(tagName)) {
-        defineCustomElement$n();
+        defineCustomElement$o();
       }
       break;
     case "kup-chart":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$n();
       }
       break;
     case "kup-checkbox":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$m();
       }
       break;
     case "kup-chip":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$l();
       }
       break;
     case "kup-color-picker":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$k();
       }
       break;
     case "kup-combobox":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "kup-data-table":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "kup-date-picker":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "kup-dialog":
       if (!customElements.get(tagName)) {
         defineCustomElement$g();
       }

package/dist/components/kup-autocomplete.js

@@ -1,4 +1,4 @@
-import { G as KupAutocomplete$1, E as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { H as KupAutocomplete$1, G as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupAutocomplete = KupAutocomplete$1;
 const defineCustomElement = defineCustomElement$1;