@orangelogic/design-system 2.112.0 → 2.114.0

package/library/chunks/{folder-select.C2ruplAB.js → folder-select.Bc9x2hMO.js}

@@ -1,21 +1,21 @@
 import { C as N } from "./icon.DnBh6-56.js";
-import { C as ie } from "./input.B7SaYNrr.js";
+import { C as ie } from "./input.CH4lKxPM.js";
 import H from "../components/line-clamp.js";
 import oe from "../components/select.js";
 import ce from "../components/tag.js";
-import { C as g, a as ne } from "./tree.jg0MjIB8.js";
+import { C as g, a as ne } from "./tree.Btf2Q4YZ.js";
 import { n as r, C as U } from "./lib-cortex-element.CVMmyPMC.js";
 import { h as R, F as he, c as de } from "./endpoints.DBlquU2-.js";
 import { M as k } from "./asset-link-format.B0c92pSs.js";
 import { c as j } from "./component.styles.CRO4Odto.js";
 import { c as M } from "./custom-element.L4WJXn1j.js";
-import { L } from "./i18n.BcD4Ohsq.js";
+import { L } from "./i18n.CH-wak_P.js";
 import { w as f } from "./watch.CThbualB.js";
 import { x as m, i as pe } from "./lit-element.jLBm65_O.js";
 import { r as x } from "./state.CSDxrqLd.js";
 import { e as Z } from "./query.BBf1UFkC.js";
 import { r as ue } from "./choose.BTbF6BAn.js";
-import { C as J } from "./button.BvBgxmvw.js";
+import { C as J } from "./button.DwJEeW2t.js";
 import { d as fe } from "./debounce.CIEhztrj.js";
 import { g as K, p as W, e as me } from "./string.DUgD4c9f.js";
 import { o as y } from "./if-defined.BRoBj_Rp.js";

package/library/chunks/{header.By_Mfx47.js → header.Cf9ujCpg.js}

@@ -3,7 +3,7 @@ import { n as s, C as k } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as b } from "./component.styles.CRO4Odto.js";
 import { i as p } from "./lit-element.jLBm65_O.js";
 import { c as v } from "./custom-element.L4WJXn1j.js";
-import { L as y } from "./i18n.BcD4Ohsq.js";
+import { L as y } from "./i18n.CH-wak_P.js";
 import { w } from "./watch.CThbualB.js";
 import { e as m } from "./query.BBf1UFkC.js";
 import { e as u } from "./class-map.BiVq-cVR.js";
