@orangelogic/design-system 2.112.0 → 2.113.0

package/library/components/types.js

@@ -9,7 +9,7 @@ import { default as mUt } from "./avatar.js";
 import t0 from "./badge.js";
 import { default as vUt } from "./breadcrumb.js";
 import { default as bUt } from "./breadcrumb-item.js";
-import { C as fi, B as Ic, a as Pc } from "../chunks/button.BvBgxmvw.js";
+import { C as fi, B as Ic, a as Pc } from "../chunks/button.DIvU_uFU.js";
 import OA from "./button-group.js";
 import Rh from "./card.js";
 import pm from "./checkbox.js";
@@ -17,11 +17,11 @@ import hk from "./color-picker.js";
 import _G from "./copy-button.js";
 import CG from "./date-calendar.js";
 import dL from "./details.js";
-import { C as Ya, D as M1 } from "../chunks/dialog.BoCFGpPO.js";
+import { C as Ya, D as M1 } from "../chunks/dialog.DyT-Nai2.js";
 import ad from "./divider.js";
-import { r as SG, a as uL, b as TG, c as EG } from "../chunks/document-viewer.B90s20gM.js";
-import { C as xUt } from "../chunks/document-viewer.B90s20gM.js";
-import { d as AG, C as OG } from "../chunks/dot-pagination.uz9GFrMP.js";
+import { r as SG, a as uL, b as TG, c as EG } from "../chunks/document-viewer.AiKX3RO6.js";
+import { C as xUt } from "../chunks/document-viewer.AiKX3RO6.js";
+import { d as AG, C as OG } from "../chunks/dot-pagination.CKbL6eN_.js";
 import { default as _Ut } from "./dot-status.js";
 import { default as SUt } from "./drawer.js";
 import sd from "./dropdown.js";
@@ -34,16 +34,16 @@ import MG from "./format-number.js";
 import pL from "./format-time.js";
 import Bh from "./grid.js";
 import Fh from "./grid-item.js";
-import { C as hL, V as PG, A as NG } from "../chunks/header.By_Mfx47.js";
+import { C as hL, V as PG, A as NG } from "../chunks/header.BUp3_oeJ.js";
 import { H as LG, a as RG } from "../chunks/hub-connection.Dri0ZNfh.js";
 import { C as PUt } from "../chunks/hub-connection.Dri0ZNfh.js";
 import { C as Qi } from "../chunks/icon.DnBh6-56.js";
-import { C as eo } from "../chunks/icon-button.DO6DHXwo.js";
-import { C as BG, a as FG } from "../chunks/iframe.C4jZSmOr.js";
-import { C as gL, a as zG } from "../chunks/image.Cx4hbc4L.js";
+import { C as eo } from "../chunks/icon-button.DxkJ-cp-.js";
+import { C as BG, a as FG } from "../chunks/iframe.CwxozWMt.js";
+import { C as gL, a as zG } from "../chunks/image.B-YcKRop.js";
 import { default as LUt } from "./image-comparer.js";
 import { default as BUt } from "./include.js";
-import { C as ko, I as G_ } from "../chunks/input.B7SaYNrr.js";
+import { C as ko, I as G_ } from "../chunks/input.DdeXWD_F.js";
 import { default as zUt } from "./input-group.js";
 import qd from "./line-clamp.js";
 import IA from "./markdown.js";
@@ -52,8 +52,8 @@ import Vd from "./menu-item.js";
 import mL from "./menu-label.js";
 import $G from "./menu-section.js";
 import jG from "./mutation-observer.js";
-import { C as _s, a as HG } from "../chunks/option.CA-HtVdP.js";
-import { C as UG } from "../chunks/pagination.jgAGwDyt.js";
+import { C as _s, a as HG } from "../chunks/option.CcGRV3jj.js";
+import { C as UG } from "../chunks/pagination.CgAt4Keg.js";
 import oc from "./popup.js";
 import qG from "./progress-bar.js";
 import { default as jUt } from "./progress-ring.js";
@@ -75,15 +75,15 @@ import { default as QUt } from "./step.js";
 import { default as tqt } from "./stepper.js";
 import r0 from "./switch.js";
 import gk from "./tab.js";
-import { C as mk, T as PA, a as NA, b as LA, g as sO } from "../chunks/tab-group.DyxpVNOn.js";
-import { C as RA } from "../chunks/table.Crb35At8.js";
+import { C as mk, T as PA, a as NA, b as LA, g as sO } from "../chunks/tab-group.hfUY7YE7.js";
+import { C as RA } from "../chunks/table.CP3oGDY1.js";
 import BA from "./tab-panel.js";
 import { default as rqt } from "./tag.js";
 import vL from "./textarea.js";
 import GG from "./timecode.js";
 import Wo from "./tooltip.js";
-import { d as KG, v as i0 } from "../chunks/tree.jg0MjIB8.js";
-import { a as oqt, C as aqt } from "../chunks/tree.jg0MjIB8.js";
+import { d as KG, v as i0 } from "../chunks/tree.YxFs3Tke.js";
+import { a as oqt, C as aqt } from "../chunks/tree.YxFs3Tke.js";
 import { C as vi, T as K_ } from "../chunks/typography.DJC_UXgs.js";
 import { default as cqt } from "./video.js";
 import YG from "./visually-hidden.js";
@@ -106,24 +106,24 @@ import { r as ye } from "../chunks/state.CSDxrqLd.js";
 import { e as Tt } from "../chunks/query.BBf1UFkC.js";
 import { e as mn } from "../chunks/class-map.BiVq-cVR.js";
 import { n as at } from "../chunks/when.Dr1es41R.js";
-import { L as Un } from "../chunks/i18n.BcD4Ohsq.js";
-import { r as Rqt } from "../chunks/i18n.BcD4Ohsq.js";
+import { L as Un } from "../chunks/i18n.C21qyGi6.js";
+import { r as Rqt } from "../chunks/i18n.C21qyGi6.js";
 import { o as co } from "../chunks/map.D8heArFD.js";
 import { c as Eh, b as mK } from "../chunks/capitalize.i-sHIcnm.js";
-import { o as ir } from "../chunks/style-map.llVFPd__.js";
+import { o as sr } from "../chunks/style-map.llVFPd__.js";
 import { readLocalStorageValue as XS, writeLocalStorageValue as fK, DateRangePresets as mO, isModKey as CL, CortexPopupController as SL, isFormInteracted as vK, omit as yK, getInterval as t1, PRECISION as X_, findFrameByColAndRow as fO, extractFrames as bK, insertFrameToCache as wK } from "../utils.js";
 import { DragScroll as Fqt, HistoryManager as zqt, KeyboardKey as $qt, downloadAsset as jqt, getBrowserFontVariants as Hqt, getFormControls as Uqt, isFontFamilyAvailable as qqt, openAssetOverview as Vqt, openFolderOverview as Wqt, openLink as Gqt, parseJsonString as Kqt, parseListString as Yqt, pick as Xqt, serialize as Jqt, shareAsset as Zqt, sortTypefaceVariants as Qqt, testFontAvailability as eVt } from "../utils.js";
-import { a as yb, d as xK, e as TL, F as JS, i as EL, f as kK, g as N1, h as L1, j as R1, k as B1, l as _K, m as vO, n as yO, o as bO, O as wO, D as J_, u as F1 } from "../chunks/asset.Ci6rP56l.js";
+import { a as yb, d as xK, e as TL, F as JS, i as EL, f as kK, g as N1, h as L1, j as R1, k as B1, l as _K, m as vO, n as yO, o as bO, O as wO, D as J_, u as F1 } from "../chunks/asset.HL1qMnhg.js";
 import { H as vk } from "../chunks/slot.j5oheLJC.js";
 import { a as nVt, g as rVt } from "../chunks/slot.j5oheLJC.js";
 import { d as xO, G as Ah, h as lu, s as kO, T as AL, i as dn, j as OL, k as CK, t as _O, u as SK, f as z1, l as TK, F as Rf, M as Qv } from "../chunks/string.DUgD4c9f.js";
 import { c as oVt, b as aVt, e as sVt, g as cVt, p as lVt, v as dVt, r as uVt, a as pVt, o as hVt, m as gVt, n as mVt, q as fVt } from "../chunks/string.DUgD4c9f.js";
 import { c as Oi, d as EK, H as En, e as oa, f as ja, a as AK, b as Vr } from "../chunks/resizable-component.styles.DpK0TTP5.js";
-import { a as jA, u as vp, I as IL, C as OK } from "../chunks/list-editor.Hag-nXN-.js";
+import { a as jA, u as vp, I as IL, C as OK } from "../chunks/list-editor.Qx2ecTcL.js";
 import DL from "./bicolor-picker.js";
 import ML from "./border-input-group.js";
-import { C as yVt } from "../chunks/color-swatch.DQxReKYX.js";
-import { C as HA, a as IK } from "../chunks/confirm-popover.dyPIFLWa.js";
+import { C as yVt } from "../chunks/color-swatch.BoUZGGs4.js";
+import { C as HA, a as IK } from "../chunks/confirm-popover.DS9HIy3c.js";
 import DK from "./corner-position-input-group.js";
 import MK from "./cropper.js";
 import { h as ur, D as PL, d as CO, C as $h, T as UA, M as PK, e as NL } from "../chunks/endpoints.DBlquU2-.js";
@@ -132,7 +132,7 @@ import { c as zn } from "../chunks/repeat.DbF2p5ae.js";
 import qA from "./dynamic-select.js";
 import { D as LL, M as NK, U as LK, F as RK } from "../chunks/time.BiQnh9wt.js";
 import { c as wVt, a as xVt, f as kVt, g as _Vt } from "../chunks/time.BiQnh9wt.js";
-import { F as pu, C as VA, a as Z_ } from "../chunks/folder-select.C2ruplAB.js";
+import { F as pu, C as VA, a as Z_ } from "../chunks/folder-select.eoufobYO.js";
 import { a as Mo, E as $n, b as lf, O as eu, T as hu, G as SO } from "../chunks/index.Cpamj0jB.js";
 import { C as SVt } from "../chunks/index.Cpamj0jB.js";
 import { b as yk, a as bb, c as BK, r as qe, j as _e, w as FK, R as zK } from "../chunks/jsx-runtime.CTpPVMxj.js";
@@ -141,8 +141,8 @@ import { i as WA, T as eC, t as UK } from "../chunks/transform.BuqENXeT.js";
 import { d as RL } from "../chunks/timer.B39XOBYL.js";
 import { a as GA, c as qK } from "../chunks/_commonjsHelpers.DQNKXVTB.js";
 import { t as VK, d as BL } from "../chunks/debounce.C_J-9zJi.js";
-import { b as gv, d as IO, a as bk, s as WK, o as GK, c as FL, i as yu, e as KK } from "../chunks/file-on-demand.DLVH0DID.js";
-import { C as EVt } from "../chunks/file-on-demand.DLVH0DID.js";
+import { b as gv, d as IO, a as bk, s as WK, o as GK, c as FL, i as yu, e as KK } from "../chunks/file-on-demand.h8tCgq51.js";
+import { C as EVt } from "../chunks/file-on-demand.h8tCgq51.js";
 import { o as tC } from "../chunks/accessors.BHk36ecy.js";
 import { N as YK, c as XK } from "../chunks/index.CZJTjkLp.js";
 import { e as JK, t as ZK } from "../chunks/directive.oAbCiebi.js";
@@ -180,8 +180,8 @@ import { c as Tg } from "../chunks/math.DqTA6ya4.js";
 import { b as FO, e as yY } from "../chunks/number.B4PQLJIg.js";
 import { a as dWt, c as uWt, d as pWt, f as hWt, g as gWt, r as mWt, s as fWt } from "../chunks/number.B4PQLJIg.js";
 import { i as YA } from "../chunks/guard.D4axKaMo.js";
-import { a as i1 } from "../chunks/color-swatch-group.D8KPblw2.js";
-import { C as yWt } from "../chunks/color-swatch-group.D8KPblw2.js";
+import { a as i1 } from "../chunks/color-swatch-group.DV5uB8OC.js";
+import { C as yWt } from "../chunks/color-swatch-group.DV5uB8OC.js";
 import { t as bY } from "../chunks/converters.DkDtLstb.js";
 import { i as wY } from "../chunks/user-agent.D9aPuOyL.js";
 import { a as VL, U as XA, t as xY } from "../chunks/url.Cj9cIQXJ.js";
