@orangelogic/design-system 2.69.0 → 2.70.0

package/library/chunks/{list-editor.Du1h2Ms0.js → list-editor.CIAAFPco.js}

@@ -1,40 +1,43 @@
-import { C as _ } from "./button.SoX-7UYy.js";
-import { C as q, D as G } from "./dialog.eN3RUbwx.js";
+import { C as _ } from "./button.CAAJPQFu.js";
+import { C as q, D as G } from "./dialog.qSV5AjOE.js";
 import j from "../components/grid.js";
-import R from "../components/grid-item.js";
+import P from "../components/grid-item.js";
 import S from "../components/input.js";
-import P from "../components/line-clamp.js";
-import F from "../components/radio.js";
-import B from "../components/radio-group.js";
+import R from "../components/line-clamp.js";
+import { C as F } from "./option.ByVbmxUQ.js";
+import B from "../components/radio.js";
+import K from "../components/radio-group.js";
+import U from "../components/select.js";
 import E from "../components/space.js";
-import { C as K, H as U } from "./table.5eWm9FfN.js";
+import { C as H, H as V } from "./table.wVHv1Xze.js";
 import { C as L } from "./typography.oDzoLbZS.js";
 import { n as o, C as T } from "./lib-cortex-element.CVMmyPMC.js";
+import W from "../components/dynamic-select.js";
 import { c as D } from "./component.styles.DMSLciL5.js";
-import { c as z } from "./custom-element.L4WJXn1j.js";
-import { d as H } from "./debounce.DaHuiSGU.js";
-import { L as M } from "./i18n.BMRLOAZR.js";
-import { w as g } from "./watch.q1sEjPWL.js";
-import { g as V } from "./_commonjsHelpers.ByX85dGu.js";
+import { c as M } from "./custom-element.L4WJXn1j.js";
+import { d as J } from "./debounce.DaHuiSGU.js";
+import { L as z } from "./i18n.C0iakJkV.js";
+import { w as g } from "./watch.BCJD77bD.js";
+import { a as X } from "./_commonjsHelpers.DQNKXVTB.js";
 import { i as O, x as l } from "./lit-element.jLBm65_O.js";
-import { r as b } from "./state.CSDxrqLd.js";
+import { r as x } from "./state.CSDxrqLd.js";
 import { e as y } from "./query.BBf1UFkC.js";
-import { r as W } from "./choose.BTbF6BAn.js";
-import { e as J } from "./class-map.BiVq-cVR.js";
-import { o as X } from "./map.D8heArFD.js";
-import { c as x } from "./repeat.DbF2p5ae.js";
+import { r as Y } from "./choose.BTbF6BAn.js";
+import { e as Z } from "./class-map.BiVq-cVR.js";
+import { o as Q } from "./map.D8heArFD.js";
+import { c as b } from "./repeat.DbF2p5ae.js";
 import { n as N } from "./when.Dr1es41R.js";