@@ -581,12 +581,12 @@ let t = class extends k {
     return this.hasAnchorLink && (this.anchorLink || this.textContent?.trim().replace(/\s+/g, "-").toLowerCase()) || "";
   }
   runFirstUpdated() {
-    setTimeout(() => {
+    this.setAttribute("role", "heading"), setTimeout(() => {
       this.scrollToAnchor();
     }, 200);
   }
   runConnectedCallback() {
-    this.addEventListener("click", this.handleClick), this.setAttribute("role", "heading"), this.hasAnchorLink && (this.ownerWindow.addEventListener("hashchange", this.scrollToAnchor), this.ownerWindow.addEventListener(
+    this.addEventListener("click", this.handleClick), this.hasAnchorLink && (this.ownerWindow.addEventListener("hashchange", this.scrollToAnchor), this.ownerWindow.addEventListener(
       "cx-cms5-page-ready",
       this.handleCMS5PageReady,
       {

package/library/chunks/{i18n.BcD4Ohsq.js → i18n.CH-wak_P.js}

@@ -140,6 +140,7 @@ const w = {
   addCurrent: "Add current",
   addFolderCard: "Add folder card",
   addLimitExceeded: (e) => `Cannot add more than ${e} fields at a time. Please modify your selection. Then add another set of fields.`,
+  addMarker: "Add marker",
   addPageCard: "Add page card",
   addParameter: "Add parameter",
   addRemoveLink: "Add/remove link",
@@ -238,6 +239,7 @@ const w = {
   buttonAriaLabelHelpText: "Used to announce button label through speech. Ignored if button has own label",
   cache: "Cache",
   cacheSizeCannotBeNegative: "Cache size cannot be negative.",
+  cacheSizeDescription: "Cache stores your recently accessed and pinned files locally for instant loading.",
   cacheUsageWarning: "Out of cache.",
   cached: "Cached",
   caching: "Caching",
@@ -414,6 +416,7 @@ const w = {
   editFolderCard: "Edit folder card",
   editImage: "Edit image",
   editLink: "Edit link",
+  editMarker: "Edit marker",
   editPageCard: "Edit page card",
   editSection: "Edit Section",
   editSlide: "Edit slide",
@@ -614,6 +617,7 @@ const w = {
   marginTop: "Margin Top",
   margins: "Margins",
   markerImages: "Marker images",
+  markers: "Markers",
   markersPerScreen: "Markers per screen",
   matchCase: "Match case",
   max: "max",
@@ -915,7 +919,7 @@ const w = {
   suggestDeletion: "Suggest deletion",
   superscript: "Superscript",
   syncCanceled: "Sync canceled.",
-  syncFailedCacheFull: "Sync failed.",
+  syncFailed: "Sync failed.",
   syncing: "Syncing",
   tabBackground: "Tab background",
   table: "Table",
@@ -1000,6 +1004,7 @@ const w = {
   urlValidationMessage: "Please enter a valid URL.",
   useKeyboardArrowsToNavigateThroughTheCarousel: "Use the keyboard arrows to navigate through the carousel",
   useKeyboardArrowsToNavigateThroughTheGallery: "Use the keyboard arrows to navigate through the gallery",
+  used: "Used",
   userAvatar: "User avatar",
   userGuide: "User guide",
   value: "Value",

package/library/chunks/{icon-button.DO6DHXwo.js → icon-button.CQiBjznj.js}

@@ -1,7 +1,7 @@
 import { n as r, C as g } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as p } from "./component.styles.CRO4Odto.js";
 import { c as h } from "./custom-element.L4WJXn1j.js";
-import { L as m } from "./i18n.BcD4Ohsq.js";
+import { L as m } from "./i18n.CH-wak_P.js";
 import { r as f } from "./state.CSDxrqLd.js";
 import { e as v } from "./query.BBf1UFkC.js";
 import { e as y } from "./class-map.BiVq-cVR.js";

package/library/chunks/{iframe.C4jZSmOr.js → iframe.BQPVygBJ.js}

@@ -1,7 +1,7 @@
 import { n as r, C as d } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as h } from "./component.styles.CRO4Odto.js";
 import { c as y } from "./custom-element.L4WJXn1j.js";
-import { L as u } from "./i18n.BcD4Ohsq.js";
+import { L as u } from "./i18n.CH-wak_P.js";
 import { w as g } from "./watch.CThbualB.js";
 import { i as v, x as p } from "./lit-element.jLBm65_O.js";
 import { e as b } from "./query.BBf1UFkC.js";

package/library/chunks/{image.Cx4hbc4L.js → image.cT-FziNS.js}

@@ -3,7 +3,7 @@ import { c as Ce } from "./component.styles.CRO4Odto.js";
 import { a as Le } from "./index.Cpamj0jB.js";
 import { c as Se } from "./custom-element.L4WJXn1j.js";
 import { d as $e } from "./debounce.CIEhztrj.js";
-import { L as He } from "./i18n.BcD4Ohsq.js";
+import { L as He } from "./i18n.CH-wak_P.js";
 import { w as Z } from "./watch.CThbualB.js";
 import { E as oe, i as re, x as C } from "./lit-element.jLBm65_O.js";
 import { n as y } from "./lib-cortex-element.CVMmyPMC.js";

package/library/chunks/{input.B7SaYNrr.js → input.CH4lKxPM.js}

@@ -4,7 +4,7 @@ import { f as ot } from "./form-control.styles.CaGWmeAS.js";
 import { c as lt } from "./custom-element.L4WJXn1j.js";
 import { d as ht } from "./default-value.COZopaet.js";
 import { F as pt } from "./form.B-5nQJva.js";
-import { L as ct } from "./i18n.BcD4Ohsq.js";
+import { L as ct } from "./i18n.CH-wak_P.js";
 import { H as dt } from "./slot.j5oheLJC.js";
 import { w as V } from "./watch.CThbualB.js";
 import { i as ft, x as E } from "./lit-element.jLBm65_O.js";

package/library/chunks/{list-editor.Hag-nXN-.js → list-editor.BBgFSBlF.js}

@@ -1,22 +1,22 @@
-import { C as _ } from "./button.BvBgxmvw.js";
-import { C as O, D as q } from "./dialog.BoCFGpPO.js";
+import { C as _ } from "./button.DwJEeW2t.js";
+import { C as O, D as q } from "./dialog.BYCWepBc.js";
 import G from "../components/grid.js";
 import R from "../components/grid-item.js";
-import { C as k } from "./input.B7SaYNrr.js";
+import { C as k } from "./input.CH4lKxPM.js";
 import j from "../components/line-clamp.js";
-import { C as P } from "./option.CA-HtVdP.js";
+import { C as P } from "./option.Bvh35v8S.js";
 import F from "../components/radio.js";
 import B from "../components/radio-group.js";
 import K from "../components/select.js";
 import S from "../components/space.js";
-import { C as U, H } from "./table.Crb35At8.js";
+import { C as U, H } from "./table.DLrle5SR.js";
 import { C as E } from "./typography.DJC_UXgs.js";
 import { n as o, C as T } from "./lib-cortex-element.CVMmyPMC.js";
 import V from "../components/dynamic-select.js";
 import { c as L } from "./component.styles.CRO4Odto.js";
 import { c as M } from "./custom-element.L4WJXn1j.js";
 import { d as W } from "./debounce.CIEhztrj.js";
-import { L as D } from "./i18n.BcD4Ohsq.js";
+import { L as D } from "./i18n.CH-wak_P.js";
 import { w as v } from "./watch.CThbualB.js";
 import { a as J } from "./_commonjsHelpers.DQNKXVTB.js";
 import { i as z, x as l } from "./lit-element.jLBm65_O.js";
@@ -28,9 +28,9 @@ import { o as Z } from "./map.D8heArFD.js";
 import { c as x } from "./repeat.DbF2p5ae.js";
 import { n as N } from "./when.Dr1es41R.js";
 import { t as Q } from "./toString.CAY8lys2.js";
-import { C as ee } from "./icon-button.DO6DHXwo.js";
-import { C as ae } from "./image.Cx4hbc4L.js";
-import { a as te } from "./asset.Ci6rP56l.js";
+import { C as ee } from "./icon-button.CQiBjznj.js";
+import { C as te } from "./image.cT-FziNS.js";
+import { a as ae } from "./asset.Drl4D1c7.js";
 import { a as ie } from "./index.Cpamj0jB.js";
 import { A as g } from "./content-builder.OsUmm8Wu.js";
 import { b as ne, t as w } from "./string.DUgD4c9f.js";
@@ -776,15 +776,15 @@ var A, $;
 function oe() {
   if ($) return A;
   $ = 1;
-  const e = re(), a = {}, t = {}, i = [], s = [], p = [];
+  const e = re(), t = {}, a = {}, i = [], s = [], p = [];
   for (const d in e) {
     const { name: m, nativeName: h } = e[d];
-    a[d] = t[m.toLowerCase()] = t[h.toLowerCase()] = { code: d, name: m, nativeName: h }, i.push(d), s.push(m), p.push(h);
+    t[d] = a[m.toLowerCase()] = a[h.toLowerCase()] = { code: d, name: m, nativeName: h }, i.push(d), s.push(m), p.push(h);
   }
   return A = class f {
     static getLanguages(m = []) {
       return m.map(
-        (h) => f.validate(h) ? Object.assign({}, a[h]) : { code: h, name: "", nativeName: "" }
+        (h) => f.validate(h) ? Object.assign({}, t[h]) : { code: h, name: "", nativeName: "" }
       );
     }
     static getName(m) {
@@ -800,7 +800,7 @@ function oe() {
       return p.slice();
     }
     static getCode(m) {
-      return m = m.toLowerCase(), t.hasOwnProperty(m) ? t[m].code : "";
+      return m = m.toLowerCase(), a.hasOwnProperty(m) ? a[m].code : "";
     }
     static getAllCodes() {
       return i.slice();
@@ -814,18 +814,18 @@ var le = oe();
 const me = /* @__PURE__ */ J(le);
 var ce = 0;
 function de(e) {
-  var a = ++ce;
-  return Q(e) + a;
+  var t = ++ce;
+  return Q(e) + t;
 }
-const pe = z`:host{isolation:isolate}.asset-picker__input[data-user-invalid]~.asset-picker__trigger-wrapper .asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color)}.asset-picker__input[data-user-invalid]:focus-within~.asset-picker__trigger-wrapper .asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.asset-picker__button-container{flex:1;position:relative}.asset-picker__trigger-wrapper{z-index:1;position:relative}.asset-picker__image{--height:150px;--width:200px;--border-radius:var(--cx-border-radius-medium)}.asset-picker__input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}`;
-var ue = Object.defineProperty, he = Object.getOwnPropertyDescriptor, u = (e, a, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? he(a, t) : a, p = e.length - 1, d; p >= 0; p--)
-    (d = e[p]) && (s = (i ? d(a, t, s) : d(s)) || s);
-  return i && s && ue(a, t, s), s;
+const pe = z`:host{isolation:isolate}.asset-picker__input[data-user-invalid]~.asset-picker__trigger-wrapper .asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color)}.asset-picker__input[data-user-invalid]:focus-within~.asset-picker__trigger-wrapper .asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.asset-picker__button-container{position:relative}.asset-picker__trigger-wrapper{z-index:1;position:relative}.asset-picker__image{--height:150px;--width:200px;--border-radius:var(--cx-border-radius-medium)}.asset-picker__input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}`;
+var ue = Object.defineProperty, he = Object.getOwnPropertyDescriptor, u = (e, t, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? he(t, a) : t, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (s = (i ? d(t, a, s) : d(s)) || s);
+  return i && s && ue(t, a, s), s;
 };
 let c = class extends T {
   constructor() {
-    super(...arguments), this.localize = new D(this), this.value = "", this.name = "", this.type = [g.Image], this.multiple = !1, this.accepts = [], this.required = !1, this.disabled = !1, this.onRequestAsset = void 0, this.recordId = "", this.previewSrc = "", this.apiGetAssets = te;
+    super(...arguments), this.localize = new D(this), this.value = "", this.name = "", this.type = [g.Image], this.multiple = !1, this.accepts = [], this.required = !1, this.disabled = !1, this.onRequestAsset = void 0, this.recordId = "", this.previewSrc = "", this.apiGetAssets = ae;
   }
   async handleRequestAssetClick() {
     if (this.onRequestAsset)
@@ -841,21 +841,21 @@ let c = class extends T {
           this.accepts
         );
         if (this.accepts.length > 0 && Object.values(e).some(
-          (t) => !this.accepts.includes(ne(t.src) ?? "")
+          (a) => !this.accepts.includes(ne(a.src) ?? "")
         ))
           se(this.localize.term("nonAcceptedExtension", this.accepts), {
             notificationType: "warning"
           });
         else if (this.multiple) {
-          const t = Object.values(e);
+          const a = Object.values(e);
           this.emit("cx-content-builder-asset-select", {
-            detail: t
+            detail: a
           });
         } else {
-          const { extension: t, id: i, identifier: s, name: p, representative: d, src: m, type: h } = e;
+          const { extension: a, id: i, identifier: s, name: p, representative: d, src: m, type: h } = e;
           this.emit("cx-content-builder-asset-select", {
             detail: {
-              extension: t,
+              extension: a,
               id: i,
               identifier: s,
               name: p,
@@ -885,12 +885,12 @@ let c = class extends T {
       return;
     }
     try {
-      const a = (await this.apiGetAssets({
+      const t = (await this.apiGetAssets({
         extraFields: ["path_TR1"],
         getPermanentAssetsPaths: !0,
         recordIds: [this.recordId]
       })).items[0];
-      this.previewSrc = a?.path_TR1 || a?.originalUrl || "";
+      this.previewSrc = t?.path_TR1 || t?.originalUrl || "";
     } catch {
       this.previewSrc = "";
     }
@@ -921,7 +921,7 @@ let c = class extends T {
     return l`<cx-space part="base" class="asset-picker" spacing="2x-small" direction="horizontal" align-items=${this.acceptsType(g.Image) ? "flex-start" : "center"}>${this.renderAssetPreview()}
         ${N(
       !this.disabled,
-      () => l`<div class="asset-picker__button-container"><cx-input class="asset-picker__input" aria-label=${this.localize.term("choose")} name=${this.name} value=${this.value} ?required=${this.required} .form=${this.closest("form")}></cx-input><div class="asset-picker__trigger-wrapper"><slot name="trigger" @click=${this.handleRequestAssetClick}><cx-button part="button" class="asset-picker__button">${this.localize.term("choose")}</cx-button></slot></div></div>${N(
+      () => l`<div part="button-container" class="asset-picker__button-container"><cx-input class="asset-picker__input" aria-label=${this.localize.term("choose")} name=${this.name} value=${this.value} ?required=${this.required} .form=${this.closest("form")}></cx-input><div class="asset-picker__trigger-wrapper"><slot name="trigger" @click=${this.handleRequestAssetClick}><cx-button part="button" class="asset-picker__button">${this.localize.term("choose")}</cx-button></slot></div></div>${N(
         this.value,
         () => l`<cx-icon-button label=${this.localize.term("delete")} name="delete" @click=${this.handleDeleteClick}></cx-icon-button>`
       )}
@@ -933,7 +933,7 @@ c.styles = [L, pe];
 c.dependencies = {
   "cx-button": _,
   "cx-icon-button": ee,
-  "cx-image": ae,
+  "cx-image": te,
   "cx-input": k,
   "cx-space": S,
   "cx-typography": E
@@ -953,7 +953,7 @@ u([
 u([
   o({
     converter: {
-      fromAttribute: (e) => (e ?? "").split(" ").filter((a) => a !== ""),
+      fromAttribute: (e) => (e ?? "").split(" ").filter((t) => t !== ""),
       toAttribute: (e) => e.join(" ")
     },
     reflect: !0
@@ -965,7 +965,7 @@ u([
 u([
   o({
     converter: {
-      fromAttribute: (e) => (e ?? "").split(" ").filter((a) => a !== ""),
+      fromAttribute: (e) => (e ?? "").split(" ").filter((t) => t !== ""),
       toAttribute: (e) => e.join(" ")
     },
     reflect: !0
@@ -996,10 +996,10 @@ c = u([
   M("cx-asset-picker")
 ], c);
 const ve = z`:host{--overridden-min-height:var(--min-height,160px);--overridden-max-height:var(--max-height,260px);width:100%;display:block}.list-editor{width:100%}.list-editor__table{--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-size:var(--cx-font-size-small);--row-header-border-color:transparent;--cell-horizontal-padding:var(--cx-spacing-2x-small);--table-min-height:var(--overridden-min-height);--table-max-height:var(--overridden-max-height)}.list-editor__table--no-header{--cell-hover-background-color:transparent}.list-editor__item::part(expand-button){display:none}.list-editor__item__text{--line-height:1}.list-editor__item__text__description{color:var(--cx-color-neutral-600)}.list-editor__dialog{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:540px}.list-editor__tab-group{--padding:0;--tab-group-nav-padding:0 var(--cx-spacing-large)}`;
-var ge = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, r = (e, a, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ne(a, t) : a, p = e.length - 1, d; p >= 0; p--)
-    (d = e[p]) && (s = (i ? d(a, t, s) : d(s)) || s);
-  return i && s && ge(a, t, s), s;
+var ge = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, r = (e, t, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ne(t, a) : t, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (s = (i ? d(t, a, s) : d(s)) || s);
+  return i && s && ge(t, a, s), s;
 };
 const be = {
   resizable: !1
@@ -1054,15 +1054,15 @@ let n = class extends T {
   }
   handleEditedItemChange() {
     const e = {};
-    for (const a of this.columns)
-      e[a.field] = a.configOrder;
-    this.sortedEntries = Object.entries(this.editedItem || {}).filter(([a]) => this.OMITTED_FIELDS.indexOf(a) === -1 && this.columnsMap[a]).sort(([a], [t]) => (e[a] ?? Number.MAX_SAFE_INTEGER) - (e[t] ?? Number.MAX_SAFE_INTEGER));
+    for (const t of this.columns)
+      e[t.field] = t.configOrder;
+    this.sortedEntries = Object.entries(this.editedItem || {}).filter(([t]) => this.OMITTED_FIELDS.indexOf(t) === -1 && this.columnsMap[t]).sort(([t], [a]) => (e[t] ?? Number.MAX_SAFE_INTEGER) - (e[a] ?? Number.MAX_SAFE_INTEGER));
   }
   handleTableActions(e) {
-    const { name: a, row: t } = e.detail, i = "component" in t ? t.component : t;
+    const { name: t, row: a } = e.detail, i = "component" in a ? a.component : a;
     if (i) {
       if (this.useEvents) {
-        this.emit(`cx-list-editor-${a}`, {
+        this.emit(`cx-list-editor-${t}`, {
           detail: {
             index: i.getIndex(),
             item: i.getData()
@@ -1070,7 +1070,7 @@ let n = class extends T {
         });
         return;
       }
-      a === "edit" ? this.editedItem = i.getData() : a === "delete" && this.emit("cx-list-editor-change", {
+      t === "edit" ? this.editedItem = i.getData() : t === "delete" && this.emit("cx-list-editor-change", {
         detail: {
           data: this.data.filter((s) => s.id !== i.getData().id)
         }
@@ -1096,16 +1096,16 @@ let n = class extends T {
   handleSaveClick() {
     if (this.editedItem) {
       const e = this.data.findIndex(
-        (t) => t.id === this.editedItem.id
+        (a) => a.id === this.editedItem.id
       );
       if (!this.isAdding && e === -1) {
         this.editedItem = null;
         return;
       }
-      let a = this.data;
-      this.isAdding ? a = [...a, this.editedItem] : a = this.data.map((t) => t.id === this.editedItem.id ? this.editedItem : t), this.emit("cx-list-editor-change", {
+      let t = this.data;
+      this.isAdding ? t = [...t, this.editedItem] : t = this.data.map((a) => a.id === this.editedItem.id ? this.editedItem : a), this.emit("cx-list-editor-change", {
         detail: {
-          data: a
+          data: t
         }
       }), this.editedItem = null, this.isAdding = !1;
     }
@@ -1124,55 +1124,55 @@ let n = class extends T {
     if (await this.updateComplete, !this.table)
       return;
     if (!this.loadingItemIndex) {
-      this.table.tabulatorInstance?.getRows().forEach((t) => {
-        const i = t._row.hoverMenuElement;
-        t._row.hoverMenuElement.actions = i.actions.map((s) => (s.options?.buttonProps && (s.options.buttonProps.loading = !1), s));
+      this.table.tabulatorInstance?.getRows().forEach((a) => {
+        const i = a._row.hoverMenuElement;
+        a._row.hoverMenuElement.actions = i.actions.map((s) => (s.options?.buttonProps && (s.options.buttonProps.loading = !1), s));
       });
       return;
     }
     const e = this.table.tabulatorInstance?.getRow(this.loadingItemIndex);
     if (!e || !e?._row?.hoverMenuElement)
       return;
-    const a = e._row.hoverMenuElement;
-    a.actions = a.actions.map((t) => (t.options?.buttonProps && (t.options.buttonProps.loading = t.name === this.loadingEvent && this.loadingItemIndex === e.getIndex()), t));
+    const t = e._row.hoverMenuElement;
+    t.actions = t.actions.map((a) => (a.options?.buttonProps && (a.options.buttonProps.loading = a.name === this.loadingEvent && this.loadingItemIndex === e.getIndex()), a));
   }
   handleChange(e) {
     if (!e.target)
       return;
-    const a = e.target, t = a.dataset.id;
-    if (!t)
+    const t = e.target, a = t.dataset.id;
+    if (!a)
       return;
-    let i = a.value;
+    let i = t.value;
     Array.isArray(i) ? i = i.join(" ") : i = String(i), this.editedItem = {
       ...this.editedItem,
-      [t]: i
+      [a]: i
     };
   }
   renderControls(e) {
     if (e === "translation") {
-      const a = l`
+      const t = l`
         ${x(
         this.translatableControls,
-        (t) => t.field,
-        (t) => l`<cx-grid columns="4" spacing="var(--cx-spacing-small)" column-spacing="0" use-flex-gap row-spacing="0" wrap="wrap"><cx-grid-item xs="4" sm="1"><cx-typography variant="body2">${t.title}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${Z(this.supportedLanguages, (i) => {
+        (a) => a.field,
+        (a) => l`<cx-grid columns="4" spacing="var(--cx-spacing-small)" column-spacing="0" use-flex-gap row-spacing="0" wrap="wrap"><cx-grid-item xs="4" sm="1"><cx-typography variant="body2">${a.title}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${Z(this.supportedLanguages, (i) => {
           const s = this.localize.languageName(i) || me.getName(i) || i, p = (d) => {
             const m = d.target.value;
             this.editedItem = {
               ...this.editedItem,
-              [`${t.field}-${i}`]: m
+              [`${a.field}-${i}`]: m
             };
           };
-          return l`<cx-input ?disabled=${i.toLowerCase() === this.defaultLanguage?.toLowerCase()} label=${s} value=${this.editedItem?.[`${t.field}-${i}`] ?? this.editedItem?.[`${t.field}`] ?? ""} @cx-change=${p}></cx-input>`;
+          return l`<cx-input ?disabled=${i.toLowerCase() === this.defaultLanguage?.toLowerCase()} label=${s} value=${this.editedItem?.[`${a.field}-${i}`] ?? this.editedItem?.[`${a.field}`] ?? ""} @cx-change=${p}></cx-input>`;
         })}</cx-space></cx-grid-item></cx-grid>`
       )}
       `;
-      return l`<cx-space direction="vertical" wrap="nowrap">${a}</cx-space>`;
+      return l`<cx-space direction="vertical" wrap="nowrap">${t}</cx-space>`;
     }
     return l`<cx-grid columns="3" spacing="var(--cx-spacing-small)" wrap="wrap">${x(
       this.sortedEntries,
-      ([a]) => a,
-      ([a, t]) => l`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.columnsMap[a].title}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2">${X(
-        this.columnsMap[a].controlType,
+      ([t]) => t,
+      ([t, a]) => l`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.columnsMap[t].title}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2">${X(
+        this.columnsMap[t].controlType,
         [
           [
             "image-picker",
@@ -1183,37 +1183,37 @@ let n = class extends T {
                 const { id: d, src: m } = p.detail;
                 this.editedItem = {
                   ...this.editedItem,
-                  [a]: m,
+                  [t]: m,
                   recordId: d
                 };
               }, s = async () => {
                 this.editedItem = {
                   ...this.editedItem,
-                  [a]: "",
+                  [t]: "",
                   recordId: ""
                 };
               };
-              return l`<cx-asset-picker value=${t} record-id=${this.editedItem.recordId || ""} type="image" id=${a} @cx-content-builder-asset-select=${i} @cx-content-builder-asset-delete=${s} @cx-asset-request-status=${this.handleAssetRequestStatus} .onRequestAsset=${this.onRequestAsset}></cx-asset-picker>`;
+              return l`<cx-asset-picker value=${a} record-id=${this.editedItem.recordId || ""} type="image" id=${t} @cx-content-builder-asset-select=${i} @cx-content-builder-asset-delete=${s} @cx-asset-request-status=${this.handleAssetRequestStatus} .onRequestAsset=${this.onRequestAsset}></cx-asset-picker>`;
             }
           ],
           [
             "radio-group",
-            () => l`<cx-radio-group data-id=${a} data-testid="radio-group-control" horizontal value=${(t || this.columnsMap[a].defaultValue) ?? ""} size="medium" @cx-change=${this.handleChange}>${x(
-              this.columnsMap[a].options ?? [],
+            () => l`<cx-radio-group data-id=${t} data-testid="radio-group-control" horizontal value=${(a || this.columnsMap[t].defaultValue) ?? ""} size="medium" @cx-change=${this.handleChange}>${x(
+              this.columnsMap[t].options ?? [],
               (i) => i.value,
               (i) => l`<cx-radio value=${i.value}>${i.name}</cx-radio>`
             )}</cx-radio-group>`
           ],
           [
             "select",
-            () => this.columnsMap[a].api ? l`<cx-dynamic-select data-id=${a} hoist value=${t} @cx-change=${this.handleChange} .api=${this.columnsMap[a].api}></cx-dynamic-select>` : l`<cx-select data-id=${a} hoist value=${t} @cx-change=${this.handleChange}>${x(
-              this.columnsMap[a].options ?? [],
+            () => this.columnsMap[t].api ? l`<cx-dynamic-select data-id=${t} hoist value=${a} @cx-change=${this.handleChange} .api=${this.columnsMap[t].api}></cx-dynamic-select>` : l`<cx-select data-id=${t} hoist value=${a} @cx-change=${this.handleChange}>${x(
+              this.columnsMap[t].options ?? [],
               (i) => i.value,
               (i) => l`<cx-option value=${i.value}>${i.name}</cx-option>`
             )}</cx-select>`
           ]
         ],
-        () => l`<cx-input data-id=${a} value=${t} @cx-change=${this.handleChange}></cx-input>`
+        () => l`<cx-input data-id=${t} value=${a} @cx-change=${this.handleChange}></cx-input>`
       )}</cx-grid-item>`
     )}</cx-grid>`;
   }
@@ -1267,8 +1267,8 @@ r([
     converter: {
       fromAttribute: (e) => {
         try {
-          const a = JSON.parse(e);
-          return Array.isArray(a) ? a : [];
+          const t = JSON.parse(e);
+          return Array.isArray(t) ? t : [];
         } catch {
           return [];
         }

package/library/chunks/{option.CA-HtVdP.js → option.Bvh35v8S.js}

@@ -1,17 +1,17 @@
 import { n as s, C as x } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as m } from "./component.styles.CRO4Odto.js";
 import { c as v } from "./custom-element.L4WJXn1j.js";
-import { L as g } from "./i18n.BcD4Ohsq.js";
+import { L as g } from "./i18n.CH-wak_P.js";
 import { w as d } from "./watch.CThbualB.js";
-import { i as b, x as h } from "./lit-element.jLBm65_O.js";
+import { i as _, x as h } from "./lit-element.jLBm65_O.js";
 import { r as f } from "./state.CSDxrqLd.js";
-import { e as _ } from "./query.BBf1UFkC.js";
+import { e as b } from "./query.BBf1UFkC.js";
 import { e as y } from "./class-map.BiVq-cVR.js";
 import { n as u } from "./when.Dr1es41R.js";
-import { C as k } from "./icon.DnBh6-56.js";
-import w from "../components/space.js";
+import { C as w } from "./icon.DnBh6-56.js";
+import k from "../components/space.js";
 var r = /* @__PURE__ */ ((t) => (t.Left = "left", t.Right = "right", t))(r || {});
-const C = b`:host{-webkit-user-select:none;user-select:none;display:block}:host(:focus){outline:none}.option{font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--option-font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--option-color,var(--cx-color-neutral-700));padding:var(--cx-spacing-x-small) var(--cx-spacing-medium) var(--cx-spacing-x-small) var(--cx-spacing-x-small);transition:var(--cx-transition-fast) fill;cursor:pointer;align-items:center;display:flex;position:relative}.option:not(.option--show-check){padding-inline:var(--cx-spacing-small)}.option--hover:not(.option--current):not(.option--disabled){background-color:var(--cx-menu-item-background-color-hover)}.option--current,.option--current.option--disabled{background-color:var(--cx-menu-item-background-color-hover);opacity:1}.option--selected{color:var(--option-selected-color,var(--cx-color-primary));font-weight:var(--option-selected-font-weight,var(--cx-font-weight-regular))}.option--disabled{opacity:.5;cursor:default;outline:none}.option__content{flex:1}.option__label{line-height:var(--cx-line-height-medium);flex:auto;display:inline-block}.option .option__check{visibility:hidden;flex:none;justify-content:center;align-items:center;padding-inline-end:var(--cx-spacing-2x-small);display:none}.option--show-check .option__check{display:block}.option--show-check.option--selected .option__check{visibility:visible}.option__help-text{color:var(--option-help-text-color,var(--cx-color-neutral-600));font-weight:var(--option-help-text-font-weight,var(--cx-font-weight-regular))}.option--selected .option__content .option__help-text{color:var(--option-selected-help-text-color,var(--cx-color-primary));font-weight:var(--option-selected-help-text-font-weight,var(--cx-font-weight-regular))}.option__prefix,.option__suffix{flex:none;align-items:center;display:flex}.option__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.option__suffix::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.option__prefix{align-self:var(--prefix-alignment,center)}.option__suffix{align-self:var(--suffix-alignment,center)}.option__check{align-self:var(--check-alignment,center)}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .option{outline-offset:-1px;outline:1px dashed selecteditem}}`;
+const C = _`:host{-webkit-user-select:none;user-select:none;display:block}:host(:focus){outline:none}.option{font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--option-font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--option-color,var(--cx-color-neutral-700));padding:var(--cx-spacing-x-small) var(--cx-spacing-medium) var(--cx-spacing-x-small) var(--cx-spacing-x-small);transition:var(--cx-transition-fast) fill;cursor:pointer;align-items:center;display:flex;position:relative}.option:not(.option--show-check){padding-inline:var(--cx-spacing-small)}.option--hover:not(.option--current):not(.option--disabled){background-color:var(--cx-menu-item-background-color-hover)}.option--current,.option--current.option--disabled{background-color:var(--cx-menu-item-background-color-hover);opacity:1}.option--selected{color:var(--option-selected-color,var(--cx-color-primary));font-weight:var(--option-selected-font-weight,var(--cx-font-weight-regular))}.option--disabled{opacity:.5;cursor:default;outline:none}.option__content{flex:1}.option__label{line-height:var(--cx-line-height-medium);flex:auto;display:inline-block}.option .option__check{visibility:hidden;flex:none;justify-content:center;align-items:center;padding-inline-end:var(--cx-spacing-2x-small);display:none}.option--show-check .option__check{display:block}.option--show-check.option--selected .option__check{visibility:visible}.option__help-text{color:var(--option-help-text-color,var(--cx-color-neutral-600));font-weight:var(--option-help-text-font-weight,var(--cx-font-weight-regular))}.option--selected .option__content .option__help-text{color:var(--option-selected-help-text-color,var(--cx-color-primary));font-weight:var(--option-selected-help-text-font-weight,var(--cx-font-weight-regular))}.option__prefix,.option__suffix{flex:none;align-items:center;display:flex}.option__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.option__suffix::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.option__prefix{align-self:var(--prefix-alignment,center)}.option__suffix{align-self:var(--suffix-alignment,center)}.option__check{align-self:var(--check-alignment,center)}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .option{outline-offset:-1px;outline:1px dashed selecteditem}}`;
 var L = Object.defineProperty, E = Object.getOwnPropertyDescriptor, o = (t, n, i, l) => {
   for (var a = l > 1 ? void 0 : l ? E(n, i) : n, c = t.length - 1, p; c >= 0; c--)
     (p = t[c]) && (a = (l ? p(n, i, a) : p(a)) || a);
@@ -21,8 +21,8 @@ let e = class extends x {
   constructor() {
     super(...arguments), this.localize = new g(this), this.current = !1, this.selected = !1, this.hasHover = !1, this.value = "", this.disabled = !1, this.showCheck = !1, this.checkPlacement = r.Left;
   }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", "option"), this.setAttribute("aria-selected", "false");
+  runFirstUpdated() {
+    this.setAttribute("role", "option"), this.setAttribute("aria-selected", "false");
   }
   handleDefaultSlotChange() {
     const t = this.getTextLabel();
@@ -80,9 +80,9 @@ let e = class extends x {
   }
 };
 e.styles = [m, C];
-e.dependencies = { "cx-icon": k, "cx-space": w };
+e.dependencies = { "cx-icon": w, "cx-space": k };
 o([
-  _(".option__label")
+  b(".option__label")
 ], e.prototype, "defaultSlot", 2);
 o([
   f()

package/library/chunks/{pagination.jgAGwDyt.js → pagination.zQ2FFtxB.js}

@@ -1,8 +1,8 @@
 import b from "../components/space.js";
 import { n as o, C as _ } from "./lib-cortex-element.CVMmyPMC.js";
-import { C as P, I as y } from "./icon-button.DO6DHXwo.js";
+import { C as P, I as y } from "./icon-button.CQiBjznj.js";
 import { c as f } from "./custom-element.L4WJXn1j.js";
-import { L as z } from "./i18n.BcD4Ohsq.js";
+import { L as z } from "./i18n.CH-wak_P.js";
 import { c as m } from "./math.DqTA6ya4.js";
 import { w as d } from "./watch.CThbualB.js";
 import { i as C, x as s } from "./lit-element.jLBm65_O.js";
@@ -10,9 +10,9 @@ import { r as S } from "./state.CSDxrqLd.js";
 import { e as $ } from "./class-map.BiVq-cVR.js";
 import { c as x } from "./repeat.DbF2p5ae.js";
 import { n as g } from "./when.Dr1es41R.js";
-import { C as w } from "./button.BvBgxmvw.js";
-import { C as v } from "./input.B7SaYNrr.js";
-import { C as I } from "./option.CA-HtVdP.js";
+import { C as w } from "./button.DwJEeW2t.js";
+import { C as v } from "./input.CH4lKxPM.js";
+import { C as I } from "./option.Bvh35v8S.js";
 import B from "../components/select.js";
 import N from "../components/tooltip.js";
 import { C as k } from "./typography.DJC_UXgs.js";

package/library/chunks/{tab-group.DyxpVNOn.js → tab-group.DvMX02hY.js}

@@ -2,7 +2,7 @@ import In from "../components/resize-observer.js";
 import { n as wt, C as Fn } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as Ln } from "./component.styles.CRO4Odto.js";
 import { c as $n } from "./custom-element.L4WJXn1j.js";
-import { L as Nn } from "./i18n.BcD4Ohsq.js";
+import { L as Nn } from "./i18n.CH-wak_P.js";
 import { s as Zi } from "./scroll.xtO5yojm.js";
 import { w as ft } from "./watch.CThbualB.js";
 import { i as Bn } from "./dom.0RpWet6y.js";
@@ -17,9 +17,9 @@ import { i as Ji } from "./guard.D4axKaMo.js";
 import { o as tr } from "./map.D8heArFD.js";
 import { o as Ue } from "./style-map.llVFPd__.js";
 import { n as Pe } from "./when.Dr1es41R.js";
-import { C as Yn } from "./button.BvBgxmvw.js";
+import { C as Yn } from "./button.DwJEeW2t.js";
 import Xn from "../components/dropdown.js";
-import { C as qn } from "./icon-button.DO6DHXwo.js";
+import { C as qn } from "./icon-button.CQiBjznj.js";
 import Gn from "../components/menu.js";
 import Kn from "../components/menu-item.js";
 import jn from "../components/tab.js";