@sbb-esta/lyne-react 4.7.0 → 4.8.1

package/carousel/carousel-list/carousel-list.component.js

@@ -1,11 +1,11 @@
 import { createComponent as e } from "../../core.js";
-import { SbbCarouselListElement as t } from "@sbb-esta/lyne-elements/carousel/carousel-list.js";
-import o from "react";
-const a = e({
-  tagName: "sbb-carousel-list",
-  elementClass: t,
-  react: o
+import t from "react";
+import { SbbCarouselListElement as n } from "@sbb-esta/lyne-elements/carousel.js";
+//#region src/react/carousel/carousel-list/carousel-list.component.ts
+var r = e({
+	tagName: "sbb-carousel-list",
+	elementClass: n,
+	react: t
 });
-export {
-  a as SbbCarouselList
-};
+//#endregion
+export { r as SbbCarouselList };

package/carousel/carousel-list.js

@@ -1,4 +1,5 @@
-import { SbbCarouselList as b } from "./carousel-list/carousel-list.component.js";
-export {
-  b as SbbCarouselList
-};
+import { SbbCarouselList as e } from "./carousel-list/carousel-list.component.js";
+//#region src/react/carousel/carousel-list.ts
+console.warn("The entrypoint '@sbb-esta/react/carousel/carousel-list.js' has been deprecated.\nUse '@sbb-esta/react/carousel.js' instead.");
+//#endregion
+export { e as SbbCarouselList };

package/carousel/carousel.js

@@ -1,4 +1,5 @@
-import { SbbCarousel as b } from "./carousel/carousel.component.js";
-export {
-  b as SbbCarousel
-};
+import { SbbCarousel as e } from "./carousel/carousel.component.js";
+//#region src/react/carousel/carousel.ts
+console.warn("The entrypoint '@sbb-esta/react/carousel/carousel.js' has been deprecated.\nUse '@sbb-esta/react/carousel.js' instead.");
+//#endregion
+export { e as SbbCarousel };

package/carousel.js

@@ -1,8 +1,4 @@
 import { SbbCarousel as e } from "./carousel/carousel/carousel.component.js";
 import { SbbCarouselItem as t } from "./carousel/carousel-item/carousel-item.component.js";
-import { SbbCarouselList as s } from "./carousel/carousel-list/carousel-list.component.js";
-export {
-  e as SbbCarousel,
-  t as SbbCarouselItem,
-  s as SbbCarouselList
-};
+import { SbbCarouselList as n } from "./carousel/carousel-list/carousel-list.component.js";
+export { e as SbbCarousel, t as SbbCarouselItem, n as SbbCarouselList };

package/checkbox/checkbox.component.js

@@ -0,0 +1,15 @@
+import { createComponent as e } from "../core.js";
+import t from "react";
+import { SbbCheckboxElement as n } from "@sbb-esta/lyne-elements/checkbox.js";
+//#region src/react/checkbox/checkbox.component.ts
+var r = e({
+	tagName: "sbb-checkbox",
+	elementClass: n,
+	react: t,
+	events: {
+		onChange: "change",
+		onInput: "input"
+	}
+});
+//#endregion
+export { r as SbbCheckbox };

package/checkbox-group/checkbox-group.component.js

@@ -0,0 +1,11 @@
+import { createComponent as e } from "../core.js";
+import t from "react";
+import { SbbCheckboxGroupElement as n } from "@sbb-esta/lyne-elements/checkbox-group.js";
+//#region src/react/checkbox-group/checkbox-group.component.ts
+var r = e({
+	tagName: "sbb-checkbox-group",
+	elementClass: n,
+	react: t
+});
+//#endregion
+export { r as SbbCheckboxGroup };

package/checkbox-group.js

@@ -0,0 +1,2 @@
+import { SbbCheckboxGroup as e } from "./checkbox-group/checkbox-group.component.js";
+export { e as SbbCheckboxGroup };

package/checkbox-panel/checkbox-panel.component.js

@@ -0,0 +1,15 @@
+import { createComponent as e } from "../core.js";
+import t from "react";
+import { SbbCheckboxPanelElement as n } from "@sbb-esta/lyne-elements/checkbox-panel.js";
+//#region src/react/checkbox-panel/checkbox-panel.component.ts
+var r = e({
+	tagName: "sbb-checkbox-panel",
+	elementClass: n,
+	react: t,
+	events: {
+		onChange: "change",
+		onInput: "input"
+	}
+});
+//#endregion
+export { r as SbbCheckboxPanel };

package/checkbox-panel.js

@@ -0,0 +1,2 @@
+import { SbbCheckboxPanel as e } from "./checkbox-panel/checkbox-panel.component.js";
+export { e as SbbCheckboxPanel };

package/checkbox.js

@@ -1,8 +1,2 @@
-import { SbbCheckbox as e } from "./checkbox/checkbox/checkbox.component.js";
-import { SbbCheckboxGroup as x } from "./checkbox/checkbox-group/checkbox-group.component.js";
-import { SbbCheckboxPanel as c } from "./checkbox/checkbox-panel/checkbox-panel.component.js";
-export {
-  e as SbbCheckbox,
-  x as SbbCheckboxGroup,
-  c as SbbCheckboxPanel
-};
+import { SbbCheckbox as e } from "./checkbox/checkbox.component.js";
+export { e as SbbCheckbox };

package/chip/chip/chip.component.js

@@ -1,11 +1,11 @@
 import { createComponent as e } from "../../core.js";
-import { SbbChipElement as t } from "@sbb-esta/lyne-elements/chip/chip.js";
-import m from "react";
-const b = e({
-  tagName: "sbb-chip",
-  elementClass: t,
-  react: m
+import t from "react";
+import { SbbChipElement as n } from "@sbb-esta/lyne-elements/chip.js";
+//#region src/react/chip/chip/chip.component.ts
+var r = e({
+	tagName: "sbb-chip",
+	elementClass: n,
+	react: t
 });
-export {
-  b as SbbChip
-};
+//#endregion
+export { r as SbbChip };

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

@@ -1,16 +1,16 @@
 import { createComponent as e } from "../../core.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: n,
-  react: o,
-  events: {
-    onChipinputtokenend: "chipinputtokenend",
-    onInput: "input",
-    onChange: "change"
-  }
+import t from "react";
+import { SbbChipGroupElement as n } from "@sbb-esta/lyne-elements/chip.js";
+//#region src/react/chip/chip-group/chip-group.component.ts
+var r = e({
+	tagName: "sbb-chip-group",
+	elementClass: n,
+	react: t,
+	events: {
+		onInput: "input",
+		onChange: "change",
+		onChipinputtokenend: "chipinputtokenend"
+	}
 });
-export {
-  i as SbbChipGroup
-};
+//#endregion
+export { r as SbbChipGroup };

package/chip/chip-group.js

@@ -1,4 +1,5 @@
-import { SbbChipGroup as r } from "./chip-group/chip-group.component.js";
-export {
-  r as SbbChipGroup
-};
+import { SbbChipGroup as e } from "./chip-group/chip-group.component.js";
+//#region src/react/chip/chip-group.ts
+console.warn("The entrypoint '@sbb-esta/react/chip/chip-group.js' has been deprecated.\nUse '@sbb-esta/react/chip.js' instead.");
+//#endregion
+export { e as SbbChipGroup };

package/chip/chip.js

@@ -1,4 +1,5 @@
-import { SbbChip as p } from "./chip/chip.component.js";
-export {
-  p as SbbChip
-};
+import { SbbChip as e } from "./chip/chip.component.js";
+//#region src/react/chip/chip.ts
+console.warn("The entrypoint '@sbb-esta/react/chip/chip.js' has been deprecated.\nUse '@sbb-esta/react/chip.js' instead.");
+//#endregion
+export { e as SbbChip };

package/chip-label/chip-label.component.js

@@ -1,11 +1,11 @@
 import { createComponent as e } from "../core.js";
-import { SbbChipLabelElement as t } from "@sbb-esta/lyne-elements/chip-label.js";
-import m from "react";
-const a = e({
-  tagName: "sbb-chip-label",
-  elementClass: t,
-  react: m
+import t from "react";
+import { SbbChipLabelElement as n } from "@sbb-esta/lyne-elements/chip-label.js";
+//#region src/react/chip-label/chip-label.component.ts
+var r = e({
+	tagName: "sbb-chip-label",
+	elementClass: n,
+	react: t
 });
-export {
-  a as SbbChipLabel
-};
+//#endregion
+export { r as SbbChipLabel };

package/chip-label.js

@@ -1,4 +1,2 @@
-import { SbbChipLabel as o } from "./chip-label/chip-label.component.js";
-export {
-  o as SbbChipLabel
-};
+import { SbbChipLabel as e } from "./chip-label/chip-label.component.js";
+export { e as SbbChipLabel };

package/chip.js

@@ -1,6 +1,3 @@
-import { SbbChip as r } from "./chip/chip/chip.component.js";
-import { SbbChipGroup as e } from "./chip/chip-group/chip-group.component.js";
-export {
-  r as SbbChip,
-  e as SbbChipGroup
-};
+import { SbbChip as e } from "./chip/chip/chip.component.js";
+import { SbbChipGroup as t } from "./chip/chip-group/chip-group.component.js";
+export { e as SbbChip, t as SbbChipGroup };

package/clock/clock.component.js

@@ -1,11 +1,11 @@
-import { createComponent as o } from "../core.js";
-import { SbbClockElement as e } from "@sbb-esta/lyne-elements/clock.js";
+import { createComponent as e } from "../core.js";
 import t from "react";
-const b = o({
-  tagName: "sbb-clock",
-  elementClass: e,
-  react: t
+import { SbbClockElement as n } from "@sbb-esta/lyne-elements/clock.js";
+//#region src/react/clock/clock.component.ts
+var r = e({
+	tagName: "sbb-clock",
+	elementClass: n,
+	react: t
 });
-export {
-  b as SbbClock
-};
+//#endregion
+export { r as SbbClock };

package/clock.js

@@ -1,4 +1,2 @@
-import { SbbClock as r } from "./clock/clock.component.js";
-export {
-  r as SbbClock
-};
+import { SbbClock as e } from "./clock/clock.component.js";
+export { e as SbbClock };

package/container/container/container.component.js

@@ -1,11 +1,11 @@
 import { createComponent as e } from "../../core.js";
-import { SbbContainerElement as t } from "@sbb-esta/lyne-elements/container/container.js";
-import o from "react";
-const a = e({
-  tagName: "sbb-container",
-  elementClass: t,
-  react: o
+import t from "react";
+import { SbbContainerElement as n } from "@sbb-esta/lyne-elements/container.js";
+//#region src/react/container/container/container.component.ts
+var r = e({
+	tagName: "sbb-container",
+	elementClass: n,
+	react: t
 });
-export {
-  a as SbbContainer
-};
+//#endregion
+export { r as SbbContainer };

package/container/container.js

@@ -1,4 +1,5 @@
-import { SbbContainer as b } from "./container/container.component.js";
-export {
-  b as SbbContainer
-};
+import { SbbContainer as e } from "./container/container.component.js";
+//#region src/react/container/container.ts
+console.warn("The entrypoint '@sbb-esta/react/container/container.js' has been deprecated.\nUse '@sbb-esta/react/container.js' instead.");
+//#endregion
+export { e as SbbContainer };

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

@@ -1,17 +1,17 @@
-import { createComponent as t } from "../../core.js";
-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: e,
-  react: o,
-  events: {
-    onStick: "stick",
-    onUnstick: "unstick",
-    onBeforestick: "beforestick",
-    onBeforeunstick: "beforeunstick"
-  }
+import { createComponent as e } from "../../core.js";
+import t from "react";
+import { SbbStickyBarElement as n } from "@sbb-esta/lyne-elements/container.js";
+//#region src/react/container/sticky-bar/sticky-bar.component.ts
+var r = e({
+	tagName: "sbb-sticky-bar",
+	elementClass: n,
+	react: t,
+	events: {
+		onStick: "stick",
+		onUnstick: "unstick",
+		onBeforestick: "beforestick",
+		onBeforeunstick: "beforeunstick"
+	}
 });
-export {
-  n as SbbStickyBar
-};
+//#endregion
+export { r as SbbStickyBar };

package/container/sticky-bar.js

@@ -1,4 +1,5 @@
-import { SbbStickyBar as o } from "./sticky-bar/sticky-bar.component.js";
-export {
-  o as SbbStickyBar
-};
+import { SbbStickyBar as e } from "./sticky-bar/sticky-bar.component.js";
+//#region src/react/container/sticky-bar.ts
+console.warn("The entrypoint '@sbb-esta/react/container/sticky-bar.js' has been deprecated.\nUse '@sbb-esta/react/container.js' instead.");
+//#endregion
+export { e as SbbStickyBar };

package/container.js

@@ -1,6 +1,3 @@
-import { SbbContainer as b } from "./container/container/container.component.js";
-import { SbbStickyBar as e } from "./container/sticky-bar/sticky-bar.component.js";
-export {
-  b as SbbContainer,
-  e as SbbStickyBar
-};
+import { SbbContainer as e } from "./container/container/container.component.js";
+import { SbbStickyBar as t } from "./container/sticky-bar/sticky-bar.component.js";
+export { e as SbbContainer, t as SbbStickyBar };

package/core/create-component.js

@@ -1,62 +1,59 @@
-import { isServer as g } from "lit";
-const v = g, k = /* @__PURE__ */ new Set([
-  "children",
-  "localName",
-  "ref",
-  "style",
-  "className",
-  "id"
-]), P = /* @__PURE__ */ new WeakMap(), L = (t, o, n) => {
-  let s = P.get(t);
-  s === void 0 && P.set(t, s = /* @__PURE__ */ new Map());
-  let i = s.get(o);
-  n !== void 0 ? i === void 0 ? (s.set(o, i = { handleEvent: n }), t.addEventListener(o, i)) : i.handleEvent = n : i !== void 0 && (s.delete(o), t.removeEventListener(o, i));
-}, h = (t, o, n, s, i) => {
-  const p = i?.[o];
-  if (p !== void 0) {
-    n !== s && L(t, p, n);
-    return;
-  }
-  t[o] = n, n == null && o in HTMLElement.prototype && t.removeAttribute(o);
-}, N = ({ react: t, tagName: o, elementClass: n, events: s, displayName: i }) => {
-  const p = new Set(Object.keys(s ?? {})), E = t.forwardRef((m, a) => {
-    const d = t.useRef(/* @__PURE__ */ new Map()), u = t.useRef(null), l = {}, f = {}, w = n.elementProperties;
-    for (const [e, r] of Object.entries(m)) {
-      if (k.has(e)) {
-        l[e === "className" ? "class" : e] = r;
-        continue;
-      } else if (p.has(e) || e in n.prototype) {
-        const c = w?.get(e), y = c?.converter?.toAttribute;
-        if (!c || c.attribute === !1 || typeof r == "object" && !y) {
-          f[e] = r;
-          continue;
-        }
-        const b = c.attribute === !0 ? e : c.attribute || e;
-        c.type !== Boolean ? l[b] = y ? y(r) : r : r ? (l[b] = "", f[e] = r) : f[e] = !1;
-        continue;
-      }
-      l[e] = r;
-    }
-    return v || (t.useLayoutEffect(() => {
-      if (u.current === null)
-        return;
-      const e = /* @__PURE__ */ new Map();
-      for (const r in f)
-        h(u.current, r, m[r], d.current.get(r), s), d.current.delete(r), e.set(r, m[r]);
-      for (const [r, c] of d.current)
-        h(u.current, r, void 0, c, s);
-      d.current = e;
-    }), t.useLayoutEffect(() => {
-      u.current?.removeAttribute("defer-hydration");
-    }, [])), v ? (t.createElement.name === "litPatchedCreateElement" || globalThis.litSsrReactEnabled) && Object.keys(f).length && (l._$litProps$ = f) : l.suppressHydrationWarning = !0, t.createElement(o, {
-      ...l,
-      ref: t.useCallback((e) => {
-        u.current = e, typeof a == "function" ? a(e) : a !== null && (a.current = e);
-      }, [a])
-    });
-  });
-  return E.displayName = i ?? n.name, E;
-};
-export {
-  N as createComponent
+import { isServer as e } from "lit";
+//#region src/react/core/create-component.ts
+var t = e, n = new Set([
+	"children",
+	"localName",
+	"ref",
+	"style",
+	"className",
+	"id"
+]), r = /* @__PURE__ */ new WeakMap(), i = (e, t, n) => {
+	let i = r.get(e);
+	i === void 0 && r.set(e, i = /* @__PURE__ */ new Map());
+	let a = i.get(t);
+	n === void 0 ? a !== void 0 && (i.delete(t), e.removeEventListener(t, a)) : a === void 0 ? (i.set(t, a = { handleEvent: n }), e.addEventListener(t, a)) : a.handleEvent = n;
+}, a = (e, t, n, r, a) => {
+	let o = a?.[t];
+	if (o !== void 0) {
+		n !== r && i(e, o, n);
+		return;
+	}
+	e[t] = n, n == null && t in HTMLElement.prototype && e.removeAttribute(t);
+}, o = ({ react: e, tagName: r, elementClass: i, events: o, displayName: s }) => {
+	let c = new Set(Object.keys(o ?? {})), l = e.forwardRef((s, l) => {
+		let u = e.useRef(/* @__PURE__ */ new Map()), d = e.useRef(null), f = {}, p = {}, m = i.elementProperties;
+		for (let [e, t] of Object.entries(s)) {
+			if (n.has(e)) {
+				f[e === "className" ? "class" : e] = t;
+				continue;
+			} else if (c.has(e) || e in i.prototype) {
+				let n = m?.get(e), r = n?.converter?.toAttribute;
+				if (!n || n.attribute === !1 || typeof t == "object" && !r) {
+					p[e] = t;
+					continue;
+				}
+				let i = n.attribute === !0 ? e : n.attribute || e;
+				n.type === Boolean ? t ? (f[i] = "", p[e] = t) : p[e] = !1 : f[i] = r ? r(t) : t;
+				continue;
+			}
+			f[e] = t;
+		}
+		return t || (e.useLayoutEffect(() => {
+			if (d.current === null) return;
+			let e = /* @__PURE__ */ new Map();
+			for (let t in p) a(d.current, t, s[t], u.current.get(t), o), u.current.delete(t), e.set(t, s[t]);
+			for (let [e, t] of u.current) a(d.current, e, void 0, t, o);
+			u.current = e;
+		}), e.useLayoutEffect(() => {
+			d.current?.removeAttribute("defer-hydration");
+		}, [])), t ? (e.createElement.name === "litPatchedCreateElement" || globalThis.litSsrReactEnabled) && Object.keys(p).length && (f._$litProps$ = p) : f.suppressHydrationWarning = !0, e.createElement(r, {
+			...f,
+			ref: e.useCallback((e) => {
+				d.current = e, typeof l == "function" ? l(e) : l !== null && (l.current = e);
+			}, [l])
+		});
+	});
+	return l.displayName = s ?? i.name, l;
 };
+//#endregion
+export { o as createComponent };

package/core.js

@@ -1,4 +1,2 @@
-import { createComponent as r } from "./core/create-component.js";
-export {
-  r as createComponent
-};
+import { createComponent as e } from "./core/create-component.js";
+export { e as createComponent };

package/date-input/date-input.component.js

@@ -1,15 +1,15 @@
-import { createComponent as t } from "../core.js";
-import { SbbDateInputElement as e } from "@sbb-esta/lyne-elements/date-input.js";
-import n from "react";
-const p = t({
-  tagName: "sbb-date-input",
-  elementClass: e,
-  react: n,
-  events: {
-    onInput: "input",
-    onChange: "change"
-  }
+import { createComponent as e } from "../core.js";
+import t from "react";
+import { SbbDateInputElement as n } from "@sbb-esta/lyne-elements/date-input.js";
+//#region src/react/date-input/date-input.component.ts
+var r = e({
+	tagName: "sbb-date-input",
+	elementClass: n,
+	react: t,
+	events: {
+		onInput: "input",
+		onChange: "change"
+	}
 });
-export {
-  p as SbbDateInput
-};
+//#endregion
+export { r as SbbDateInput };

package/date-input.js

@@ -1,4 +1,2 @@
 import { SbbDateInput as e } from "./date-input/date-input.component.js";
-export {
-  e as SbbDateInput
-};
+export { e as SbbDateInput };

package/datepicker/datepicker/datepicker.component.js

@@ -1,18 +1,17 @@
 import { createComponent as e } from "../../core.js";
-import { SbbDatepickerElement as o } from "@sbb-esta/lyne-elements/datepicker/datepicker.js";
 import t from "react";
-const n = o, s = e({
-  tagName: "sbb-datepicker",
-  elementClass: n,
-  react: t,
-  events: {
-    onDateselected: "dateselected",
-    onBeforeclose: "beforeclose",
-    onClose: "close",
-    onBeforeopen: "beforeopen",
-    onOpen: "open"
-  }
+import { SbbDatepickerElement as n } from "@sbb-esta/lyne-elements/datepicker.js";
+var r = e({
+	tagName: "sbb-datepicker",
+	elementClass: n,
+	react: t,
+	events: {
+		onDateselected: "dateselected",
+		onBeforeclose: "beforeclose",
+		onClose: "close",
+		onBeforeopen: "beforeopen",
+		onOpen: "open"
+	}
 });
-export {
-  s as SbbDatepicker
-};
+//#endregion
+export { r as SbbDatepicker };

package/datepicker/datepicker-next-day/datepicker-next-day.component.js

@@ -1,11 +1,10 @@
 import { createComponent as e } from "../../core.js";
-import { SbbDatepickerNextDayElement as t } from "@sbb-esta/lyne-elements/datepicker/datepicker-next-day.js";
-import a from "react";
-const o = t, n = e({
-  tagName: "sbb-datepicker-next-day",
-  elementClass: o,
-  react: a
+import t from "react";
+import { SbbDatepickerNextDayElement as n } from "@sbb-esta/lyne-elements/datepicker.js";
+var r = e({
+	tagName: "sbb-datepicker-next-day",
+	elementClass: n,
+	react: t
 });
-export {
-  n as SbbDatepickerNextDay
-};
+//#endregion
+export { r as SbbDatepickerNextDay };

package/datepicker/datepicker-next-day.js

@@ -1,4 +1,5 @@
-import { SbbDatepickerNextDay as t } from "./datepicker-next-day/datepicker-next-day.component.js";
-export {
-  t as SbbDatepickerNextDay
-};
+import { SbbDatepickerNextDay as e } from "./datepicker-next-day/datepicker-next-day.component.js";
+//#region src/react/datepicker/datepicker-next-day.ts
+console.warn("The entrypoint '@sbb-esta/react/datepicker/datepicker-next-day.js' has been deprecated.\nUse '@sbb-esta/react/datepicker.js' instead.");
+//#endregion
+export { e as SbbDatepickerNextDay };

package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js

@@ -1,11 +1,10 @@
 import { createComponent as e } from "../../core.js";
-import { SbbDatepickerPreviousDayElement as o } from "@sbb-esta/lyne-elements/datepicker/datepicker-previous-day.js";
-import r from "react";
-const t = o, p = e({
-  tagName: "sbb-datepicker-previous-day",
-  elementClass: t,
-  react: r
+import t from "react";
+import { SbbDatepickerPreviousDayElement as n } from "@sbb-esta/lyne-elements/datepicker.js";
+var r = e({
+	tagName: "sbb-datepicker-previous-day",
+	elementClass: n,
+	react: t
 });
-export {
-  p as SbbDatepickerPreviousDay
-};
+//#endregion
+export { r as SbbDatepickerPreviousDay };