-import { t as Y } from "./toString.CRT5zqEU.js";
-import Z from "../components/icon-button.js";
-import { C as Q } from "./image.bndP5q2c.js";
-import { a as ee, D as w } from "./asset.CG_yXtWK.js";
-import { a as ae } from "./index.Cpamj0jB.js";
-import { A as v } from "./content-builder.Bxi6k2LA.js";
-import { e as te, t as I } from "./string.Cp_XNbnV.js";
-import { t as ie } from "./toast.BXNbwZV8.js";
-var A, k;
-function ne() {
-  return k || (k = 1, A = {
+import { t as ee } from "./toString.CL_lYXbK.js";
+import ae from "../components/icon-button.js";
+import { C as te } from "./image.B3WjaCXP.js";
+import { a as ie, D as $ } from "./asset.CG_yXtWK.js";
+import { a as ne } from "./index.Cpamj0jB.js";
+import { A as v } from "./content-builder.B4Tqoc6M.js";
+import { e as se, t as w } from "./string.B_rEG27K.js";
+import { t as re } from "./toast.BXNbwZV8.js";
+var A, I;
+function oe() {
+  return I || (I = 1, A = {
     aa: {
       name: "Afar",
       nativeName: "Afaraf"
@@ -769,52 +772,52 @@ function ne() {
     }
   }), A;
 }
-var C, $;
-function se() {
-  if ($) return C;
-  $ = 1;
-  const e = ne(), a = {}, t = {}, n = [], i = [], m = [];
-  for (const d in e) {
-    const { name: c, nativeName: h } = e[d];
-    a[d] = t[c.toLowerCase()] = t[h.toLowerCase()] = { code: d, name: c, nativeName: h }, n.push(d), i.push(c), m.push(h);
+var C, k;
+function le() {
+  if (k) return C;
+  k = 1;
+  const e = oe(), a = {}, t = {}, i = [], s = [], d = [];
+  for (const c in e) {
+    const { name: m, nativeName: h } = e[c];
+    a[c] = t[m.toLowerCase()] = t[h.toLowerCase()] = { code: c, name: m, nativeName: h }, i.push(c), s.push(m), d.push(h);
   }
   return C = class f {
-    static getLanguages(c = []) {
-      return c.map(
+    static getLanguages(m = []) {
+      return m.map(
         (h) => f.validate(h) ? Object.assign({}, a[h]) : { code: h, name: "", nativeName: "" }
       );
     }
-    static getName(c) {
-      return f.validate(c) ? e[c].name : "";
+    static getName(m) {
+      return f.validate(m) ? e[m].name : "";
     }
     static getAllNames() {
-      return i.slice();
+      return s.slice();
     }
-    static getNativeName(c) {
-      return f.validate(c) ? e[c].nativeName : "";
+    static getNativeName(m) {
+      return f.validate(m) ? e[m].nativeName : "";
     }
     static getAllNativeNames() {
-      return m.slice();
+      return d.slice();
     }
-    static getCode(c) {
-      return c = c.toLowerCase(), t.hasOwnProperty(c) ? t[c].code : "";
+    static getCode(m) {
+      return m = m.toLowerCase(), t.hasOwnProperty(m) ? t[m].code : "";
     }
     static getAllCodes() {
-      return n.slice();
+      return i.slice();
     }
-    static validate(c) {
-      return e.hasOwnProperty(c);
+    static validate(m) {
+      return e.hasOwnProperty(m);
     }
   }, C;
 }
-var re = se();
-const oe = /* @__PURE__ */ V(re);
-var le = 0;
-function me(e) {
-  var a = ++le;
-  return Y(e) + a;
+var me = le();
+const ce = /* @__PURE__ */ X(me);
+var de = 0;
+function pe(e) {
+  var a = ++de;
+  return ee(e) + a;
 }
-const ce = O`
+const ue = O`
   :host {
     isolation: isolate;
   }
@@ -853,14 +856,14 @@ const ce = O`
     opacity: 0;
   }
 `;
-var de = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, p = (e, a, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? ue(a, t) : a, m = e.length - 1, d; m >= 0; m--)
-    (d = e[m]) && (i = (n ? d(a, t, i) : d(i)) || i);
-  return n && i && de(a, t, i), i;
+var he = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, u = (e, a, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? ve(a, t) : a, d = e.length - 1, c; d >= 0; d--)
+    (c = e[d]) && (s = (i ? c(a, t, s) : c(s)) || s);
+  return i && s && he(a, t, s), s;
 };
-let u = class extends T {
+let p = class extends T {
   constructor() {
-    super(...arguments), this.localize = new M(this), this.value = "", this.name = "", this.type = [v.Image], this.multiple = !1, this.accepts = [], this.required = !1, this.disabled = !1, this.onRequestAsset = void 0, this.apiGetAssets = ee;
+    super(...arguments), this.localize = new z(this), this.value = "", this.name = "", this.type = [v.Image], this.multiple = !1, this.accepts = [], this.required = !1, this.disabled = !1, this.onRequestAsset = void 0, this.apiGetAssets = ie;
   }
   async handleRequestAssetClick() {
     if (this.onRequestAsset)
@@ -876,9 +879,9 @@ let u = class extends T {
           this.accepts
         );
         if (this.accepts.length > 0 && Object.values(e).some(
-          (t) => !this.accepts.includes(te(t.src) ?? "")
+          (t) => !this.accepts.includes(se(t.src) ?? "")
         ))
-          ie(this.localize.term("nonAcceptedExtension", this.accepts), {
+          re(this.localize.term("nonAcceptedExtension", this.accepts), {
             notificationType: "warning"
           });
         else if (this.multiple) {
@@ -887,17 +890,17 @@ let u = class extends T {
             detail: t
           });
         } else {
-          const { id: t, name: n, src: i, type: m } = e;
-          let d = i;
-          m === v.Audio && (d = (await this.apiGetAssets({
-            extraFields: [w],
+          const { id: t, name: i, src: s, type: d } = e;
+          let c = s;
+          d === v.Audio && (c = (await this.apiGetAssets({
+            extraFields: [$],
             recordIds: [t]
-          })).items[0]?.[w]), d && this.emit("cx-content-builder-asset-select", {
+          })).items[0]?.[$]), c && this.emit("cx-content-builder-asset-select", {
             detail: {
               id: t,
-              name: n,
-              src: d,
-              type: m
+              name: i,
+              src: c,
+              type: d
             }
           });
         }
@@ -930,18 +933,18 @@ let u = class extends T {
         src=${this.value}
         alt=${this.name}
         width="200px"
-        object-fit=${ae.Cover}
+        object-fit=${ne.Cover}
       ></cx-image>`;
     if (this.name && this.acceptsType(v.Video))
       return l`
         <cx-typography variant="body-2">
-          ${I(this.name, 30, 11, 11)}
+          ${w(this.name, 30, 11, 11)}
         </cx-typography>
       `;
     if (this.name && (this.acceptsType(v.Other) || this.acceptsType(v.All))) {
       const e = this.name.split(",");
       return l`<cx-typography variant="body-2">
-        ${I(e[0], 30, 11, 11)}
+        ${w(e[0], 30, 11, 11)}
         ${N(
         e.length > 1,
         () => l` ${this.localize.term("andOthers", e.length - 1)}`
@@ -995,28 +998,28 @@ let u = class extends T {
     `;
   }
 };
-u.styles = [D, ce];
-u.dependencies = {
+p.styles = [D, ue];
+p.dependencies = {
   "cx-button": _,
-  "cx-icon-button": Z,
-  "cx-image": Q,
+  "cx-icon-button": ae,
+  "cx-image": te,
   "cx-input": S,
   "cx-space": E,
   "cx-typography": L
 };
-p([
+u([
   y(".asset-picker__button")
-], u.prototype, "buttonEl", 2);
-p([
+], p.prototype, "buttonEl", 2);
+u([
   y(".asset-picker__input")
-], u.prototype, "inputEl", 2);
-p([
+], p.prototype, "inputEl", 2);
+u([
   o({ reflect: !0, type: String })
-], u.prototype, "value", 2);
-p([
+], p.prototype, "value", 2);
+u([
   o({ reflect: !0, type: String })
-], u.prototype, "name", 2);
-p([
+], p.prototype, "name", 2);
+u([
   o({
     converter: {
       fromAttribute: (e) => (e ?? "").split(" ").filter((a) => a !== ""),
@@ -1024,11 +1027,11 @@ p([
     },
     reflect: !0
   })
-], u.prototype, "type", 2);
-p([
+], p.prototype, "type", 2);
+u([
   o({ reflect: !0, type: Boolean })
-], u.prototype, "multiple", 2);
-p([
+], p.prototype, "multiple", 2);
+u([
   o({
     converter: {
       fromAttribute: (e) => (e ?? "").split(" ").filter((a) => a !== ""),
@@ -1036,23 +1039,23 @@ p([
     },
     reflect: !0
   })
-], u.prototype, "accepts", 2);
-p([
+], p.prototype, "accepts", 2);
+u([
   o({ reflect: !0, type: Boolean })
-], u.prototype, "required", 2);
-p([
+], p.prototype, "required", 2);
+u([
   o({ attribute: "disabled", reflect: !0, type: Boolean })
-], u.prototype, "disabled", 2);
-p([
+], p.prototype, "disabled", 2);
+u([
   o({ attribute: "on-request-asset", type: Function })
-], u.prototype, "onRequestAsset", 2);
-p([
+], p.prototype, "onRequestAsset", 2);
+u([
   g("value")
-], u.prototype, "handleValueChange", 1);
-u = p([
-  z("cx-asset-picker")
-], u);
-const pe = O`
+], p.prototype, "handleValueChange", 1);
+p = u([
+  M("cx-asset-picker")
+], p);
+const ge = O`
   :host {
     --overridden-min-height: var(--min-height, 160px);
     --overridden-max-height: var(--max-height, 260px);
@@ -1101,17 +1104,17 @@ const pe = O`
     --tab-group-nav-padding: 0 var(--cx-spacing-large);
   }
 `;
-var he = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, r = (e, a, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? ve(a, t) : a, m = e.length - 1, d; m >= 0; m--)
-    (d = e[m]) && (i = (n ? d(a, t, i) : d(i)) || i);
-  return n && i && he(a, t, i), i;
+var Ne = Object.defineProperty, be = Object.getOwnPropertyDescriptor, r = (e, a, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? be(a, t) : a, d = e.length - 1, c; d >= 0; d--)
+    (c = e[d]) && (s = (i ? c(a, t, s) : c(s)) || s);
+  return i && s && Ne(a, t, s), s;
 };
-const ge = {
+const xe = {
   resizable: !1
 };
-let s = class extends T {
+let n = class extends T {
   constructor() {
-    super(...arguments), this.localize = new M(this), this.data = [], this.canAdd = !1, this.addDialogLabel = "", this.editDialogLabel = "", this.displayField = "", this.descriptionField = "", this.addItemText = "", this.sampleItem = {}, this.useEvents = !1, this.sortable = !1, this.loadingEvent = "", this.loadingItemIndex = void 0, this.columns = [], this.noHeader = !1, this.rowHeight = 40, this.defaultLanguage = "", this.supportedLanguages = ["en"], this.boundary = document.body, this.onRequestAsset = void 0, this.editedItem = null, this.isAdding = !1, this.columnsMap = {}, this.sortedEntries = [], this.translatableControls = [], this.disableCloseConfigDialog = !1, this.hoverMenu = {
+    super(...arguments), this.localize = new z(this), this.data = [], this.canAdd = !1, this.addDialogLabel = "", this.editDialogLabel = "", this.displayField = "", this.descriptionField = "", this.addItemText = "", this.sampleItem = {}, this.useEvents = !1, this.sortable = !1, this.loadingEvent = "", this.loadingItemIndex = void 0, this.columns = [], this.noHeader = !1, this.rowHeight = 40, this.defaultLanguage = "", this.supportedLanguages = ["en"], this.boundary = document.body, this.onRequestAsset = void 0, this.editedItem = null, this.isAdding = !1, this.columnsMap = {}, this.sortedEntries = [], this.translatableControls = [], this.disableCloseConfigDialog = !1, this.hoverMenu = {
       data: [
         {
           icon: "create",
@@ -1138,7 +1141,7 @@ let s = class extends T {
         }
       ],
       options: {
-        placement: U.Right
+        placement: V.Right
       }
     }, this.OMITTED_FIELDS = ["id"];
   }
@@ -1164,20 +1167,20 @@ let s = class extends T {
     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));
   }
   handleTableActions(e) {
-    const { name: a, row: t } = e.detail, n = "component" in t ? t.component : t;
-    if (n) {
+    const { name: a, row: t } = e.detail, i = "component" in t ? t.component : t;
+    if (i) {
       if (this.useEvents) {
         this.emit(`cx-list-editor-${a}`, {
           detail: {
-            index: n.getIndex(),
-            item: n.getData()
+            index: i.getIndex(),
+            item: i.getData()
           }
         });
         return;
       }
-      a === "edit" ? this.editedItem = n.getData() : a === "delete" && this.emit("cx-list-editor-change", {
+      a === "edit" ? this.editedItem = i.getData() : a === "delete" && this.emit("cx-list-editor-change", {
         detail: {
-          data: this.data.filter((i) => i.id !== n.getData().id)
+          data: this.data.filter((s) => s.id !== i.getData().id)
         }
       });
     }
@@ -1195,7 +1198,7 @@ let s = class extends T {
   handleAddClick() {
     this.isAdding = !0, this.editedItem = {
       ...this.sampleItem,
-      id: me(`${Date.now()}-`)
+      id: pe(`${Date.now()}-`)
     };
   }
   handleSaveClick() {
@@ -1230,8 +1233,8 @@ let s = class extends T {
       return;
     if (!this.loadingItemIndex) {
       this.table.tabulatorInstance?.getRows().forEach((t) => {
-        const n = t._row.hoverMenuElement;
-        t._row.hoverMenuElement.actions = n.actions.map((i) => (i.options?.buttonProps && (i.options.buttonProps.loading = !1), i));
+        const i = t._row.hoverMenuElement;
+        t._row.hoverMenuElement.actions = i.actions.map((s) => (s.options?.buttonProps && (s.options.buttonProps.loading = !1), s));
       });
       return;
     }
@@ -1241,10 +1244,22 @@ let s = class extends T {
     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));
   }
+  handleChange(e) {
+    if (!e.target)
+      return;
+    const a = e.target, t = a.dataset.id;
+    if (!t)
+      return;
+    let i = a.value;
+    Array.isArray(i) ? i = i.join(" ") : i = String(i), this.editedItem = {
+      ...this.editedItem,
+      [t]: i
+    };
+  }
   renderControls(e) {
     if (e === "translation") {
       const a = l`
-        ${x(
+        ${b(
         this.translatableControls,
         (t) => t.field,
         (t) => l`
@@ -1261,20 +1276,20 @@ let s = class extends T {
                 </cx-grid-item>
                 <cx-grid-item xs="4" sm="3">
                   <cx-space direction="vertical" spacing="x-small" wrap="nowrap">
-                    ${X(this.supportedLanguages, (n) => {
-          const i = this.localize.languageName(n) || oe.getName(n) || n, m = (d) => {
-            const c = d.target.value;
+                    ${Q(this.supportedLanguages, (i) => {
+          const s = this.localize.languageName(i) || ce.getName(i) || i, d = (c) => {
+            const m = c.target.value;
             this.editedItem = {
               ...this.editedItem,
-              [`${t.field}-${n}`]: c
+              [`${t.field}-${i}`]: m
             };
           };
           return l`
                         <cx-input
-                          ?disabled=${n.toLowerCase() === this.defaultLanguage?.toLowerCase()}
-                          label=${i}
-                          value=${this.editedItem?.[`${t.field}-${n}`] ?? this.editedItem?.[`${t.field}`] ?? ""}
-                          @cx-change=${m}
+                          ?disabled=${i.toLowerCase() === this.defaultLanguage?.toLowerCase()}
+                          label=${s}
+                          value=${this.editedItem?.[`${t.field}-${i}`] ?? this.editedItem?.[`${t.field}`] ?? ""}
+                          @cx-change=${d}
                         ></cx-input>
                       `;
         })}
@@ -1287,7 +1302,7 @@ let s = class extends T {
     }
     return l`
       <cx-grid columns="3" spacing="var(--cx-spacing-small)" wrap="wrap">
-        ${x(
+        ${b(
       this.sortedEntries,
       ([a]) => a,
       ([a, t]) => l`<cx-grid-item xs="3" sm="1">
@@ -1296,7 +1311,7 @@ let s = class extends T {
                 </cx-typography>
               </cx-grid-item>
               <cx-grid-item xs="3" sm="2">
-                ${W(
+                ${Y(
         this.columnsMap[a].controlType,
         [
           [
@@ -1305,13 +1320,13 @@ let s = class extends T {
                           value=${t}
                           type="image"
                           id=${a}
-                          @cx-content-builder-asset-select=${async (m) => {
-              if (Array.isArray(m.detail))
+                          @cx-content-builder-asset-select=${async (d) => {
+              if (Array.isArray(d.detail))
                 return;
-              const { src: d } = m.detail;
+              const { src: c } = d.detail;
               this.editedItem = {
                 ...this.editedItem,
-                [a]: d
+                [a]: c
               };
             }}
                           @cx-content-builder-asset-delete=${async () => {
@@ -1327,43 +1342,54 @@ let s = class extends T {
           ],
           [
             "radio-group",
-            () => {
-              const n = (i) => {
-                const m = i.target.value;
-                this.editedItem = {
-                  ...this.editedItem,
-                  [a]: m
-                };
-              };
-              return l`<cx-radio-group
-                          data-testid="radio-group-control"
-                          horizontal
-                          value=${(t || this.columnsMap[a].defaultValue) ?? ""}
-                          size="medium"
-                          @cx-change=${n}
+            () => 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}
+                          >
+                            ${b(
+              this.columnsMap[a].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 ?? [],
-                (i) => i.value,
-                (i) => l`<cx-radio value=${i.value}>
-                                ${i.name}
-                              </cx-radio>`
-              )}
-                        </cx-radio-group>`;
-            }
+                          ${b(
+              this.columnsMap[a].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=${(i) => {
-          const m = i.target.value;
-          this.editedItem = {
-            ...this.editedItem,
-            [a]: m
-          };
-        }}
-                      ></cx-input>`
+                        @cx-change=${this.handleChange}
+                      ></cx-input>
+                    `
       )}
               </cx-grid-item>`
     )}
@@ -1376,7 +1402,7 @@ let s = class extends T {
         <div class="list-editor">
           <cx-table
             part="table"
-            class=${J({
+            class=${Z({
       "list-editor__table": !0,
       "list-editor__table--no-header": this.noHeader
     })}
@@ -1385,7 +1411,7 @@ let s = class extends T {
             layout="fitColumns"
             row-height=${this.rowHeight}
             .columns=${this.columns}
-            .columnDefaults=${ge}
+            .columnDefaults=${xe}
             .hoverMenu=${this.hoverMenu}
             .data=${this.data ?? []}
             no-selectable
@@ -1422,7 +1448,7 @@ let s = class extends T {
                 class="list-editor__tab-group"
                 placement="top"
               >
-                ${x(
+                ${b(
         this.tabs,
         (e) => e,
         (e) => l`
@@ -1498,27 +1524,30 @@ let s = class extends T {
     `;
   }
 };
-s.styles = [D, pe];
-s.dependencies = {
-  "cx-asset-picker": u,
+n.styles = [D, ge];
+n.dependencies = {
+  "cx-asset-picker": p,
   "cx-button": _,
   "cx-dialog": q,
+  "cx-dynamic-select": W,
   "cx-grid": j,
-  "cx-grid-item": R,
+  "cx-grid-item": P,
   "cx-input": S,
-  "cx-line-clamp": P,
-  "cx-radio": F,
-  "cx-radio-group": B,
+  "cx-line-clamp": R,
+  "cx-option": F,
+  "cx-radio": B,
+  "cx-radio-group": K,
+  "cx-select": U,
   "cx-space": E,
-  "cx-table": K,
+  "cx-table": H,
   "cx-typography": L
 };
 r([
   y("cx-dialog")
-], s.prototype, "dialog", 2);
+], n.prototype, "dialog", 2);
 r([
   y("cx-table")
-], s.prototype, "table", 2);
+], n.prototype, "table", 2);
 r([
   o({
     converter: {
@@ -1535,52 +1564,52 @@ r([
     reflect: !1,
     type: String
   })
-], s.prototype, "data", 2);
+], n.prototype, "data", 2);
 r([
   o({ attribute: "can-add", reflect: !0, type: Boolean })
-], s.prototype, "canAdd", 2);
+], n.prototype, "canAdd", 2);
 r([
   o({ attribute: "add-dialog-label", reflect: !0, type: String })
-], s.prototype, "addDialogLabel", 2);
+], n.prototype, "addDialogLabel", 2);
 r([
   o({ attribute: "edit-dialog-label", reflect: !0, type: String })
-], s.prototype, "editDialogLabel", 2);
+], n.prototype, "editDialogLabel", 2);
 r([
   o({ attribute: "display-field", reflect: !0, type: String })
-], s.prototype, "displayField", 2);
+], n.prototype, "displayField", 2);
 r([
   o({ attribute: "description-field", reflect: !0, type: String })
-], s.prototype, "descriptionField", 2);
+], n.prototype, "descriptionField", 2);
 r([
   o({ attribute: "add-item-text", reflect: !0, type: String })
-], s.prototype, "addItemText", 2);
+], n.prototype, "addItemText", 2);
 r([
   o({ attribute: "sample-item", type: Object })
-], s.prototype, "sampleItem", 2);
+], n.prototype, "sampleItem", 2);
 r([
   o({ attribute: "use-events", reflect: !0, type: Boolean })
-], s.prototype, "useEvents", 2);
+], n.prototype, "useEvents", 2);
 r([
   o({ reflect: !0, type: Boolean })
-], s.prototype, "sortable", 2);
+], n.prototype, "sortable", 2);
 r([
   o({ attribute: "loading-event", reflect: !0, type: String })
-], s.prototype, "loadingEvent", 2);
+], n.prototype, "loadingEvent", 2);
 r([
   o({ attribute: "loading-item-index", reflect: !0, type: String })
-], s.prototype, "loadingItemIndex", 2);
+], n.prototype, "loadingItemIndex", 2);
 r([
   o({ attribute: "columns", reflect: !1, type: Array })
-], s.prototype, "columns", 2);
+], n.prototype, "columns", 2);
 r([
   o({ attribute: "no-header", reflect: !0, type: Boolean })
-], s.prototype, "noHeader", 2);
+], n.prototype, "noHeader", 2);
 r([
   o({ attribute: "row-height", reflect: !0, type: Number })
-], s.prototype, "rowHeight", 2);
+], n.prototype, "rowHeight", 2);
 r([
   o({ attribute: "default-language", reflect: !0, type: String })
-], s.prototype, "defaultLanguage", 2);
+], n.prototype, "defaultLanguage", 2);
 r([
   o({
     attribute: "supported-languages",
@@ -1591,48 +1620,48 @@ r([
     reflect: !0,
     type: Array
   })
-], s.prototype, "supportedLanguages", 2);
+], n.prototype, "supportedLanguages", 2);
 r([
   o({ type: Object })
-], s.prototype, "boundary", 2);
+], n.prototype, "boundary", 2);
 r([
   o({ attribute: "on-request-asset", type: Function })
-], s.prototype, "onRequestAsset", 2);
+], n.prototype, "onRequestAsset", 2);
 r([
-  b()
-], s.prototype, "editedItem", 2);
+  x()
+], n.prototype, "editedItem", 2);
 r([
-  b()
-], s.prototype, "isAdding", 2);
+  x()
+], n.prototype, "isAdding", 2);
 r([
-  b()
-], s.prototype, "columnsMap", 2);
+  x()
+], n.prototype, "columnsMap", 2);
 r([
-  b()
-], s.prototype, "sortedEntries", 2);
+  x()
+], n.prototype, "sortedEntries", 2);
 r([
-  b()
-], s.prototype, "translatableControls", 2);
+  x()
+], n.prototype, "translatableControls", 2);
 r([
   g("columns"),
   g("supportedLanguages", { waitUntilFirstUpdate: !0 })
-], s.prototype, "handleColumnsChange", 1);
+], n.prototype, "handleColumnsChange", 1);
 r([
   g("editedItem"),
   g("columns", { waitUntilFirstUpdate: !0 })
-], s.prototype, "handleEditedItemChange", 1);
+], n.prototype, "handleEditedItemChange", 1);
 r([
   g("loadingEvent", { waitUntilFirstUpdate: !0 }),
   g("loadingItemIndex", { waitUntilFirstUpdate: !0 }),
-  H(10)
-], s.prototype, "handleLoadingEventChange", 1);
-s = r([
-  z("cx-list-editor")
-], s);
+  J(10)
+], n.prototype, "handleLoadingEventChange", 1);
+n = r([
+  M("cx-list-editor")
+], n);
 export {
-  s as C,
-  oe as I,
-  u as a,
-  ge as c,
-  me as u
+  n as C,
+  ce as I,
+  p as a,
+  xe as c,
+  pe as u
 };