@siemens/ix-vue 4.3.0 → 5.0.0

package/dist/index.js

@@ -1,130 +1,229 @@
-import { IxActionCard as o, IxApplication as t, IxApplicationHeader as r, IxAvatar as a, IxBlind as n, IxBreadcrumb as i, IxBreadcrumbItem as p, IxButton as l, IxCard as u, IxCardAccordion as d, IxCardContent as s, IxCardList as m, IxCardTitle as T, IxCategoryFilter as c, IxCheckbox as C, IxCheckboxGroup as M, IxChip as g, IxCol as A, IxContent as f, IxContentHeader as w, IxCustomField as D, IxDateDropdown as P, IxDateInput as B, IxDatePicker as L, IxDatetimePicker as b, IxDivider as h, IxDrawer as y, IxDropdown as S, IxDropdownButton as k, IxDropdownHeader as v, IxDropdownItem as F, IxDropdownQuickActions as G, IxEmptyState as R, IxEventList as E, IxEventListItem as H, IxExpandingSearch as _, IxFieldLabel as K, IxFilterChip as O, IxFlipTile as V, IxFlipTileContent as N, IxGroup as U, IxGroupContextMenu as W, IxGroupItem as Q, IxHelperText as j, IxIconButton as q, IxIconToggleButton as z, IxInput as J, IxInputGroup as X, IxKeyValue as Y, IxKeyValueList as Z, IxKpi as $, IxLayoutAuto as II, IxLayoutGrid as xI, IxLinkButton as eI, IxMenu as oI, IxMenuAbout as tI, IxMenuAboutItem as rI, IxMenuAboutNews as aI, IxMenuAvatar as nI, IxMenuAvatarItem as iI, IxMenuCategory as pI, IxMenuItem as lI, IxMenuSettings as uI, IxMenuSettingsItem as dI, IxMessageBar as sI, IxModal as mI, IxModalContent as TI, IxModalFooter as cI, IxModalHeader as CI, IxNumberInput as MI, IxPagination as gI, IxPane as AI, IxPaneLayout as fI, IxPill as wI, IxProgressIndicator as DI, IxPushCard as PI, IxRadio as BI, IxRadioGroup as LI, IxRow as bI, IxSelect as hI, IxSelectItem as yI, IxSlider as SI, IxSpinner as kI, IxSplitButton as vI, IxTabItem as FI, IxTabs as GI, IxTextarea as RI, IxTile as EI, IxTimeInput as HI, IxTimePicker as _I, IxToast as KI, IxToastContainer as OI, IxToggle as VI, IxToggleButton as NI, IxTooltip as UI, IxTree as WI, IxTreeItem as QI, IxTypography as jI, IxUpload as qI, IxValidationTooltip as zI, IxWorkflowStep as JI, IxWorkflowSteps as XI } from "./components.js";
-import { default as ZI } from "./context/IxApplicationContext.vue.js";
+import { IxActionCard } from "./components/ix-action-card.js";
+import { IxApplication } from "./components/ix-application.js";
+import { IxApplicationHeader } from "./components/ix-application-header.js";
+import { IxAvatar } from "./components/ix-avatar.js";
+import { IxBlind } from "./components/ix-blind.js";
+import { IxBreadcrumb } from "./components/ix-breadcrumb.js";
+import { IxBreadcrumbItem } from "./components/ix-breadcrumb-item.js";
+import { IxButton } from "./components/ix-button.js";
+import { IxCard } from "./components/ix-card.js";
+import { IxCardAccordion } from "./components/ix-card-accordion.js";
+import { IxCardContent } from "./components/ix-card-content.js";
+import { IxCardList } from "./components/ix-card-list.js";
+import { IxCardTitle } from "./components/ix-card-title.js";
+import { IxCategoryFilter } from "./components/ix-category-filter.js";
+import { IxCheckbox } from "./components/ix-checkbox.js";
+import { IxCheckboxGroup } from "./components/ix-checkbox-group.js";
+import { IxChip } from "./components/ix-chip.js";
+import { IxCol } from "./components/ix-col.js";
+import { IxContent } from "./components/ix-content.js";
+import { IxContentHeader } from "./components/ix-content-header.js";
+import { IxCustomField } from "./components/ix-custom-field.js";
+import { IxDateDropdown } from "./components/ix-date-dropdown.js";
+import { IxDateInput } from "./components/ix-date-input.js";
+import { IxDatePicker } from "./components/ix-date-picker.js";
+import { IxDatetimeInput } from "./components/ix-datetime-input.js";
+import { IxDatetimePicker } from "./components/ix-datetime-picker.js";
+import { IxDivider } from "./components/ix-divider.js";
+import { IxDropdown } from "./components/ix-dropdown.js";
+import { IxDropdownButton } from "./components/ix-dropdown-button.js";
+import { IxDropdownHeader } from "./components/ix-dropdown-header.js";
+import { IxDropdownItem } from "./components/ix-dropdown-item.js";
+import { IxDropdownQuickActions } from "./components/ix-dropdown-quick-actions.js";
+import { IxEmptyState } from "./components/ix-empty-state.js";
+import { IxEventList } from "./components/ix-event-list.js";
+import { IxEventListItem } from "./components/ix-event-list-item.js";
+import { IxExpandingSearch } from "./components/ix-expanding-search.js";
+import { IxFieldLabel } from "./components/ix-field-label.js";
+import { IxFilterChip } from "./components/ix-filter-chip.js";
+import { IxFlipTile } from "./components/ix-flip-tile.js";
+import { IxFlipTileContent } from "./components/ix-flip-tile-content.js";
+import { IxGroup } from "./components/ix-group.js";
+import { IxGroupContextMenu } from "./components/ix-group-context-menu.js";
+import { IxGroupItem } from "./components/ix-group-item.js";
+import { IxHelperText } from "./components/ix-helper-text.js";
+import { IxIconButton } from "./components/ix-icon-button.js";
+import { IxIconToggleButton } from "./components/ix-icon-toggle-button.js";
+import { IxInput } from "./components/ix-input.js";
+import { IxKeyValue } from "./components/ix-key-value.js";
+import { IxKeyValueList } from "./components/ix-key-value-list.js";
+import { IxKpi } from "./components/ix-kpi.js";
+import { IxLayoutAuto } from "./components/ix-layout-auto.js";
+import { IxLayoutGrid } from "./components/ix-layout-grid.js";
+import { IxLinkButton } from "./components/ix-link-button.js";
+import { IxMenu } from "./components/ix-menu.js";
+import { IxMenuAbout } from "./components/ix-menu-about.js";
+import { IxMenuAboutItem } from "./components/ix-menu-about-item.js";
+import { IxMenuAboutNews } from "./components/ix-menu-about-news.js";
+import { IxMenuAvatar } from "./components/ix-menu-avatar.js";
+import { IxMenuAvatarItem } from "./components/ix-menu-avatar-item.js";
+import { IxMenuCategory } from "./components/ix-menu-category.js";
+import { IxMenuItem } from "./components/ix-menu-item.js";
+import { IxMenuSettings } from "./components/ix-menu-settings.js";
+import { IxMenuSettingsItem } from "./components/ix-menu-settings-item.js";
+import { IxMessageBar } from "./components/ix-message-bar.js";
+import { IxModal } from "./components/ix-modal.js";
+import { IxModalContent } from "./components/ix-modal-content.js";
+import { IxModalFooter } from "./components/ix-modal-footer.js";
+import { IxModalHeader } from "./components/ix-modal-header.js";
+import { IxNumberInput } from "./components/ix-number-input.js";
+import { IxPagination } from "./components/ix-pagination.js";
+import { IxPane } from "./components/ix-pane.js";
+import { IxPaneLayout } from "./components/ix-pane-layout.js";
+import { IxPill } from "./components/ix-pill.js";
+import { IxProgressIndicator } from "./components/ix-progress-indicator.js";
+import { IxPushCard } from "./components/ix-push-card.js";
+import { IxRadio } from "./components/ix-radio.js";
+import { IxRadioGroup } from "./components/ix-radio-group.js";
+import { IxRangeField } from "./components/ix-range-field.js";
+import { IxRow } from "./components/ix-row.js";
+import { IxSelect } from "./components/ix-select.js";
+import { IxSelectItem } from "./components/ix-select-item.js";
+import { IxSlider } from "./components/ix-slider.js";
+import { IxSpinner } from "./components/ix-spinner.js";
+import { IxSplitButton } from "./components/ix-split-button.js";
+import { IxTabItem } from "./components/ix-tab-item.js";
+import { IxTabs } from "./components/ix-tabs.js";
+import { IxTextarea } from "./components/ix-textarea.js";
+import { IxTile } from "./components/ix-tile.js";
+import { IxTimeInput } from "./components/ix-time-input.js";
+import { IxTimePicker } from "./components/ix-time-picker.js";
+import { IxToast } from "./components/ix-toast.js";
+import { IxToastContainer } from "./components/ix-toast-container.js";
+import { IxToggle } from "./components/ix-toggle.js";
+import { IxToggleButton } from "./components/ix-toggle-button.js";
+import { IxTooltip } from "./components/ix-tooltip.js";
+import { IxTree } from "./components/ix-tree.js";
+import { IxTreeItem } from "./components/ix-tree-item.js";
+import { IxTypography } from "./components/ix-typography.js";
+import { IxUpload } from "./components/ix-upload.js";
+import { IxWorkflowStep } from "./components/ix-workflow-step.js";
+import { IxWorkflowSteps } from "./components/ix-workflow-steps.js";
+import { default as default2 } from "./context/IxApplicationContext.vue.js";
 import "./internal-components.js";
