@sbb-esta/lyne-react 3.0.0-next.3 → 3.0.0

package/alert/alert/alert.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../../core.js';
 import { SbbAlertElement } from '@sbb-esta/lyne-elements/alert/alert.js';
 export declare const SbbAlert: import('../../core.js').ReactWebComponent<SbbAlertElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
+    onBeforeclose: EventName<Event>;
+    onClose: EventName<Event>;
 }>;
 //# sourceMappingURL=alert.component.d.ts.map

package/alert/alert/alert.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.component.d.ts","sourceRoot":"","sources":["../../../../src/react/alert/alert/alert.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAIzE,eAAO,MAAM,QAAQ;gBAKS,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"alert.component.d.ts","sourceRoot":"","sources":["../../../../src/react/alert/alert/alert.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAIzE,eAAO,MAAM,QAAQ;kBAKa,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;mBACF,SAAS,CAAC,KAAK,CAAC;aAC5B,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/alert/alert/alert.component.js

@@ -1,17 +1,17 @@
 import { c as e } from "../../create-component-BzQJ4c_K.js";
-import { SbbAlertElement as l } from "@sbb-esta/lyne-elements/alert/alert.js";
-import o from "react";
-const i = e({
+import { SbbAlertElement as o } from "@sbb-esta/lyne-elements/alert/alert.js";
+import r from "react";
+const m = e({
   tagName: "sbb-alert",
-  elementClass: l,
-  react: o,
+  elementClass: o,
+  react: r,
   events: {
-    onWillOpen: "willOpen",
-    onDidOpen: "didOpen",
-    onWillClose: "willClose",
-    onDidClose: "didClose"
+    onBeforeopen: "beforeopen",
+    onOpen: "open",
+    onBeforeclose: "beforeclose",
+    onClose: "close"
   }
 });
 export {
-  i as SbbAlert
+  m as SbbAlert
 };

package/alert/alert-group/alert-group.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbAlertGroupElement } from '@sbb-esta/lyne-elements/alert/alert-group.js';
 export declare const SbbAlertGroup: import('../../core.js').ReactWebComponent<SbbAlertGroupElement, {
-    onEmpty: EventName<CustomEvent<void>>;
+    onEmpty: EventName<Event>;
 }>;
 //# sourceMappingURL=alert-group.component.d.ts.map

package/alert/alert-group/alert-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-group.component.d.ts","sourceRoot":"","sources":["../../../../src/react/alert/alert-group/alert-group.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAIpF,eAAO,MAAM,aAAa;aAKF,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGlD,CAAC"}
+{"version":3,"file":"alert-group.component.d.ts","sourceRoot":"","sources":["../../../../src/react/alert/alert-group/alert-group.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAIpF,eAAO,MAAM,aAAa;aAKF,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/autocomplete/autocomplete.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../core.js';
 import { SbbAutocompleteElement } from '@sbb-esta/lyne-elements/autocomplete.js';
 export declare const SbbAutocomplete: import('../core.js').ReactWebComponent<SbbAutocompleteElement<string>, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
+    onBeforeclose: EventName<Event>;
+    onClose: EventName<Event>;
 }>;
 //# sourceMappingURL=autocomplete.component.d.ts.map

package/autocomplete/autocomplete.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../src/react/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAIjF,eAAO,MAAM,eAAe;gBAKE,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../src/react/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAIjF,eAAO,MAAM,eAAe;kBAKM,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;mBACF,SAAS,CAAC,KAAK,CAAC;aAC5B,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/autocomplete/autocomplete.component.js

@@ -1,15 +1,15 @@
 import { c as e } from "../create-component-BzQJ4c_K.js";
 import { SbbAutocompleteElement as o } from "@sbb-esta/lyne-elements/autocomplete.js";
-import l from "react";
+import t from "react";
 const p = e({
   tagName: "sbb-autocomplete",
   elementClass: o,
-  react: l,
+  react: t,
   events: {
-    onWillOpen: "willOpen",
-    onDidOpen: "didOpen",
-    onWillClose: "willClose",
-    onDidClose: "didClose"
+    onBeforeopen: "beforeopen",
+    onOpen: "open",
+    onBeforeclose: "beforeclose",
+    onClose: "close"
   }
 });
 export {

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../../core.js';
 import { SbbAutocompleteGridElement } from '@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid.js';
 export declare const SbbAutocompleteGrid: import('../../core.js').ReactWebComponent<SbbAutocompleteGridElement<string>, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
+    onBeforeclose: EventName<Event>;
+    onClose: EventName<Event>;
 }>;
 //# sourceMappingURL=autocomplete-grid.component.d.ts.map

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/react/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAC;AAI5G,eAAO,MAAM,mBAAmB;gBAKF,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/react/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAC;AAI5G,eAAO,MAAM,mBAAmB;kBAKE,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;mBACF,SAAS,CAAC,KAAK,CAAC;aAC5B,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js

@@ -1,17 +1,17 @@
 import { c as e } from "../../create-component-BzQJ4c_K.js";
 import { SbbAutocompleteGridElement as o } from "@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid.js";
-import l from "react";
-const m = e({
+import t from "react";
+const p = e({
   tagName: "sbb-autocomplete-grid",
   elementClass: o,
-  react: l,
+  react: t,
   events: {
-    onWillOpen: "willOpen",
-    onDidOpen: "didOpen",
-    onWillClose: "willClose",
-    onDidClose: "didClose"
+    onBeforeopen: "beforeopen",
+    onOpen: "open",
+    onBeforeclose: "beforeclose",
+    onClose: "close"
   }
 });
 export {
-  m as SbbAutocompleteGrid
+  p as SbbAutocompleteGrid
 };

package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbAutocompleteGridOptionElement } from '@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-option.js';
 export declare const SbbAutocompleteGridOption: import('../../core.js').ReactWebComponent<SbbAutocompleteGridOptionElement<string>, {
-    onAutocompleteOptionSelected: EventName<CustomEvent<void>>;
+    onOptionselected: EventName<Event>;
 }>;
 //# sourceMappingURL=autocomplete-grid-option.component.d.ts.map

package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid-option.component.d.ts","sourceRoot":"","sources":["../../../../src/react/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uEAAuE,CAAC;AAIzH,eAAO,MAAM,yBAAyB;kCAK4B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAG5F,CAAC"}
+{"version":3,"file":"autocomplete-grid-option.component.d.ts","sourceRoot":"","sources":["../../../../src/react/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uEAAuE,CAAC;AAIzH,eAAO,MAAM,yBAAyB;sBAKI,SAAS,CAAC,KAAK,CAAC;EAGxD,CAAC"}

package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js

@@ -6,7 +6,7 @@ const r = e({
   elementClass: t,
   react: o,
   events: {
-    onAutocompleteOptionSelected: "autocompleteOptionSelected"
+    onOptionselected: "optionselected"
   }
 });
 export {

package/calendar/calendar.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../core.js';
 import { SbbCalendarElement } from '@sbb-esta/lyne-elements/calendar.js';
 export declare const SbbCalendar: import('../core.js').ReactWebComponent<SbbCalendarElement<Date>, {
-    onDateSelected: EventName<CustomEvent<any>>;
+    onDateselected: EventName<CustomEvent<any>>;
 }>;
 //# sourceMappingURL=calendar.component.d.ts.map

package/calendar/calendar.component.js

@@ -6,7 +6,7 @@ const n = e({
   elementClass: t,
   react: a,
   events: {
-    onDateSelected: "dateSelected"
+    onDateselected: "dateselected"
   }
 });
 export {

package/chip/chip-group/chip-group.component.d.ts

@@ -1,8 +1,8 @@
 import { EventName } from '../../core.js';
 import { SbbChipGroupElement, SbbChipInputTokenEndEventDetails } from '@sbb-esta/lyne-elements/chip/chip-group.js';
 export declare const SbbChipGroup: import('../../core.js').ReactWebComponent<SbbChipGroupElement<string>, {
-    onChange: EventName<CustomEvent<void>>;
-    onInput: EventName<CustomEvent<void>>;
-    onChipInputTokenEnd: EventName<CustomEvent<SbbChipInputTokenEndEventDetails>>;
+    onChipinputtokenend: EventName<CustomEvent<SbbChipInputTokenEndEventDetails>>;
+    onInput: EventName<InputEvent>;
+    onChange: EventName<Event>;
 }>;
 //# sourceMappingURL=chip-group.component.d.ts.map

package/chip/chip-group/chip-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../src/react/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,KAAK,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAIxH,eAAO,MAAM,YAAY;cAKC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;aAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;yBACJ,SAAS,CAAC,WAAW,CAAC,gCAAgC,CAAC,CAAC;EAGtG,CAAC"}
+{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../src/react/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,KAAK,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAIxH,eAAO,MAAM,YAAY;yBAKuB,SAAS,CAAC,WAAW,CAAC,gCAAgC,CAAC,CAAC;aAChF,SAAS,CAAC,UAAU,CAAC;cACnB,SAAS,CAAC,KAAK,CAAC;EAGxC,CAAC"}

package/chip/chip-group/chip-group.component.js

@@ -1,16 +1,16 @@
-import { c as n } from "../../create-component-BzQJ4c_K.js";
-import { SbbChipGroupElement as o } from "@sbb-esta/lyne-elements/chip/chip-group.js";
-import e from "react";
-const m = n({
+import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { SbbChipGroupElement as n } from "@sbb-esta/lyne-elements/chip/chip-group.js";
+import o from "react";
+const i = e({
   tagName: "sbb-chip-group",
-  elementClass: o,
-  react: e,
+  elementClass: n,
+  react: o,
   events: {
-    onChange: "change",
+    onChipinputtokenend: "chipinputtokenend",
     onInput: "input",
-    onChipInputTokenEnd: "chipInputTokenEnd"
+    onChange: "change"
   }
 });
 export {
-  m as SbbChipGroup
+  i as SbbChipGroup
 };

package/container/sticky-bar/sticky-bar.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../../core.js';
 import { SbbStickyBarElement } from '@sbb-esta/lyne-elements/container/sticky-bar.js';
 export declare const SbbStickyBar: import('../../core.js').ReactWebComponent<SbbStickyBarElement, {
-    onWillStick: EventName<CustomEvent<void>>;
-    onDidStick: EventName<CustomEvent<void>>;
-    onWillUnstick: EventName<CustomEvent<void>>;
-    onDidUnstick: EventName<CustomEvent<void>>;
+    onStick: EventName<Event>;
+    onUnstick: EventName<Event>;
+    onBeforestick: EventName<Event>;
+    onBeforeunstick: EventName<Event>;
 }>;
 //# sourceMappingURL=sticky-bar.component.d.ts.map

package/container/sticky-bar/sticky-bar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../src/react/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAItF,eAAO,MAAM,YAAY;iBAKO,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;mBACtB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;kBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAG5D,CAAC"}
+{"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../src/react/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAItF,eAAO,MAAM,YAAY;aAKD,SAAS,CAAC,KAAK,CAAC;eACZ,SAAS,CAAC,KAAK,CAAC;mBACR,SAAS,CAAC,KAAK,CAAC;qBACZ,SAAS,CAAC,KAAK,CAAC;EAGtD,CAAC"}

package/container/sticky-bar/sticky-bar.component.js

@@ -1,17 +1,17 @@
 import { c as t } from "../../create-component-BzQJ4c_K.js";
-import { SbbStickyBarElement as i } from "@sbb-esta/lyne-elements/container/sticky-bar.js";
-import c from "react";
-const r = t({
+import { SbbStickyBarElement as e } from "@sbb-esta/lyne-elements/container/sticky-bar.js";
+import o from "react";
+const n = t({
   tagName: "sbb-sticky-bar",
-  elementClass: i,
-  react: c,
+  elementClass: e,
+  react: o,
   events: {
-    onWillStick: "willStick",
-    onDidStick: "didStick",
-    onWillUnstick: "willUnstick",
-    onDidUnstick: "didUnstick"
+    onStick: "stick",
+    onUnstick: "unstick",
+    onBeforestick: "beforestick",
+    onBeforeunstick: "beforeunstick"
   }
 });
 export {
-  r as SbbStickyBar
+  n as SbbStickyBar
 };

package/datepicker/datepicker/datepicker.component.d.ts

@@ -1,14 +1,14 @@
 import { EventName } from '../../core.js';
 import { SbbDatepickerElement } from '@sbb-esta/lyne-elements/datepicker/datepicker.js';
 export declare const SbbDatepicker: import('../../core.js').ReactWebComponent<SbbDatepickerElement<Date>, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<{
-        closeTarget: HTMLElement;
+    onDateSelected: EventName<CustomEvent<any>>;
+    onBeforeclose: EventName<CustomEvent<{
+        closeTarget: HTMLElement | null;
     }>>;
-    onDidClose: EventName<CustomEvent<{
-        closeTarget: HTMLElement;
+    onClose: EventName<CustomEvent<{
+        closeTarget: HTMLElement | null;
     }>>;
-    onDateSelected: EventName<CustomEvent<any>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
 }>;
 //# sourceMappingURL=datepicker.component.d.ts.map

package/datepicker/datepicker/datepicker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.component.d.ts","sourceRoot":"","sources":["../../../../src/react/datepicker/datepicker/datepicker.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAIxF,eAAO,MAAM,aAAa;gBAKI,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC;QAAE,WAAW,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;gBACtD,SAAS,CAAC,WAAW,CAAC;QAAE,WAAW,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;oBAC5C,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;EAG/D,CAAC"}
+{"version":3,"file":"datepicker.component.d.ts","sourceRoot":"","sources":["../../../../src/react/datepicker/datepicker/datepicker.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAIxF,eAAO,MAAM,aAAa;oBAKY,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;mBAC7B,SAAS,CAAC,WAAW,CAAC;QAAE,WAAW,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;aACvE,SAAS,CAAC,WAAW,CAAC;QAAE,WAAW,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;kBACjD,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;EAGpC,CAAC"}

package/datepicker/datepicker/datepicker.component.js

@@ -6,11 +6,11 @@ const p = e({
   elementClass: o,
   react: t,
   events: {
-    onWillOpen: "willOpen",
-    onDidOpen: "didOpen",
-    onWillClose: "willClose",
-    onDidClose: "didClose",
-    onDateSelected: "dateSelected"
+    onDateSelected: "dateSelected",
+    onBeforeclose: "beforeclose",
+    onClose: "close",
+    onBeforeopen: "beforeopen",
+    onOpen: "open"
   }
 });
 export {

package/development/alert/alert/alert.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../../core.js';
 import { SbbAlertElement } from '@sbb-esta/lyne-elements/alert/alert.js';
 export declare const SbbAlert: import('../../core.js').ReactWebComponent<SbbAlertElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
+    onBeforeclose: EventName<Event>;
+    onClose: EventName<Event>;
 }>;
 //# sourceMappingURL=alert.component.d.ts.map

package/development/alert/alert/alert.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/alert/alert/alert.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAIzE,eAAO,MAAM,QAAQ;gBAKS,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"alert.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/alert/alert/alert.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAIzE,eAAO,MAAM,QAAQ;kBAKa,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;mBACF,SAAS,CAAC,KAAK,CAAC;aAC5B,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/development/alert/alert/alert.component.js

@@ -6,10 +6,10 @@ const SbbAlert = createComponent({
   elementClass: SbbAlertElement,
   react,
   events: {
-    "onWillOpen": "willOpen",
-    "onDidOpen": "didOpen",
-    "onWillClose": "willClose",
-    "onDidClose": "didClose"
+    "onBeforeopen": "beforeopen",
+    "onOpen": "open",
+    "onBeforeclose": "beforeclose",
+    "onClose": "close"
   }
 });
 export {

package/development/alert/alert-group/alert-group.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbAlertGroupElement } from '@sbb-esta/lyne-elements/alert/alert-group.js';
 export declare const SbbAlertGroup: import('../../core.js').ReactWebComponent<SbbAlertGroupElement, {
-    onEmpty: EventName<CustomEvent<void>>;
+    onEmpty: EventName<Event>;
 }>;
 //# sourceMappingURL=alert-group.component.d.ts.map

package/development/alert/alert-group/alert-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/alert/alert-group/alert-group.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAIpF,eAAO,MAAM,aAAa;aAKF,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGlD,CAAC"}
+{"version":3,"file":"alert-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/alert/alert-group/alert-group.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAIpF,eAAO,MAAM,aAAa;aAKF,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/development/autocomplete/autocomplete.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../core.js';
 import { SbbAutocompleteElement } from '@sbb-esta/lyne-elements/autocomplete.js';
 export declare const SbbAutocomplete: import('../core.js').ReactWebComponent<SbbAutocompleteElement<string>, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
+    onBeforeclose: EventName<Event>;
+    onClose: EventName<Event>;
 }>;
 //# sourceMappingURL=autocomplete.component.d.ts.map

package/development/autocomplete/autocomplete.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../src/react/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAIjF,eAAO,MAAM,eAAe;gBAKE,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../src/react/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAIjF,eAAO,MAAM,eAAe;kBAKM,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;mBACF,SAAS,CAAC,KAAK,CAAC;aAC5B,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/development/autocomplete/autocomplete.component.js

@@ -6,10 +6,10 @@ const SbbAutocomplete = createComponent({
   elementClass: SbbAutocompleteElement,
   react,
   events: {
-    "onWillOpen": "willOpen",
-    "onDidOpen": "didOpen",
-    "onWillClose": "willClose",
-    "onDidClose": "didClose"
+    "onBeforeopen": "beforeopen",
+    "onOpen": "open",
+    "onBeforeclose": "beforeclose",
+    "onClose": "close"
   }
 });
 export {

package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../../core.js';
 import { SbbAutocompleteGridElement } from '@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid.js';
 export declare const SbbAutocompleteGrid: import('../../core.js').ReactWebComponent<SbbAutocompleteGridElement<string>, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
+    onBeforeclose: EventName<Event>;
+    onClose: EventName<Event>;
 }>;
 //# sourceMappingURL=autocomplete-grid.component.d.ts.map

package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAC;AAI5G,eAAO,MAAM,mBAAmB;gBAKF,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAC;AAI5G,eAAO,MAAM,mBAAmB;kBAKE,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;mBACF,SAAS,CAAC,KAAK,CAAC;aAC5B,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js

@@ -6,10 +6,10 @@ const SbbAutocompleteGrid = createComponent({
   elementClass: SbbAutocompleteGridElement,
   react,
   events: {
-    "onWillOpen": "willOpen",
-    "onDidOpen": "didOpen",
-    "onWillClose": "willClose",
-    "onDidClose": "didClose"
+    "onBeforeopen": "beforeopen",
+    "onOpen": "open",
+    "onBeforeclose": "beforeclose",
+    "onClose": "close"
   }
 });
 export {

package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbAutocompleteGridOptionElement } from '@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-option.js';
 export declare const SbbAutocompleteGridOption: import('../../core.js').ReactWebComponent<SbbAutocompleteGridOptionElement<string>, {
-    onAutocompleteOptionSelected: EventName<CustomEvent<void>>;
+    onOptionselected: EventName<Event>;
 }>;
 //# sourceMappingURL=autocomplete-grid-option.component.d.ts.map

package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid-option.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uEAAuE,CAAC;AAIzH,eAAO,MAAM,yBAAyB;kCAK4B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAG5F,CAAC"}
+{"version":3,"file":"autocomplete-grid-option.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uEAAuE,CAAC;AAIzH,eAAO,MAAM,yBAAyB;sBAKI,SAAS,CAAC,KAAK,CAAC;EAGxD,CAAC"}

package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js

@@ -6,7 +6,7 @@ const SbbAutocompleteGridOption = createComponent({
   elementClass: SbbAutocompleteGridOptionElement,
   react,
   events: {
-    "onAutocompleteOptionSelected": "autocompleteOptionSelected"
+    "onOptionselected": "optionselected"
   }
 });
 export {

package/development/calendar/calendar.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../core.js';
 import { SbbCalendarElement } from '@sbb-esta/lyne-elements/calendar.js';
 export declare const SbbCalendar: import('../core.js').ReactWebComponent<SbbCalendarElement<Date>, {
-    onDateSelected: EventName<CustomEvent<any>>;
+    onDateselected: EventName<CustomEvent<any>>;
 }>;
 //# sourceMappingURL=calendar.component.d.ts.map

package/development/calendar/calendar.component.js

@@ -6,7 +6,7 @@ const SbbCalendar = createComponent({
   elementClass: SbbCalendarElement,
   react,
   events: {
-    "onDateSelected": "dateSelected"
+    "onDateselected": "dateselected"
   }
 });
 export {

package/development/chip/chip-group/chip-group.component.d.ts

@@ -1,8 +1,8 @@
 import { EventName } from '../../core.js';
 import { SbbChipGroupElement, SbbChipInputTokenEndEventDetails } from '@sbb-esta/lyne-elements/chip/chip-group.js';
 export declare const SbbChipGroup: import('../../core.js').ReactWebComponent<SbbChipGroupElement<string>, {
-    onChange: EventName<CustomEvent<void>>;
-    onInput: EventName<CustomEvent<void>>;
-    onChipInputTokenEnd: EventName<CustomEvent<SbbChipInputTokenEndEventDetails>>;
+    onChipinputtokenend: EventName<CustomEvent<SbbChipInputTokenEndEventDetails>>;
+    onInput: EventName<InputEvent>;
+    onChange: EventName<Event>;
 }>;
 //# sourceMappingURL=chip-group.component.d.ts.map

package/development/chip/chip-group/chip-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,KAAK,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAIxH,eAAO,MAAM,YAAY;cAKC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;aAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;yBACJ,SAAS,CAAC,WAAW,CAAC,gCAAgC,CAAC,CAAC;EAGtG,CAAC"}
+{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,KAAK,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAIxH,eAAO,MAAM,YAAY;yBAKuB,SAAS,CAAC,WAAW,CAAC,gCAAgC,CAAC,CAAC;aAChF,SAAS,CAAC,UAAU,CAAC;cACnB,SAAS,CAAC,KAAK,CAAC;EAGxC,CAAC"}

package/development/chip/chip-group/chip-group.component.js

@@ -6,9 +6,9 @@ const SbbChipGroup = createComponent({
   elementClass: SbbChipGroupElement,
   react,
   events: {
-    "onChange": "change",
+    "onChipinputtokenend": "chipinputtokenend",
     "onInput": "input",
-    "onChipInputTokenEnd": "chipInputTokenEnd"
+    "onChange": "change"
   }
 });
 export {

package/development/container/sticky-bar/sticky-bar.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../../core.js';
 import { SbbStickyBarElement } from '@sbb-esta/lyne-elements/container/sticky-bar.js';
 export declare const SbbStickyBar: import('../../core.js').ReactWebComponent<SbbStickyBarElement, {
-    onWillStick: EventName<CustomEvent<void>>;
-    onDidStick: EventName<CustomEvent<void>>;
-    onWillUnstick: EventName<CustomEvent<void>>;
-    onDidUnstick: EventName<CustomEvent<void>>;
+    onStick: EventName<Event>;
+    onUnstick: EventName<Event>;
+    onBeforestick: EventName<Event>;
+    onBeforeunstick: EventName<Event>;
 }>;
 //# sourceMappingURL=sticky-bar.component.d.ts.map

package/development/container/sticky-bar/sticky-bar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAItF,eAAO,MAAM,YAAY;iBAKO,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;mBACtB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;kBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAG5D,CAAC"}
+{"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAItF,eAAO,MAAM,YAAY;aAKD,SAAS,CAAC,KAAK,CAAC;eACZ,SAAS,CAAC,KAAK,CAAC;mBACR,SAAS,CAAC,KAAK,CAAC;qBACZ,SAAS,CAAC,KAAK,CAAC;EAGtD,CAAC"}

package/development/container/sticky-bar/sticky-bar.component.js

@@ -6,10 +6,10 @@ const SbbStickyBar = createComponent({
   elementClass: SbbStickyBarElement,
   react,
   events: {
-    "onWillStick": "willStick",
-    "onDidStick": "didStick",
-    "onWillUnstick": "willUnstick",
-    "onDidUnstick": "didUnstick"
+    "onStick": "stick",
+    "onUnstick": "unstick",
+    "onBeforestick": "beforestick",
+    "onBeforeunstick": "beforeunstick"
   }
 });
 export {