@siemens/ix-vue 3.0.0-alpha.0 → 3.0.0-alpha.3

package/dist/index.js

@@ -0,0 +1,1187 @@
+import { defineComponent, ref, getCurrentInstance, inject, h, withDirectives } from 'vue';
+import { defineCustomElement } from '@siemens/ix/components/ix-action-card.js';
+import { defineCustomElement as defineCustomElement$1 } from '@siemens/ix/components/ix-application.js';
+import { defineCustomElement as defineCustomElement$2 } from '@siemens/ix/components/ix-application-header.js';
+import { defineCustomElement as defineCustomElement$3 } from '@siemens/ix/components/ix-avatar.js';
+import { defineCustomElement as defineCustomElement$4 } from '@siemens/ix/components/ix-basic-navigation.js';
+import { defineCustomElement as defineCustomElement$5 } from '@siemens/ix/components/ix-blind.js';
+import { defineCustomElement as defineCustomElement$6 } from '@siemens/ix/components/ix-breadcrumb.js';
+import { defineCustomElement as defineCustomElement$7 } from '@siemens/ix/components/ix-breadcrumb-item.js';
+import { defineCustomElement as defineCustomElement$8 } from '@siemens/ix/components/ix-button.js';
+import { defineCustomElement as defineCustomElement$9 } from '@siemens/ix/components/ix-card.js';
+import { defineCustomElement as defineCustomElement$a } from '@siemens/ix/components/ix-card-accordion.js';
+import { defineCustomElement as defineCustomElement$b } from '@siemens/ix/components/ix-card-content.js';
+import { defineCustomElement as defineCustomElement$c } from '@siemens/ix/components/ix-card-list.js';
+import { defineCustomElement as defineCustomElement$d } from '@siemens/ix/components/ix-card-title.js';
+import { defineCustomElement as defineCustomElement$e } from '@siemens/ix/components/ix-category-filter.js';
+import { defineCustomElement as defineCustomElement$f } from '@siemens/ix/components/ix-checkbox.js';
+import { defineCustomElement as defineCustomElement$g } from '@siemens/ix/components/ix-checkbox-group.js';
+import { defineCustomElement as defineCustomElement$h } from '@siemens/ix/components/ix-chip.js';
+import { defineCustomElement as defineCustomElement$i } from '@siemens/ix/components/ix-col.js';
+import { defineCustomElement as defineCustomElement$j } from '@siemens/ix/components/ix-content.js';
+import { defineCustomElement as defineCustomElement$k } from '@siemens/ix/components/ix-content-header.js';
+import { defineCustomElement as defineCustomElement$l } from '@siemens/ix/components/ix-custom-field.js';
+import { defineCustomElement as defineCustomElement$m } from '@siemens/ix/components/ix-date-dropdown.js';
+import { defineCustomElement as defineCustomElement$n } from '@siemens/ix/components/ix-date-input.js';
+import { defineCustomElement as defineCustomElement$o } from '@siemens/ix/components/ix-date-picker.js';
+import { defineCustomElement as defineCustomElement$p } from '@siemens/ix/components/ix-datetime-picker.js';
+import { defineCustomElement as defineCustomElement$q } from '@siemens/ix/components/ix-divider.js';
+import { defineCustomElement as defineCustomElement$r } from '@siemens/ix/components/ix-drawer.js';
+import { defineCustomElement as defineCustomElement$s } from '@siemens/ix/components/ix-dropdown.js';
+import { defineCustomElement as defineCustomElement$t } from '@siemens/ix/components/ix-dropdown-button.js';
+import { defineCustomElement as defineCustomElement$u } from '@siemens/ix/components/ix-dropdown-header.js';
+import { defineCustomElement as defineCustomElement$v } from '@siemens/ix/components/ix-dropdown-item.js';
+import { defineCustomElement as defineCustomElement$w } from '@siemens/ix/components/ix-dropdown-quick-actions.js';
+import { defineCustomElement as defineCustomElement$x } from '@siemens/ix/components/ix-empty-state.js';
+import { defineCustomElement as defineCustomElement$y } from '@siemens/ix/components/ix-event-list.js';
+import { defineCustomElement as defineCustomElement$z } from '@siemens/ix/components/ix-event-list-item.js';
+import { defineCustomElement as defineCustomElement$A } from '@siemens/ix/components/ix-expanding-search.js';
+import { defineCustomElement as defineCustomElement$B } from '@siemens/ix/components/ix-field-label.js';
+import { defineCustomElement as defineCustomElement$C } from '@siemens/ix/components/ix-filter-chip.js';
+import { defineCustomElement as defineCustomElement$D } from '@siemens/ix/components/ix-flip-tile.js';
+import { defineCustomElement as defineCustomElement$E } from '@siemens/ix/components/ix-flip-tile-content.js';
+import { defineCustomElement as defineCustomElement$F } from '@siemens/ix/components/ix-group.js';
+import { defineCustomElement as defineCustomElement$G } from '@siemens/ix/components/ix-group-context-menu.js';
+import { defineCustomElement as defineCustomElement$H } from '@siemens/ix/components/ix-group-item.js';
+import { defineCustomElement as defineCustomElement$I } from '@siemens/ix/components/ix-helper-text.js';
+import { defineCustomElement as defineCustomElement$J } from '@siemens/ix/components/ix-icon-button.js';
+import { defineCustomElement as defineCustomElement$K } from '@siemens/ix/components/ix-icon-toggle-button.js';
+import { defineCustomElement as defineCustomElement$L } from '@siemens/ix/components/ix-input.js';
+import { defineCustomElement as defineCustomElement$M } from '@siemens/ix/components/ix-input-group.js';
+import { defineCustomElement as defineCustomElement$N } from '@siemens/ix/components/ix-key-value.js';
+import { defineCustomElement as defineCustomElement$O } from '@siemens/ix/components/ix-key-value-list.js';
+import { defineCustomElement as defineCustomElement$P } from '@siemens/ix/components/ix-kpi.js';
+import { defineCustomElement as defineCustomElement$Q } from '@siemens/ix/components/ix-layout-auto.js';
+import { defineCustomElement as defineCustomElement$R } from '@siemens/ix/components/ix-layout-grid.js';
+import { defineCustomElement as defineCustomElement$S } from '@siemens/ix/components/ix-link-button.js';
+import { defineCustomElement as defineCustomElement$T } from '@siemens/ix/components/ix-map-navigation.js';
+import { defineCustomElement as defineCustomElement$U } from '@siemens/ix/components/ix-map-navigation-overlay.js';
+import { defineCustomElement as defineCustomElement$V } from '@siemens/ix/components/ix-menu.js';
+import { defineCustomElement as defineCustomElement$W } from '@siemens/ix/components/ix-menu-about.js';
+import { defineCustomElement as defineCustomElement$X } from '@siemens/ix/components/ix-menu-about-item.js';
+import { defineCustomElement as defineCustomElement$Y } from '@siemens/ix/components/ix-menu-about-news.js';
+import { defineCustomElement as defineCustomElement$Z } from '@siemens/ix/components/ix-menu-avatar.js';
+import { defineCustomElement as defineCustomElement$_ } from '@siemens/ix/components/ix-menu-avatar-item.js';
+import { defineCustomElement as defineCustomElement$$ } from '@siemens/ix/components/ix-menu-category.js';
+import { defineCustomElement as defineCustomElement$10 } from '@siemens/ix/components/ix-menu-item.js';
+import { defineCustomElement as defineCustomElement$11 } from '@siemens/ix/components/ix-menu-settings.js';
+import { defineCustomElement as defineCustomElement$12 } from '@siemens/ix/components/ix-menu-settings-item.js';
+import { defineCustomElement as defineCustomElement$13 } from '@siemens/ix/components/ix-message-bar.js';
+import { defineCustomElement as defineCustomElement$14 } from '@siemens/ix/components/ix-modal.js';
+import { defineCustomElement as defineCustomElement$15 } from '@siemens/ix/components/ix-modal-content.js';
+import { defineCustomElement as defineCustomElement$16 } from '@siemens/ix/components/ix-modal-footer.js';
+import { defineCustomElement as defineCustomElement$17 } from '@siemens/ix/components/ix-modal-header.js';
+import { defineCustomElement as defineCustomElement$18 } from '@siemens/ix/components/ix-number-input.js';
+import { defineCustomElement as defineCustomElement$19 } from '@siemens/ix/components/ix-pagination.js';
+import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-pane.js';
+import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-pane-layout.js';
+import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-pill.js';
+import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-push-card.js';
+import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-radio.js';
+import { defineCustomElement as defineCustomElement$1f } from '@siemens/ix/components/ix-radio-group.js';
+import { defineCustomElement as defineCustomElement$1g } from '@siemens/ix/components/ix-row.js';
+import { defineCustomElement as defineCustomElement$1h } from '@siemens/ix/components/ix-select.js';
+import { defineCustomElement as defineCustomElement$1i } from '@siemens/ix/components/ix-select-item.js';
+import { defineCustomElement as defineCustomElement$1j } from '@siemens/ix/components/ix-slider.js';
+import { defineCustomElement as defineCustomElement$1k } from '@siemens/ix/components/ix-spinner.js';
+import { defineCustomElement as defineCustomElement$1l } from '@siemens/ix/components/ix-split-button.js';
+import { defineCustomElement as defineCustomElement$1m } from '@siemens/ix/components/ix-tab-item.js';
+import { defineCustomElement as defineCustomElement$1n } from '@siemens/ix/components/ix-tabs.js';
+import { defineCustomElement as defineCustomElement$1o } from '@siemens/ix/components/ix-textarea.js';
+import { defineCustomElement as defineCustomElement$1p } from '@siemens/ix/components/ix-tile.js';
+import { defineCustomElement as defineCustomElement$1q } from '@siemens/ix/components/ix-time-picker.js';
+import { defineCustomElement as defineCustomElement$1r } from '@siemens/ix/components/ix-toast.js';
+import { defineCustomElement as defineCustomElement$1s } from '@siemens/ix/components/ix-toast-container.js';
+import { defineCustomElement as defineCustomElement$1t } from '@siemens/ix/components/ix-toggle.js';
+import { defineCustomElement as defineCustomElement$1u } from '@siemens/ix/components/ix-toggle-button.js';
+import { defineCustomElement as defineCustomElement$1v } from '@siemens/ix/components/ix-tooltip.js';
+import { defineCustomElement as defineCustomElement$1w } from '@siemens/ix/components/ix-tree.js';
+import { defineCustomElement as defineCustomElement$1x } from '@siemens/ix/components/ix-tree-item.js';
+import { defineCustomElement as defineCustomElement$1y } from '@siemens/ix/components/ix-typography.js';
+import { defineCustomElement as defineCustomElement$1z } from '@siemens/ix/components/ix-upload.js';
+import { defineCustomElement as defineCustomElement$1A } from '@siemens/ix/components/ix-validation-tooltip.js';
+import { defineCustomElement as defineCustomElement$1B } from '@siemens/ix/components/ix-workflow-step.js';
+import { defineCustomElement as defineCustomElement$1C } from '@siemens/ix/components/ix-workflow-steps.js';
+import { defineCustomElement as defineCustomElement$1E } from '@siemens/ix/components/ix-application-sidebar.js';
+import { defineCustomElement as defineCustomElement$1D } from '@siemens/ix/components/ix-application-switch-modal.js';
+import { defineCustomElement as defineCustomElement$1G } from '@siemens/ix/components/ix-menu-expand-icon.js';
+import { defineCustomElement as defineCustomElement$1F } from '@siemens/ix/components/ix-date-time-card.js';
+import { defineCustomElement as defineCustomElement$1H } from '@siemens/ix/components/ix-modal-loading.js';
+import { defineCustomElement as defineCustomElement$1I } from '@siemens/ix-icons/components/ix-icon.js';
+import { handlePlatformHelpers } from '@siemens/ix/components';
+import { getToastContainer, toast } from '@siemens/ix';
+
+const UPDATE_VALUE_EVENT = 'update:modelValue';
+const MODEL_VALUE = 'modelValue';
+const ROUTER_LINK_VALUE = 'routerLink';
+const NAV_MANAGER = 'navManager';
+const ROUTER_PROP_PREFIX = 'router';
+const ARIA_PROP_PREFIX = 'aria';
+const EMPTY_PROP = Symbol();
+const DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };
+const getComponentClasses = (classes) => {
+    return (classes === null || classes === void 0 ? void 0 : classes.split(' ')) || [];
+};
+const getElementClasses = (ref, componentClasses, defaultClasses = []) => {
+    var _a;
+    return [...Array.from(((_a = ref.value) === null || _a === void 0 ? void 0 : _a.classList) || []), ...defaultClasses].filter((c, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);
+};
+const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent) => {
+    if (defineCustomElement !== undefined) {
+        defineCustomElement();
+    }
+    const Container = defineComponent((props, { attrs, slots, emit }) => {
+        var _a;
+        let modelPropValue = props[modelProp];
+        const containerRef = ref();
+        const classes = new Set(getComponentClasses(attrs.class));
+        const vModelDirective = {
+            created: (el) => {
+                const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
+                eventsNames.forEach((eventName) => {
+                    el.addEventListener(eventName, (e) => {
+                        if (e.target.tagName === el.tagName) {
+                            modelPropValue = (e === null || e === void 0 ? void 0 : e.target)[modelProp];
+                            emit(UPDATE_VALUE_EVENT, modelPropValue);
+                        }
+                    });
+                });
+            },
+        };
+        const currentInstance = getCurrentInstance();
+        const hasRouter = (_a = currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.appContext) === null || _a === void 0 ? void 0 : _a.provides[NAV_MANAGER];
+        const navManager = hasRouter ? inject(NAV_MANAGER) : undefined;
+        const handleRouterLink = (ev) => {
+            const { routerLink } = props;
+            if (routerLink === EMPTY_PROP)
+                return;
+            if (navManager !== undefined) {
+                let navigationPayload = { event: ev };
+                for (const key in props) {
+                    const value = props[key];
+                    if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {
+                        navigationPayload[key] = value;
+                    }
+                }
+                navManager.navigate(navigationPayload);
+            }
+            else {
+                console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');
+            }
+        };
+        return () => {
+            modelPropValue = props[modelProp];
+            getComponentClasses(attrs.class).forEach((value) => {
+                classes.add(value);
+            });
+            const oldClick = props.onClick;
+            const handleClick = (ev) => {
+                if (oldClick !== undefined) {
+                    oldClick(ev);
+                }
+                if (!ev.defaultPrevented) {
+                    handleRouterLink(ev);
+                }
+            };
+            let propsToAdd = {
+                ref: containerRef,
+                class: getElementClasses(containerRef, classes),
+                onClick: handleClick,
+            };
+            for (const key in props) {
+                const value = props[key];
+                if ((props.hasOwnProperty(key) && value !== EMPTY_PROP) || key.startsWith(ARIA_PROP_PREFIX)) {
+                    propsToAdd[key] = value;
+                }
+            }
+            if (modelProp) {
+                if (props[MODEL_VALUE] !== EMPTY_PROP) {
+                    propsToAdd = Object.assign(Object.assign({}, propsToAdd), { [modelProp]: props[MODEL_VALUE] });
+                }
+                else if (modelPropValue !== EMPTY_PROP) {
+                    propsToAdd = Object.assign(Object.assign({}, propsToAdd), { [modelProp]: modelPropValue });
+                }
+            }
+            const node = h(name, propsToAdd, slots.default && slots.default());
+            return modelProp === undefined ? node : withDirectives(node, [[vModelDirective]]);
+        };
+    });
+    if (typeof Container !== 'function') {
+        Container.name = name;
+        Container.props = {
+            [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP,
+        };
+        componentProps.forEach((componentProp) => {
+            Container.props[componentProp] = DEFAULT_EMPTY_PROP;
+        });
+        if (modelProp) {
+            Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
+            Container.emits = [UPDATE_VALUE_EVENT];
+        }
+    }
+    return Container;
+};
+
+const IxActionCard = defineContainer('ix-action-card', defineCustomElement, [
+    'variant',
+    'icon',
+    'heading',
+    'subheading',
+    'selected'
+]);
+const IxApplication = defineContainer('ix-application', defineCustomElement$1, [
+    'theme',
+    'themeSystemAppearance',
+    'forceBreakpoint',
+    'breakpoints',
+    'appSwitchConfig'
+]);
+const IxApplicationHeader = defineContainer('ix-application-header', defineCustomElement$2, [
+    'name',
+    'showMenu',
+    'menuToggle',
+    'openAppSwitch'
+]);
+const IxAvatar = defineContainer('ix-avatar', defineCustomElement$3, [
+    'image',
+    'initials',
+    'username',
+    'extra'
+]);
+const IxBasicNavigation = defineContainer('ix-basic-navigation', defineCustomElement$4, [
+    'applicationName',
+    'hideHeader',
+    'forceBreakpoint',
+    'breakpoints'
+]);
+const IxBlind = defineContainer('ix-blind', defineCustomElement$5, [
+    'collapsed',
+    'label',
+    'sublabel',
+    'icon',
+    'variant',
+    'collapsedChange'
+]);
+const IxBreadcrumb = defineContainer('ix-breadcrumb', defineCustomElement$6, [
+    'visibleItemCount',
+    'nextItems',
+    'ghost',
+    'ariaLabelPreviousButton',
+    'itemClick',
+    'nextClick'
+]);
+const IxBreadcrumbItem = defineContainer('ix-breadcrumb-item', defineCustomElement$7, [
+    'label',
+    'icon',
+    'ghost',
+    'visible',
+    'showChevron',
+    'isDropdownTrigger',
+    'itemClick'
+]);
+const IxButton = defineContainer('ix-button', defineCustomElement$8, [
+    'variant',
+    'outline',
+    'ghost',
+    'disabled',
+    'type',
+    'loading',
+    'icon',
+    'alignment',
+    'iconSize'
+]);
+const IxCard = defineContainer('ix-card', defineCustomElement$9, [
+    'variant',
+    'selected'
+]);
+const IxCardAccordion = defineContainer('ix-card-accordion', defineCustomElement$a, [
+    'collapse',
+    'accordionExpand'
+]);
+const IxCardContent = defineContainer('ix-card-content', defineCustomElement$b);
+const IxCardList = defineContainer('ix-card-list', defineCustomElement$c, [
+    'label',
+    'collapse',
+    'listStyle',
+    'maxVisibleCards',
+    'showAllCount',
+    'suppressOverflowHandling',
+    'hideShowAll',
+    'i18nShowAll',
+    'i18nMoreCards',
+    'collapseChanged',
+    'showAllClick',
+    'showMoreCardClick'
+]);
+const IxCardTitle = defineContainer('ix-card-title', defineCustomElement$d);
+const IxCategoryFilter = defineContainer('ix-category-filter', defineCustomElement$e, [
+    'disabled',
+    'readonly',
+    'filterState',
+    'placeholder',
+    'categories',
+    'nonSelectableCategories',
+    'suggestions',
+    'icon',
+    'hideIcon',
+    'staticOperator',
+    'repeatCategories',
+    'tmpDisableScrollIntoView',
+    'labelCategories',
+    'i18nPlainText',
+    'categoryChanged',
+    'inputChanged',
+    'filterChanged',
+    'filterCleared'
+]);
+const IxCheckbox = defineContainer('ix-checkbox', defineCustomElement$f, [
+    'name',
+    'value',
+    'label',
+    'checked',
+    'disabled',
+    'indeterminate',
+    'required',
+    'checkedChange',
+    'valueChange'
+], 'checked', 'checkedChange');
+const IxCheckboxGroup = defineContainer('ix-checkbox-group', defineCustomElement$g, [
+    'helperText',
+    'label',
+    'direction',
+    'invalidText',
+    'infoText',
+    'validText',
+    'warningText',
+    'showTextAsTooltip'
+]);
+const IxChip = defineContainer('ix-chip', defineCustomElement$h, [
+    'variant',
+    'active',
+    'closable',
+    'icon',
+    'background',
+    'chipColor',
+    'outline',
+    'tooltipText',
+    'closeChip'
+]);
+const IxCol = defineContainer('ix-col', defineCustomElement$i, [
+    'size',
+    'sizeSm',
+    'sizeMd',
+    'sizeLg'
+]);
+const IxContent = defineContainer('ix-content', defineCustomElement$j);
+const IxContentHeader = defineContainer('ix-content-header', defineCustomElement$k, [
+    'variant',
+    'headerTitle',
+    'headerSubtitle',
+    'hasBackButton',
+    'backButtonClick'
+]);
+const IxCustomField = defineContainer('ix-custom-field', defineCustomElement$l, [
+    'required',
+    'label',
+    'helperText',
+    'infoText',
+    'warningText',
+    'invalidText',
+    'validText',
+    'showTextAsTooltip'
+]);
+const IxDateDropdown = defineContainer('ix-date-dropdown', defineCustomElement$m, [
+    'disabled',
+    'format',
+    'range',
+    'from',
+    'to',
+    'minDate',
+    'maxDate',
+    'dateRangeId',
+    'variant',
+    'outline',
+    'ghost',
+    'loading',
+    'showWeekNumbers',
+    'customRangeAllowed',
+    'dateRangeOptions',
+    'locale',
+    'weekStartIndex',
+    'i18nCustomItem',
+    'i18nDone',
+    'i18nNoRange',
+    'today',
+    'dateRangeChange'
+]);
+const IxDateInput = defineContainer('ix-date-input', defineCustomElement$n, [
+    'name',
+    'placeholder',
+    'value',
+    'locale',
+    'format',
+    'required',
+    'helperText',
+    'label',
+    'invalidText',
+    'readonly',
+    'disabled',
+    'infoText',
+    'warningText',
+    'validText',
+    'showTextAsTooltip',
+    'i18nErrorDateUnparsable',
+    'showWeekNumbers',
+    'valueChange',
+    'validityStateChange',
+    'ixFocus',
+    'ixBlur'
+], 'value', 'valueChange');
+const IxDatePicker = defineContainer('ix-date-picker', defineCustomElement$o, [
+    'format',
+    'range',
+    'corners',
+    'from',
+    'to',
+    'minDate',
+    'maxDate',
+    'i18nDone',
+    'weekStartIndex',
+    'locale',
+    'showWeekNumbers',
+    'standaloneAppearance',
+    'today',
+    'dateChange',
+    'dateRangeChange',
+    'dateSelect'
+]);
+const IxDatetimePicker = defineContainer('ix-datetime-picker', defineCustomElement$p, [
+    'range',
+    'showHour',
+    'showMinutes',
+    'showSeconds',
+    'minDate',
+    'maxDate',
+    'dateFormat',
+    'timeFormat',
+    'from',
+    'to',
+    'time',
+    'showTimeReference',
+    'timeReference',
+    'i18nDone',
+    'i18nTime',
+    'weekStartIndex',
+    'locale',
+    'showWeekNumbers',
+    'timeChange',
+    'dateChange',
+    'dateSelect'
+]);
+const IxDivider = defineContainer('ix-divider', defineCustomElement$q);
+const IxDrawer = defineContainer('ix-drawer', defineCustomElement$r, [
+    'show',
+    'closeOnClickOutside',
+    'fullHeight',
+    'minWidth',
+    'maxWidth',
+    'width',
+    'open',
+    'drawerClose'
+]);
+const IxDropdown = defineContainer('ix-dropdown', defineCustomElement$s, [
+    'suppressAutomaticPlacement',
+    'show',
+    'trigger',
+    'anchor',
+    'closeBehavior',
+    'placement',
+    'positioningStrategy',
+    'header',
+    'offset',
+    'overwriteDropdownStyle',
+    'discoverAllSubmenus',
+    'ignoreRelatedSubmenu',
+    'suppressOverflowBehavior',
+    'showChanged'
+]);
+const IxDropdownButton = defineContainer('ix-dropdown-button', defineCustomElement$t, [
+    'variant',
+    'outline',
+    'ghost',
+    'disabled',
+    'label',
+    'icon',
+    'closeBehavior',
+    'placement'
+]);
+const IxDropdownHeader = defineContainer('ix-dropdown-header', defineCustomElement$u, [
+    'label'
+]);
+const IxDropdownItem = defineContainer('ix-dropdown-item', defineCustomElement$v, [
+    'label',
+    'icon',
+    'hover',
+    'disabled',
+    'checked',
+    'isSubMenu',
+    'suppressChecked',
+    'itemClick'
+]);
+const IxDropdownQuickActions = defineContainer('ix-dropdown-quick-actions', defineCustomElement$w);
+const IxEmptyState = defineContainer('ix-empty-state', defineCustomElement$x, [
+    'layout',
+    'icon',
+    'header',
+    'subHeader',
+    'action',
+    'actionClick'
+]);
+const IxEventList = defineContainer('ix-event-list', defineCustomElement$y, [
+    'itemHeight',
+    'compact',
+    'animated',
+    'chevron'
+]);
+const IxEventListItem = defineContainer('ix-event-list-item', defineCustomElement$z, [
+    'itemColor',
+    'selected',
+    'disabled',
+    'chevron',
+    'itemClick'
+]);
+const IxExpandingSearch = defineContainer('ix-expanding-search', defineCustomElement$A, [
+    'icon',
+    'placeholder',
+    'value',
+    'fullWidth',
+    'variant',
+    'outline',
+    'ghost',
+    'valueChange'
+]);
+const IxFieldLabel = defineContainer('ix-field-label', defineCustomElement$B, [
+    'required',
+    'htmlFor',
+    'controlRef',
+    'isInvalid'
+]);
+const IxFilterChip = defineContainer('ix-filter-chip', defineCustomElement$C, [
+    'disabled',
+    'readonly',
+    'closeClick'
+]);
+const IxFlipTile = defineContainer('ix-flip-tile', defineCustomElement$D, [
+    'state',
+    'height',
+    'width',
+    'index',
+    'toggle'
+]);
+const IxFlipTileContent = defineContainer('ix-flip-tile-content', defineCustomElement$E, [
+    'contentVisible'
+]);
+const IxGroup = defineContainer('ix-group', defineCustomElement$F, [
+    'suppressHeaderSelection',
+    'header',
+    'subHeader',
+    'collapsed',
+    'selected',
+    'index',
+    'expandOnHeaderClick',
+    'selectGroup',
+    'selectItem',
+    'collapsedChanged'
+]);
+const IxGroupContextMenu = defineContainer('ix-group-context-menu', defineCustomElement$G);
+const IxGroupItem = defineContainer('ix-group-item', defineCustomElement$H, [
+    'icon',
+    'text',
+    'secondaryText',
+    'suppressSelection',
+    'selected',
+    'focusable',
+    'index',
+    'selectedChanged'
+]);
+const IxHelperText = defineContainer('ix-helper-text', defineCustomElement$I, [
+    'htmlFor',
+    'helperText',
+    'invalidText',
+    'validText',
+    'infoText',
+    'warningText'
+]);
+const IxIconButton = defineContainer('ix-icon-button', defineCustomElement$J, [
+    'a11yLabel',
+    'variant',
+    'outline',
+    'ghost',
+    'oval',
+    'icon',
+    'size',
+    'iconColor',
+    'disabled',
+    'type',
+    'loading'
+]);
+const IxIconToggleButton = defineContainer('ix-icon-toggle-button', defineCustomElement$K, [
+    'variant',
+    'outline',
+    'ghost',
+    'icon',
+    'pressed',
+    'size',
+    'disabled',
+    'loading',
+    'pressedChange'
+]);
+const IxInput = defineContainer('ix-input', defineCustomElement$L, [
+    'type',
+    'name',
+    'placeholder',
+    'value',
+    'required',
+    'disabled',
+    'readonly',
+    'helperText',
+    'infoText',
+    'showTextAsTooltip',
+    'validText',
+    'warningText',
+    'label',
+    'invalidText',
+    'pattern',
+    'maxLength',
+    'minLength',
+    'allowedCharactersPattern',
+    'valueChange',
+    'validityStateChange',
+    'ixBlur'
+], 'value', 'valueChange');
+const IxInputGroup = defineContainer('ix-input-group', defineCustomElement$M);
+const IxKeyValue = defineContainer('ix-key-value', defineCustomElement$N, [
+    'icon',
+    'label',
+    'labelPosition',
+    'value'
+]);
+const IxKeyValueList = defineContainer('ix-key-value-list', defineCustomElement$O, [
+    'striped'
+]);
+const IxKpi = defineContainer('ix-kpi', defineCustomElement$P, [
+    'label',
+    'value',
+    'unit',
+    'state',
+    'orientation'
+]);
+const IxLayoutAuto = defineContainer('ix-layout-auto', defineCustomElement$Q, [
+    'layout'
+]);
+const IxLayoutGrid = defineContainer('ix-layout-grid', defineCustomElement$R, [
+    'noMargin',
+    'gap',
+    'columns'
+]);
+const IxLinkButton = defineContainer('ix-link-button', defineCustomElement$S, [
+    'disabled',
+    'url',
+    'target'
+]);
+const IxMapNavigation = defineContainer('ix-map-navigation', defineCustomElement$T, [
+    'applicationName',
+    'navigationTitle',
+    'hideContextMenu',
+    'navigationToggled',
+    'contextMenuClick'
+]);
+const IxMapNavigationOverlay = defineContainer('ix-map-navigation-overlay', defineCustomElement$U, [
+    'name',
+    'icon',
+    'color',
+    'iconColor',
+    'closeClick'
+]);
+const IxMenu = defineContainer('ix-menu', defineCustomElement$V, [
+    'showSettings',
+    'showAbout',
+    'enableToggleTheme',
+    'enableSettings',
+    'enableMapExpand',
+    'applicationName',
+    'applicationDescription',
+    'i18nExpandSidebar',
+    'expand',
+    'startExpanded',
+    'pinned',
+    'i18nLegal',
+    'i18nSettings',
+    'i18nToggleTheme',
+    'i18nExpand',
+    'i18nCollapse',
+    'expandChange',
+    'mapExpandChange',
+    'openAppSwitch',
+    'openSettings',
+    'openAbout'
+]);
+const IxMenuAbout = defineContainer('ix-menu-about', defineCustomElement$W, [
+    'activeTabLabel',
+    'label',
+    'show',
+    'tabChange',
+    'close'
+]);
+const IxMenuAboutItem = defineContainer('ix-menu-about-item', defineCustomElement$X, [
+    'label',
+    'labelChange'
+]);
+const IxMenuAboutNews = defineContainer('ix-menu-about-news', defineCustomElement$Y, [
+    'show',
+    'label',
+    'i18nShowMore',
+    'aboutItemLabel',
+    'offsetBottom',
+    'expanded',
+    'showMore',
+    'closePopover'
+]);
+const IxMenuAvatar = defineContainer('ix-menu-avatar', defineCustomElement$Z, [
+    'top',
+    'bottom',
+    'image',
+    'initials',
+    'i18nLogout',
+    'showLogoutButton',
+    'logoutClick'
+]);
+const IxMenuAvatarItem = defineContainer('ix-menu-avatar-item', defineCustomElement$_, [
+    'icon',
+    'label',
+    'itemClick'
+]);
+const IxMenuCategory = defineContainer('ix-menu-category', defineCustomElement$$, [
+    'label',
+    'icon',
+    'notifications',
+    'closeOtherCategories'
+]);
+const IxMenuItem = defineContainer('ix-menu-item', defineCustomElement$10, [
+    'label',
+    'home',
+    'bottom',
+    'icon',
+    'notifications',
+    'active',
+    'disabled',
+    'isCategory'
+]);
+const IxMenuSettings = defineContainer('ix-menu-settings', defineCustomElement$11, [
+    'activeTabLabel',
+    'label',
+    'show',
+    'tabChange',
+    'close'
+]);
+const IxMenuSettingsItem = defineContainer('ix-menu-settings-item', defineCustomElement$12, [
+    'label',
+    'labelChange'
+]);
+const IxMessageBar = defineContainer('ix-message-bar', defineCustomElement$13, [
+    'type',
+    'dismissible',
+    'closedChange',
+    'closeAnimationCompleted'
+]);
+const IxModal = defineContainer('ix-modal', defineCustomElement$14, [
+    'size',
+    'animation',
+    'backdrop',
+    'closeOnBackdropClick',
+    'beforeDismiss',
+    'centered',
+    'closeOnEscape',
+    'dialogClose',
+    'dialogDismiss'
+]);
+const IxModalContent = defineContainer('ix-modal-content', defineCustomElement$15);
+const IxModalFooter = defineContainer('ix-modal-footer', defineCustomElement$16);
+const IxModalHeader = defineContainer('ix-modal-header', defineCustomElement$17, [
+    'hideClose',
+    'icon',
+    'iconColor',
+    'closeClick'
+]);
+const IxNumberInput = defineContainer('ix-number-input', defineCustomElement$18, [
+    'name',
+    'placeholder',
+    'value',
+    'required',
+    'disabled',
+    'readonly',
+    'helperText',
+    'infoText',
+    'showTextAsTooltip',
+    'validText',
+    'warningText',
+    'label',
+    'invalidText',
+    'pattern',
+    'min',
+    'max',
+    'allowedCharactersPattern',
+    'showStepperButtons',
+    'valueChange',
+    'validityStateChange',
+    'ixBlur'
+], 'value', 'valueChange');
+const IxPagination = defineContainer('ix-pagination', defineCustomElement$19, [
+    'advanced',
+    'itemCount',
+    'showItemCount',
+    'count',
+    'selectedPage',
+    'i18nPage',
+    'i18nOf',
+    'i18nItems',
+    'pageSelected',
+    'itemCountChanged'
+]);
+const IxPane = defineContainer('ix-pane', defineCustomElement$1a, [
+    'heading',
+    'variant',
+    'hideOnCollapse',
+    'size',
+    'borderless',
+    'expanded',
+    'composition',
+    'icon',
+    'ignoreLayoutSettings',
+    'isMobile',
+    'expandedChanged',
+    'variantChanged',
+    'borderlessChanged',
+    'hideOnCollapseChanged',
+    'slotChanged'
+]);
+const IxPaneLayout = defineContainer('ix-pane-layout', defineCustomElement$1b, [
+    'layout',
+    'variant',
+    'borderless'
+]);
+const IxPill = defineContainer('ix-pill', defineCustomElement$1c, [
+    'variant',
+    'outline',
+    'icon',
+    'background',
+    'pillColor',
+    'alignLeft',
+    'tooltipText'
+]);
+const IxPushCard = defineContainer('ix-push-card', defineCustomElement$1d, [
+    'icon',
+    'notification',
+    'heading',
+    'subheading',
+    'variant',
+    'collapse'
+]);
+const IxRadio = defineContainer('ix-radio', defineCustomElement$1e, [
+    'name',
+    'value',
+    'label',
+    'disabled',
+    'checked',
+    'checkedChange',
+    'valueChange'
+]);
+const IxRadioGroup = defineContainer('ix-radio-group', defineCustomElement$1f, [
+    'helperText',
+    'label',
+    'value',
+    'invalidText',
+    'infoText',
+    'warningText',
+    'validText',
+    'showTextAsTooltip',
+    'direction',
+    'valueChange'
+]);
+const IxRow = defineContainer('ix-row', defineCustomElement$1g);
+const IxSelect = defineContainer('ix-select', defineCustomElement$1h, [
+    'name',
+    'required',
+    'label',
+    'warningText',
+    'infoText',
+    'invalidText',
+    'validText',
+    'helperText',
+    'showTextAsTooltip',
+    'value',
+    'allowClear',
+    'mode',
+    'editable',
+    'disabled',
+    'readonly',
+    'i18nPlaceholder',
+    'i18nPlaceholderEditable',
+    'i18nSelectListHeader',
+    'i18nNoMatches',
+    'hideListHeader',
+    'dropdownWidth',
+    'dropdownMaxWidth',
+    'valueChange',
+    'inputChange',
+    'addItem',
+    'ixBlur'
+], 'value', 'valueChange');
+const IxSelectItem = defineContainer('ix-select-item', defineCustomElement$1i, [
+    'label',
+    'value',
+    'selected',
+    'hover',
+    'itemClick'
+]);
+const IxSlider = defineContainer('ix-slider', defineCustomElement$1j, [
+    'step',
+    'min',
+    'max',
+    'value',
+    'marker',
+    'trace',
+    'traceReference',
+    'disabled',
+    'error',
+    'valueChange'
+]);
+const IxSpinner = defineContainer('ix-spinner', defineCustomElement$1k, [
+    'variant',
+    'size',
+    'hideTrack'
+]);
+const IxSplitButton = defineContainer('ix-split-button', defineCustomElement$1l, [
+    'variant',
+    'closeBehavior',
+    'outline',
+    'ghost',
+    'label',
+    'icon',
+    'splitIcon',
+    'disabled',
+    'placement',
+    'buttonClick'
+]);
+const IxTabItem = defineContainer('ix-tab-item', defineCustomElement$1m, [
+    'selected',
+    'disabled',
+    'small',
+    'icon',
+    'rounded',
+    'counter',
+    'layout',
+    'placement',
+    'tabClick'
+]);
+const IxTabs = defineContainer('ix-tabs', defineCustomElement$1n, [
+    'small',
+    'rounded',
+    'selected',
+    'layout',
+    'placement',
+    'selectedChange'
+]);
+const IxTextarea = defineContainer('ix-textarea', defineCustomElement$1o, [
+    'name',
+    'placeholder',
+    'value',
+    'required',
+    'disabled',
+    'readonly',
+    'helperText',
+    'infoText',
+    'showTextAsTooltip',
+    'validText',
+    'warningText',
+    'label',
+    'invalidText',
+    'textareaHeight',
+    'textareaWidth',
+    'textareaRows',
+    'textareaCols',
+    'resizeBehavior',
+    'maxLength',
+    'minLength',
+    'valueChange',
+    'validityStateChange',
+    'ixBlur'
+], 'value', 'valueChange');
+const IxTile = defineContainer('ix-tile', defineCustomElement$1p, [
+    'size'
+]);
+const IxTimePicker = defineContainer('ix-time-picker', defineCustomElement$1q, [
+    'format',
+    'corners',
+    'standaloneAppearance',
+    'showHour',
+    'showMinutes',
+    'showSeconds',
+    'time',
+    'timeReference',
+    'textSelectTime',
+    'textTime',
+    'timeSelect',
+    'timeChange'
+]);
+const IxToast = defineContainer('ix-toast', defineCustomElement$1r, [
+    'type',
+    'toastTitle',
+    'autoCloseDelay',
+    'autoClose',
+    'icon',
+    'iconColor',
+    'closeToast'
+]);
+const IxToastContainer = defineContainer('ix-toast-container', defineCustomElement$1s, [
+    'containerId',
+    'containerClass',
+    'position'
+]);
+const IxToggle = defineContainer('ix-toggle', defineCustomElement$1t, [
+    'name',
+    'value',
+    'checked',
+    'disabled',
+    'indeterminate',
+    'textOn',
+    'textOff',
+    'textIndeterminate',
+    'hideText',
+    'required',
+    'checkedChange',
+    'valueChange'
+]);
+const IxToggleButton = defineContainer('ix-toggle-button', defineCustomElement$1u, [
+    'variant',
+    'outline',
+    'ghost',
+    'disabled',
+    'loading',
+    'icon',
+    'pressed',
+    'pressedChange'
+]);
+const IxTooltip = defineContainer('ix-tooltip', defineCustomElement$1v, [
+    'for',
+    'titleContent',
+    'interactive',
+    'placement',
+    'showDelay',
+    'hideDelay',
+    'animationFrame'
+]);
+const IxTree = defineContainer('ix-tree', defineCustomElement$1w, [
+    'root',
+    'model',
+    'renderItem',
+    'context',
+    'contextChange',
+    'nodeToggled',
+    'nodeClicked',
+    'nodeRemoved'
+]);
+const IxTreeItem = defineContainer('ix-tree-item', defineCustomElement$1x, [
+    'text',
+    'hasChildren',
+    'context',
+    'toggle',
+    'itemClick'
+]);
+const IxTypography = defineContainer('ix-typography', defineCustomElement$1y, [
+    'format',
+    'textColor',
+    'bold',
+    'textDecoration'
+]);
+const IxUpload = defineContainer('ix-upload', defineCustomElement$1z, [
+    'accept',
+    'multiple',
+    'multiline',
+    'disabled',
+    'state',
+    'selectFileText',
+    'loadingText',
+    'uploadFailedText',
+    'uploadSuccessText',
+    'i18nUploadFile',
+    'i18nUploadDisabled',
+    'filesChanged'
+]);
+const IxValidationTooltip = defineContainer('ix-validation-tooltip', defineCustomElement$1A, [
+    'message',
+    'placement',
+    'suppressAutomaticPlacement'
+]);
+const IxWorkflowStep = defineContainer('ix-workflow-step', defineCustomElement$1B, [
+    'vertical',
+    'disabled',
+    'status',
+    'clickable',
+    'selected',
+    'position',
+    'selectedChanged'
+]);
+const IxWorkflowSteps = defineContainer('ix-workflow-steps', defineCustomElement$1C, [
+    'vertical',
+    'clickable',
+    'selectedIndex',
+    'stepSelected'
+]);
+
+defineCustomElement$1D();
+defineCustomElement$1E();
+defineCustomElement$1F();
+defineCustomElement$1G();
+defineCustomElement$1H();
+defineCustomElement$B();
+
+const IxIcon = defineContainer('ix-icon', defineCustomElement$1I, ['size', 'color', 'name']);
+
+function toKebabCase(name) {
+    const kebabCase = name.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2');
+    return kebabCase.toLowerCase();
+}
+const ixPlugin = {
+    async install() {
+        handlePlatformHelpers({
+            ael(el, name, cb, opts) {
+                el.addEventListener(toKebabCase(name), cb, opts);
+            },
+            rel(el, name, cb, opts) {
+                el.removeEventListener(toKebabCase(name), cb, opts);
+            },
+            ce(name, opts) {
+                return new CustomEvent(toKebabCase(name), opts);
+            },
+        });
+    },
+};
+
+function setToastPosition(position) {
+    getToastContainer().position = position;
+}
+async function showToast(config) {
+    defineCustomElement$1I();
+    defineCustomElement$1s();
+    defineCustomElement$1r();
+    if (typeof config.message === 'string') {
+        const toastInstance = await toast(config);
+        return toastInstance;
+    }
+    const toastInstance = await toast(Object.assign(Object.assign({}, config), { message: config.message.cloneNode(true) }));
+    return toastInstance;
+}
+
+export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxPushCard, IxRadio, IxRadioGroup, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextarea, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, ixPlugin, setToastPosition, showToast };
+//# sourceMappingURL=index.js.map