-import { IxIcon as Ix } from "./ix-icon.js";
-import { closeModal as ex, dismissModal as ox, showModal as tx, showModalLoading as rx } from "./modal/index.js";
-import { ixPlugin as nx } from "./plugin.js";
-import { setToastPosition as px, showToast as lx } from "./toast/toast.js";
-import { showMessage as dx } from "./message/message.js";
-import { default as mx } from "./modal/Modal.vue.js";
-import { default as cx } from "./modal/IxOverlay.vue.js";
-import { DATA_PORTAL_ID_ATTRIBUTE as Mx, PORTAL_ID as gx } from "./modal/constants.js";
+import { IxIcon } from "./ix-icon.js";
+import { closeModal, dismissModal, showModal, showModalLoading } from "./modal/index.js";
+import { ixPlugin } from "./plugin.js";
+import { setToastPosition, showToast } from "./toast/toast.js";
+import { showMessage } from "./message/message.js";
+import { default as default3 } from "./modal/IxOverlay.vue.js";
+import { default as default4 } from "./modal/Modal.vue.js";
+import { DATA_PORTAL_ID_ATTRIBUTE, PORTAL_ID } from "./modal/constants.js";
 export {
-  Mx as DATA_PORTAL_ID_ATTRIBUTE,
-  o as IxActionCard,
-  t as IxApplication,
-  ZI as IxApplicationContext,
-  r as IxApplicationHeader,
-  a as IxAvatar,
-  n as IxBlind,
-  i as IxBreadcrumb,
-  p as IxBreadcrumbItem,
-  l as IxButton,
-  u as IxCard,
-  d as IxCardAccordion,
-  s as IxCardContent,
-  m as IxCardList,
-  T as IxCardTitle,
-  c as IxCategoryFilter,
-  C as IxCheckbox,
-  M as IxCheckboxGroup,
-  g as IxChip,
-  A as IxCol,
-  f as IxContent,
-  w as IxContentHeader,
-  D as IxCustomField,
-  P as IxDateDropdown,
-  B as IxDateInput,
-  L as IxDatePicker,
-  b as IxDatetimePicker,
-  h as IxDivider,
-  y as IxDrawer,
-  S as IxDropdown,
-  k as IxDropdownButton,
-  v as IxDropdownHeader,
-  F as IxDropdownItem,
-  G as IxDropdownQuickActions,
-  R as IxEmptyState,
-  E as IxEventList,
-  H as IxEventListItem,
-  _ as IxExpandingSearch,
-  K as IxFieldLabel,
-  O as IxFilterChip,
-  V as IxFlipTile,
-  N as IxFlipTileContent,
-  U as IxGroup,
-  W as IxGroupContextMenu,
-  Q as IxGroupItem,
-  j as IxHelperText,
-  Ix as IxIcon,
-  q as IxIconButton,
-  z as IxIconToggleButton,
-  J as IxInput,
-  X as IxInputGroup,
-  Y as IxKeyValue,
-  Z as IxKeyValueList,
-  $ as IxKpi,
-  II as IxLayoutAuto,
-  xI as IxLayoutGrid,
-  eI as IxLinkButton,
-  oI as IxMenu,
-  tI as IxMenuAbout,
-  rI as IxMenuAboutItem,
-  aI as IxMenuAboutNews,
-  nI as IxMenuAvatar,
-  iI as IxMenuAvatarItem,
-  pI as IxMenuCategory,
-  lI as IxMenuItem,
-  uI as IxMenuSettings,
-  dI as IxMenuSettingsItem,
-  sI as IxMessageBar,
-  mI as IxModal,
-  TI as IxModalContent,
-  cI as IxModalFooter,
-  CI as IxModalHeader,
-  MI as IxNumberInput,
-  cx as IxOverlay,
-  gI as IxPagination,
-  AI as IxPane,
-  fI as IxPaneLayout,
-  wI as IxPill,
-  DI as IxProgressIndicator,
-  PI as IxPushCard,
-  BI as IxRadio,
-  LI as IxRadioGroup,
-  bI as IxRow,
-  hI as IxSelect,
-  yI as IxSelectItem,
-  SI as IxSlider,
-  kI as IxSpinner,
-  vI as IxSplitButton,
-  FI as IxTabItem,
-  GI as IxTabs,
-  RI as IxTextarea,
-  EI as IxTile,
-  HI as IxTimeInput,
-  _I as IxTimePicker,
-  KI as IxToast,
-  OI as IxToastContainer,
-  VI as IxToggle,
-  NI as IxToggleButton,
-  UI as IxTooltip,
-  WI as IxTree,
-  QI as IxTreeItem,
-  jI as IxTypography,
-  qI as IxUpload,
-  zI as IxValidationTooltip,
-  JI as IxWorkflowStep,
-  XI as IxWorkflowSteps,
-  mx as Modal,
-  gx as PORTAL_ID,
-  ex as closeModal,
-  ox as dismissModal,
-  nx as ixPlugin,
-  px as setToastPosition,
-  dx as showMessage,
-  tx as showModal,
-  rx as showModalLoading,
-  lx as showToast
+  DATA_PORTAL_ID_ATTRIBUTE,
+  IxActionCard,
+  IxApplication,
+  default2 as IxApplicationContext,
+  IxApplicationHeader,
+  IxAvatar,
+  IxBlind,
+  IxBreadcrumb,
+  IxBreadcrumbItem,
+  IxButton,
+  IxCard,
+  IxCardAccordion,
+  IxCardContent,
+  IxCardList,
+  IxCardTitle,
+  IxCategoryFilter,
+  IxCheckbox,
+  IxCheckboxGroup,
+  IxChip,
+  IxCol,
+  IxContent,
+  IxContentHeader,
+  IxCustomField,
+  IxDateDropdown,
+  IxDateInput,
+  IxDatePicker,
+  IxDatetimeInput,
+  IxDatetimePicker,
+  IxDivider,
+  IxDropdown,
+  IxDropdownButton,
+  IxDropdownHeader,
+  IxDropdownItem,
+  IxDropdownQuickActions,
+  IxEmptyState,
+  IxEventList,
+  IxEventListItem,
+  IxExpandingSearch,
+  IxFieldLabel,
+  IxFilterChip,
+  IxFlipTile,
+  IxFlipTileContent,
+  IxGroup,
+  IxGroupContextMenu,
+  IxGroupItem,
+  IxHelperText,
+  IxIcon,
+  IxIconButton,
+  IxIconToggleButton,
+  IxInput,
+  IxKeyValue,
+  IxKeyValueList,
+  IxKpi,
+  IxLayoutAuto,
+  IxLayoutGrid,
+  IxLinkButton,
+  IxMenu,
+  IxMenuAbout,
+  IxMenuAboutItem,
+  IxMenuAboutNews,
+  IxMenuAvatar,
+  IxMenuAvatarItem,
+  IxMenuCategory,
+  IxMenuItem,
+  IxMenuSettings,
+  IxMenuSettingsItem,
+  IxMessageBar,
+  IxModal,
+  IxModalContent,
+  IxModalFooter,
+  IxModalHeader,
+  IxNumberInput,
+  default3 as IxOverlay,
+  IxPagination,
+  IxPane,
+  IxPaneLayout,
+  IxPill,
+  IxProgressIndicator,
+  IxPushCard,
+  IxRadio,
+  IxRadioGroup,
+  IxRangeField,
+  IxRow,
+  IxSelect,
+  IxSelectItem,
+  IxSlider,
+  IxSpinner,
+  IxSplitButton,
+  IxTabItem,
+  IxTabs,
+  IxTextarea,
+  IxTile,
+  IxTimeInput,
+  IxTimePicker,
+  IxToast,
+  IxToastContainer,
+  IxToggle,
+  IxToggleButton,
+  IxTooltip,
+  IxTree,
+  IxTreeItem,
+  IxTypography,
+  IxUpload,
+  IxWorkflowStep,
+  IxWorkflowSteps,
+  default4 as Modal,
+  PORTAL_ID,
+  closeModal,
+  dismissModal,
+  ixPlugin,
+  setToastPosition,
+  showMessage,
+  showModal,
+  showModalLoading,
+  showToast
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/internal-components.js

@@ -1,15 +1,5 @@
-import { defineCustomElement as e } from "@siemens/ix/components/ix-application-sidebar.js";
-import { defineCustomElement as m } from "@siemens/ix/components/ix-application-switch-modal.js";
-import { defineCustomElement as t } from "@siemens/ix/components/ix-menu-expand-icon.js";
-import { defineCustomElement as o } from "@siemens/ix/components/ix-date-time-card.js";
-import { defineCustomElement as n } from "@siemens/ix/components/ix-modal-loading.js";
-import { defineCustomElement as f } from "@siemens/ix/components/ix-field-label.js";
-import { defineCustomElement as i } from "@siemens/ix-icons/components/ix-icon.js";
-m();
-e();
-o();
-t();
-n();
-f();
-i();
+import { defineCustomElement } from "@siemens/ix/components/ix-application-switch-modal.js";
+import { defineCustomElement as defineCustomElement$1 } from "@siemens/ix-icons/components/ix-icon.js";
+defineCustomElement();
+defineCustomElement$1();
 //# sourceMappingURL=internal-components.js.map

package/dist/internal-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal-components.js","sources":["../src/internal-components.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { defineCustomElement as defineIxApplicationSidebar } from '@siemens/ix/components/ix-application-sidebar.js';\nimport { defineCustomElement as defineIxApplicationSwitchModal } from '@siemens/ix/components/ix-application-switch-modal.js';\nimport { defineCustomElement as defineIxBurgerMenu } from '@siemens/ix/components/ix-menu-expand-icon.js';\nimport { defineCustomElement as defineIxDateTimeCard } from '@siemens/ix/components/ix-date-time-card.js';\nimport { defineCustomElement as defineIxModalLoading } from '@siemens/ix/components/ix-modal-loading.js';\nimport { defineCustomElement as defineIxFieldLabel } from '@siemens/ix/components/ix-field-label.js';\nimport { defineCustomElement as defineIxIcon } from '@siemens/ix-icons/components/ix-icon.js';\n\n/**\n * Define custom elements during usage of the library to ensure that all\n * components are registered before they are used.\n */\ndefineIxApplicationSwitchModal();\ndefineIxApplicationSidebar();\ndefineIxDateTimeCard();\ndefineIxBurgerMenu();\ndefineIxModalLoading();\ndefineIxFieldLabel();\ndefineIxIcon();\n"],"names":["defineIxApplicationSwitchModal","defineIxApplicationSidebar","defineIxDateTimeCard","defineIxBurgerMenu","defineIxModalLoading","defineIxFieldLabel","defineIxIcon"],"mappings":";;;;;;;AAoBAA,EAAA;AACAC,EAAA;AACAC,EAAA;AACAC,EAAA;AACAC,EAAA;AACAC,EAAA;AACAC,EAAA;"}
+{"version":3,"file":"internal-components.js","sources":["../src/internal-components.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { defineCustomElement as defineIxApplicationSwitchModal } from '@siemens/ix/components/ix-application-switch-modal.js';\nimport { defineCustomElement as defineIxIcon } from '@siemens/ix-icons/components/ix-icon.js';\n\n/**\n * Define custom elements during usage of the library to ensure that all\n * components are registered before they are used.\n */\ndefineIxApplicationSwitchModal();\ndefineIxIcon();\n"],"names":["defineIxApplicationSwitchModal","defineIxIcon"],"mappings":";;AAeAA,oBAAA;AACAC,sBAAA;"}

package/dist/ix-icon.js

@@ -1,14 +1,14 @@
-import { defineContainer as o } from "@stencil/vue-output-target/runtime";
-import { defineCustomElement as e } from "@siemens/ix-icons/components/ix-icon.js";
-const m = (
+import { defineContainer } from "@stencil/vue-output-target/runtime";
+import { defineCustomElement } from "@siemens/ix-icons/components/ix-icon.js";
+const IxIcon = (
   // eslint-disable-next-line no-inline-comments
-  /* @__PURE__ */ o("ix-icon", e, [
+  /* @__PURE__ */ defineContainer("ix-icon", defineCustomElement, [
     "size",
     "color",
     "name"
   ])
 );
 export {
-  m as IxIcon
+  IxIcon
 };
 //# sourceMappingURL=ix-icon.js.map

package/dist/ix-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-icon.js","sources":["../src/ix-icon.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport type { JSX as IxIconsJSX } from '@siemens/ix-icons';\nimport {\n  defineContainer,\n  type StencilVueComponent,\n} from '@stencil/vue-output-target/runtime';\nimport { defineCustomElement as defineIxIcon } from '@siemens/ix-icons/components/ix-icon.js';\n\nexport const IxIcon: StencilVueComponent<IxIconsJSX.IxIcon> =\n  // eslint-disable-next-line no-inline-comments\n  /*@__PURE__*/ defineContainer<IxIconsJSX.IxIcon>('ix-icon', defineIxIcon, [\n    'size',\n    'color',\n    'name',\n  ]);\n"],"names":["IxIcon","defineContainer","defineIxIcon"],"mappings":";;AAeO,MAAMA;AAAA;AAAA,EAEG,gBAAAC,EAAmC,WAAWC,GAAc;AAAA,IACxE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAAA;"}
+{"version":3,"file":"ix-icon.js","sources":["../src/ix-icon.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport type { JSX as IxIconsJSX } from '@siemens/ix-icons';\nimport {\n  defineContainer,\n  type StencilVueComponent,\n} from '@stencil/vue-output-target/runtime';\nimport { defineCustomElement as defineIxIcon } from '@siemens/ix-icons/components/ix-icon.js';\n\nexport const IxIcon: StencilVueComponent<IxIconsJSX.IxIcon> =\n  // eslint-disable-next-line no-inline-comments\n  /*@__PURE__*/ defineContainer<IxIconsJSX.IxIcon>('ix-icon', defineIxIcon, [\n    'size',\n    'color',\n    'name',\n  ]);\n"],"names":["defineIxIcon"],"mappings":";;AAeO,MAAM;AAAA;AAAA,EAEG,gCAAmC,WAAWA,qBAAc;AAAA,IACxE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAAA;"}

package/dist/message/message.d.ts

@@ -1,27 +1 @@
-import { MessageConfig, TypedEvent } from '@siemens/ix';
-export declare function showMessage<T>(config: MessageConfig<T>): Promise<TypedEvent<{
-    actionId: string;
-    payload: T;
-}>>;
-export declare namespace showMessage {
-    var info: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
-        actionId: string;
-        payload: unknown;
-    }>>;
-    var warning: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
-        actionId: string;
-        payload: unknown;
-    }>>;
-    var error: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
-        actionId: string;
-        payload: unknown;
-    }>>;
-    var success: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
-        actionId: string;
-        payload: unknown;
-    }>>;
-    var question: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
-        actionId: string;
-        payload: unknown;
-    }>>;
-}
+export declare const showMessage: import("@siemens/ix").ShowMessage;

