@sbb-esta/lyne-elements 2.5.0 → 2.5.1

package/core/mixins.js

@@ -6,7 +6,7 @@ var C = (d, v, c) => (L(d, v, "read from private field"), c ? c.call(d) : v.get(
 import { __esDecorate as y, __runInitializers as _ } from "tslib";
 import { property as k, state as j, eventOptions as G } from "lit/decorators.js";
 import { forceType as I, getOverride as H, hostAttributes as K } from "./decorators.js";
-import { defaultConverter as P, isServer as O, html as R, nothing as A, css as W } from "lit";
+import { defaultConverter as U, isServer as O, html as R, nothing as A, css as W } from "lit";
 import { SbbLanguageController as M, SbbConnectedAbortController as X } from "./controllers.js";
 import { preventScrollOnSpacebarPress as J, EventEmitter as Q } from "./eventing.js";
 import { i18nCheckboxRequired as Y, i18nInputRequired as Z, i18nSelectionRequired as ee } from "./i18n.js";
@@ -414,11 +414,11 @@ const V = (d) => (() => {
     r = [k({
       type: Boolean,
       converter: {
-        ...P,
+        ...U,
         // We need to pass information to the setter so that we know it was called by attribute change.
         fromAttribute: (a, i) => {
           var p, x;
-          return { value: (x = (p = P).fromAttribute) == null ? void 0 : x.call(p, a, i), attribute: !0 };
+          return { value: (x = (p = U).fromAttribute) == null ? void 0 : x.call(p, a, i), attribute: !0 };
         }
       }
     })], y(u, null, r, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (a) => "checked" in a, set: (a, i) => {
@@ -544,6 +544,9 @@ const V = (d) => (() => {
     formStateRestoreCallback(e, s) {
       e && typeof e == "string" && (this.value = e);
     }
+    async firstUpdated(e) {
+      super.firstUpdated(e), this.value && !this.innerHTML.length && (this.innerHTML = this.value);
+    }
     updateFormValue() {
       this.internals.setFormValue(this.value, this.value);
     }
@@ -586,7 +589,7 @@ const V = (d) => (() => {
       s.placeholder = a;
     } }, metadata: e }, null, l), y(r, null, t, { kind: "method", name: "_cleanChildren", static: !1, private: !1, access: { has: (s) => "_cleanChildren" in s, get: (s) => s._cleanChildren }, metadata: e }, null, l), e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), r;
-})(), z = /* @__PURE__ */ new WeakMap(), Ce = (d) => (() => {
+})(), T = /* @__PURE__ */ new WeakMap(), Ce = (d) => (() => {
   var n;
   let c = B(D(V(d))), l = [], f;
   return n = class extends c {
@@ -614,7 +617,7 @@ const V = (d) => (() => {
     }
     constructor() {
       var t;
-      super(), this._checked = (_(this, l), !1), this.abort = new X(this), this._didLoad = !1, this._languageController = new M(this), this.internals.role = "radio", (t = this.addEventListener) == null || t.call(this, "keydown", (r) => this._handleArrowKeyDown(r));
+      super(), this._checked = (_(this, l), !1), this.abort = new X(this), this._languageController = new M(this), this.internals.role = "radio", (t = this.addEventListener) == null || t.call(this, "keydown", (r) => this._handleArrowKeyDown(r));
     }
     connectedCallback() {
       super.connectedCallback(), this._connectToRegistry(), this._synchronizeGroupState();
@@ -642,7 +645,7 @@ const V = (d) => (() => {
       super.willUpdate(t), t.has("disabled") && this.updateFocusableRadios();
     }
     firstUpdated(t) {
-      super.firstUpdated(t), this._didLoad = !0, this.updateFocusableRadios();
+      super.firstUpdated(t), this.updateFocusableRadios();
     }
     /**
      * Called on `value` change
@@ -672,7 +675,7 @@ const V = (d) => (() => {
      * - the first non-disabled radio in DOM order;
      */
     updateFocusableRadios() {
-      if (!this._didLoad)
+      if (!this.hasUpdated)
         return;
       const t = this._interactableGroupedRadios(), r = t.findIndex((e) => e.checked && !e.disabled && !e.formDisabled), u = r !== -1 ? r : t.findIndex((e) => !e.disabled && !e.formDisabled);
       u !== -1 && (t[u].tabIndex = 0, t.splice(u, 1)), t.forEach((e) => e.removeAttribute("tabindex"));
@@ -693,7 +696,7 @@ const V = (d) => (() => {
       if (!this.name || O)
         return;
       const t = this.form ?? this.getRootNode();
-      this._radioButtonGroupsMap = z.get(t), this._radioButtonGroupsMap || (this._radioButtonGroupsMap = /* @__PURE__ */ new Map(), z.set(t, this._radioButtonGroupsMap)), this.associatedRadioButtons = this._radioButtonGroupsMap.get(this.name), this.associatedRadioButtons || (this.associatedRadioButtons = /* @__PURE__ */ new Set(), this._radioButtonGroupsMap.set(this.name, this.associatedRadioButtons));
+      this._radioButtonGroupsMap = T.get(t), this._radioButtonGroupsMap || (this._radioButtonGroupsMap = /* @__PURE__ */ new Map(), T.set(t, this._radioButtonGroupsMap)), this.associatedRadioButtons = this._radioButtonGroupsMap.get(this.name), this.associatedRadioButtons || (this.associatedRadioButtons = /* @__PURE__ */ new Set(), this._radioButtonGroupsMap.set(this.name, this.associatedRadioButtons));
       const r = Array.from(this.associatedRadioButtons);
       this.associatedRadioButtons.clear();
       const u = r.findIndex((e) => this.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_FOLLOWING);
@@ -766,7 +769,7 @@ const V = (d) => (() => {
     }
   }
   return v;
-}, T = "data-ssr-child-count", U = "li", Ee = (d) => (() => {
+}, P = "data-ssr-child-count", z = "li", Ee = (d) => (() => {
   var b, t;
   let c = le(d), l, f = [], n = [];
   return t = class extends c {
@@ -775,7 +778,7 @@ const V = (d) => (() => {
       E(this, b);
       S(this, b, _(this, f, [])), this._handleSlotchange = (_(this, n), () => {
         const e = Array.from(this.children ?? []).filter((s) => this.listChildLocalNames.includes(s.localName));
-        e.length === this.listChildren.length && this.listChildren.every((s, a) => e[a] === s) || (this.listChildren.filter((s) => !e.includes(s)).forEach((s) => s.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((s, a) => s.setAttribute("slot", `${U}-${a}`)), this.removeAttribute(T));
+        e.length === this.listChildren.length && this.listChildren.every((s, a) => e[a] === s) || (this.listChildren.filter((s) => !e.includes(s)).forEach((s) => s.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((s, a) => s.setAttribute("slot", `${z}-${a}`)), this.removeAttribute(P));
       });
     }
     /**
@@ -837,10 +840,10 @@ const V = (d) => (() => {
      * children to be passed via the `data-ssr-child-count` attribute value.
      */
     listSlotEntries(e) {
-      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(T) ?? 0) })).map((a, i) => {
+      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(P) ?? 0) })).map((a, i) => {
         var o;
         return {
-          name: `${U}-${i}`,
+          name: `${z}-${i}`,
           ariaHidden: ((o = e == null ? void 0 : e.localNameVisualOnly) == null ? void 0 : o.includes(a.localName)) ?? !1
         };
       });
@@ -964,5 +967,5 @@ export {
   D as SbbRequiredMixin,
   Ie as SbbUpdateSchedulerMixin,
   Ae as panelCommonStyle,
-  z as radioButtonRegistry
+  T as radioButtonRegistry
 };