@@ -202,7 +202,7 @@ import { r as QL } from "../chunks/query-async.CTgXGyQ5.js";
 import { a as IWt, b as DWt, g as MWt } from "../chunks/modal.U1QltQKe.js";
 import { c as NWt, f as LWt, e as RWt, b as BWt, g as FWt, d as zWt, i as $Wt, r as jWt, a as HWt } from "../chunks/image.9qwbjGNb.js";
 import { g as qWt, a as VWt } from "../chunks/template.ClovJacp.js";
-var QS = /* @__PURE__ */ ((n) => (n.Select = "select", n.Button = "button", n))(QS || {}), my = /* @__PURE__ */ ((n) => (n.Grid = "grid", n.Shadows = "shadows", n.Textures = "textures", n.Wireframe = "wireframe", n))(my || {}), up = /* @__PURE__ */ ((n) => (n.Animation = "animation", n.Environment = "environment", n.Speed = "speed", n.Variant = "variant", n))(up || {});
+var QS = /* @__PURE__ */ ((n) => (n.Button = "button", n.Select = "select", n))(QS || {}), my = /* @__PURE__ */ ((n) => (n.Grid = "grid", n.Shadows = "shadows", n.Textures = "textures", n.Wireframe = "wireframe", n))(my || {}), up = /* @__PURE__ */ ((n) => (n.Animation = "animation", n.Environment = "environment", n.Speed = "speed", n.Variant = "variant", n))(up || {});
 const HO = 30, RY = ["0.5", "1", "1.5", "2"], UO = 100, BY = 0.01, FY = 0.01, zY = 200, $Y = 10, jY = 0.01, HY = 0.3, eR = "#2A2342";
 var o1 = /* @__PURE__ */ ((n) => (n.Bridge = "https://downloads.orangelogic.com/3dviewer/static/environments/bridge.env", n.Church = "https://downloads.orangelogic.com/3dviewer/static/environments/church.env", n.Studio = "https://downloads.orangelogic.com/3dviewer/static/environments/studio.env", n))(o1 || {}), Hl = /* @__PURE__ */ ((n) => (n.Babylon = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylon.js", n.Fflate = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/fflate.js", n.GlslangJs = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/glslang.js", n.GlslangWasm = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/glslang.wasm", n.Gui = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylon.gui.min.js", n.Inspector = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylon.inspector.bundle.js", n.Loaders = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylonjs.loaders.min.js", n.Materials = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylonjs.materials.js", n.Serializers = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylonjs.serializers.min.js", n.TwgslJs = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/twgsl.js", n.TwgslWasm = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/twgsl.wasm", n))(Hl || {});
 const UY = yn`.viewer{width:100%;height:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.viewer--fullscreen{width:100vw;height:100vh;z-index:var(--cx-z-index-tooltip,10000000);position:fixed;inset:0}.viewer__canvas{touch-action:none;border:0;outline:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;overflow:hidden}.viewer__floating-menu{gap:var(--cx-spacing-x-small);z-index:var(--cx-z-index-tooltip);flex-direction:column;transition:transform .3s;display:flex;position:absolute;bottom:20px;right:20px}.viewer__floating-menu.fullscreen-offset{transform:translate(-300px)}.viewer__menu-item{position:relative}.viewer__menu-button{width:48px;height:48px;color:var(--cx-color-neutral-0);cursor:pointer;backdrop-filter:blur(10px);background:#2a2342e6;border:none;border-radius:24px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000004d}.viewer__menu-button:hover{background:#2a2342;transform:scale(1.05);box-shadow:0 6px 16px #0006}.viewer__menu-button.active{background:#4caf50e6}.viewer__menu-button.active:hover{background:#4caf50}.viewer__submenu{border-radius:var(--cx-border-radius-large);padding:var(--cx-spacing-x-small);backdrop-filter:blur(10px);background:#2a2342f2;min-width:120px;animation:.2s slideIn;position:absolute;bottom:0;right:56px;box-shadow:0 4px 20px #0006}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.viewer__submenu-header{color:var(--cx-color-neutral-0);font-size:var(--cx-font-size-x-small);padding:var(--cx-spacing-2x-small) var(--cx-spacing-x-small);margin-bottom:var(--cx-spacing-2x-small);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #fff3;font-weight:700}.viewer__submenu-item{width:100%;padding:var(--cx-spacing-x-small) var(--cx-spacing-small);color:#fff;text-align:left;cursor:pointer;border-radius:var(--cx-border-radius-small);font-size:var(--cx-font-size-small);background:0 0;border:none;transition:background .2s}.viewer__submenu-item:hover{background:#ffffff1a}.viewer__submenu-item.active{color:#fff;background:#4caf50e6}.viewer__submenu-item.active:hover{background:#4caf5066}.viewer #sceneExplorer #header #logo,.viewer #actionTabs .tabsMenu .panes .pane .paneContainer .paneContainer-content .header,.viewer #sceneExplorer .itemContainer .sceneNode .sceneTitle{display:none}.viewer #actionTabs #header,.viewer #actionTabs .tabsMenu .panes .pane{user-select:auto}.viewer #actionTabs #header{padding-right:var(--cx-spacing-medium)}.viewer #sceneExplorer #header #commands .expand,.viewer #actionTabs #header #commands .expand{display:none}.viewer__spinner-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.viewer__spinner{font-size:3rem}`, qY = yn`:host{--color-white:#fff}.viewer-config__menu{width:245px}.viewer-config__menu-item::part(base){padding:var(--cx-spacing-x-small) var(--cx-spacing-large)}.viewer-config__menu-item::part(checked-icon){display:none}.viewer-config__menu-item{--label-color:var(--cx-color-neutral-950)}.viewer-config__menu-item__label{color:var(--cx-color-neutral-500)}.viewer-config__sub-menu{border-radius:var(--cx-border-radius-large);min-width:100%}.viewer-config__menu-item--has-button::part(submenu-icon),.viewer-config__menu-item--has-switch::part(submenu-icon){display:none}.viewer-config__sub-menu__item.viewer-config__sub-menu__item--selected::part(label){opacity:1}.viewer-config__item-content{justify-content:space-between;align-items:center;display:flex}.viewer-config__back-button::part(checked-icon),.viewer-config__back-button::part(submenu-icon){display:none}.viewer-config__back-divider{--spacing:var(--cx-spacing-x-small);--color:var(--cx-panel-border-color);--width:var(--cx-panel-border-width)}.viewer-config__item-content--button{--color:var(--cx-color-neutral-700);--cx-button-text-transform:none;width:100%}.viewer-config__icon-button{color:var(--color-white);padding:0}.viewer-config__item-content--loading{cursor:wait}`;
@@ -507,13 +507,13 @@ let ii = class extends Cn {
         "viewer-control__slider-container--dragging": this.isDragging,
         "viewer-control__slider-container--end": this.currentTime === this.totalTime,
         "viewer-control__slider-container__progress": !0
-      })} style=${ir({
+      })} style=${sr({
         width: this.animationProgress + "%"
       })}></div><div class=${mn({
         "viewer-control__slider-container--dragging": this.isDragging,
         "viewer-control__slider-container--end": this.currentTime === this.totalTime,
         "viewer-control__slider-container__thumb": !0
-      })} style=${ir({
+      })} style=${sr({
         left: this.animationProgress + "%"
       })}></div></div><div class="viewer-control__action-buttons"><div class="viewer-control__action-buttons__left"><cx-tooltip content=${this.isAnimationPlaying ? this.localize.term("pause") : this.localize.term("play")} disabled-hover-bridge><cx-icon-button class="viewer-control__play-pause-btn" name=${this.isAnimationPlaying ? "pause" : "play_arrow"} variant="filled" label=${this.isAnimationPlaying ? this.localize.term("pause") : this.localize.term("play")} @click=${this.handlePlayButtonToggle}></cx-icon-button></cx-tooltip><div class="viewer-control__time-display">${this.currentTime} / ${this.totalTime}</div><cx-tooltip content=${this.localize.term("animation")} disabled-hover-bridge trigger="hover"><cx-dropdown class="viewer-control__animation-dropdown" placement="top-start" stay-open-on-select><cx-button class="viewer-control__animation-button" variant="custom" slot="trigger" caret> ${this.selectedAnimation} </cx-button><cx-menu class="viewer-control__animation-menu" @cx-select=${this.handleAnimationSelect}><cx-menu-section label=${this.localize.term("animation")}>${co(
         this.availableAnimations,
@@ -15550,7 +15550,7 @@ const xne = { categories: ["UI actions"], tags: ["8-bit", "a", "abbreviation", "
   zoom_in_map: gat,
   zoom_out: mat,
   zoom_out_map: fat
-}, yat = yn`.icon-picker__option{width:100%}.icon-picker__select{flex:1}.icon-picker__select__prefix-icon{color:var(--cx-color-neutral-600)}.icon-picker__select__footer{background-color:var(--cx-color-neutral-0);width:100%;bottom:calc(-1 * var(--cx-spacing-x-small));margin-bottom:calc(-1 * var(--cx-spacing-x-small));flex-direction:column;display:flex;position:sticky}.icon-picker__select__footer__divider{--spacing:var(--cx-spacing-x-small);padding:0 var(--cx-spacing-small)}.icon-picker__select__footer__option{text-transform:capitalize}.icon-picker__panel{flex-direction:column;min-width:220px;display:flex}.icon-picker__panel__search{padding:var(--cx-spacing-x-small);flex-shrink:0}.icon-picker__panel__list{--cx-panel-border-radius:0;--cx-panel-border-width:0;--cx-panel-padding:0;max-height:240px;overflow:hidden auto}.icon-picker__panel__list__picker-wrapper{--spacing-container-gap:0}.icon-picker__panel__list__item{width:100%}.icon-picker__panel__list__delete-button{margin-inline-end:var(--cx-spacing-2x-small)}.icon-picker__panel__divider{--spacing:0}.icon-picker__panel__footer{--cx-panel-border-radius:0;--cx-panel-border-width:0;--cx-panel-padding:0;flex-direction:column;flex-shrink:0;display:flex}`;
+}, yat = yn`.icon-picker__option{width:100%}.icon-picker__select{flex:1}.icon-picker__select__prefix-icon{color:var(--cx-color-neutral-600)}.icon-picker__select__footer{background-color:var(--cx-color-neutral-0);width:100%;bottom:calc(-1 * var(--cx-spacing-x-small));margin-bottom:calc(-1 * var(--cx-spacing-x-small));flex-direction:column;display:flex;position:sticky}.icon-picker__select__footer__divider{--spacing:var(--cx-spacing-x-small);padding:0 var(--cx-spacing-small)}.icon-picker__select__footer__option{text-transform:capitalize}.icon-picker__panel{flex-direction:column;min-width:220px;display:flex}.icon-picker__panel__search{padding:var(--cx-spacing-x-small);flex-shrink:0}.icon-picker__panel__list{--cx-panel-border-radius:0;--cx-panel-border-width:0;--cx-panel-padding:0;max-height:240px;overflow:hidden auto}.icon-picker__panel__list__picker-wrapper{--spacing-container-gap:0}.icon-picker__panel__list__picker,.icon-picker__panel__list__picker::part(button-container){flex:1}.icon-picker__panel__list__item{width:100%}.icon-picker__panel__list__delete-button{margin-inline-end:var(--cx-spacing-2x-small)}.icon-picker__panel__divider{--spacing:0}.icon-picker__panel__footer{--cx-panel-border-radius:0;--cx-panel-border-width:0;--cx-panel-padding:0;flex-direction:column;flex-shrink:0;display:flex}`;
 var bat = Object.defineProperty, wat = Object.getOwnPropertyDescriptor, Vc = (n, e, t, r) => {
   for (var i = r > 1 ? void 0 : r ? wat(e, t) : e, o = n.length - 1, a; o >= 0; o--)
     (a = n[o]) && (i = (r ? a(e, t, i) : a(i)) || i);
@@ -15658,9 +15658,7 @@ let Ua = class extends Cn {
     return n.startsWith("fa ") ? U`<cx-icon slot=${Vn(e)} variant="fa" name=${n}></cx-icon>` : U`<cx-icon slot=${Vn(e)} name=${n}></cx-icon>`;
   }
   renderCustomIconPickerMenuItem() {
-    return U`<cx-space class="icon-picker__panel__list__picker-wrapper" align-items="center" spacing="0" data-testid="custom-icon-picker"><cx-asset-picker type="image" style=${ir({
-      flex: 1
-    })} @cx-content-builder-asset-select=${this.handleContentBuilderAssetSelect} @cx-content-builder-asset-delete=${this.handleContentBuilderAssetDelete} .onRequestAsset=${this.onRequestAsset}><cx-menu-item class="icon-picker__panel__list__item" slot="trigger" type="checkbox" ?checked=${this.value.name === "custom"}>${at(
+    return U`<cx-space class="icon-picker__panel__list__picker-wrapper" align-items="center" spacing="0" data-testid="custom-icon-picker"><cx-asset-picker class="icon-picker__panel__list__picker" type="image" @cx-content-builder-asset-select=${this.handleContentBuilderAssetSelect} @cx-content-builder-asset-delete=${this.handleContentBuilderAssetDelete} .onRequestAsset=${this.onRequestAsset}><cx-menu-item class="icon-picker__panel__list__item" slot="trigger" type="checkbox" ?checked=${this.value.name === "custom"}>${at(
       this.value?.src.trim(),
       () => U`<cx-icon src=${this.value?.src}></cx-icon>`
     )}
@@ -15696,7 +15694,7 @@ let Ua = class extends Cn {
   }
   renderButtonMode() {
     const n = !!this.value?.name.trim(), e = this.value?.name === "custom", t = n && !e;
-    return U`<cx-dropdown hoist stay-open-on-select @cx-after-show=${this.handleDropdownShow} @cx-hide=${this.handleDropdownHide}><cx-button slot="trigger" label=${this.localize.term("iconPicker")} caret>${t ? this.renderIcon(this.value.name, "prefix") : U`<cx-icon slot="prefix" name="image" style=${ir({ visibility: "hidden" })}></cx-icon>`}</cx-button><div class="icon-picker__panel"><div class="icon-picker__panel__search"><cx-input type="search" placeholder=${this.localize.term("search")} @cx-input=${this.handleSearchInput}></cx-input></div><cx-menu class="icon-picker__panel__list" @cx-select=${this.handleMenuSelect}>${at(
+    return U`<cx-dropdown hoist stay-open-on-select @cx-after-show=${this.handleDropdownShow} @cx-hide=${this.handleDropdownHide}><cx-button slot="trigger" label=${this.localize.term("iconPicker")} caret>${t ? this.renderIcon(this.value.name, "prefix") : U`<cx-icon slot="prefix" name="image" style=${sr({ visibility: "hidden" })}></cx-icon>`}</cx-button><div class="icon-picker__panel"><div class="icon-picker__panel__search"><cx-input type="search" placeholder=${this.localize.term("search")} @cx-input=${this.handleSearchInput}></cx-input></div><cx-menu class="icon-picker__panel__list" @cx-select=${this.handleMenuSelect}>${at(
       this.showVirtualizer,
       () => U`<lit-virtualizer .items=${this.virtualListItems} .renderItem=${this.renderMenuItem}></lit-virtualizer>`
     )}</cx-menu><cx-divider class="icon-picker__panel__divider"></cx-divider><div class="icon-picker__panel__footer">${this.renderCustomIconPickerMenuItem()}</div></div></cx-dropdown>${at(
@@ -16156,7 +16154,7 @@ let Ca = class extends Cn {
         "page-outline__item": !0,
         "page-outline__item--active": this.currentHash === e,
         "page-outline__item--click": this.canClick
-      })} data-link=${e} style=${ir({ marginLeft: `${0.4 + n - 1}rem` })} @click=${this.canClick ? this.handleItemClick : void 0}><cx-line-clamp part="text" class=${mn({
+      })} data-link=${e} style=${sr({ marginLeft: `${0.4 + n - 1}rem` })} @click=${this.canClick ? this.handleItemClick : void 0}><cx-line-clamp part="text" class=${mn({
         "page-outline__item-text": !0,
         "page-outline__item-text--click": this.canClick,
         "page-outline__item-text--underline": this.showUnderlineType === uT.Always
@@ -17204,7 +17202,7 @@ let Ts = class extends Cn {
     return U`<cx-tab-group variant="timeline" placement="top" activation="auto" overflow-variant=${NA.Pagination} hide-panel-variant=${LA.Absolute} use-max-panel-height tab-alignment=${PA.Start} tabs-per-page=${e} min-tab-width=${this.minTabWidth} class=${mn({
       timeline: !0,
       "timeline--empty": this.data.length === 0
-    })} style=${ir({
+    })} style=${sr({
       "--tab-padding": "var(--cx-spacing-x-small) var(--cx-spacing-small)"
     })} data-empty-label=${this.localize.term("emptyTimeline")}>${zn(
       this.data,
@@ -17213,7 +17211,7 @@ let Ts = class extends Cn {
         timeline__nav: !0,
         "timeline__nav--has-thumbnail": this.showThumbnails,
         "timeline__nav--horizontal": !0
-      })} style=${ir({
+      })} style=${sr({
         "--marker-image-object-fit": t.objectFit
       })} panel=${t.id}>${this.multiLanguage && t[`label-${n}`] || t.label}
                 ${at(
@@ -18665,7 +18663,7 @@ let qa = class extends Cn {
     });
   }
   render() {
-    return U`<cx-space direction="vertical" spacing="small"><cx-table style=${ir(this.tableHeight ? { "--table-height": this.tableHeight } : {})} .columns=${this.transformedColumns} .data=${this.data} .searchFields=${this.searchFields} layout=${this.layout} row-height=${this.rowHeight} ?pagination=${this.pagination} ?can-search=${this.canSearch} pagination-size=${Vn(this.paginationSize)}></cx-table>${at(
+    return U`<cx-space direction="vertical" spacing="small"><cx-table style=${sr(this.tableHeight ? { "--table-height": this.tableHeight } : {})} .columns=${this.transformedColumns} .data=${this.data} .searchFields=${this.searchFields} layout=${this.layout} row-height=${this.rowHeight} ?pagination=${this.pagination} ?can-search=${this.canSearch} pagination-size=${Vn(this.paginationSize)}></cx-table>${at(
       this.showLoadMore,
       () => U`<cx-button variant="default" size="medium" type="button" ?disabled=${this.loading} @click=${this.handleLoadMoreClick}>${this.loadMoreLabel}</cx-button>`
     )}</cx-space>`;
@@ -19192,7 +19190,7 @@ let cr = class extends Cn {
       this.itemAriaRoleDescription || void 0
     )} tabindex="0" data-row=${Vn(c)} data-column=${Vn(l)} data-column-count=${this.prevColumnCount} alt=${Vn(r.alt)} content-position=${a} content-variant=${this.contentVariant} data-id=${r.id} effect=${this.effect} in-view raw-id=${Vn(r.rawId)} page-id=${Vn(r.pageId)} object-fit=${r.objectFit || Mo.Cover} show-content-type=${this.showContentType} src=${Vn(r.src)} url=${Vn(r.url)} text-reveal-style=${this.textRevealStyle} zoom-style=${this.zoomStyle} ?can-select=${this.canSelectBentoGrid && this.isBentoGridSelected} ?can-move-left=${t > 0 && this.canMoveBentoGridItem} ?can-move-right=${t < this.filledData.length - 1 && this.canMoveBentoGridItem} ?can-delete=${this.canDeleteBentoGridItem} ?can-zoom=${this.canZoom} ?has-event=${this.hasEvent || !!r.url} ?open-in-new-tab=${r.openInNewTab} ?highlight-border=${this.highlightBorder} ?highlight-color-overlay=${this.highlightColorOverlay} ?highlight-drop-shadow=${this.highlightDropShadow} ?highlight-background=${this.highlightBackground} ?highlight-opacity=${this.highlightSiblingsFadeOut} ?selected=${s} item-index=${e} ?is-in-edit-mode=${this.isBentoGridInEditMode} class=${mn({
       "bento-grid__item--effect-zoom": this.effect === En.Zoom
-    })} style=${ir(this.computeBentoItemEffectStyles(r))} @blur=${t === 0 ? this.handleBlur : void 0} @focus=${t === 0 ? this.handleFocus : void 0} @mouseenter=${this.highlightSiblingsFadeOut ? this.handleMouseEnter : void 0} @mouseleave=${this.highlightSiblingsFadeOut ? this.handleMouseLeave : void 0} @click=${this.handleClick}>${at(
+    })} style=${sr(this.computeBentoItemEffectStyles(r))} @blur=${t === 0 ? this.handleBlur : void 0} @focus=${t === 0 ? this.handleFocus : void 0} @mouseenter=${this.highlightSiblingsFadeOut ? this.handleMouseEnter : void 0} @mouseleave=${this.highlightSiblingsFadeOut ? this.handleMouseLeave : void 0} @click=${this.handleClick}>${at(
       r.rawId || r.id,
       () => pl`<slot name=${`slot-${r.rawId || r.id}`}></slot>`
     )}</${i}>`;
@@ -19205,14 +19203,14 @@ let cr = class extends Cn {
     )} class=${mn({
       "bento-grid": !0,
       "bento-grid--empty": this.data.length === 0
-    })} style=${ir(this.containerStyles)} data-empty-label=${this.emptyLabel || this.localize.term("emptyGrid")} @keydown=${this.handleKeyDown}>${zn(
+    })} style=${sr(this.containerStyles)} data-empty-label=${this.emptyLabel || this.localize.term("emptyGrid")} @keydown=${this.handleKeyDown}>${zn(
       r,
       (i) => i[this.renderIdKey],
       (i, o) => {
         const a = e + o, s = this.bentoLayout.getPosition(a);
         return i.filler ? at(
           !!s,
-          () => pl`<div part="item" class="bento-grid__filler" style=${ir({
+          () => pl`<div part="item" class="bento-grid__filler" style=${sr({
             height: `${s.height}px`,
             left: `${s.left}px`,
             top: `${s.top}px`,
@@ -19222,7 +19220,7 @@ let cr = class extends Cn {
           "galleryCardNthOfCards",
           a + 1,
           this.data.length
-        )} style=${ir({
+        )} style=${sr({
           height: `${s.height}px`,
           left: `${s.left}px`,
           top: `${s.top}px`,
@@ -20149,7 +20147,7 @@ let bn = class extends Cn {
       "carousel__slide--active": d,
       ...typeof r.className == "string" && r.className.trim() !== "" ? { [r.className]: !0 } : {},
       "carousel__slide--effect-zoom": this.effect === En.Zoom
-    })} style=${ir({
+    })} style=${sr({
       ...this.computeCarouselItemEffectStyles(r)
     })} @click=${this.handleGalleryItemClick} @cx-gallery-item-move-left=${this.handleGalleryItemMoved} @cx-gallery-item-move-right=${this.handleGalleryItemMoved} @mouseenter=${this.handleMouseEnter} @mouseleave=${this.handleMouseLeave} @focus=${this.handleGalleryItemFocus}>${at(r.rawId || r.id, () => {
       const p = `slot-${r.rawId || r.id}`;
@@ -20173,7 +20171,7 @@ let bn = class extends Cn {
       carousel: !0,
       "carousel--empty": this.isChunked ? this.totalData === 0 : this.data?.length === 0,
       "carousel--vertical": this.orientation === eu.Vertical
-    })} style=${ir({
+    })} style=${sr({
       "--easing": this.easeCSSVariable
     })} data-empty-label=${this.emptyLabel || this.localize.term("emptyCarousel")}><cx-tooltip class="carousel__tooltip" content=${this.accessibilityTooltip} trigger="manual" hoist .anchor=${this.scrollContainer} ?disabled=${!n && !e || !this.accessibilityTooltip}></cx-tooltip><cx-resize-observer @cx-resize=${this.handleSlideContainerResize}><div id="scroll-container" part="scroll-container" class=${mn({
       carousel__slides: !0,
@@ -20181,7 +20179,7 @@ let bn = class extends Cn {
       "carousel__slides--horizontal": this.orientation === eu.Horizontal,
       "carousel__slides--peek-slides": this.peekSlides,
       "carousel__slides--vertical": this.orientation === eu.Vertical
-    })} style=${ir({
+    })} style=${sr({
       "--slides-per-page": this.slidesPerPage
     })} aria-busy=${this.scrolling ? "true" : "false"} aria-atomic="true" tabindex="0" @focus=${this.handleFocus} @blur=${this.handleBlur} @keydown=${this.handleScrollContainerKeyDown} @mousedown=${this.handleMouseDragStart} @scroll=${this.handleScroll} @scrollend=${this.handleScrollEnd}>${zn(
       this.data || [],
@@ -20201,7 +20199,7 @@ let bn = class extends Cn {
           "carousel__slide--placeholder": !0,
           ...typeof s.className == "string" && s.className.trim() !== "" ? { [s.className]: !0 } : {},
           "carousel__slide--effect-zoom": this.effect === En.Zoom
-        })} style=${ir({
+        })} style=${sr({
           "scroll-snap-align": l ? "start" : "none"
         })}></div>`;
       }
@@ -23251,7 +23249,7 @@ function Nut(n) {
   }
   return e;
 }
-const jl = Nut(), Lut = U`<svg xmlns="http://www.w3.org/2000/svg" width="14mm" height="14mm" viewBox="0 0 20 20"><path d="M35.412 115.592a6.289 6.289 0 0 0-5.68 3.575c-.053-.005-.104-.017-.158-.017-.942 0-1.7.759-1.7 1.7v2.102c0 .942.758 1.7 1.7 1.7.054 0 .105-.012.157-.016.068.14.138.28.217.417.31.551 1.134.079.816-.467a5.369 5.369 0 0 1 1.2-6.802 5.363 5.363 0 0 1 6.902 0 5.369 5.369 0 0 1 1.2 6.802l-.014.023-.01.024s-.633 1.402-1.878 1.402l-1.575-.014a.807.807 0 0 0-.667-.366h-1.015a.82.82 0 0 0-.822.823c0 .28.178.494.586.494h3.493c1.868 0 2.675-1.833 2.712-1.918v-.005c.078-.136.147-.275.215-.415.055.005.108.017.165.017.941 0 1.7-.759 1.7-1.7v-2.102c0-.942-.759-1.7-1.7-1.7-.055 0-.106.009-.16.016a6.268 6.268 0 0 0-1.626-2.1 6.305 6.305 0 0 0-4.058-1.475zm-2.049 2.987c-.366-.024-.7.053-.992.361a4.56 4.56 0 0 0-1.26 3.125c0 .981.327 2.08.88 2.12.786.057 2.027-.46 3.424-.46 1.48 0 2.787.58 3.561.443.47-.083.744-1.205.744-2.103a4.561 4.561 0 0 0-1.261-3.125c-.78-.82-1.855 0-3.044 0-.743 0-1.442-.321-2.052-.361zm-.174 2.021a.787.787 0 1 1 0 1.574.787.787 0 0 1 0-1.574zm4.452 0a.787.787 0 1 1 0 1.574.787.787 0 0 1 0-1.574z" style=${ir({
+const jl = Nut(), Lut = U`<svg xmlns="http://www.w3.org/2000/svg" width="14mm" height="14mm" viewBox="0 0 20 20"><path d="M35.412 115.592a6.289 6.289 0 0 0-5.68 3.575c-.053-.005-.104-.017-.158-.017-.942 0-1.7.759-1.7 1.7v2.102c0 .942.758 1.7 1.7 1.7.054 0 .105-.012.157-.016.068.14.138.28.217.417.31.551 1.134.079.816-.467a5.369 5.369 0 0 1 1.2-6.802 5.363 5.363 0 0 1 6.902 0 5.369 5.369 0 0 1 1.2 6.802l-.014.023-.01.024s-.633 1.402-1.878 1.402l-1.575-.014a.807.807 0 0 0-.667-.366h-1.015a.82.82 0 0 0-.822.823c0 .28.178.494.586.494h3.493c1.868 0 2.675-1.833 2.712-1.918v-.005c.078-.136.147-.275.215-.415.055.005.108.017.165.017.941 0 1.7-.759 1.7-1.7v-2.102c0-.942-.759-1.7-1.7-1.7-.055 0-.106.009-.16.016a6.268 6.268 0 0 0-1.626-2.1 6.305 6.305 0 0 0-4.058-1.475zm-2.049 2.987c-.366-.024-.7.053-.992.361a4.56 4.56 0 0 0-1.26 3.125c0 .981.327 2.08.88 2.12.786.057 2.027-.46 3.424-.46 1.48 0 2.787.58 3.561.443.47-.083.744-1.205.744-2.103a4.561 4.561 0 0 0-1.261-3.125c-.78-.82-1.855 0-3.044 0-.743 0-1.442-.321-2.052-.361zm-.174 2.021a.787.787 0 1 1 0 1.574.787.787 0 0 1 0-1.574zm4.452 0a.787.787 0 1 1 0 1.574.787.787 0 0 1 0-1.574z" style=${sr({
   fill: "#666",
   fillOpacity: 1,
   fillRule: "evenodd",
@@ -40029,7 +40027,7 @@ let wo = class extends Cn {
     })} name="av_timer" label=${this.localize.term("timeBased")} @click=${this.handleTimeBasedClick}></cx-icon-button>`)}<cx-icon-button class=${mn({
       "format-button": !0,
       "format-button--active": this.showTextFormats
-    })} name="text_format" label="Text Formats" style=${ir({
+    })} name="text_format" label="Text Formats" style=${sr({
       "background-color": "transparent"
     })} @click=${this.handleTextFormatsClick}></cx-icon-button>${at(!this.disableFullscreen, () => U`<cx-icon-button name=${this.fullscreen ? "close_fullscreen" : "fullscreen"} label=${this.fullscreen ? "Exit Fullscreen" : "Fullscreen"} @click=${this.handleFullscreenClick}></cx-icon-button>`)}
         ${this.canUseAIAssistant ? U`<cx-tooltip content="AI Assistant (beta)"><cx-icon-button data-testid="ai-assistant-button" name="message" label="AI Assistant" class="format-button" @click=${this.handleOpenAIAssistantClick}></cx-icon-button></cx-tooltip>` : $i}
@@ -40466,7 +40464,7 @@ let Ar = class extends Cn {
     this.timeBased = n.detail.value;
   }
   render() {
-    return U`<cx-dialog class="overlay" @cx-request-close=${this.handleRequestClose} no-header stay-open-outside-click style=${ir({
+    return U`<cx-dialog class="overlay" @cx-request-close=${this.handleRequestClose} no-header stay-open-outside-click style=${sr({
       "--cx-z-index-dialog": (this.cortexPopupController.currentZIndex + 1).toString()
     })}><div class="overlay__content"></div></cx-dialog><div class=${mn({
       container: !0,
@@ -44611,7 +44609,7 @@ b`.split(/\n/).length != 3 ? function(u) {
           }
           return { index: x, lineN: y };
         }
-        function or(u, g, y) {
+        function ir(u, g, y) {
           var v = u.display, x = v.view;
           x.length == 0 || g >= v.viewTo || y <= v.viewFrom ? (v.view = Hu(u, g, y), v.viewFrom = g) : (v.viewFrom > g ? v.view = Hu(u, g, v.viewFrom).concat(v.view) : v.viewFrom < g && (v.view = v.view.slice(Rt(u, g))), v.viewFrom = g, v.viewTo < y ? v.view = v.view.concat(Hu(u, v.viewTo, y)) : v.viewTo > y && (v.view = v.view.slice(0, Rt(u, y)))), v.viewTo = y;
         }
@@ -44622,7 +44620,7 @@ b`.split(/\n/).length != 3 ? function(u) {
           }
           return y;
         }
-        function ar(u) {
+        function or(u) {
           u.display.input.showSelection(u.display.input.prepareSelection());
         }
         function gs(u, g) {
@@ -45143,7 +45141,7 @@ b`.split(/\n/).length != 3 ? function(u) {
           var x = v.first + v.size, S = Math.max(g.visible.from - u.options.viewportMargin, v.first), I = Math.min(x, g.visible.to + u.options.viewportMargin);
           y.viewFrom < S && S - y.viewFrom < 20 && (S = Math.max(v.first, y.viewFrom)), y.viewTo > I && y.viewTo - I < 20 && (I = Math.min(x, y.viewTo)), Kr && (S = es(u.doc, S), I = va(u.doc, I));
           var z = S != y.viewFrom || I != y.viewTo || y.lastWrapHeight != g.wrapperHeight || y.lastWrapWidth != g.wrapperWidth;
-          or(u, S, I), y.viewOffset = xc(Lt(u.doc, y.viewFrom)), u.display.mover.style.top = y.viewOffset + "px";
+          ir(u, S, I), y.viewOffset = xc(Lt(u.doc, y.viewFrom)), u.display.mover.style.top = y.viewOffset + "px";
           var V = br(u);
           if (!z && V == 0 && !g.force && y.renderedView == y.view && (y.updateLineNumbers == null || y.updateLineNumbers >= y.viewTo))
             return !1;
@@ -45160,7 +45158,7 @@ b`.split(/\n/).length != 3 ? function(u) {
               break;
             L0(u);
             var x = Lv(u);
-            ar(u), Am(u, x), A_(u, x), g.force = !1;
+            or(u), Am(u, x), A_(u, x), g.force = !1;
           }
           g.signal(u, "update", u), (u.display.viewFrom != u.display.reportedViewFrom || u.display.viewTo != u.display.reportedViewTo) && (g.signal(u, "viewportChange", u, u.display.viewFrom, u.display.viewTo), u.display.reportedViewFrom = u.display.viewFrom, u.display.reportedViewTo = u.display.viewTo);
         }
@@ -45169,7 +45167,7 @@ b`.split(/\n/).length != 3 ? function(u) {
           if (S_(u, y)) {
             L0(u), n6(u, y);
             var v = Lv(u);
-            ar(u), Am(u, v), A_(u, v), y.finish();
+            or(u), Am(u, v), A_(u, v), y.finish();
           }
         }
         function SW(u, g, y) {
@@ -47570,13 +47568,13 @@ b`.split(/\n/).length != 3 ? function(u) {
             v.display.gutterSpecs = O_(v.options.gutters, x), Fv(v);
           }, !0), y("firstLineNumber", 1, Fv, !0), y("lineNumberFormatter", function(v) {
             return v;
-          }, Fv, !0), y("showCursorWhenSelecting", !1, ar, !0), y("resetSelectionOnContextMenu", !0), y("lineWiseCopyCut", !0), y("pasteLinesPerSelection", !0), y("selectionsMayTouch", !1), y("readOnly", !1, function(v, x) {
+          }, Fv, !0), y("showCursorWhenSelecting", !1, or, !0), y("resetSelectionOnContextMenu", !0), y("lineWiseCopyCut", !0), y("pasteLinesPerSelection", !0), y("selectionsMayTouch", !1), y("readOnly", !1, function(v, x) {
             x == "nocursor" && (Tm(v), v.display.input.blur()), v.display.input.readOnlyChanged(x);
           }), y("screenReaderLabel", null, function(v, x) {
             x = x === "" ? null : x, v.display.input.screenReaderLabelChanged(x);
           }), y("disableInput", !1, function(v, x) {
             x || v.display.input.reset();
-          }, !0), y("dragDrop", !0, pG), y("allowDropFileTypes", null), y("cursorBlinkRate", 530), y("cursorScrollMargin", 0), y("cursorHeight", 1, ar, !0), y("singleCursorHeightPerLine", !0, ar, !0), y("workTime", 100), y("workDelay", 100), y("flattenSpans", !0, zv, !0), y("addModeClass", !1, zv, !0), y("pollInterval", 100), y("undoDepth", 200, function(v, x) {
+          }, !0), y("dragDrop", !0, pG), y("allowDropFileTypes", null), y("cursorBlinkRate", 530), y("cursorScrollMargin", 0), y("cursorHeight", 1, or, !0), y("singleCursorHeightPerLine", !0, or, !0), y("workTime", 100), y("workDelay", 100), y("flattenSpans", !0, zv, !0), y("addModeClass", !1, zv, !0), y("pollInterval", 100), y("undoDepth", 200, function(v, x) {
             return v.doc.history.undoDepth = x;
           }), y("historyEventDelay", 1250), y("viewportMargin", 10, function(v) {
             return v.refresh();
@@ -83147,7 +83145,7 @@ async function Ql() {
     return [];
   }
 }
-var J2 = /* @__PURE__ */ ((n) => (n.Audio = "Audio", n.Graphic = "Graphic", n.Image = "Image", n.Multimedia = "Multimedia", n.Video = "Video", n))(J2 || {}), xi = /* @__PURE__ */ ((n) => (n.Bento = "bento", n.Carousel = "carousel", n.Grid = "grid", n.Ribbon = "ribbon", n))(xi || {}), ou = /* @__PURE__ */ ((n) => (n.Expand = "expand", n.Split = "split", n))(ou || {}), sr = /* @__PURE__ */ ((n) => (n.Api = "api", n.Manual = "manual", n))(sr || {}), gn = /* @__PURE__ */ ((n) => (n.Automatic = "automatic", n.Custom = "custom", n))(gn || {});
+var J2 = /* @__PURE__ */ ((n) => (n.Audio = "Audio", n.Graphic = "Graphic", n.Image = "Image", n.Multimedia = "Multimedia", n.Video = "Video", n))(J2 || {}), xi = /* @__PURE__ */ ((n) => (n.Bento = "bento", n.Carousel = "carousel", n.Grid = "grid", n.Ribbon = "ribbon", n))(xi || {}), ou = /* @__PURE__ */ ((n) => (n.Expand = "expand", n.Split = "split", n))(ou || {}), ar = /* @__PURE__ */ ((n) => (n.Api = "api", n.Manual = "manual", n))(ar || {}), gn = /* @__PURE__ */ ((n) => (n.Automatic = "automatic", n.Custom = "custom", n))(gn || {});
 const N9t = {
   "additional-fields": "",
   autoplay: !1,
@@ -83177,7 +83175,7 @@ const N9t = {
   records: "",
   "slide-easing": $n.Linear,
   "slides-per-page": "1",
-  "source-variant": sr.Manual,
+  "source-variant": ar.Manual,
   src: "",
   "text-reveal-style": oa.Slide,
   "transformation-record-id": "",
@@ -83225,7 +83223,7 @@ const N9t = {
           "click-event": "",
           "content-type": o === dn.Link ? gn.Custom : gn.Automatic,
           records: s,
-          "source-variant": sr.Manual,
+          "source-variant": ar.Manual,
           src: ""
         };
         return o !== dn.Asset ? {
@@ -83268,7 +83266,7 @@ const N9t = {
       type: "attribute"
     },
     {
-      callback: ({ record: i, value: o }) => o === sr.Api ? {
+      callback: ({ record: i, value: o }) => o === ar.Api ? {
         ...i,
         "content-type": gn.Automatic,
         "download-format": "",
@@ -83295,15 +83293,15 @@ const N9t = {
       options: [
         {
           helpText: n.term("individualAssetsHelpText"),
-          id: sr.Manual,
+          id: ar.Manual,
           name: n.term("individualAssets"),
-          value: sr.Manual
+          value: ar.Manual
         },
         {
           helpText: n.term("virtualFolderHelpText"),
-          id: sr.Api,
+          id: ar.Api,
           name: n.term("virtualFolder"),
-          value: sr.Api
+          value: ar.Api
         }
       ],
       show: (i) => i["card-type"] === dn.Asset,
@@ -83322,13 +83320,13 @@ const N9t = {
       id: "src",
       label: "",
       name: "source",
-      show: (i) => i["source-variant"] === sr.Api,
+      show: (i) => i["source-variant"] === ar.Api,
       type: "attribute"
     },
     {
       clearable: !1,
       controlType: "select",
-      disabled: (i) => i["source-variant"] === sr.Api || i["card-type"] === dn.Link,
+      disabled: (i) => i["source-variant"] === ar.Api || i["card-type"] === dn.Link,
       helpText: n.term("contentHelpText"),
       id: "content-type",
       label: n.term("content"),
@@ -83482,7 +83480,7 @@ const N9t = {
         id: "download-format",
         label: n.term("downloadFormat"),
         name: "download-format",
-        show: (i) => i["source-variant"] !== sr.Api,
+        show: (i) => i["source-variant"] !== ar.Api,
         type: "attribute"
       },
       {
@@ -83496,7 +83494,7 @@ const N9t = {
         id: "download-format",
         label: n.term("downloadFormat"),
         name: "download-format",
-        show: (i) => i["source-variant"] === sr.Api,
+        show: (i) => i["source-variant"] === ar.Api,
         type: "attribute"
       }
     ] : [],
@@ -85332,7 +85330,7 @@ const n5t = {
   "show-content-type": lu.Always,
   "show-less-label": "Show less",
   "slides-per-page": "4",
-  "source-variant": sr.Manual,
+  "source-variant": ar.Manual,
   src: "",
   "text-reveal-style": oa.Slide,
   "transformation-record-id": "",
@@ -85376,7 +85374,7 @@ const n5t = {
           "content-type": gn.Automatic,
           format: r ? "TR1" : "TRX",
           records: s,
-          "source-variant": sr.Manual,
+          "source-variant": ar.Manual,
           src: ""
         };
         return o !== dn.Asset ? {
@@ -85419,7 +85417,7 @@ const n5t = {
       type: "attribute"
     },
     {
-      callback: ({ record: i, value: o }) => o === sr.Api ? {
+      callback: ({ record: i, value: o }) => o === ar.Api ? {
         ...i,
         "content-type": gn.Automatic,
         "download-format": "",
@@ -85446,15 +85444,15 @@ const n5t = {
       options: [
         {
           helpText: n.term("individualAssetsHelpText"),
-          id: sr.Manual,
+          id: ar.Manual,
           name: n.term("individualAssets"),
-          value: sr.Manual
+          value: ar.Manual
         },
         {
           helpText: n.term("virtualFolderHelpText"),
-          id: sr.Api,
+          id: ar.Api,
           name: n.term("virtualFolder"),
-          value: sr.Api
+          value: ar.Api
         }
       ],
       show: (i) => i["card-type"] === dn.Asset,
@@ -85473,13 +85471,13 @@ const n5t = {
       id: "src",
       label: "",
       name: "source",
-      show: (i) => i["source-variant"] === sr.Api,
+      show: (i) => i["source-variant"] === ar.Api,
       type: "attribute"
     },
     {
       clearable: !1,
       controlType: "select",
-      disabled: (i) => i["source-variant"] === sr.Api,
+      disabled: (i) => i["source-variant"] === ar.Api,
       helpText: n.term("contentHelpText"),
       id: "content-type",
       label: n.term("content"),
@@ -85633,7 +85631,7 @@ const n5t = {
         id: "download-format",
         label: n.term("downloadFormat"),
         name: "download-format",
-        show: (i) => i["source-variant"] !== sr.Api,
+        show: (i) => i["source-variant"] !== ar.Api,
         type: "attribute"
       },
       {
@@ -85647,7 +85645,7 @@ const n5t = {
         id: "download-format",
         label: n.term("downloadFormat"),
         name: "download-format",
-        show: (i) => i["source-variant"] === sr.Api,
+        show: (i) => i["source-variant"] === ar.Api,
         type: "attribute"
       }
     ] : [],
@@ -86694,6 +86692,9 @@ const n5t = {
       id: "src-dark-mode",
       label: n.term("darkModeImage"),
       name: "src-dark-mode",
+      pickerConfigs: {
+        recordIdKey: "record-id-dark-mode"
+      },
       translatable: !0,
       translateGroup: n.term("content"),
       type: "attribute"
@@ -86910,7 +86911,7 @@ const n5t = {
     {
       clearable: !1,
       controlType: "select",
-      disabled: (i) => i["source-variant"] === sr.Api,
+      disabled: (i) => i["source-variant"] === ar.Api,
       helpText: n.term("contentHelpText"),
       id: "content-type",
       label: n.term("content"),
@@ -88009,9 +88010,9 @@ const n5t = {
   "--max-block-width"
 ], lS = { configs: M5t, defaultValue: D5t, stylable: P5t }, N5t = {
   data: JSON.stringify([
-    { id: vp(`${Date.now()}-`), label: "Section 1" },
-    { id: vp(`${Date.now()}-`), label: "Section 2" },
-    { id: vp(`${Date.now()}-`), label: "Section 3" }
+    { id: vp(`${Date.now()}-`), label: "Marker 1" },
+    { id: vp(`${Date.now()}-`), label: "Marker 2" },
+    { id: vp(`${Date.now()}-`), label: "Marker 3" }
   ]),
   format: "TRX",
   "min-tab-width": "175px",
@@ -88060,10 +88061,10 @@ const n5t = {
       controlType: "list-editor",
       direction: "vertical",
       id: "data",
-      label: n.term("listOfSections"),
+      label: n.term("markers"),
       listEditorConfigs: {
-        addDialogLabel: n.term("addChapter"),
-        addItemText: n.term("addChapter"),
+        addDialogLabel: n.term("addMarker"),
+        addItemText: n.term("addMarker"),
         columns: [
           {
             configOrder: 2,
@@ -88110,7 +88111,7 @@ const n5t = {
           }
         ],
         displayField: "label",
-        editDialogLabel: n.term("editChapter"),
+        editDialogLabel: n.term("editMarker"),
         sampleItem: {
           label: "",
           objectFit: Mo.Cover,
@@ -88145,7 +88146,7 @@ const n5t = {
     {
       controlType: "group-heading",
       id: "marker-options",
-      label: n.term("chapterMarkers"),
+      label: n.term("markers"),
       name: "marker-options",
       type: "decorative"
     },
@@ -88510,7 +88511,7 @@ const n5t = {
     {
       clearable: !1,
       controlType: "select",
-      disabled: (i) => i["source-variant"] === sr.Api,
+      disabled: (i) => i["source-variant"] === ar.Api,
       helpText: n.term("contentHelpText"),
       id: "content-type",
       label: n.term("content"),
@@ -89263,7 +89264,7 @@ let qo = class extends Cn {
   }
   render() {
     const n = this.limitedBlocks.length ? this.blocks.filter((e) => this.limitedBlocks.includes(e.id)) : this.blocks;
-    return U`<cx-dialog class="block-picker" use-overlay-scrollbar .boundary=${this.boundary} @cx-request-close=${this.handleClose} @cx-after-hide=${this.resetState} style=${ir({
+    return U`<cx-dialog class="block-picker" use-overlay-scrollbar .boundary=${this.boundary} @cx-request-close=${this.handleClose} @cx-after-hide=${this.resetState} style=${sr({
       /** count * (card width + gap) + 2 padding */
       "--max-width": `${Math.min(this.itemCount * (this.cardWidth + 25) + 40, 1056)}px`
     })}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${at(
@@ -106868,7 +106869,7 @@ let oi = class extends Cn {
   constructor() {
     super(...arguments), this.formControlController = new dY(this, {
       assumeInteractionOn: ["cx-gallery-picker-action"]
-    }), this.localize = new Un(this), this.variant = dn.Asset, this.sourceVariant = sr.Manual, this.dialogVariant = gu.Gallery, this.name = "", this.value = void 0, this.defaultValue = void 0, this.src = "", this.format = "", this.boundary = document.body, this.form = void 0, this.onRequestAsset = void 0, this.loading = !1, this.masonryData = [], this.dataCount = 0, this.currentPage = 0, this.selectedPosition = -1, this.hasFinishedFetchingData = !1, this.errorDataMap = /* @__PURE__ */ new Map(), this.osInstance = null, this.itemsPerPage = 9, this.maxRows = 3, this.maxColumns = 3, this.rowHeight = "150px", this.spacing = "medium", this.autofetchController = new Jst(this, {
+    }), this.localize = new Un(this), this.variant = dn.Asset, this.sourceVariant = ar.Manual, this.dialogVariant = gu.Gallery, this.name = "", this.value = void 0, this.defaultValue = void 0, this.src = "", this.format = "", this.boundary = document.body, this.form = void 0, this.onRequestAsset = void 0, this.loading = !1, this.masonryData = [], this.dataCount = 0, this.currentPage = 0, this.selectedPosition = -1, this.hasFinishedFetchingData = !1, this.errorDataMap = /* @__PURE__ */ new Map(), this.osInstance = null, this.itemsPerPage = 9, this.maxRows = 3, this.maxColumns = 3, this.rowHeight = "150px", this.spacing = "medium", this.autofetchController = new Jst(this, {
       maxEnd: 100
     });
   }
@@ -106930,7 +106931,7 @@ let oi = class extends Cn {
     await this.updateComplete, this.requestUpdate();
   }
   async fetchImagesInFolderBySlide() {
-    if (await this.updateComplete, !(this.src === "" || this.sourceVariant !== sr.Api) && this.currentPage !== 1 / 0) {
+    if (await this.updateComplete, !(this.src === "" || this.sourceVariant !== ar.Api) && this.currentPage !== 1 / 0) {
       this.hasFinishedFetchingData = !1, this.loading = !0;
       try {
         const n = await this.autofetchController.fetchImagesInFolderByPage({
@@ -106950,10 +106951,10 @@ let oi = class extends Cn {
     }
   }
   handleSourceVariantChange() {
-    this.sourceVariant === sr.Api && (this.currentPage = 0, this.masonryData = [], this.dataCount = 0);
+    this.sourceVariant === ar.Api && (this.currentPage = 0, this.masonryData = [], this.dataCount = 0);
   }
   async fetchImagesByIDs(n, e) {
-    if (await this.updateComplete, this.sourceVariant === sr.Api || !this.value)
+    if (await this.updateComplete, this.sourceVariant === ar.Api || !this.value)
       return;
     if (this.value.length === 0) {
       this.masonryData = [], this.dataCount = 0;
@@ -106970,7 +106971,7 @@ let oi = class extends Cn {
     await this.doFetchByIds(t);
   }
   async handleFormatChange() {
-    if (this.sourceVariant === sr.Api || !this.value || this.value.length === 0)
+    if (this.sourceVariant === ar.Api || !this.value || this.value.length === 0)
       return;
     const n = this.value.map((e) => e.id).filter((e) => e !== "");
     n.length !== 0 && await this.doFetchByIds(n);
@@ -107013,10 +107014,10 @@ let oi = class extends Cn {
   }
   handleEditItem(n) {
     if (this.value) {
-      if (this.emit("cx-gallery-picker-action"), this.sourceVariant === sr.Manual) {
-        if (this.selectedPosition = this.value.findIndex((i) => this.sourceVariant === sr.Manual ? i.rawId === n.detail.item.rawId : i.id === n.detail.item.id), this.selectedPosition < 0)
+      if (this.emit("cx-gallery-picker-action"), this.sourceVariant === ar.Manual) {
+        if (this.selectedPosition = this.value.findIndex((i) => this.sourceVariant === ar.Manual ? i.rawId === n.detail.item.rawId : i.id === n.detail.item.id), this.selectedPosition < 0)
           return;
-        const e = this.value[this.selectedPosition], t = this.masonryData.find((i) => this.sourceVariant === sr.Manual ? i.rawId === n.detail.item.rawId : i.id === n.detail.item.id);
+        const e = this.value[this.selectedPosition], t = this.masonryData.find((i) => this.sourceVariant === ar.Manual ? i.rawId === n.detail.item.rawId : i.id === n.detail.item.id);
         if (!e || !t?.src)
           return;
         const r = {
@@ -107072,12 +107073,12 @@ let oi = class extends Cn {
       r = [...this.value ?? [], e];
     else {
       r = [...this.value ?? []];
-      const o = this.sourceVariant === sr.Manual && !!e.rawId, a = (c) => o ? c.rawId === e.rawId : c.id === e.id;
+      const o = this.sourceVariant === ar.Manual && !!e.rawId, a = (c) => o ? c.rawId === e.rawId : c.id === e.id;
       r.some(a) ? r = r.map((c) => a(c) ? e : c) : r.push(e);
     }
     const i = r.map((o) => ({
       ...o,
-      rawId: this.sourceVariant === sr.Manual ? o.rawId || i0() : o.rawId ?? ""
+      rawId: this.sourceVariant === ar.Manual ? o.rawId || i0() : o.rawId ?? ""
     }));
     this.value = i, this.emit("cx-content-builder-gallery-change", {
       detail: {
@@ -107120,7 +107121,7 @@ let oi = class extends Cn {
       }
     }), this.osInstance.on("scroll", (n) => {
       const e = n.elements().viewport, t = e.scrollTop, r = e.clientHeight, i = e.scrollHeight, o = t + r >= i - 5;
-      if (this.sourceVariant !== sr.Api || this.loading || this.currentPage === 1 / 0 || !this.src)
+      if (this.sourceVariant !== ar.Api || this.loading || this.currentPage === 1 / 0 || !this.src)
         return;
       const a = (this.currentPage + 1) * this.itemsPerPage;
       o && this.dataCount > a && this.currentPage++;
@@ -107130,7 +107131,7 @@ let oi = class extends Cn {
     this.osInstance?.destroy(), this.osInstance = null;
   }
   render() {
-    const n = this.sourceVariant === sr.Manual ? [
+    const n = this.sourceVariant === ar.Manual ? [
       {
         color: "var(--cx-color-danger)",
         event: "cx-delete-item",
@@ -107153,10 +107154,10 @@ let oi = class extends Cn {
       hasError: this.errorDataMap.has(t.id),
       loading: !t.src
     }));
-    return U`<cx-input class="gallery-picker__input" label=${this.localize.term("choose")} name=${this.name} value=${JSON.stringify(this.value ?? [])}></cx-input><div part="overlay" class="gallery-picker__overlay" tabindex="-1"><div part="masonry-wrapper" style=${ir({ maxHeight: this.maxMasonryHeight })} class="gallery-picker__masonry-wrapper" tabindex="-1"><cx-masonry class="gallery-picker__masonry" cols=${this.maxColumns} id-key=${this.sourceVariant === sr.Manual ? "rawId" : "id"} row-height=${this.rowHeight} spacing="medium" ?sortable=${this.sourceVariant === sr.Manual} .data=${e} .actions=${n} @cx-edit-item=${this.handleEditItem} @cx-delete-item=${this.handleDeleteItem} @cx-reorder=${this.handleReorder}></cx-masonry></div>${at(
+    return U`<cx-input class="gallery-picker__input" label=${this.localize.term("choose")} name=${this.name} value=${JSON.stringify(this.value ?? [])}></cx-input><div part="overlay" class="gallery-picker__overlay" tabindex="-1"><div part="masonry-wrapper" style=${sr({ maxHeight: this.maxMasonryHeight })} class="gallery-picker__masonry-wrapper" tabindex="-1"><cx-masonry class="gallery-picker__masonry" cols=${this.maxColumns} id-key=${this.sourceVariant === ar.Manual ? "rawId" : "id"} row-height=${this.rowHeight} spacing="medium" ?sortable=${this.sourceVariant === ar.Manual} .data=${e} .actions=${n} @cx-edit-item=${this.handleEditItem} @cx-delete-item=${this.handleDeleteItem} @cx-reorder=${this.handleReorder}></cx-masonry></div>${at(
       this.src ? this.hasFinishedFetchingData && this.masonryData.length === 0 : this.masonryData.length === 0,
       () => at(
-        this.sourceVariant === sr.Api,
+        this.sourceVariant === ar.Api,
         () => U`<cx-typography variant="body2" class="gallery-picker__no-slides-added">${at(
           this.dialogVariant === gu.Gallery,
           () => this.localize.term("cardsWillBeAddedAutomaticallyFromTheSelectedFolder"),
@@ -107165,9 +107166,9 @@ let oi = class extends Cn {
         () => U`<cx-typography variant="body2" class="gallery-picker__no-slides-added">${this.localize.term(`no${this.dialogVariant === gu.Gallery ? "Cards" : "Slides"}AddedYet`)}</cx-typography>`
       )
     )}</div>${at(
-      this.sourceVariant === sr.Manual,
+      this.sourceVariant === ar.Manual,
       () => U`<cx-button class="gallery-picker-trigger" variant="default" @click=${this.handleAddItem}>${this.localize.term(`add${this.dialogVariant === gu.Gallery ? "Card" : "Slide"}`)}</cx-button>`
-    )}<cx-gallery-config variant=${this.variant} dialog-variant=${this.dialogVariant} ?disabled-asset-picker=${this.sourceVariant === sr.Api} .boundary=${this.boundary} .onRequestAsset=${this.onRequestAsset} @cx-gallery-config-save=${this.handleSave}></cx-gallery-config>`;
+    )}<cx-gallery-config variant=${this.variant} dialog-variant=${this.dialogVariant} ?disabled-asset-picker=${this.sourceVariant === ar.Api} .boundary=${this.boundary} .onRequestAsset=${this.onRequestAsset} @cx-gallery-config-save=${this.handleSave}></cx-gallery-config>`;
   }
 };
 oi.styles = [
@@ -107642,7 +107643,7 @@ class w4t {
               p = {};
             }
             let h = [];
-            if (e.src && e["source-variant"] === sr.Api)
+            if (e.src && e["source-variant"] === ar.Api)
               h = [e.src];
             else if (c.downloadFormatPickerConfigs?.isObjectFormat)
               try {
@@ -107858,7 +107859,7 @@ class w4t {
               await o(p.target.value);
             };
             let d = c.radioGroupConfigs?.gap;
-            return d || (d = c.radioGroupConfigs?.horizontal ? "var(--cx-spacing-medium)" : "var(--cx-spacing-x-small)"), U`<cx-radio-group name=${a} value=${r ?? ""} size="medium" ?horizontal=${c.radioGroupConfigs?.horizontal ?? !1} style=${ir({
+            return d || (d = c.radioGroupConfigs?.horizontal ? "var(--cx-spacing-medium)" : "var(--cx-spacing-x-small)"), U`<cx-radio-group name=${a} value=${r ?? ""} size="medium" ?horizontal=${c.radioGroupConfigs?.horizontal ?? !1} style=${sr({
               "--radio-group-gap": d
             })} @cx-change=${l}>${zn(
               c.options ?? [],
@@ -109850,7 +109851,7 @@ function SU({
       const r = this.model, { image: i, index: o } = t.detail;
       try {
         let a = JSON.parse(r.getAttributes().records || "[]");
-        if (r.getAttributes()["source-variant"] === sr.Api) {
+        if (r.getAttributes()["source-variant"] === ar.Api) {
           const c = i.rawId || i.id;
           if (!c)
             return;
@@ -129930,7 +129931,7 @@ let Hr = class extends Cn {
     }, i = (o) => {
       o.detail.source === "overlay" && o.preventDefault();
     };
-    return U`<cx-dialog ${du(this.linkDialogRef)} label="Insert/Edit Link" .boundary=${this.boundary} style=${ir({
+    return U`<cx-dialog ${du(this.linkDialogRef)} label="Insert/Edit Link" .boundary=${this.boundary} style=${sr({
       "--width": "800px"
     })} @cx-request-close=${i}><cx-space direction="vertical" wrap="nowrap"><cx-input label="Display text" ${du(this.displayTextInputRef)}></cx-input><cx-input label="Link URL" ${du(this.linkUrlInputRef)} @cx-change=${r}>${at(
       this.isInvalidUrl,
@@ -135293,11 +135294,11 @@ function PRt() {
               var kt = Math.min(Ye, Ue.length - ut);
               return Se.getMany({ trans: q, keys: Ue.slice(ut, ut + kt), cache: "immutable" }).then(function(Ut) {
                 for (var Zt = [], Rt = [], Dt = Re ? [] : null, nn = [], Yt = 0; Yt < kt; ++Yt) {
-                  var hn = Ut[Yt], or = { value: K(hn), primKey: Ue[ut + Yt] };
-                  me.call(or, or.value, or) !== !1 && (or.value == null ? nn.push(Ue[ut + Yt]) : Re || ue(He(hn), He(or.value)) === 0 ? (Rt.push(or.value), Re && Dt.push(Ue[ut + Yt])) : (nn.push(Ue[ut + Yt]), Zt.push(or.value)));
+                  var hn = Ut[Yt], ir = { value: K(hn), primKey: Ue[ut + Yt] };
+                  me.call(ir, ir.value, ir) !== !1 && (ir.value == null ? nn.push(Ue[ut + Yt]) : Re || ue(He(hn), He(ir.value)) === 0 ? (Rt.push(ir.value), Re && Dt.push(Ue[ut + Yt])) : (nn.push(Ue[ut + Yt]), Zt.push(ir.value)));
                 }
                 return Promise.resolve(0 < Zt.length && Se.mutate({ trans: q, type: "add", values: Zt }).then(function(br) {
-                  for (var ar in br.failures) nn.splice(parseInt(ar), 1);
+                  for (var or in br.failures) nn.splice(parseInt(or), 1);
                   Ze(Zt.length, br);
                 })).then(function() {
                   return (0 < Rt.length || lt && typeof _ == "object") && Se.mutate({ trans: q, type: "put", keys: Dt, values: Rt, criteria: lt, changeSpec: typeof _ != "function" && _, isAdditionalChunk: 0 < ut }).then(function(br) {
@@ -135392,12 +135393,12 @@ function PRt() {
           if (E(lt, Re, $e)) return !0;
           for (var ut = null, kt = $e; kt < Ie; ++kt) {
             var Ut = function(Zt, Rt, Dt, nn, Yt, hn) {
-              for (var or = Math.min(Zt.length, nn.length), br = -1, ar = 0; ar < or; ++ar) {
-                var gs = Rt[ar];
-                if (gs !== nn[ar]) return Yt(Zt[ar], Dt[ar]) < 0 ? Zt.substr(0, ar) + Dt[ar] + Dt.substr(ar + 1) : Yt(Zt[ar], nn[ar]) < 0 ? Zt.substr(0, ar) + nn[ar] + Dt.substr(ar + 1) : 0 <= br ? Zt.substr(0, br) + Rt[br] + Dt.substr(br + 1) : null;
-                Yt(Zt[ar], gs) < 0 && (br = ar);
+              for (var ir = Math.min(Zt.length, nn.length), br = -1, or = 0; or < ir; ++or) {
+                var gs = Rt[or];
+                if (gs !== nn[or]) return Yt(Zt[or], Dt[or]) < 0 ? Zt.substr(0, or) + Dt[or] + Dt.substr(or + 1) : Yt(Zt[or], nn[or]) < 0 ? Zt.substr(0, or) + nn[or] + Dt.substr(or + 1) : 0 <= br ? Zt.substr(0, br) + Rt[br] + Dt.substr(br + 1) : null;
+                Yt(Zt[or], gs) < 0 && (br = or);
               }
-              return or < nn.length && hn === "next" ? Zt + Dt.substr(Zt.length) : or < Zt.length && hn === "prev" ? Zt.substr(0, Dt.length) : br < 0 ? null : Zt.substr(0, br) + nn[br] + Dt.substr(br + 1);
+              return ir < nn.length && hn === "next" ? Zt + Dt.substr(Zt.length) : ir < Zt.length && hn === "prev" ? Zt.substr(0, Dt.length) : br < 0 ? null : Zt.substr(0, br) + nn[br] + Dt.substr(br + 1);
             }(it, lt, Se[kt], Re[kt], me, He);
             Ut === null && ut === null ? $e = kt + 1 : (ut === null || 0 < me(ut, Ut)) && (ut = Ut);
           }
@@ -135710,27 +135711,27 @@ function PRt() {
               var Yt, hn = (lt || ut || { length: 1 }).length;
               if (lt && ut && lt.length !== ut.length) throw new Error("Given keys array must have same length as given values array.");
               if (hn === 0) return Ut({ numFailures: 0, failures: {}, results: [], lastResult: void 0 });
-              function or(Ra) {
+              function ir(Ra) {
                 ++gs, ma(Ra);
               }
-              var br = [], ar = [], gs = 0;
+              var br = [], or = [], gs = 0;
               if (it === "deleteRange") {
-                if (kt.type === 4) return Ut({ numFailures: gs, failures: ar, results: [], lastResult: void 0 });
+                if (kt.type === 4) return Ut({ numFailures: gs, failures: or, results: [], lastResult: void 0 });
                 kt.type === 3 ? br.push(Yt = Rt.clear()) : br.push(Yt = Rt.delete(q(kt)));
               } else {
                 var Dt = nn ? Dt ? [ut, lt] : [ut, null] : [lt, null], nr = Dt[0], $o = Dt[1];
-                if (nn) for (var La = 0; La < hn; ++La) br.push(Yt = $o && $o[La] !== void 0 ? Rt[it](nr[La], $o[La]) : Rt[it](nr[La])), Yt.onerror = or;
-                else for (La = 0; La < hn; ++La) br.push(Yt = Rt[it](nr[La])), Yt.onerror = or;
+                if (nn) for (var La = 0; La < hn; ++La) br.push(Yt = $o && $o[La] !== void 0 ? Rt[it](nr[La], $o[La]) : Rt[it](nr[La])), Yt.onerror = ir;
+                else for (La = 0; La < hn; ++La) br.push(Yt = Rt[it](nr[La])), Yt.onerror = ir;
               }
               function Hp(Ra) {
                 Ra = Ra.target.result, br.forEach(function(wd, eg) {
-                  return wd.error != null && (ar[eg] = wd.error);
-                }), Ut({ numFailures: gs, failures: ar, results: it === "delete" ? lt : br.map(function(wd) {
+                  return wd.error != null && (or[eg] = wd.error);
+                }), Ut({ numFailures: gs, failures: or, results: it === "delete" ? lt : br.map(function(wd) {
                   return wd.result;
                 }), lastResult: Ra });
               }
               Yt.onerror = function(Ra) {
-                or(Ra), Hp(Ra);
+                ir(Ra), Hp(Ra);
               }, Yt.onsuccess = Hp;
             });
           }, getMany: function(Xe) {
@@ -135739,7 +135740,7 @@ function PRt() {
               lt = Gn(lt);
               for (var kt, Ut = Ue.objectStore(Ke), Zt = it.length, Rt = new Array(Zt), Dt = 0, nn = 0, Yt = function(br) {
                 br = br.target, Rt[br._pos] = br.result, ++nn === Dt && lt(Rt);
-              }, hn = Co(ut), or = 0; or < Zt; ++or) it[or] != null && ((kt = Ut.get(it[or]))._pos = or, kt.onsuccess = Yt, kt.onerror = hn, ++Dt);
+              }, hn = Co(ut), ir = 0; ir < Zt; ++ir) it[ir] != null && ((kt = Ut.get(it[ir]))._pos = ir, kt.onsuccess = Yt, kt.onerror = hn, ++Dt);
               Dt === 0 && lt(Rt);
             });
           }, get: function(Xe) {
@@ -135759,8 +135760,8 @@ function PRt() {
               $e ? ((Rt = Ut ? nn.getAll(Yt, Rt) : nn.getAllKeys(Yt, Rt)).onsuccess = function(hn) {
                 return Ue({ result: hn.target.result });
               }, Rt.onerror = Co(it)) : (lt = 0, ut = !Ut && "openKeyCursor" in nn ? nn.openKeyCursor(Yt) : nn.openCursor(Yt), kt = [], ut.onsuccess = function(hn) {
-                var or = ut.result;
-                return or ? (kt.push(Ut ? or.value : or.primaryKey), ++lt === Zt ? Ue({ result: kt }) : void or.continue()) : Ue({ result: kt });
+                var ir = ut.result;
+                return ir ? (kt.push(Ut ? ir.value : ir.primaryKey), ++lt === Zt ? Ue({ result: kt }) : void ir.continue()) : Ue({ result: kt });
               }, ut.onerror = Co(it));
             });
           }), openCursor: function(Xe) {
@@ -135769,8 +135770,8 @@ function PRt() {
               Ut = Gn(Ut);
               var nn = lt.index, Rt = lt.range, Dt = Ue.objectStore(Ke), Dt = nn.isPrimaryKey ? Dt : Dt.index(nn.name), nn = ut ? kt ? "prevunique" : "prev" : kt ? "nextunique" : "next", Yt = !it && "openKeyCursor" in Dt ? Dt.openKeyCursor(q(Rt), nn) : Dt.openCursor(q(Rt), nn);
               Yt.onerror = Co(Zt), Yt.onsuccess = Gn(function(hn) {
-                var or, br, ar, gs, nr = Yt.result;
-                nr ? (nr.___id = ++Tr, nr.done = !1, or = nr.continue.bind(nr), br = (br = nr.continuePrimaryKey) && br.bind(nr), ar = nr.advance.bind(nr), gs = function() {
+                var ir, br, or, gs, nr = Yt.result;
+                nr ? (nr.___id = ++Tr, nr.done = !1, ir = nr.continue.bind(nr), br = (br = nr.continuePrimaryKey) && br.bind(nr), or = nr.advance.bind(nr), gs = function() {
                   throw new Error("Cursor not stopped");
                 }, nr.trans = Ue, nr.stop = nr.continue = nr.continuePrimaryKey = nr.advance = function() {
                   throw new Error("Cursor not started");
@@ -135799,7 +135800,7 @@ function PRt() {
                   });
                   return Yt.onsuccess = Gn(function(Ra) {
                     Yt.onsuccess = La, La();
-                  }), nr.continue = or, nr.continuePrimaryKey = br, nr.advance = ar, La(), Hp;
+                  }), nr.continue = ir, nr.continuePrimaryKey = br, nr.advance = or, La(), Hp;
                 }, Ut(nr)) : Ut(null);
               }, Zt);
             });
@@ -136457,28 +136458,28 @@ function PRt() {
             }), $e.values] : [], Rt = nn[0], Dt = nn[1], nn = $e.trans._cache;
             return s(Rt) ? (kt.addKeys(Rt), (nn = Zt === "delete" || Rt.length === Dt.length ? Zh(Rt, nn) : null) || Ut.addKeys(Rt), (nn || Dt) && (Xe = Ke, Ue = nn, it = Dt, oe.indexes.forEach(function(Yt) {
               var hn = Xe(Yt.name || "");
-              function or(ar) {
-                return ar != null ? Yt.extractKey(ar) : null;
+              function ir(or) {
+                return or != null ? Yt.extractKey(or) : null;
               }
-              function br(ar) {
-                return Yt.multiEntry && s(ar) ? ar.forEach(function(gs) {
+              function br(or) {
+                return Yt.multiEntry && s(or) ? or.forEach(function(gs) {
                   return hn.addKey(gs);
-                }) : hn.addKey(ar);
+                }) : hn.addKey(or);
               }
-              (Ue || it).forEach(function(ar, $o) {
-                var nr = Ue && or(Ue[$o]), $o = it && or(it[$o]);
+              (Ue || it).forEach(function(or, $o) {
+                var nr = Ue && ir(Ue[$o]), $o = it && ir(it[$o]);
                 ue(nr, $o) !== 0 && (nr != null && br(nr), $o != null && br($o));
               });
             }))) : Rt ? (Dt = { from: (Dt = Rt.lower) !== null && Dt !== void 0 ? Dt : _.MIN_KEY, to: (Dt = Rt.upper) !== null && Dt !== void 0 ? Dt : _.MAX_KEY }, Ut.add(Dt), kt.add(Dt)) : (kt.add(P), Ut.add(P), oe.indexes.forEach(function(Yt) {
               return Ke(Yt.name).add(P);
             })), Z.mutate($e).then(function(Yt) {
               return !Rt || $e.type !== "add" && $e.type !== "put" || (kt.addKeys(Yt.results), He && He.forEach(function(hn) {
-                for (var or = $e.values.map(function(nr) {
+                for (var ir = $e.values.map(function(nr) {
                   return hn.extractKey(nr);
                 }), br = hn.keyPath.findIndex(function(nr) {
                   return nr === me.keyPath;
-                }), ar = 0, gs = Yt.results.length; ar < gs; ++ar) or[ar][br] = Yt.results[ar];
-                Ke(hn.name).addKeys(or);
+                }), or = 0, gs = Yt.results.length; or < gs; ++or) ir[or][br] = Yt.results[or];
+                Ke(hn.name).addKeys(ir);
               })), lt.mutatedParts = Xd(lt.mutatedParts || {}, ut), Yt;
             });
           } }), Ie = function(Ke) {
@@ -136501,8 +136502,8 @@ function PRt() {
                     var Ut = $e === "query" && Re && Ke.values && Z.query(r(r({}, Ke), { values: !1 }));
                     return Z[$e].apply(this, arguments).then(function(Dt) {
                       if ($e === "query") {
-                        if (Re && Ke.values) return Ut.then(function(or) {
-                          return or = or.result, ut.addKeys(or), Dt;
+                        if (Re && Ke.values) return Ut.then(function(ir) {
+                          return ir = ir.result, ut.addKeys(ir), Dt;
                         });
                         var nn = Ke.values ? Dt.result.map(Se) : Dt.result;
                         (Ke.values ? ut : kt).addKeys(nn);
@@ -136511,8 +136512,8 @@ function PRt() {
                         return Yt && Object.create(Yt, { key: { get: function() {
                           return kt.addKey(Yt.primaryKey), Yt.key;
                         } }, primaryKey: { get: function() {
-                          var or = Yt.primaryKey;
-                          return kt.addKey(or), or;
+                          var ir = Yt.primaryKey;
+                          return kt.addKey(ir), ir;
                         } }, value: { get: function() {
                           return hn && ut.addKey(Yt.primaryKey), Yt.value;
                         } } });
@@ -139111,7 +139112,7 @@ let hr = class extends Cn {
       maximumFractionDigits: 2
     }).format(t);
     let s = qS[en.Downloading];
-    return r && qS[r] && (s = qS[r]), U`<cx-progress-bar ?show-progress=${e} .value=${n.toFixed(0)} style=${ir({
+    return r && qS[r] && (s = qS[r]), U`<cx-progress-bar ?show-progress=${e} .value=${n.toFixed(0)} style=${sr({
       "--color": s
     })} class="progress-bar"><cx-space class="progress-bar__label" slot="label" spacing="3x-small" wrap="nowrap" align-items="center"><cx-line-clamp class="progress-bar__label__line-clamp" lines="1">${o}</cx-line-clamp><span class="progress-bar__label__separator">
           /
@@ -139243,18 +139244,18 @@ let hr = class extends Cn {
       this.downloadingFiles.every((p) => p.status === en.Failed)
     ), a = () => r ? en.Completed : i ? en.Paused : o ? en.Failed : null, s = () => this.downloadingFiles.length === 0 || this.totalSize === 0 ? 0 : this.downloadingFiles.filter((h) => h.status !== en.Cancelled).reduce((h, m) => h + m.progress * (YN(m) / 100), 0) / this.totalSize * 100, c = () => {
       let p = this.localize.term("downloadManager"), h = null;
-      return r ? (p = this.localize.term("downloadCompleted"), h = U`<cx-icon style=${ir({
+      return r ? (p = this.localize.term("downloadCompleted"), h = U`<cx-icon style=${sr({
         color: uy[en.Completed]
-      })} name="check_circle"></cx-icon>`) : i ? (p = this.localize.term("downloadPaused"), h = U`<cx-icon style=${ir({
+      })} name="check_circle"></cx-icon>`) : i ? (p = this.localize.term("downloadPaused"), h = U`<cx-icon style=${sr({
         color: uy[en.Paused]
-      })} name="pause_circle"></cx-icon>`) : o ? (p = this.localize.term("downloadFailed"), h = U`<cx-icon style=${ir({
+      })} name="pause_circle"></cx-icon>`) : o ? (p = this.localize.term("downloadFailed"), h = U`<cx-icon style=${sr({
         color: uy[en.Failed]
       })} name="info"></cx-icon>`) : n && t === 1 ? (p = this.localize.term(
         "downloadingFileName",
         _O(n.name, 16, 6, 4)
-      ), h = U`<cx-icon style=${ir({
+      ), h = U`<cx-icon style=${sr({
         color: uy[en.Downloading]
-      })} name="downloading"></cx-icon>`) : n && t > 1 && (p = this.localize.term("downloadingFileNum", t), h = U`<cx-icon style=${ir({
+      })} name="downloading"></cx-icon>`) : n && t > 1 && (p = this.localize.term("downloadingFileNum", t), h = U`<cx-icon style=${sr({
         color: uy[en.Downloading]
       })} name="downloading"></cx-icon>`), U`${h}${p}`;
     };
@@ -143733,7 +143734,7 @@ let Wn = class extends Cn {
         disabled: this._unsupportedSsmlTags.includes(
           Qb.options.ssmlTagName
         ),
-        icon: U`<cx-icon slot="prefix" name="graphic_eq" style=${ir({
+        icon: U`<cx-icon slot="prefix" name="graphic_eq" style=${sr({
           color: Io[fn.Emphasis]
         })}></cx-icon>`,
         inputType: "text",
@@ -143759,7 +143760,7 @@ let Wn = class extends Cn {
         disabled: this._unsupportedSsmlTags.includes(
           Bg.options.ssmlTagName
         ),
-        icon: U`<cx-icon slot="prefix" name="signal_cellular_alt" style=${ir({
+        icon: U`<cx-icon slot="prefix" name="signal_cellular_alt" style=${sr({
           color: Io[fn.Pitch]
         })}></cx-icon>`,
         inputType: "number",
@@ -143788,7 +143789,7 @@ let Wn = class extends Cn {
         disabled: this._unsupportedSsmlTags.includes(
           Bg.options.ssmlTagName
         ),
-        icon: U`<cx-icon slot="prefix" name="volume_down" style=${ir({
+        icon: U`<cx-icon slot="prefix" name="volume_down" style=${sr({
           color: Io[fn.Volume]
         })}></cx-icon>`,
         inputType: "number",
@@ -143814,7 +143815,7 @@ let Wn = class extends Cn {
       {
         defaultValue: Yr[fn.InterpretAs],
         disabled: this._unsupportedSsmlTags.includes(wh.options.ssmlTagName),
-        icon: U`<cx-icon name="info" style=${ir({
+        icon: U`<cx-icon name="info" style=${sr({
           color: Io[fn.InterpretAs]
         })} slot="prefix"></cx-icon>`,
         inputType: "text",
@@ -143851,7 +143852,7 @@ let Wn = class extends Cn {
     });
   }
   renderBreakControls() {
-    return U`<cx-tooltip content=${this.localize.term("insertBreak")}><cx-icon-button name="more_time" outline="" size="medium" class="break-button" label=${this.localize.term("insertBreak")} style=${ir({
+    return U`<cx-tooltip content=${this.localize.term("insertBreak")}><cx-icon-button name="more_time" outline="" size="medium" class="break-button" label=${this.localize.term("insertBreak")} style=${sr({
       color: Io[fn.PauseTime]
     })} @click=${this.handleInsertBreak} ?disabled=${!this.editable || this._isTextSupportedOnly || this._unsupportedSsmlTags.includes(k_.options.ssmlTagName)}></cx-icon-button></cx-tooltip>`;
   }
@@ -143868,7 +143869,7 @@ let Wn = class extends Cn {
       {
         defaultValue: Yr[fn.DateFormat],
         hidden: r !== ml.Date,
-        icon: U`<span style=${ir({
+        icon: U`<span style=${sr({
           color: Io[fn.InterpretAs]
         })}><cx-icon name="calendar_month"></cx-icon></span>`,
         inputType: "text",
@@ -143887,7 +143888,7 @@ let Wn = class extends Cn {
       {
         defaultValue: Yr[fn.TimeFormat],
         hidden: r !== ml.Time,
-        icon: U`<span style=${ir({
+        icon: U`<span style=${sr({
           color: Io[fn.InterpretAs]
         })}><cx-icon name="schedule"></cx-icon></span>`,
         inputType: "text",
@@ -143906,7 +143907,7 @@ let Wn = class extends Cn {
       {
         defaultValue: Yr[fn.AreaCode],
         hidden: r !== ml.Telephone,
-        icon: U`<span style=${ir({
+        icon: U`<span style=${sr({
           color: Io[fn.InterpretAs]
         })}><cx-icon name="call"></cx-icon></span>`,
         inputType: "number",
@@ -143925,7 +143926,7 @@ let Wn = class extends Cn {
       {
         defaultValue: Yr[fn.CharactersFormat],
         hidden: r !== ml.Characters,
-        icon: U`<span style=${ir({
+        icon: U`<span style=${sr({
           color: Io[fn.InterpretAs]
         })}><cx-icon name="font_download"></cx-icon></span>`,
         inputType: "text",
@@ -143944,7 +143945,7 @@ let Wn = class extends Cn {
       {
         defaultValue: Yr[fn.CardinalFormat],
         hidden: r !== ml.Cardinal,
-        icon: U`<span style=${ir({
+        icon: U`<span style=${sr({
           color: Io[fn.InterpretAs]
         })}><cx-icon name="lens"></cx-icon></span>`,
         inputType: "text",
@@ -143963,7 +143964,7 @@ let Wn = class extends Cn {
       {
         defaultValue: Yr[fn.CardinalDetail],
         hidden: r !== ml.Cardinal,
-        icon: U`<span style=${ir({
+        icon: U`<span style=${sr({
           color: Io[fn.InterpretAs]
         })}><cx-icon name="horizontal_rule"></cx-icon></span>`,
         inputType: "text",
@@ -144048,7 +144049,7 @@ let Wn = class extends Cn {
     );
   }
   render() {
-    return U`<div class="container" @click=${this.handleContainerClick}><cx-grid columns="12" spacing="12px" class="h-full" use-container=""><cx-grid-item sm="12" md="9"><div class="editor-container"><div class="header"><cx-input class="file-input" accept=${this.acceptedFileTypes.join(",")} type="file" id="textFile" data-testid="fileInput" button-only="" size="small" label=${this.localize.term("importTextFile")} ?disabled=${!this.editable} @cx-change=${this.loadContentFromFile}><cx-button variant="default" slot="file-button" size="medium" ?disabled=${!this.editable} @click=${this.openImportDialog}>${this.localize.term("importTextFile")}</cx-button></cx-input><cx-divider vertical=""></cx-divider><div class="controls-container">${this.renderControls()}${this.renderBreakControls()}</div></div><div style=${ir({
+    return U`<div class="container" @click=${this.handleContainerClick}><cx-grid columns="12" spacing="12px" class="h-full" use-container=""><cx-grid-item sm="12" md="9"><div class="editor-container"><div class="header"><cx-input class="file-input" accept=${this.acceptedFileTypes.join(",")} type="file" id="textFile" data-testid="fileInput" button-only="" size="small" label=${this.localize.term("importTextFile")} ?disabled=${!this.editable} @cx-change=${this.loadContentFromFile}><cx-button variant="default" slot="file-button" size="medium" ?disabled=${!this.editable} @click=${this.openImportDialog}>${this.localize.term("importTextFile")}</cx-button></cx-input><cx-divider vertical=""></cx-divider><div class="controls-container">${this.renderControls()}${this.renderBreakControls()}</div></div><div style=${sr({
       height: this.height,
       maxHeight: this.maxHeight,
       maxWidth: this.maxWidth,
@@ -144400,7 +144401,7 @@ let od = class extends Cn {
     n.target === this.dialog && (await this.getChapters(), await this.updateComplete, this.table.initTable());
   }
   render() {
-    return U`<cx-dialog class="dialog" label=${this.label} strategy="overlay" @cx-after-show=${this.handleAfterShow} style=${ir({
+    return U`<cx-dialog class="dialog" label=${this.label} strategy="overlay" @cx-after-show=${this.handleAfterShow} style=${sr({
       "--cx-z-index-dialog": (this.cortexPopupController.currentZIndex + 1).toString()
     })}><cx-space direction="vertical" gap="medium" align-items="start"><cx-table class="table" .columns=${this.columns} .data=${this.tableData} .hoverMenu=${this.hoverMenu} layout="fitColumns" edit-trigger-event="click" placeholder=${this.placeholder} row-height="34" no-selectable @cx-table-row-action-click=${this.handleRowActions}></cx-table><cx-button data-testid="add-chapter-button" @click=${this.handleAddChapter}>${this.localize.term("addChapter")}</cx-button></cx-space><cx-divider></cx-divider><cx-button data-testid="cancel-button" slot="footer" @click=${this.handleCancel}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" slot="footer" variant="primary" @click=${this.handleSave} ?loading=${this.isSaving}>${this.localize.term("save")}</cx-button></cx-dialog>`;
   }
@@ -144981,7 +144982,7 @@ let Ka = class extends Cn {
       e,
       () => at(
         r && i,
-        () => U`<div class="video-editor-track__frames__item__canvas" style=${ir({
+        () => U`<div class="video-editor-track__frames__item__canvas" style=${sr({
           backgroundImage: `url(${e})`,
           backgroundPosition: `${o}px ${a}px`,
           height: `${r}px`,
@@ -145006,12 +145007,12 @@ let Ka = class extends Cn {
     })} @click=${this.handleClick}><div class=${mn({
       "video-editor-track": !0,
       "video-editor-track--selected": this.selected
-    })} style=${ir({
+    })} style=${sr({
       width: `${this.width}px`
     })}><div class="video-editor-track__name"><cx-line-clamp lines="1" disabled-hover-bridge><cx-typography variant="body2">${this.data.label}</cx-typography></cx-line-clamp>${at(
       this.isError,
       () => U`<cx-tooltip content=${this.localize.term("noDataAvailable")}><cx-icon name="error_outline" class="video-editor-track__name__error"></cx-icon></cx-tooltip>`
-    )}</div><div class="video-editor-track__frames" style=${ir({
+    )}</div><div class="video-editor-track__frames" style=${sr({
       "--item-min-width": `${Rf}px`
     })}>${at(
       !this.isError,