package/dist/message/message.js

@@ -1,23 +1,17 @@
-import { showMessage as n } from "@siemens/ix";
-import { defineCustomElement as f } from "@siemens/ix/components/ix-modal.js";
-f();
-function e(r) {
-  return n(r);
-}
-const s = (r) => (o, t, i, a, u, c) => n[r](
-  o,
-  t,
-  i,
-  a,
-  u,
-  c
-);
-e.info = s("info");
-e.warning = s("warning");
-e.error = s("error");
-e.success = s("success");
-e.question = s("question");
+import { createShowMessage } from "@siemens/ix/components";
+import { defineCustomElement as defineCustomElement$4 } from "@siemens/ix/components/ix-button.js";
+import { defineCustomElement } from "@siemens/ix/components/ix-modal.js";
+import { defineCustomElement as defineCustomElement$2 } from "@siemens/ix/components/ix-modal-content.js";
+import { defineCustomElement as defineCustomElement$3 } from "@siemens/ix/components/ix-modal-footer.js";
+import { defineCustomElement as defineCustomElement$1 } from "@siemens/ix/components/ix-modal-header.js";
+const showMessage = createShowMessage([
+  { tag: "ix-modal", define: defineCustomElement },
+  { tag: "ix-modal-header", define: defineCustomElement$1 },
+  { tag: "ix-modal-content", define: defineCustomElement$2 },
+  { tag: "ix-modal-footer", define: defineCustomElement$3 },
+  { tag: "ix-button", define: defineCustomElement$4 }
+]);
 export {
-  e as showMessage
+  showMessage
 };
 //# sourceMappingURL=message.js.map

