@siemens/ix-vue 3.0.0-alpha.4 → 3.1.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, getCurrentInstance, inject, h, withDirectives } from 'vue';
+import { defineContainer } from '@stencil/vue-output-target/runtime';
 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';
@@ -111,117 +111,6 @@ import { defineCustomElement as defineCustomElement$1I } from '@siemens/ix-icons
 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',
@@ -241,6 +130,9 @@ const IxApplicationHeader = defineContainer('ix-application-header', defineCusto
     'showMenu',
     'menuToggle',
     'openAppSwitch'
+], [
+    'menuToggle',
+    'openAppSwitch'
 ]);
 const IxAvatar = defineContainer('ix-avatar', defineCustomElement$3, [
     'image',
@@ -261,6 +153,8 @@ const IxBlind = defineContainer('ix-blind', defineCustomElement$5, [
     'icon',
     'variant',
     'collapsedChange'
+], [
+    'collapsedChange'
 ]);
 const IxBreadcrumb = defineContainer('ix-breadcrumb', defineCustomElement$6, [
     'visibleItemCount',
@@ -269,6 +163,9 @@ const IxBreadcrumb = defineContainer('ix-breadcrumb', defineCustomElement$6, [
     'ariaLabelPreviousButton',
     'itemClick',
     'nextClick'
+], [
+    'itemClick',
+    'nextClick'
 ]);
 const IxBreadcrumbItem = defineContainer('ix-breadcrumb-item', defineCustomElement$7, [
     'label',
@@ -278,6 +175,8 @@ const IxBreadcrumbItem = defineContainer('ix-breadcrumb-item', defineCustomEleme
     'showChevron',
     'isDropdownTrigger',
     'itemClick'
+], [
+    'itemClick'
 ]);
 const IxButton = defineContainer('ix-button', defineCustomElement$8, [
     'variant',
@@ -286,6 +185,7 @@ const IxButton = defineContainer('ix-button', defineCustomElement$8, [
     'disabled',
     'type',
     'loading',
+    'form',
     'icon',
     'alignment',
     'iconSize'
@@ -297,6 +197,8 @@ const IxCard = defineContainer('ix-card', defineCustomElement$9, [
 const IxCardAccordion = defineContainer('ix-card-accordion', defineCustomElement$a, [
     'collapse',
     'accordionExpand'
+], [
+    'accordionExpand'
 ]);
 const IxCardContent = defineContainer('ix-card-content', defineCustomElement$b);
 const IxCardList = defineContainer('ix-card-list', defineCustomElement$c, [
@@ -312,6 +214,10 @@ const IxCardList = defineContainer('ix-card-list', defineCustomElement$c, [
     'collapseChanged',
     'showAllClick',
     'showMoreCardClick'
+], [
+    'collapseChanged',
+    'showAllClick',
+    'showMoreCardClick'
 ]);
 const IxCardTitle = defineContainer('ix-card-title', defineCustomElement$d);
 const IxCategoryFilter = defineContainer('ix-category-filter', defineCustomElement$e, [
@@ -333,6 +239,11 @@ const IxCategoryFilter = defineContainer('ix-category-filter', defineCustomEleme
     'inputChanged',
     'filterChanged',
     'filterCleared'
+], [
+    'categoryChanged',
+    'inputChanged',
+    'filterChanged',
+    'filterCleared'
 ]);
 const IxCheckbox = defineContainer('ix-checkbox', defineCustomElement$f, [
     'name',
@@ -343,7 +254,12 @@ const IxCheckbox = defineContainer('ix-checkbox', defineCustomElement$f, [
     'indeterminate',
     'required',
     'checkedChange',
-    'valueChange'
+    'valueChange',
+    'ixBlur'
+], [
+    'checkedChange',
+    'valueChange',
+    'ixBlur'
 ], 'checked', 'checkedChange');
 const IxCheckboxGroup = defineContainer('ix-checkbox-group', defineCustomElement$g, [
     'helperText',
@@ -353,7 +269,8 @@ const IxCheckboxGroup = defineContainer('ix-checkbox-group', defineCustomElement
     'infoText',
     'validText',
     'warningText',
-    'showTextAsTooltip'
+    'showTextAsTooltip',
+    'required'
 ]);
 const IxChip = defineContainer('ix-chip', defineCustomElement$h, [
     'variant',
@@ -365,6 +282,8 @@ const IxChip = defineContainer('ix-chip', defineCustomElement$h, [
     'outline',
     'tooltipText',
     'closeChip'
+], [
+    'closeChip'
 ]);
 const IxCol = defineContainer('ix-col', defineCustomElement$i, [
     'size',
@@ -379,6 +298,8 @@ const IxContentHeader = defineContainer('ix-content-header', defineCustomElement
     'headerSubtitle',
     'hasBackButton',
     'backButtonClick'
+], [
+    'backButtonClick'
 ]);
 const IxCustomField = defineContainer('ix-custom-field', defineCustomElement$l, [
     'required',
@@ -413,6 +334,8 @@ const IxDateDropdown = defineContainer('ix-date-dropdown', defineCustomElement$m
     'i18nNoRange',
     'today',
     'dateRangeChange'
+], [
+    'dateRangeChange'
 ]);
 const IxDateInput = defineContainer('ix-date-input', defineCustomElement$n, [
     'name',
@@ -436,6 +359,11 @@ const IxDateInput = defineContainer('ix-date-input', defineCustomElement$n, [
     'validityStateChange',
     'ixFocus',
     'ixBlur'
+], [
+    'valueChange',
+    'validityStateChange',
+    'ixFocus',
+    'ixBlur'
 ], 'value', 'valueChange');
 const IxDatePicker = defineContainer('ix-date-picker', defineCustomElement$o, [
     'format',
@@ -454,6 +382,10 @@ const IxDatePicker = defineContainer('ix-date-picker', defineCustomElement$o, [
     'dateChange',
     'dateRangeChange',
     'dateSelect'
+], [
+    'dateChange',
+    'dateRangeChange',
+    'dateSelect'
 ]);
 const IxDatetimePicker = defineContainer('ix-datetime-picker', defineCustomElement$p, [
     'range',
@@ -477,6 +409,10 @@ const IxDatetimePicker = defineContainer('ix-datetime-picker', defineCustomEleme
     'timeChange',
     'dateChange',
     'dateSelect'
+], [
+    'timeChange',
+    'dateChange',
+    'dateSelect'
 ]);
 const IxDivider = defineContainer('ix-divider', defineCustomElement$q);
 const IxDrawer = defineContainer('ix-drawer', defineCustomElement$r, [
@@ -488,6 +424,9 @@ const IxDrawer = defineContainer('ix-drawer', defineCustomElement$r, [
     'width',
     'open',
     'drawerClose'
+], [
+    'open',
+    'drawerClose'
 ]);
 const IxDropdown = defineContainer('ix-dropdown', defineCustomElement$s, [
     'suppressAutomaticPlacement',
@@ -504,6 +443,8 @@ const IxDropdown = defineContainer('ix-dropdown', defineCustomElement$s, [
     'ignoreRelatedSubmenu',
     'suppressOverflowBehavior',
     'showChanged'
+], [
+    'showChanged'
 ]);
 const IxDropdownButton = defineContainer('ix-dropdown-button', defineCustomElement$t, [
     'variant',
@@ -527,6 +468,8 @@ const IxDropdownItem = defineContainer('ix-dropdown-item', defineCustomElement$v
     'isSubMenu',
     'suppressChecked',
     'itemClick'
+], [
+    'itemClick'
 ]);
 const IxDropdownQuickActions = defineContainer('ix-dropdown-quick-actions', defineCustomElement$w);
 const IxEmptyState = defineContainer('ix-empty-state', defineCustomElement$x, [
@@ -536,6 +479,8 @@ const IxEmptyState = defineContainer('ix-empty-state', defineCustomElement$x, [
     'subHeader',
     'action',
     'actionClick'
+], [
+    'actionClick'
 ]);
 const IxEventList = defineContainer('ix-event-list', defineCustomElement$y, [
     'itemHeight',
@@ -549,6 +494,8 @@ const IxEventListItem = defineContainer('ix-event-list-item', defineCustomElemen
     'disabled',
     'chevron',
     'itemClick'
+], [
+    'itemClick'
 ]);
 const IxExpandingSearch = defineContainer('ix-expanding-search', defineCustomElement$A, [
     'icon',
@@ -559,6 +506,8 @@ const IxExpandingSearch = defineContainer('ix-expanding-search', defineCustomEle
     'outline',
     'ghost',
     'valueChange'
+], [
+    'valueChange'
 ]);
 const IxFieldLabel = defineContainer('ix-field-label', defineCustomElement$B, [
     'required',
@@ -570,6 +519,8 @@ const IxFilterChip = defineContainer('ix-filter-chip', defineCustomElement$C, [
     'disabled',
     'readonly',
     'closeClick'
+], [
+    'closeClick'
 ]);
 const IxFlipTile = defineContainer('ix-flip-tile', defineCustomElement$D, [
     'state',
@@ -577,6 +528,8 @@ const IxFlipTile = defineContainer('ix-flip-tile', defineCustomElement$D, [
     'width',
     'index',
     'toggle'
+], [
+    'toggle'
 ]);
 const IxFlipTileContent = defineContainer('ix-flip-tile-content', defineCustomElement$E, [
     'contentVisible'
@@ -592,6 +545,10 @@ const IxGroup = defineContainer('ix-group', defineCustomElement$F, [
     'selectGroup',
     'selectItem',
     'collapsedChanged'
+], [
+    'selectGroup',
+    'selectItem',
+    'collapsedChanged'
 ]);
 const IxGroupContextMenu = defineContainer('ix-group-context-menu', defineCustomElement$G);
 const IxGroupItem = defineContainer('ix-group-item', defineCustomElement$H, [
@@ -603,6 +560,8 @@ const IxGroupItem = defineContainer('ix-group-item', defineCustomElement$H, [
     'focusable',
     'index',
     'selectedChanged'
+], [
+    'selectedChanged'
 ]);
 const IxHelperText = defineContainer('ix-helper-text', defineCustomElement$I, [
     'htmlFor',
@@ -630,11 +589,14 @@ const IxIconToggleButton = defineContainer('ix-icon-toggle-button', defineCustom
     'outline',
     'ghost',
     'icon',
+    'oval',
     'pressed',
     'size',
     'disabled',
     'loading',
     'pressedChange'
+], [
+    'pressedChange'
 ]);
 const IxInput = defineContainer('ix-input', defineCustomElement$L, [
     'type',
@@ -658,6 +620,10 @@ const IxInput = defineContainer('ix-input', defineCustomElement$L, [
     'valueChange',
     'validityStateChange',
     'ixBlur'
+], [
+    'valueChange',
+    'validityStateChange',
+    'ixBlur'
 ], 'value', 'valueChange');
 const IxInputGroup = defineContainer('ix-input-group', defineCustomElement$M);
 const IxKeyValue = defineContainer('ix-key-value', defineCustomElement$N, [
@@ -695,6 +661,9 @@ const IxMapNavigation = defineContainer('ix-map-navigation', defineCustomElement
     'hideContextMenu',
     'navigationToggled',
     'contextMenuClick'
+], [
+    'navigationToggled',
+    'contextMenuClick'
 ]);
 const IxMapNavigationOverlay = defineContainer('ix-map-navigation-overlay', defineCustomElement$U, [
     'name',
@@ -702,6 +671,8 @@ const IxMapNavigationOverlay = defineContainer('ix-map-navigation-overlay', defi
     'color',
     'iconColor',
     'closeClick'
+], [
+    'closeClick'
 ]);
 const IxMenu = defineContainer('ix-menu', defineCustomElement$V, [
     'showSettings',
@@ -725,6 +696,12 @@ const IxMenu = defineContainer('ix-menu', defineCustomElement$V, [
     'openAppSwitch',
     'openSettings',
     'openAbout'
+], [
+    'expandChange',
+    'mapExpandChange',
+    'openAppSwitch',
+    'openSettings',
+    'openAbout'
 ]);
 const IxMenuAbout = defineContainer('ix-menu-about', defineCustomElement$W, [
     'activeTabLabel',
@@ -732,10 +709,15 @@ const IxMenuAbout = defineContainer('ix-menu-about', defineCustomElement$W, [
     'show',
     'tabChange',
     'close'
+], [
+    'tabChange',
+    'close'
 ]);
 const IxMenuAboutItem = defineContainer('ix-menu-about-item', defineCustomElement$X, [
     'label',
     'labelChange'
+], [
+    'labelChange'
 ]);
 const IxMenuAboutNews = defineContainer('ix-menu-about-news', defineCustomElement$Y, [
     'show',
@@ -746,6 +728,9 @@ const IxMenuAboutNews = defineContainer('ix-menu-about-news', defineCustomElemen
     'expanded',
     'showMore',
     'closePopover'
+], [
+    'showMore',
+    'closePopover'
 ]);
 const IxMenuAvatar = defineContainer('ix-menu-avatar', defineCustomElement$Z, [
     'top',
@@ -755,17 +740,23 @@ const IxMenuAvatar = defineContainer('ix-menu-avatar', defineCustomElement$Z, [
     'i18nLogout',
     'showLogoutButton',
     'logoutClick'
+], [
+    'logoutClick'
 ]);
 const IxMenuAvatarItem = defineContainer('ix-menu-avatar-item', defineCustomElement$_, [
     'icon',
     'label',
     'itemClick'
+], [
+    'itemClick'
 ]);
 const IxMenuCategory = defineContainer('ix-menu-category', defineCustomElement$$, [
     'label',
     'icon',
     'notifications',
     'closeOtherCategories'
+], [
+    'closeOtherCategories'
 ]);
 const IxMenuItem = defineContainer('ix-menu-item', defineCustomElement$10, [
     'label',
@@ -783,16 +774,24 @@ const IxMenuSettings = defineContainer('ix-menu-settings', defineCustomElement$1
     'show',
     'tabChange',
     'close'
+], [
+    'tabChange',
+    'close'
 ]);
 const IxMenuSettingsItem = defineContainer('ix-menu-settings-item', defineCustomElement$12, [
     'label',
     'labelChange'
+], [
+    'labelChange'
 ]);
 const IxMessageBar = defineContainer('ix-message-bar', defineCustomElement$13, [
     'type',
     'dismissible',
     'closedChange',
     'closeAnimationCompleted'
+], [
+    'closedChange',
+    'closeAnimationCompleted'
 ]);
 const IxModal = defineContainer('ix-modal', defineCustomElement$14, [
     'size',
@@ -804,6 +803,9 @@ const IxModal = defineContainer('ix-modal', defineCustomElement$14, [
     'closeOnEscape',
     'dialogClose',
     'dialogDismiss'
+], [
+    'dialogClose',
+    'dialogDismiss'
 ]);
 const IxModalContent = defineContainer('ix-modal-content', defineCustomElement$15);
 const IxModalFooter = defineContainer('ix-modal-footer', defineCustomElement$16);
@@ -812,6 +814,8 @@ const IxModalHeader = defineContainer('ix-modal-header', defineCustomElement$17,
     'icon',
     'iconColor',
     'closeClick'
+], [
+    'closeClick'
 ]);
 const IxNumberInput = defineContainer('ix-number-input', defineCustomElement$18, [
     'name',
@@ -832,6 +836,11 @@ const IxNumberInput = defineContainer('ix-number-input', defineCustomElement$18,
     'max',
     'allowedCharactersPattern',
     'showStepperButtons',
+    'step',
+    'valueChange',
+    'validityStateChange',
+    'ixBlur'
+], [
     'valueChange',
     'validityStateChange',
     'ixBlur'
@@ -847,6 +856,9 @@ const IxPagination = defineContainer('ix-pagination', defineCustomElement$19, [
     'i18nItems',
     'pageSelected',
     'itemCountChanged'
+], [
+    'pageSelected',
+    'itemCountChanged'
 ]);
 const IxPane = defineContainer('ix-pane', defineCustomElement$1a, [
     'heading',
@@ -864,6 +876,12 @@ const IxPane = defineContainer('ix-pane', defineCustomElement$1a, [
     'borderlessChanged',
     'hideOnCollapseChanged',
     'slotChanged'
+], [
+    'expandedChanged',
+    'variantChanged',
+    'borderlessChanged',
+    'hideOnCollapseChanged',
+    'slotChanged'
 ]);
 const IxPaneLayout = defineContainer('ix-pane-layout', defineCustomElement$1b, [
     'layout',
@@ -893,8 +911,14 @@ const IxRadio = defineContainer('ix-radio', defineCustomElement$1e, [
     'label',
     'disabled',
     'checked',
+    'required',
     'checkedChange',
-    'valueChange'
+    'valueChange',
+    'ixBlur'
+], [
+    'checkedChange',
+    'valueChange',
+    'ixBlur'
 ]);
 const IxRadioGroup = defineContainer('ix-radio-group', defineCustomElement$1f, [
     'helperText',
@@ -906,6 +930,9 @@ const IxRadioGroup = defineContainer('ix-radio-group', defineCustomElement$1f, [
     'validText',
     'showTextAsTooltip',
     'direction',
+    'required',
+    'valueChange'
+], [
     'valueChange'
 ]);
 const IxRow = defineContainer('ix-row', defineCustomElement$1g);
@@ -936,6 +963,11 @@ const IxSelect = defineContainer('ix-select', defineCustomElement$1h, [
     'inputChange',
     'addItem',
     'ixBlur'
+], [
+    'valueChange',
+    'inputChange',
+    'addItem',
+    'ixBlur'
 ], 'value', 'valueChange');
 const IxSelectItem = defineContainer('ix-select-item', defineCustomElement$1i, [
     'label',
@@ -943,6 +975,8 @@ const IxSelectItem = defineContainer('ix-select-item', defineCustomElement$1i, [
     'selected',
     'hover',
     'itemClick'
+], [
+    'itemClick'
 ]);
 const IxSlider = defineContainer('ix-slider', defineCustomElement$1j, [
     'step',
@@ -955,6 +989,8 @@ const IxSlider = defineContainer('ix-slider', defineCustomElement$1j, [
     'disabled',
     'error',
     'valueChange'
+], [
+    'valueChange'
 ]);
 const IxSpinner = defineContainer('ix-spinner', defineCustomElement$1k, [
     'variant',
@@ -972,6 +1008,8 @@ const IxSplitButton = defineContainer('ix-split-button', defineCustomElement$1l,
     'disabled',
     'placement',
     'buttonClick'
+], [
+    'buttonClick'
 ]);
 const IxTabItem = defineContainer('ix-tab-item', defineCustomElement$1m, [
     'selected',
@@ -983,6 +1021,8 @@ const IxTabItem = defineContainer('ix-tab-item', defineCustomElement$1m, [
     'layout',
     'placement',
     'tabClick'
+], [
+    'tabClick'
 ]);
 const IxTabs = defineContainer('ix-tabs', defineCustomElement$1n, [
     'small',
@@ -991,6 +1031,8 @@ const IxTabs = defineContainer('ix-tabs', defineCustomElement$1n, [
     'layout',
     'placement',
     'selectedChange'
+], [
+    'selectedChange'
 ]);
 const IxTextarea = defineContainer('ix-textarea', defineCustomElement$1o, [
     'name',
@@ -1016,6 +1058,10 @@ const IxTextarea = defineContainer('ix-textarea', defineCustomElement$1o, [
     'valueChange',
     'validityStateChange',
     'ixBlur'
+], [
+    'valueChange',
+    'validityStateChange',
+    'ixBlur'
 ], 'value', 'valueChange');
 const IxTile = defineContainer('ix-tile', defineCustomElement$1p, [
     'size'
@@ -1033,6 +1079,9 @@ const IxTimePicker = defineContainer('ix-time-picker', defineCustomElement$1q, [
     'textTime',
     'timeSelect',
     'timeChange'
+], [
+    'timeSelect',
+    'timeChange'
 ]);
 const IxToast = defineContainer('ix-toast', defineCustomElement$1r, [
     'type',
@@ -1042,6 +1091,8 @@ const IxToast = defineContainer('ix-toast', defineCustomElement$1r, [
     'icon',
     'iconColor',
     'closeToast'
+], [
+    'closeToast'
 ]);
 const IxToastContainer = defineContainer('ix-toast-container', defineCustomElement$1s, [
     'containerId',
@@ -1060,7 +1111,12 @@ const IxToggle = defineContainer('ix-toggle', defineCustomElement$1t, [
     'hideText',
     'required',
     'checkedChange',
-    'valueChange'
+    'valueChange',
+    'ixBlur'
+], [
+    'checkedChange',
+    'valueChange',
+    'ixBlur'
 ]);
 const IxToggleButton = defineContainer('ix-toggle-button', defineCustomElement$1u, [
     'variant',
@@ -1071,6 +1127,8 @@ const IxToggleButton = defineContainer('ix-toggle-button', defineCustomElement$1
     'icon',
     'pressed',
     'pressedChange'
+], [
+    'pressedChange'
 ]);
 const IxTooltip = defineContainer('ix-tooltip', defineCustomElement$1v, [
     'for',
@@ -1091,6 +1149,11 @@ const IxTree = defineContainer('ix-tree', defineCustomElement$1w, [
     'nodeToggled',
     'nodeClicked',
     'nodeRemoved'
+], [
+    'contextChange',
+    'nodeToggled',
+    'nodeClicked',
+    'nodeRemoved'
 ]);
 const IxTreeItem = defineContainer('ix-tree-item', defineCustomElement$1x, [
     'text',
@@ -1098,6 +1161,9 @@ const IxTreeItem = defineContainer('ix-tree-item', defineCustomElement$1x, [
     'context',
     'toggle',
     'itemClick'
+], [
+    'toggle',
+    'itemClick'
 ]);
 const IxTypography = defineContainer('ix-typography', defineCustomElement$1y, [
     'format',
@@ -1118,6 +1184,8 @@ const IxUpload = defineContainer('ix-upload', defineCustomElement$1z, [
     'i18nUploadFile',
     'i18nUploadDisabled',
     'filesChanged'
+], [
+    'filesChanged'
 ]);
 const IxValidationTooltip = defineContainer('ix-validation-tooltip', defineCustomElement$1A, [
     'message',
@@ -1132,12 +1200,16 @@ const IxWorkflowStep = defineContainer('ix-workflow-step', defineCustomElement$1
     'selected',
     'position',
     'selectedChanged'
+], [
+    'selectedChanged'
 ]);
 const IxWorkflowSteps = defineContainer('ix-workflow-steps', defineCustomElement$1C, [
     'vertical',
     'clickable',
     'selectedIndex',
     'stepSelected'
+], [
+    'stepSelected'
 ]);
 
 defineCustomElement$1D();
@@ -1147,7 +1219,11 @@ defineCustomElement$1G();
 defineCustomElement$1H();
 defineCustomElement$B();
 
-const IxIcon = defineContainer('ix-icon', defineCustomElement$1I, ['size', 'color', 'name']);
+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');