@orangelogic/design-system 2.133.0 → 2.135.0

package/library/chunks/list-editor.BXY4UIAI.js

@@ -1,1394 +0,0 @@
-import { C as k } from "./button.DYoFn504.js";
-import { C as G, D as R } from "./dialog.BwBD_hJi.js";
-import B from "../components/grid.js";
-import F from "../components/grid-item.js";
-import { C as E } from "./input.CQNhMu4z.js";
-import P from "../components/line-clamp.js";
-import { C as K } from "./option.SCVixE2L.js";
-import U from "../components/radio.js";
-import H from "../components/radio-group.js";
-import V from "../components/select.js";
-import T from "../components/space.js";
-import { C as W, H as J } from "./table.DuP4v5FN.js";
-import { C as L } from "./typography.DJC_UXgs.js";
-import { n as r, C as D } from "./lib-cortex-element.CVMmyPMC.js";
-import X from "../components/dynamic-select.js";
-import { c as M } from "./component.styles.CRO4Odto.js";
-import { c as z } from "./custom-element.L4WJXn1j.js";
-import { d as Y } from "./debounce.DaHuiSGU.js";
-import { L as O } from "./i18n.DoMIwXr2.js";
-import { w as v } from "./watch.CThbualB.js";
-import { a as Z } from "./_commonjsHelpers.DQNKXVTB.js";
-import { i as j, x as l } from "./lit-element.jLBm65_O.js";
-import { r as b } from "./state.CSDxrqLd.js";
-import { e as y } from "./query.BBf1UFkC.js";
-import { r as Q } from "./choose.BTbF6BAn.js";
-import { e as ee } from "./class-map.BiVq-cVR.js";
-import { o as te } from "./map.D8heArFD.js";
-import { c as x } from "./repeat.DbF2p5ae.js";
-import { n as N } from "./when.Dr1es41R.js";
-import { t as ae } from "./toString.CAY8lys2.js";
-import { C as ie } from "./icon-button.B-Jf9W3v.js";
-import { C as ne } from "./image.SLqIVjqc.js";
-import { a as se, F as I, b as w } from "./asset.CcxcYY9d.js";
-import { a as re } from "./index.Cpamj0jB.js";
-import { A as g } from "./content-builder.BGzxZUgi.js";
-import { b as oe, t as $ } from "./string.CbnVBzsd.js";
-import { t as le } from "./toast.D3AW3RWv.js";
-var C, _;
-function me() {
-  return _ || (_ = 1, C = {
-    aa: {
-      name: "Afar",
-      nativeName: "Afaraf"
-    },
-    ab: {
-      name: "Abkhaz",
-      nativeName: "аҧсуа бызшәа"
-    },
-    ae: {
-      name: "Avestan",
-      nativeName: "avesta"
-    },
-    af: {
-      name: "Afrikaans",
-      nativeName: "Afrikaans"
-    },
-    ak: {
-      name: "Akan",
-      nativeName: "Akan"
-    },
-    am: {
-      name: "Amharic",
-      nativeName: "አማርኛ"
-    },
-    an: {
-      name: "Aragonese",
-      nativeName: "aragonés"
-    },
-    ar: {
-      name: "Arabic",
-      nativeName: "العربية"
-    },
-    as: {
-      name: "Assamese",
-      nativeName: "অসমীয়া"
-    },
-    av: {
-      name: "Avaric",
-      nativeName: "авар мацӀ"
-    },
-    ay: {
-      name: "Aymara",
-      nativeName: "aymar aru"
-    },
-    az: {
-      name: "Azerbaijani",
-      nativeName: "azərbaycan dili"
-    },
-    ba: {
-      name: "Bashkir",
-      nativeName: "башҡорт теле"
-    },
-    be: {
-      name: "Belarusian",
-      nativeName: "беларуская мова"
-    },
-    bg: {
-      name: "Bulgarian",
-      nativeName: "български език"
-    },
-    bi: {
-      name: "Bislama",
-      nativeName: "Bislama"
-    },
-    bm: {
-      name: "Bambara",
-      nativeName: "bamanankan"
-    },
-    bn: {
-      name: "Bengali",
-      nativeName: "বাংলা"
-    },
-    bo: {
-      name: "Tibetan",
-      nativeName: "བོད་ཡིག"
-    },
-    br: {
-      name: "Breton",
-      nativeName: "brezhoneg"
-    },
-    bs: {
-      name: "Bosnian",
-      nativeName: "bosanski jezik"
-    },
-    ca: {
-      name: "Catalan",
-      nativeName: "Català"
-    },
-    ce: {
-      name: "Chechen",
-      nativeName: "нохчийн мотт"
-    },
-    ch: {
-      name: "Chamorro",
-      nativeName: "Chamoru"
-    },
-    co: {
-      name: "Corsican",
-      nativeName: "corsu"
-    },
-    cr: {
-      name: "Cree",
-      nativeName: "ᓀᐦᐃᔭᐍᐏᐣ"
-    },
-    cs: {
-      name: "Czech",
-      nativeName: "Čeština"
-    },
-    cu: {
-      name: "Old Church Slavonic",
-      nativeName: "ѩзыкъ словѣньскъ"
-    },
-    cv: {
-      name: "Chuvash",
-      nativeName: "чӑваш чӗлхи"
-    },
-    cy: {
-      name: "Welsh",
-      nativeName: "Cymraeg"
-    },
-    da: {
-      name: "Danish",
-      nativeName: "Dansk"
-    },
-    de: {
-      name: "German",
-      nativeName: "Deutsch"
-    },
-    dv: {
-      name: "Divehi",
-      nativeName: "ދިވެހި"
-    },
-    dz: {
-      name: "Dzongkha",
-      nativeName: "རྫོང་ཁ"
-    },
-    ee: {
-      name: "Ewe",
-      nativeName: "Eʋegbe"
-    },
-    el: {
-      name: "Greek",
-      nativeName: "Ελληνικά"
-    },
-    en: {
-      name: "English",
-      nativeName: "English"
-    },
-    eo: {
-      name: "Esperanto",
-      nativeName: "Esperanto"
-    },
-    es: {
-      name: "Spanish",
-      nativeName: "Español"
-    },
-    et: {
-      name: "Estonian",
-      nativeName: "eesti"
-    },
-    eu: {
-      name: "Basque",
-      nativeName: "euskara"
-    },
-    fa: {
-      name: "Persian",
-      nativeName: "فارسی"
-    },
-    ff: {
-      name: "Fula",
-      nativeName: "Fulfulde"
-    },
-    fi: {
-      name: "Finnish",
-      nativeName: "suomi"
-    },
-    fj: {
-      name: "Fijian",
-      nativeName: "vosa Vakaviti"
-    },
-    fo: {
-      name: "Faroese",
-      nativeName: "Føroyskt"
-    },
-    fr: {
-      name: "French",
-      nativeName: "Français"
-    },
-    fy: {
-      name: "Western Frisian",
-      nativeName: "Frysk"
-    },
-    ga: {
-      name: "Irish",
-      nativeName: "Gaeilge"
-    },
-    gd: {
-      name: "Scottish Gaelic",
-      nativeName: "Gàidhlig"
-    },
-    gl: {
-      name: "Galician",
-      nativeName: "galego"
-    },
-    gn: {
-      name: "Guaraní",
-      nativeName: "Avañe'ẽ"
-    },
-    gu: {
-      name: "Gujarati",
-      nativeName: "ગુજરાતી"
-    },
-    gv: {
-      name: "Manx",
-      nativeName: "Gaelg"
-    },
-    ha: {
-      name: "Hausa",
-      nativeName: "هَوُسَ"
-    },
-    he: {
-      name: "Hebrew",
-      nativeName: "עברית"
-    },
-    hi: {
-      name: "Hindi",
-      nativeName: "हिन्दी"
-    },
-    ho: {
-      name: "Hiri Motu",
-      nativeName: "Hiri Motu"
-    },
-    hr: {
-      name: "Croatian",
-      nativeName: "Hrvatski"
-    },
-    ht: {
-      name: "Haitian",
-      nativeName: "Kreyòl ayisyen"
-    },
-    hu: {
-      name: "Hungarian",
-      nativeName: "magyar"
-    },
-    hy: {
-      name: "Armenian",
-      nativeName: "Հայերեն"
-    },
-    hz: {
-      name: "Herero",
-      nativeName: "Otjiherero"
-    },
-    ia: {
-      name: "Interlingua",
-      nativeName: "Interlingua"
-    },
-    id: {
-      name: "Indonesian",
-      nativeName: "Bahasa Indonesia"
-    },
-    ie: {
-      name: "Interlingue",
-      nativeName: "Interlingue"
-    },
-    ig: {
-      name: "Igbo",
-      nativeName: "Asụsụ Igbo"
-    },
-    ii: {
-      name: "Nuosu",
-      nativeName: "ꆈꌠ꒿ Nuosuhxop"
-    },
-    ik: {
-      name: "Inupiaq",
-      nativeName: "Iñupiaq"
-    },
-    io: {
-      name: "Ido",
-      nativeName: "Ido"
-    },
-    is: {
-      name: "Icelandic",
-      nativeName: "Íslenska"
-    },
-    it: {
-      name: "Italian",
-      nativeName: "Italiano"
-    },
-    iu: {
-      name: "Inuktitut",
-      nativeName: "ᐃᓄᒃᑎᑐᑦ"
-    },
-    ja: {
-      name: "Japanese",
-      nativeName: "日本語"
-    },
-    jv: {
-      name: "Javanese",
-      nativeName: "basa Jawa"
-    },
-    ka: {
-      name: "Georgian",
-      nativeName: "ქართული"
-    },
-    kg: {
-      name: "Kongo",
-      nativeName: "Kikongo"
-    },
-    ki: {
-      name: "Kikuyu",
-      nativeName: "Gĩkũyũ"
-    },
-    kj: {
-      name: "Kwanyama",
-      nativeName: "Kuanyama"
-    },
-    kk: {
-      name: "Kazakh",
-      nativeName: "қазақ тілі"
-    },
-    kl: {
-      name: "Kalaallisut",
-      nativeName: "kalaallisut"
-    },
-    km: {
-      name: "Khmer",
-      nativeName: "ខេមរភាសា"
-    },
-    kn: {
-      name: "Kannada",
-      nativeName: "ಕನ್ನಡ"
-    },
-    ko: {
-      name: "Korean",
-      nativeName: "한국어"
-    },
-    kr: {
-      name: "Kanuri",
-      nativeName: "Kanuri"
-    },
-    ks: {
-      name: "Kashmiri",
-      nativeName: "कश्मीरी"
-    },
-    ku: {
-      name: "Kurdish",
-      nativeName: "Kurdî"
-    },
-    kv: {
-      name: "Komi",
-      nativeName: "коми кыв"
-    },
-    kw: {
-      name: "Cornish",
-      nativeName: "Kernewek"
-    },
-    ky: {
-      name: "Kyrgyz",
-      nativeName: "Кыргызча"
-    },
-    la: {
-      name: "Latin",
-      nativeName: "latine"
-    },
-    lb: {
-      name: "Luxembourgish",
-      nativeName: "Lëtzebuergesch"
-    },
-    lg: {
-      name: "Ganda",
-      nativeName: "Luganda"
-    },
-    li: {
-      name: "Limburgish",
-      nativeName: "Limburgs"
-    },
-    ln: {
-      name: "Lingala",
-      nativeName: "Lingála"
-    },
-    lo: {
-      name: "Lao",
-      nativeName: "ພາສາລາວ"
-    },
-    lt: {
-      name: "Lithuanian",
-      nativeName: "lietuvių kalba"
-    },
-    lu: {
-      name: "Luba-Katanga",
-      nativeName: "Kiluba"
-    },
-    lv: {
-      name: "Latvian",
-      nativeName: "latviešu valoda"
-    },
-    mg: {
-      name: "Malagasy",
-      nativeName: "fiteny malagasy"
-    },
-    mh: {
-      name: "Marshallese",
-      nativeName: "Kajin M̧ajeļ"
-    },
-    mi: {
-      name: "Māori",
-      nativeName: "te reo Māori"
-    },
-    mk: {
-      name: "Macedonian",
-      nativeName: "македонски јазик"
-    },
-    ml: {
-      name: "Malayalam",
-      nativeName: "മലയാളം"
-    },
-    mn: {
-      name: "Mongolian",
-      nativeName: "Монгол хэл"
-    },
-    mr: {
-      name: "Marathi",
-      nativeName: "मराठी"
-    },
-    ms: {
-      name: "Malay",
-      nativeName: "Bahasa Melayu"
-    },
-    mt: {
-      name: "Maltese",
-      nativeName: "Malti"
-    },
-    my: {
-      name: "Burmese",
-      nativeName: "ဗမာစာ"
-    },
-    na: {
-      name: "Nauru",
-      nativeName: "Dorerin Naoero"
-    },
-    nb: {
-      name: "Norwegian Bokmål",
-      nativeName: "Norsk bokmål"
-    },
-    nd: {
-      name: "Northern Ndebele",
-      nativeName: "isiNdebele"
-    },
-    ne: {
-      name: "Nepali",
-      nativeName: "नेपाली"
-    },
-    ng: {
-      name: "Ndonga",
-      nativeName: "Owambo"
-    },
-    nl: {
-      name: "Dutch",
-      nativeName: "Nederlands"
-    },
-    nn: {
-      name: "Norwegian Nynorsk",
-      nativeName: "Norsk nynorsk"
-    },
-    no: {
-      name: "Norwegian",
-      nativeName: "Norsk"
-    },
-    nr: {
-      name: "Southern Ndebele",
-      nativeName: "isiNdebele"
-    },
-    nv: {
-      name: "Navajo",
-      nativeName: "Diné bizaad"
-    },
-    ny: {
-      name: "Chichewa",
-      nativeName: "chiCheŵa"
-    },
-    oc: {
-      name: "Occitan",
-      nativeName: "occitan"
-    },
-    oj: {
-      name: "Ojibwe",
-      nativeName: "ᐊᓂᔑᓈᐯᒧᐎᓐ"
-    },
-    om: {
-      name: "Oromo",
-      nativeName: "Afaan Oromoo"
-    },
-    or: {
-      name: "Oriya",
-      nativeName: "ଓଡ଼ିଆ"
-    },
-    os: {
-      name: "Ossetian",
-      nativeName: "ирон æвзаг"
-    },
-    pa: {
-      name: "Panjabi",
-      nativeName: "ਪੰਜਾਬੀ"
-    },
-    pi: {
-      name: "Pāli",
-      nativeName: "पाऴि"
-    },
-    pl: {
-      name: "Polish",
-      nativeName: "Polski"
-    },
-    ps: {
-      name: "Pashto",
-      nativeName: "پښتو"
-    },
-    pt: {
-      name: "Portuguese",
-      nativeName: "Português"
-    },
-    qu: {
-      name: "Quechua",
-      nativeName: "Runa Simi"
-    },
-    rm: {
-      name: "Romansh",
-      nativeName: "rumantsch grischun"
-    },
-    rn: {
-      name: "Kirundi",
-      nativeName: "Ikirundi"
-    },
-    ro: {
-      name: "Romanian",
-      nativeName: "Română"
-    },
-    ru: {
-      name: "Russian",
-      nativeName: "Русский"
-    },
-    rw: {
-      name: "Kinyarwanda",
-      nativeName: "Ikinyarwanda"
-    },
-    sa: {
-      name: "Sanskrit",
-      nativeName: "संस्कृतम्"
-    },
-    sc: {
-      name: "Sardinian",
-      nativeName: "sardu"
-    },
-    sd: {
-      name: "Sindhi",
-      nativeName: "सिन्धी"
-    },
-    se: {
-      name: "Northern Sami",
-      nativeName: "Davvisámegiella"
-    },
-    sg: {
-      name: "Sango",
-      nativeName: "yângâ tî sängö"
-    },
-    si: {
-      name: "Sinhala",
-      nativeName: "සිංහල"
-    },
-    sk: {
-      name: "Slovak",
-      nativeName: "Slovenčina"
-    },
-    sl: {
-      name: "Slovenian",
-      nativeName: "slovenščina"
-    },
-    sm: {
-      name: "Samoan",
-      nativeName: "gagana fa'a Samoa"
-    },
-    sn: {
-      name: "Shona",
-      nativeName: "chiShona"
-    },
-    so: {
-      name: "Somali",
-      nativeName: "Soomaaliga"
-    },
-    sq: {
-      name: "Albanian",
-      nativeName: "Shqip"
-    },
-    sr: {
-      name: "Serbian",
-      nativeName: "српски језик"
-    },
-    ss: {
-      name: "Swati",
-      nativeName: "SiSwati"
-    },
-    st: {
-      name: "Southern Sotho",
-      nativeName: "Sesotho"
-    },
-    su: {
-      name: "Sundanese",
-      nativeName: "Basa Sunda"
-    },
-    sv: {
-      name: "Swedish",
-      nativeName: "Svenska"
-    },
-    sw: {
-      name: "Swahili",
-      nativeName: "Kiswahili"
-    },
-    ta: {
-      name: "Tamil",
-      nativeName: "தமிழ்"
-    },
-    te: {
-      name: "Telugu",
-      nativeName: "తెలుగు"
-    },
-    tg: {
-      name: "Tajik",
-      nativeName: "тоҷикӣ"
-    },
-    th: {
-      name: "Thai",
-      nativeName: "ไทย"
-    },
-    ti: {
-      name: "Tigrinya",
-      nativeName: "ትግርኛ"
-    },
-    tk: {
-      name: "Turkmen",
-      nativeName: "Türkmençe"
-    },
-    tl: {
-      name: "Tagalog",
-      nativeName: "Wikang Tagalog"
-    },
-    tn: {
-      name: "Tswana",
-      nativeName: "Setswana"
-    },
-    to: {
-      name: "Tonga",
-      nativeName: "faka Tonga"
-    },
-    tr: {
-      name: "Turkish",
-      nativeName: "Türkçe"
-    },
-    ts: {
-      name: "Tsonga",
-      nativeName: "Xitsonga"
-    },
-    tt: {
-      name: "Tatar",
-      nativeName: "татар теле"
-    },
-    tw: {
-      name: "Twi",
-      nativeName: "Twi"
-    },
-    ty: {
-      name: "Tahitian",
-      nativeName: "Reo Tahiti"
-    },
-    ug: {
-      name: "Uyghur",
-      nativeName: "ئۇيغۇرچە‎"
-    },
-    uk: {
-      name: "Ukrainian",
-      nativeName: "Українська"
-    },
-    ur: {
-      name: "Urdu",
-      nativeName: "اردو"
-    },
-    uz: {
-      name: "Uzbek",
-      nativeName: "Ўзбек"
-    },
-    ve: {
-      name: "Venda",
-      nativeName: "Tshivenḓa"
-    },
-    vi: {
-      name: "Vietnamese",
-      nativeName: "Tiếng Việt"
-    },
-    vo: {
-      name: "Volapük",
-      nativeName: "Volapük"
-    },
-    wa: {
-      name: "Walloon",
-      nativeName: "walon"
-    },
-    wo: {
-      name: "Wolof",
-      nativeName: "Wollof"
-    },
-    xh: {
-      name: "Xhosa",
-      nativeName: "isiXhosa"
-    },
-    yi: {
-      name: "Yiddish",
-      nativeName: "ייִדיש"
-    },
-    yo: {
-      name: "Yoruba",
-      nativeName: "Yorùbá"
-    },
-    za: {
-      name: "Zhuang",
-      nativeName: "Saɯ cueŋƅ"
-    },
-    zh: {
-      name: "Chinese",
-      nativeName: "中文"
-    },
-    zu: {
-      name: "Zulu",
-      nativeName: "isiZulu"
-    }
-  }), C;
-}
-var A, S;
-function ce() {
-  if (S) return A;
-  S = 1;
-  const e = me(), t = {}, a = {}, i = [], s = [], u = [];
-  for (const d in e) {
-    const { name: m, nativeName: h } = e[d];
-    t[d] = a[m.toLowerCase()] = a[h.toLowerCase()] = { code: d, name: m, nativeName: h }, i.push(d), s.push(m), u.push(h);
-  }
-  return A = class f {
-    static getLanguages(m = []) {
-      return m.map(
-        (h) => f.validate(h) ? Object.assign({}, t[h]) : { code: h, name: "", nativeName: "" }
-      );
-    }
-    static getName(m) {
-      return f.validate(m) ? e[m].name : "";
-    }
-    static getAllNames() {
-      return s.slice();
-    }
-    static getNativeName(m) {
-      return f.validate(m) ? e[m].nativeName : "";
-    }
-    static getAllNativeNames() {
-      return u.slice();
-    }
-    static getCode(m) {
-      return m = m.toLowerCase(), a.hasOwnProperty(m) ? a[m].code : "";
-    }
-    static getAllCodes() {
-      return i.slice();
-    }
-    static validate(m) {
-      return e.hasOwnProperty(m);
-    }
-  }, A;
-}
-var de = ce();
-const pe = /* @__PURE__ */ Z(de);
-var ue = 0;
-function he(e) {
-  var t = ++ue;
-  return ae(e) + t;
-}
-const ve = j`: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 ge = Object.defineProperty, be = Object.getOwnPropertyDescriptor, p = (e, t, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? be(t, a) : t, u = e.length - 1, d; u >= 0; u--)
-    (d = e[u]) && (s = (i ? d(t, a, s) : d(s)) || s);
-  return i && s && ge(t, a, s), s;
-};
-let c = class extends D {
-  constructor() {
-    super(...arguments), this.localize = new O(this), this.value = "", this.name = "", this.type = [g.Image], this.multiple = !1, this.accepts = [], this.required = !1, this.disabled = !1, this.restrict = !1, this.onRequestAsset = void 0, this.recordId = "", this.isSiteBuilder = !1, this.previewSrc = "", this.assetTitle = "", this.apiGetAssets = se;
-  }
-  async handleRequestAssetClick() {
-    if (this.onRequestAsset)
-      try {
-        this.emit("cx-asset-request-status", {
-          detail: {
-            busy: !0
-          }
-        });
-        const e = await this.onRequestAsset(
-          this.type.join(" "),
-          this.multiple,
-          this.accepts,
-          this.restrict ? this.type.join(" ") : void 0
-        );
-        if (this.accepts.length > 0 && Object.values(e).some(
-          (a) => !this.accepts.includes(oe(a.src) ?? "")
-        ))
-          le(this.localize.term("nonAcceptedExtension", this.accepts), {
-            notificationType: "warning"
-          });
-        else if (this.multiple) {
-          const a = Object.values(e);
-          this.emit("cx-content-builder-asset-select", {
-            detail: a
-          });
-        } else {
-          const { extension: a, id: i, identifier: s, name: u, parentAssetID: d, representative: m, src: h, type: q } = e;
-          this.emit("cx-content-builder-asset-select", {
-            detail: {
-              extension: a,
-              id: i,
-              identifier: s,
-              name: u,
-              parentAssetID: d,
-              representative: m,
-              src: h,
-              type: q
-            }
-          });
-        }
-      } catch {
-      } finally {
-        this.emit("cx-asset-request-status", {
-          detail: {
-            busy: !1
-          }
-        });
-      }
-  }
-  async handleValueChange() {
-    await this.updateComplete, this.inputEl?.setCustomValidity(
-      !this.required || this.value ? "" : this.localize.term("pleaseSelectAnAsset")
-    );
-  }
-  async handleRecordIdChange() {
-    const e = this.recordId.split(" ").filter((t) => t !== "");
-    if (e.length === 0) {
-      this.previewSrc = "", this.assetTitle = "";
-      return;
-    }
-    try {
-      const t = await this.apiGetAssets({
-        extraFields: ["path_TR1", I, w],
-        getPermanentAssetsPaths: !0,
-        isSiteBuilder: this.isSiteBuilder,
-        recordIds: e
-      }), [a] = t.items;
-      this.previewSrc = a?.path_TR1 || a?.originalUrl || "", this.assetTitle = t.items.map((i) => i[I] || i[w] || "").filter((i) => i !== "").join(",");
-    } catch {
-      this.previewSrc = "", this.assetTitle = "";
-    }
-  }
-  handleDeleteClick() {
-    this.emit("cx-content-builder-asset-delete");
-  }
-  /** True when the picker accepts this asset type. */
-  acceptsType(e) {
-    return this.type.includes(e);
-  }
-  renderAssetPreview() {
-    if ((this.previewSrc || this.value) && this.acceptsType(g.Image))
-      return l`<cx-image part="image" class="asset-picker__image" src=${this.previewSrc || this.value} alt=${this.assetTitle} width="200px" object-fit=${re.Cover}></cx-image>`;
-    if (this.assetTitle && (this.acceptsType(g.Audio) || this.acceptsType(g.Video)))
-      return l`<cx-typography variant="body-2">${$(this.assetTitle, 30, 11, 11)}</cx-typography>`;
-    if (this.assetTitle && (this.acceptsType(g.Other) || this.acceptsType(g.All))) {
-      const e = this.assetTitle.split(",");
-      return l`<cx-typography variant="body-2">${$(e[0], 30, 11, 11)}
-        ${N(
-        e.length > 1,
-        () => l` ${this.localize.term("andOthers", e.length - 1)}`
-      )}</cx-typography>`;
-    }
-    return null;
-  }
-  render() {
-    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 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>`
-      )}
-          `
-    )}</cx-space>`;
-  }
-};
-c.styles = [M, ve];
-c.dependencies = {
-  "cx-button": k,
-  "cx-icon-button": ie,
-  "cx-image": ne,
-  "cx-input": E,
-  "cx-space": T,
-  "cx-typography": L
-};
-p([
-  y(".asset-picker__button")
-], c.prototype, "buttonEl", 2);
-p([
-  y(".asset-picker__input")
-], c.prototype, "inputEl", 2);
-p([
-  r({ reflect: !0, type: String })
-], c.prototype, "value", 2);
-p([
-  r({ reflect: !0, type: String })
-], c.prototype, "name", 2);
-p([
-  r({
-    converter: {
-      fromAttribute: (e) => (e ?? "").split(" ").filter((t) => t !== ""),
-      toAttribute: (e) => e.join(" ")
-    },
-    reflect: !0
-  })
-], c.prototype, "type", 2);
-p([
-  r({ reflect: !0, type: Boolean })
-], c.prototype, "multiple", 2);
-p([
-  r({
-    converter: {
-      fromAttribute: (e) => (e ?? "").split(" ").filter((t) => t !== ""),
-      toAttribute: (e) => e.join(" ")
-    },
-    reflect: !0
-  })
-], c.prototype, "accepts", 2);
-p([
-  r({ reflect: !0, type: Boolean })
-], c.prototype, "required", 2);
-p([
-  r({ attribute: "disabled", reflect: !0, type: Boolean })
-], c.prototype, "disabled", 2);
-p([
-  r({ attribute: "restrict", reflect: !0, type: Boolean })
-], c.prototype, "restrict", 2);
-p([
-  r({ attribute: "on-request-asset", type: Function })
-], c.prototype, "onRequestAsset", 2);
-p([
-  r({ attribute: "record-id", reflect: !0, type: String })
-], c.prototype, "recordId", 2);
-p([
-  r({ attribute: "is-site-builder", reflect: !0, type: Boolean })
-], c.prototype, "isSiteBuilder", 2);
-p([
-  b()
-], c.prototype, "previewSrc", 2);
-p([
-  b()
-], c.prototype, "assetTitle", 2);
-p([
-  v("value")
-], c.prototype, "handleValueChange", 1);
-p([
-  v("recordId")
-], c.prototype, "handleRecordIdChange", 1);
-c = p([
-  z("cx-asset-picker")
-], c);
-const Ne = j`: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 xe = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, o = (e, t, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? fe(t, a) : t, u = e.length - 1, d; u >= 0; u--)
-    (d = e[u]) && (s = (i ? d(t, a, s) : d(s)) || s);
-  return i && s && xe(t, a, s), s;
-};
-const ye = {
-  resizable: !1
-};
-let n = class extends D {
-  constructor() {
-    super(...arguments), this.localize = new O(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",
-          name: "edit",
-          options: {
-            buttonProps: {
-              variant: "default"
-            }
-          },
-          tooltip: this.localize.term("edit")
-        },
-        {
-          icon: "delete",
-          name: "delete",
-          options: {
-            buttonProps: {
-              variant: "default"
-            },
-            iconStyle: {
-              color: "var(--cx-color-danger)"
-            }
-          },
-          tooltip: this.localize.term("delete")
-        }
-      ],
-      options: {
-        placement: J.Right
-      }
-    }, this.OMITTED_FIELDS = ["id"];
-  }
-  get tabs() {
-    return this.translatableControls.length > 0 && this.supportedLanguages.length > 1 ? [
-      "general",
-      "translation"
-      /* Translation */
-    ] : [
-      "general"
-      /* General */
-    ];
-  }
-  handleColumnsChange() {
-    this.columnsMap = {}, this.columns.forEach((e) => {
-      this.columnsMap[e.field] = e;
-    }), this.supportedLanguages.length > 1 ? this.translatableControls = this.columns.filter((e) => e.translatable) : this.translatableControls = [];
-  }
-  handleEditedItemChange() {
-    const e = {};
-    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: t, row: a } = e.detail, i = "component" in a ? a.component : a;
-    if (i) {
-      if (this.useEvents) {
-        this.emit(`cx-list-editor-${t}`, {
-          detail: {
-            index: i.getIndex(),
-            item: i.getData()
-          }
-        });
-        return;
-      }
-      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)
-        }
-      });
-    }
-  }
-  handleCancelClick() {
-    this.disableCloseConfigDialog || (this.isAdding = !1, this.editedItem = null);
-  }
-  handleRequestClose(e) {
-    if (this.disableCloseConfigDialog) {
-      e.preventDefault();
-      return;
-    }
-    e.stopPropagation(), this.isAdding = !1, this.editedItem = null;
-  }
-  handleAddClick() {
-    this.isAdding = !0, this.editedItem = {
-      ...this.sampleItem,
-      id: he(`${Date.now()}-`)
-    };
-  }
-  handleSaveClick() {
-    if (this.editedItem) {
-      const e = this.data.findIndex(
-        (a) => a.id === this.editedItem.id
-      );
-      if (!this.isAdding && e === -1) {
-        this.editedItem = null;
-        return;
-      }
-      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: t
-        }
-      }), this.editedItem = null, this.isAdding = !1;
-    }
-  }
-  handleTableRowMoved() {
-    this.emit("cx-list-editor-change", {
-      detail: {
-        data: this.table?.tabulatorInstance?.getData() ?? this.data ?? []
-      }
-    });
-  }
-  handleAssetRequestStatus(e) {
-    this.disableCloseConfigDialog = e.detail.busy;
-  }
-  async handleLoadingEventChange() {
-    if (await this.updateComplete, !this.table)
-      return;
-    if (!this.loadingItemIndex) {
-      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 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 t = e.target, a = t.dataset.id;
-    if (!a)
-      return;
-    let i = t.value;
-    Array.isArray(i) ? i = i.join(" ") : i = String(i), this.editedItem = {
-      ...this.editedItem,
-      [a]: i
-    };
-  }
-  renderControls(e) {
-    if (e === "translation") {
-      const t = l`
-        ${x(
-        this.translatableControls,
-        (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">${te(this.supportedLanguages, (i) => {
-          const s = this.localize.languageName(i) || pe.getName(i) || i, u = (d) => {
-            const m = d.target.value;
-            this.editedItem = {
-              ...this.editedItem,
-              [`${a.field}-${i}`]: m
-            };
-          };
-          return l`<cx-input ?disabled=${i.toLowerCase() === this.defaultLanguage?.toLowerCase()} label=${s} value=${this.editedItem?.[`${a.field}-${i}`] ?? this.editedItem?.[`${a.field}`] ?? ""} @cx-change=${u}></cx-input>`;
-        })}</cx-space></cx-grid-item></cx-grid>`
-      )}
-      `;
-      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,
-      ([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">${Q(
-        this.columnsMap[t].controlType,
-        [
-          [
-            "image-picker",
-            () => {
-              const i = async (u) => {
-                if (Array.isArray(u.detail))
-                  return;
-                const { id: d, src: m } = u.detail;
-                this.editedItem = {
-                  ...this.editedItem,
-                  [t]: m,
-                  recordId: d
-                };
-              }, s = async () => {
-                this.editedItem = {
-                  ...this.editedItem,
-                  [t]: "",
-                  recordId: ""
-                };
-              };
-              return l`<cx-asset-picker value=${a} record-id=${this.editedItem.recordId || ""} type="image" is-site-builder 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=${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[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=${t} value=${a} @cx-change=${this.handleChange}></cx-input>`
-      )}</cx-grid-item>`
-    )}</cx-grid>`;
-  }
-  render() {
-    return l`<cx-space direction="vertical" align-items="flex-start"><div class="list-editor"><cx-table part="table" class=${ee({
-      "list-editor__table": !0,
-      "list-editor__table--no-header": this.noHeader
-    })} ?movable-rows=${this.sortable} ?no-header=${this.noHeader} layout="fitColumns" row-height=${this.rowHeight} .columns=${this.columns} .columnDefaults=${ye} .hoverMenu=${this.hoverMenu} .data=${this.data ?? []} no-selectable @cx-table.rowMoved=${this.handleTableRowMoved} @cx-table-row-action-click=${this.handleTableActions}></cx-table><cx-dialog part="dialog" class="list-editor__dialog" divider-position=${R.Footer} use-overlay-scrollbar strategy="fixed" ?open=${!!this.editedItem} .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${this.isAdding ? this.addDialogLabel : this.editDialogLabel}</cx-typography>${N(
-      !this.isAdding && this.editedItem?.[this.displayField],
-      () => l`<cx-typography variant="body3"><cx-line-clamp lines="1">${this.editedItem?.[this.displayField]}</cx-line-clamp></cx-typography>`
-    )}</cx-space>${N(
-      this.tabs.length >= 1,
-      () => l`<cx-tab-group class="list-editor__tab-group" placement="top">${x(
-        this.tabs,
-        (e) => e,
-        (e) => l`<cx-tab slot="nav" panel=${e}>${this.localize.term(e)}</cx-tab><cx-tab-panel name=${e}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderControls(e)}</cx-space></cx-tab-panel>`
-      )}</cx-tab-group>`,
-      () => l`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderControls(this.tabs[0])}</cx-space>`
-    )}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog></div>${N(
-      this.canAdd,
-      () => l`<cx-button data-testid="add-button" variant="default" size="medium" @click=${this.handleAddClick}>${this.addItemText || this.localize.term("add")}</cx-button>`
-    )}</cx-space>`;
-  }
-};
-n.styles = [M, Ne];
-n.dependencies = {
-  "cx-asset-picker": c,
-  "cx-button": k,
-  "cx-dialog": G,
-  "cx-dynamic-select": X,
-  "cx-grid": B,
-  "cx-grid-item": F,
-  "cx-input": E,
-  "cx-line-clamp": P,
-  "cx-option": K,
-  "cx-radio": U,
-  "cx-radio-group": H,
-  "cx-select": V,
-  "cx-space": T,
-  "cx-table": W,
-  "cx-typography": L
-};
-o([
-  y("cx-dialog")
-], n.prototype, "dialog", 2);
-o([
-  y("cx-table")
-], n.prototype, "table", 2);
-o([
-  r({
-    converter: {
-      fromAttribute: (e) => {
-        try {
-          const t = JSON.parse(e);
-          return Array.isArray(t) ? t : [];
-        } catch {
-          return [];
-        }
-      },
-      toAttribute: (e) => JSON.stringify(e)
-    },
-    reflect: !1,
-    type: String
-  })
-], n.prototype, "data", 2);
-o([
-  r({ attribute: "can-add", reflect: !0, type: Boolean })
-], n.prototype, "canAdd", 2);
-o([
-  r({ attribute: "add-dialog-label", reflect: !0, type: String })
-], n.prototype, "addDialogLabel", 2);
-o([
-  r({ attribute: "edit-dialog-label", reflect: !0, type: String })
-], n.prototype, "editDialogLabel", 2);
-o([
-  r({ attribute: "display-field", reflect: !0, type: String })
-], n.prototype, "displayField", 2);
-o([
-  r({ attribute: "description-field", reflect: !0, type: String })
-], n.prototype, "descriptionField", 2);
-o([
-  r({ attribute: "add-item-text", reflect: !0, type: String })
-], n.prototype, "addItemText", 2);
-o([
-  r({ attribute: "sample-item", type: Object })
-], n.prototype, "sampleItem", 2);
-o([
-  r({ attribute: "use-events", reflect: !0, type: Boolean })
-], n.prototype, "useEvents", 2);
-o([
-  r({ reflect: !0, type: Boolean })
-], n.prototype, "sortable", 2);
-o([
-  r({ attribute: "loading-event", reflect: !0, type: String })
-], n.prototype, "loadingEvent", 2);
-o([
-  r({ attribute: "loading-item-index", reflect: !0, type: String })
-], n.prototype, "loadingItemIndex", 2);
-o([
-  r({ attribute: "columns", reflect: !1, type: Array })
-], n.prototype, "columns", 2);
-o([
-  r({ attribute: "no-header", reflect: !0, type: Boolean })
-], n.prototype, "noHeader", 2);
-o([
-  r({ attribute: "row-height", reflect: !0, type: Number })
-], n.prototype, "rowHeight", 2);
-o([
-  r({ attribute: "default-language", reflect: !0, type: String })
-], n.prototype, "defaultLanguage", 2);
-o([
-  r({
-    attribute: "supported-languages",
-    converter: {
-      fromAttribute: (e) => e.split(" ").filter(Boolean),
-      toAttribute: (e) => Array.isArray(e) ? e.join(" ") : e
-    },
-    reflect: !0,
-    type: Array
-  })
-], n.prototype, "supportedLanguages", 2);
-o([
-  r({ type: Object })
-], n.prototype, "boundary", 2);
-o([
-  r({ attribute: "on-request-asset", type: Function })
-], n.prototype, "onRequestAsset", 2);
-o([
-  b()
-], n.prototype, "editedItem", 2);
-o([
-  b()
-], n.prototype, "isAdding", 2);
-o([
-  b()
-], n.prototype, "columnsMap", 2);
-o([
-  b()
-], n.prototype, "sortedEntries", 2);
-o([
-  b()
-], n.prototype, "translatableControls", 2);
-o([
-  v("columns"),
-  v("supportedLanguages", { waitUntilFirstUpdate: !0 })
-], n.prototype, "handleColumnsChange", 1);
-o([
-  v("editedItem"),
-  v("columns", { waitUntilFirstUpdate: !0 })
-], n.prototype, "handleEditedItemChange", 1);
-o([
-  v("loadingEvent", { waitUntilFirstUpdate: !0 }),
-  v("loadingItemIndex", { waitUntilFirstUpdate: !0 }),
-  Y(10)
-], n.prototype, "handleLoadingEventChange", 1);
-n = o([
-  z("cx-list-editor")
-], n);
-export {
-  n as C,
-  pe as I,
-  c as a,
-  ye as c,
-  he as u
-};