package/dist/message/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sources":["../../src/message/message.ts"],"sourcesContent":["import {\n  MessageConfig,\n  TypedEvent,\n  showMessage as _showMessage,\n} from '@siemens/ix';\nimport { defineCustomElement } from '@siemens/ix/components/ix-modal.js';\n\n// call defineCustomElement once at module level\ndefineCustomElement();\n\nexport function showMessage<T>(config: MessageConfig<T>): Promise<\n  TypedEvent<{\n    actionId: string;\n    payload: T;\n  }>\n> {\n  return _showMessage(config);\n}\n\nconst createMessageVariant = (\n  variant: 'info' | 'warning' | 'error' | 'success' | 'question'\n) => {\n  return (\n    title: string,\n    message: string,\n    textOkay: string,\n    textCancel?: string,\n    payloadOkay?: unknown,\n    payloadCancel?: unknown\n  ) => {\n    return _showMessage[variant](\n      title,\n      message,\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    );\n  };\n};\n\nshowMessage.info = createMessageVariant('info');\nshowMessage.warning = createMessageVariant('warning');\nshowMessage.error = createMessageVariant('error');\nshowMessage.success = createMessageVariant('success');\nshowMessage.question = createMessageVariant('question');\n"],"names":["defineCustomElement","showMessage","config","_showMessage","createMessageVariant","variant","title","message","textOkay","textCancel","payloadOkay","payloadCancel"],"mappings":";;AAQAA,EAAA;AAEO,SAASC,EAAeC,GAK7B;AACA,SAAOC,EAAaD,CAAM;AAC5B;AAEA,MAAME,IAAuB,CAC3BC,MAEO,CACLC,GACAC,GACAC,GACAC,GACAC,GACAC,MAEOR,EAAaE,CAAO;AAAA,EACzBC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA;AAKNV,EAAY,OAAOG,EAAqB,MAAM;AAC9CH,EAAY,UAAUG,EAAqB,SAAS;AACpDH,EAAY,QAAQG,EAAqB,OAAO;AAChDH,EAAY,UAAUG,EAAqB,SAAS;AACpDH,EAAY,WAAWG,EAAqB,UAAU;"}
+{"version":3,"file":"message.js","sources":["../../src/message/message.ts"],"sourcesContent":["import { createShowMessage } from '@siemens/ix/components';\nimport { defineCustomElement as defineIxButton } from '@siemens/ix/components/ix-button.js';\nimport { defineCustomElement as defineIxModal } from '@siemens/ix/components/ix-modal.js';\nimport { defineCustomElement as defineIxModalContent } from '@siemens/ix/components/ix-modal-content.js';\nimport { defineCustomElement as defineIxModalFooter } from '@siemens/ix/components/ix-modal-footer.js';\nimport { defineCustomElement as defineIxModalHeader } from '@siemens/ix/components/ix-modal-header.js';\n\nexport const showMessage = createShowMessage([\n  { tag: 'ix-modal', define: defineIxModal },\n  { tag: 'ix-modal-header', define: defineIxModalHeader },\n  { tag: 'ix-modal-content', define: defineIxModalContent },\n  { tag: 'ix-modal-footer', define: defineIxModalFooter },\n  { tag: 'ix-button', define: defineIxButton },\n]);\n"],"names":["defineIxModal","defineIxModalHeader","defineIxModalContent","defineIxModalFooter","defineIxButton"],"mappings":";;;;;;AAOO,MAAM,cAAc,kBAAkB;AAAA,EAC3C,EAAE,KAAK,YAAY,QAAQA,oBAAA;AAAA,EAC3B,EAAE,KAAK,mBAAmB,QAAQC,sBAAA;AAAA,EAClC,EAAE,KAAK,oBAAoB,QAAQC,sBAAA;AAAA,EACnC,EAAE,KAAK,mBAAmB,QAAQC,sBAAA;AAAA,EAClC,EAAE,KAAK,aAAa,QAAQC,sBAAA;AAC9B,CAAC;"}

package/dist/modal/IxOverlay.vue.js

@@ -1,52 +1,77 @@
-import { defineComponent as _, ref as i, computed as y, watch as d, createElementBlock as h, openBlock as m, Fragment as w, renderList as I, createBlock as O, unref as v } from "vue";
-import T from "./ix-view.js";
-import { DATA_PORTAL_ID_ATTRIBUTE as A, PORTAL_ID as P } from "./constants.js";
-const B = /* @__PURE__ */ _({
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, Fragment, renderList, createBlock, unref } from "vue";
+import IxView from "./ix-view.js";
+import { DATA_PORTAL_ID_ATTRIBUTE, PORTAL_ID } from "./constants.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IxOverlay",
   props: {
     delegate: {
       type: Object,
-      required: !0
+      required: true
     }
   },
-  setup(p) {
-    const a = i({}), n = i({}), u = y(() => Object.keys(n.value).map((t) => ({
-      id: t,
-      node: n.value[t]
-    }))), f = p;
-    return d(() => f.delegate, (t) => {
-      if (!t)
+  setup(__props) {
+    const resolveElementRef = ref({});
+    const viewMap = ref({});
+    const views = computed(() => {
+      return Object.keys(viewMap.value).map((key) => {
+        return {
+          id: key,
+          node: viewMap.value[key]
+        };
+      });
+    });
+    const props = __props;
+    watch(() => props.delegate, (delegate) => {
+      if (!delegate) {
         return;
-      const c = (e, r) => {
-        const l = { ...n.value };
-        l[e] = r, n.value = l;
-      }, o = (e) => {
-        const r = { ...n.value };
-        delete r[e], n.value = r;
+      }
+      const addOverlay = (id, view) => {
+        const _views = { ...viewMap.value };
+        _views[id] = view;
+        viewMap.value = _views;
+      };
+      const removeOverlay = (id) => {
+        const _views = { ...viewMap.value };
+        delete _views[id];
+        viewMap.value = _views;
+      };
+      delegate.attachViewToPortal = async (id, view) => {
+        addOverlay(id, view);
+        return new Promise((resolve) => {
+          const r = { ...resolveElementRef.value };
+          r[id] = resolve;
+          resolveElementRef.value = r;
+        });
+      };
+      delegate.removeViewFromPortal = async (id) => {
+        removeOverlay(id);
       };
-      t.attachViewToPortal = async (e, r) => (c(e, r), new Promise((l) => {
-        const s = { ...a.value };
-        s[e] = l, a.value = s;
-      })), t.removeViewFromPortal = async (e) => {
-        o(e);
-      }, t.portalReady();
-    }, { immediate: !0 }), d(() => u.value, (t) => {
-      t.forEach((c) => {
-        const o = { ...a.value }, e = document.querySelector(`[${A}="${c.id}"]`), r = o[c.id];
-        if (e && e.children.length === 1 && r && typeof r == "function") {
-          const l = e.children[0];
-          r(l);
+      delegate.portalReady();
+    }, { immediate: true });
+    watch(() => views.value, (newViews) => {
+      newViews.forEach((view) => {
+        const resolveQueue = { ...resolveElementRef.value };
+        const el = document.querySelector(`[${DATA_PORTAL_ID_ATTRIBUTE}="${view.id}"]`);
+        const resolve = resolveQueue[view.id];
+        if (el && el.children.length === 1 && resolve && typeof resolve === "function") {
+          const view2 = el.children[0];
+          resolve(view2);
         }
       });
-    }, { flush: "post" }), (t, c) => (m(!0), h(w, null, I(u.value, (o) => (m(), O(v(T), {
-      key: o.id,
-      id: o.id,
-      teleportId: `#${v(P)}`,
-      node: o.node
-    }, null, 8, ["id", "teleportId", "node"]))), 128));
+    }, { flush: "post" });
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(views.value, (view) => {
+        return openBlock(), createBlock(unref(IxView), {
+          key: view.id,
+          id: view.id,
+          teleportId: `#${unref(PORTAL_ID)}`,
+          node: view.node
+        }, null, 8, ["id", "teleportId", "node"]);
+      }), 128);
+    };
   }
 });
 export {
-  B as default
+  _sfc_main as default
 };
 //# sourceMappingURL=IxOverlay.vue.js.map