@orangelogic/design-system 2.19.0-pr77234.3 → 2.21.0-ci.4

package/library/components/range.js

@@ -1,7 +1,7 @@
 import { i as T, n as h, C as V, x as _, c as D } from "../chunks/custom-element.fmLrnDZr.js";
 import { c as w } from "../chunks/component.styles.DtouHn2g.js";
 import { f as $ } from "../chunks/form-control.styles.j0hNjZTU.js";
-import { d as C } from "../chunks/debounce.DZNkg8Q5.js";
+import { d as C } from "../chunks/popup.CiIgTjOV.js";
 import { d as S } from "../chunks/default-value.BrNrMtnz.js";
 import { d as y } from "../chunks/drag.DXEXVXPv.js";
 import { F as L } from "../chunks/form.BFLbw9Rz.js";

package/library/components/select.js

@@ -10,7 +10,7 @@ import "../chunks/form.BFLbw9Rz.js";
 import "../chunks/i18n.C6c6_pqI.js";
 import "../chunks/scroll.DwPiX2Ox.js";
 import "../chunks/slot.DJLm4Dig.js";
-import { C as y } from "../chunks/select.DMdl1Kdd.js";
+import { C as y } from "../chunks/select.CWOW4pAr.js";
 import "../chunks/watch.BCJD77bD.js";
 import "../chunks/state.Dt9F_SuS.js";
 import "../chunks/query.BBf1UFkC.js";
@@ -19,7 +19,7 @@ import "../chunks/unsafe-html.BpqikVtf.js";
 import "../chunks/when.Dr1es41R.js";
 import "./icon.js";
 import "../chunks/option.pgg_ZoHY.js";
-import "./popup.js";
+import "../chunks/popup.CiIgTjOV.js";
 import "./spinner.js";
 import "./tag.js";
 export {

package/library/components/size-input-group.js

@@ -1,6 +1,6 @@
 import f from "./icon-button.js";
 import d from "./input.js";
-import { C as g } from "../chunks/select.DMdl1Kdd.js";
+import { C as g } from "../chunks/select.CWOW4pAr.js";
 import v from "./space.js";
 import k from "./tooltip.js";
 import { i as P, n as r, C as $, x as h, c as b } from "../chunks/custom-element.fmLrnDZr.js";

package/library/components/tab-group.js

@@ -1,7 +1,7 @@
 import "./resize-observer.js";
 import "../chunks/custom-element.fmLrnDZr.js";
 import "../chunks/component.styles.DtouHn2g.js";
-import { C as q } from "../chunks/tab-group.3F6gRchD.js";
+import { C as q } from "../chunks/tab-group.C0I_UeKY.js";
 import "../chunks/i18n.C6c6_pqI.js";
 import "../chunks/scroll.DwPiX2Ox.js";
 import "../chunks/watch.BCJD77bD.js";
@@ -17,7 +17,7 @@ import "../chunks/button.G_W-dK6b.js";
 import "./dropdown.js";
 import "./icon-button.js";
 import "./menu.js";
-import "../chunks/menu-item.HK2A6RqD.js";
+import "../chunks/menu-item.Dep30IBS.js";
 import "./tab.js";
 export {
   q as default

package/library/components/table.js

@@ -7,7 +7,7 @@ import "../chunks/custom-element.fmLrnDZr.js";
 import "../chunks/component.styles.DtouHn2g.js";
 import "../chunks/overlay-scrollbar.styles.B1VCLkfA.js";
 import "../chunks/pagination.y5oqoPVr.js";
-import { A as c, l as w, n as b, e as T, c as z, o as F, p as P, d as S, D as v, q as y, E as g, s as x, F as A, t as D, u as I, v as h, G as E, w as G, H, x as f, I as j, y as K, K as L, z as V, M as k, B as q, J as B, L as J, N, O, Q, U, P as W, h as X, V as Y, k as Z, W as _, X as $, Y as oo, Z as eo, j as ao, R as so, $ as lo, _ as uo, S as to, a0 as Mo, a1 as ro, T as no, b as po, a2 as io, a3 as mo, C as Co } from "../chunks/table.BarE1-gL.js";
+import { A as c, l as w, n as b, e as T, c as z, o as F, p as P, d as S, D as v, q as y, E as g, s as x, F as A, t as D, u as I, v as h, G as E, w as G, H, x as f, I as j, y as K, K as L, z as V, M as k, B as q, J as B, L as J, N, O, Q, U, P as W, h as X, V as Y, k as Z, W as _, X as $, Y as oo, Z as eo, j as ao, R as so, $ as lo, _ as uo, S as to, a0 as Mo, a1 as ro, T as no, b as po, a2 as io, a3 as mo, C as Co } from "../chunks/table.Oco9h8cd.js";
 import "../chunks/i18n.C6c6_pqI.js";
 import "../chunks/watch.BCJD77bD.js";
 import "../chunks/state.Dt9F_SuS.js";

package/library/components/tooltip.js

@@ -6,7 +6,7 @@ import { L as k } from "../chunks/i18n.C6c6_pqI.js";
 import { w as l } from "../chunks/watch.BCJD77bD.js";
 import { e as d } from "../chunks/query.BBf1UFkC.js";
 import { e as B } from "../chunks/class-map.DqNfBvJI.js";
-import D from "./popup.js";
+import { C as D } from "../chunks/popup.CiIgTjOV.js";
 const O = v`
   :host {
     --hide-delay: 0ms;

package/library/components/types.js

@@ -1,10 +1,10 @@
 import zZ from "./alert.js";
-import { default as AJt } from "./animated-image.js";
-import { C as IJt } from "../chunks/animation.DPqSuC7g.js";
-import { default as MJt } from "./avatar.js";
+import { default as EJt } from "./animated-image.js";
+import { C as OJt } from "../chunks/animation.DPqSuC7g.js";
+import { default as DJt } from "./avatar.js";
 import Aw from "./badge.js";
-import { default as NJt } from "./breadcrumb.js";
-import { default as RJt } from "./breadcrumb-item.js";
+import { default as PJt } from "./breadcrumb.js";
+import { default as LJt } from "./breadcrumb-item.js";
 import { C as fo, B as Nl, a as $c } from "../chunks/button.G_W-dK6b.js";
 import g4 from "./button-group.js";
 import wy from "./card.js";
@@ -12,74 +12,74 @@ import tm from "./checkbox.js";
 import Q_ from "./color-picker.js";
 import fF from "./copy-button.js";
 import FZ from "./details.js";
-import { C as Os, O as mF, a as $Z, H as jZ, z as HZ, D as UZ } from "../chunks/dialog.upIZWR3x.js";
+import { C as Os, O as mF, a as $Z, H as jZ, z as HZ, D as UZ } from "../chunks/dialog.BTGwgvZG.js";
 import wd from "./divider.js";
 import { d as qZ, C as VZ } from "../chunks/dot-pagination.EWl_NO9m.js";
-import { default as zJt } from "./drawer.js";
+import { default as BJt } from "./drawer.js";
 import Vu from "./dropdown.js";
-import { default as $Jt } from "./element-clamp.js";
-import { default as HJt } from "./format-bytes.js";
+import { default as FJt } from "./element-clamp.js";
+import { default as jJt } from "./format-bytes.js";
 import WZ from "./format-date.js";
-import { default as qJt } from "./format-number.js";
+import { default as UJt } from "./format-number.js";
 import nm from "./grid.js";
 import rm from "./grid-item.js";
 import { C as vF, V as GZ, A as KZ } from "../chunks/header.CzGjJnha.js";
 import { H as YZ, a as XZ } from "../chunks/hub-connection.BiLljnv2.js";
-import { C as WJt } from "../chunks/hub-connection.BiLljnv2.js";
+import { C as VJt } from "../chunks/hub-connection.BiLljnv2.js";
 import aa from "./icon.js";
 import sa from "./icon-button.js";
 import { C as JZ, a as ZZ } from "../chunks/iframe.CVP0aR9K.js";
-import { H as xi, C as eC, a as QZ, b as _n, c as eQ, d as ta, e as za, f as Ri } from "../chunks/image.CRcv0x3Z.js";
-import { default as KJt } from "./image-comparer.js";
-import { default as XJt } from "./include.js";
+import { H as xi, C as eC, a as QZ, b as _n, c as eQ, d as ta, e as za, f as Ri } from "../chunks/image.9eUBQRQ0.js";
+import { default as GJt } from "./image-comparer.js";
+import { default as YJt } from "./include.js";
 import Ga from "./input.js";
-import { default as ZJt } from "./input-group.js";
+import { default as JJt } from "./input-group.js";
 import ru from "./line-clamp.js";
 import f4 from "./markdown.js";
 import Wu from "./menu.js";
-import { C as Zp, f as tQ, n as Jc, e as Zc } from "../chunks/menu-item.HK2A6RqD.js";
+import { C as Zp, f as tQ, n as Jc, e as Zc } from "../chunks/menu-item.Dep30IBS.js";
 import yF from "./menu-label.js";
 import nQ from "./menu-section.js";
 import rQ from "./mutation-observer.js";
 import { C as ad, a as iQ } from "../chunks/option.pgg_ZoHY.js";
 import oQ from "./pagination.js";
-import Jd from "./popup.js";
+import { C as Jd, d as Qp } from "../chunks/popup.CiIgTjOV.js";
 import aQ from "./progress-bar.js";
-import { default as eZt } from "./progress-ring.js";
-import { default as nZt } from "./qr-code.js";
+import { default as QJt } from "./progress-ring.js";
+import { default as tZt } from "./qr-code.js";
 import bF from "./radio.js";
 import sQ from "./radio-button.js";
 import lQ from "./radio-card.js";
 import m4 from "./radio-group.js";
 import v4 from "./range.js";
-import { default as iZt } from "./rating.js";
-import { default as aZt } from "./relative-time.js";
+import { default as rZt } from "./rating.js";
+import { default as oZt } from "./relative-time.js";
 import Ow from "./resize-observer.js";
-import { C as iu, i as cQ } from "../chunks/select.DMdl1Kdd.js";
-import { default as lZt } from "./skeleton.js";
+import { C as iu, i as cQ } from "../chunks/select.CWOW4pAr.js";
+import { default as sZt } from "./skeleton.js";
 import Ai from "./space.js";
 import Gu from "./spinner.js";
-import { default as dZt } from "./split-panel.js";
-import { default as pZt } from "./step.js";
-import { default as gZt } from "./stepper.js";
+import { default as cZt } from "./split-panel.js";
+import { default as uZt } from "./step.js";
+import { default as hZt } from "./stepper.js";
 import tC from "./switch.js";
 import y4 from "./tab.js";
-import { C as b4, T as wF, a as xF, b as kF } from "../chunks/tab-group.3F6gRchD.js";
-import { C as _F, f as $g, i as CF, r as dQ, m as uQ, a as iI, g as oI } from "../chunks/table.BarE1-gL.js";
+import { C as b4, T as wF, a as xF, b as kF } from "../chunks/tab-group.C0I_UeKY.js";
+import { C as _F, f as $g, i as CF, r as dQ, m as uQ, a as iI, g as oI } from "../chunks/table.Oco9h8cd.js";
 import SF from "./tab-panel.js";
-import { default as mZt } from "./tag.js";
+import { default as fZt } from "./tag.js";
 import pQ from "./textarea.js";
 import { C as hQ, t as gQ } from "../chunks/timecode.C9Yc2sWq.js";
 import Ea from "./tooltip.js";
 import { d as fQ, v as Iw } from "../chunks/tree.5Cb85J9q.js";
-import { a as yZt, C as bZt } from "../chunks/tree.5Cb85J9q.js";
+import { a as vZt, C as yZt } from "../chunks/tree.5Cb85J9q.js";
 import { C as Ki } from "../chunks/typography.trna8y2b.js";
-import { default as xZt } from "./video.js";
+import { default as wZt } from "./video.js";
 import mQ from "./visually-hidden.js";
-import { getAnimationNames as _Zt, getEasingNames as CZt } from "./atoms.js";
+import { getAnimationNames as kZt, getEasingNames as _Zt } from "./atoms.js";
 import { c as Bn } from "../chunks/component.styles.DtouHn2g.js";
 import { e as aI, d as sI } from "../chunks/animation-registry.DavRkTTr.js";
-import { g as TZt, s as EZt } from "../chunks/animation-registry.DavRkTTr.js";
+import { g as SZt, s as TZt } from "../chunks/animation-registry.DavRkTTr.js";
 import { i as Mn, n as Y, C as Fn, x as Z, c as Pn, r as TF, T as vQ, a as yQ, E as qv } from "../chunks/custom-element.fmLrnDZr.js";
 import { c as bQ } from "../chunks/browser.Va59Ix3P.js";
 import { u as lI, l as wQ } from "../chunks/scroll.DwPiX2Ox.js";
@@ -93,44 +93,43 @@ import { L as nr, G as sg, a as Tu, b as kn } from "../chunks/i18n.C6c6_pqI.js";
 import { o as So } from "../chunks/map.D8heArFD.js";
 import { c as N0, b as RQ } from "../chunks/capitalize.CNStXZBq.js";
 import { o as ir } from "../chunks/style-map.lEJHEwk3.js";
-import { a as Vv, t as Qs, D as Xb, b as BQ, c as zQ, u as FQ, f as MF } from "../chunks/asset-link-format.CNLtOgSn.js";
-import { C as OZt } from "../chunks/asset-link-format.CNLtOgSn.js";
+import { a as Vv, t as Qs, D as Xb, b as BQ, c as zQ, u as FQ, f as MF } from "../chunks/asset-link-format.C0CS4yT2.js";
+import { C as AZt } from "../chunks/asset-link-format.C0CS4yT2.js";
 import { H as $Q } from "../chunks/slot.DJLm4Dig.js";
 import { a as Fa, E as zn, b as ev, O as mu, T as Sp, G as gI } from "../chunks/index.Cpamj0jB.js";
-import { C as DZt } from "../chunks/index.Cpamj0jB.js";
-import { A as Ml, D as Nx, g as jQ, a as fI, P as W3, E as qd, B as ot, b as Dw, c as Lx, d as HQ, T as mI } from "../chunks/color-swatch-group.fL5ADbZF.js";
-import { C as PZt } from "../chunks/color-swatch-group.fL5ADbZF.js";
+import { C as IZt } from "../chunks/index.Cpamj0jB.js";
+import { A as Ml, D as Nx, g as jQ, a as fI, P as W3, E as qd, B as ot, b as Dw, c as Lx, d as HQ, T as mI } from "../chunks/color-swatch-group.CLgR1RVY.js";
+import { C as MZt } from "../chunks/color-swatch-group.CLgR1RVY.js";
 import { e as UQ, t as Jb, T as PF, a as qQ, u as VQ, f as m2, b as WQ, M as lb } from "../chunks/string.yyVPNus8.js";
 import GQ from "./bicolor-picker.js";
 import NF from "./border-input-group.js";
-import { p as LF, c as Dm, b as Mm, d as KQ, e as YQ, g as G3 } from "../chunks/color-swatch.JL7CbNRm.js";
-import { C as LZt } from "../chunks/color-swatch.JL7CbNRm.js";
-import { C as _4, a as XQ } from "../chunks/confirm-popover.DwSAxWFi.js";
+import { p as LF, c as Dm, b as Mm, d as KQ, e as YQ, g as G3 } from "../chunks/color-swatch.k8v423rv.js";
+import { C as NZt } from "../chunks/color-swatch.k8v423rv.js";
+import { C as _4, a as XQ } from "../chunks/confirm-popover.B5zE9qkC.js";
 import JQ from "./corner-position-input-group.js";
 import { r as rC, R as L0, a as ZQ, b as qe, j as ke, t as QQ, d as RF, w as eee, e as tee } from "../chunks/cropper.3qRm5dEe.js";
-import { C as BZt } from "../chunks/cropper.3qRm5dEe.js";
+import { C as RZt } from "../chunks/cropper.3qRm5dEe.js";
 import { h as sr, D as BF, c as vI, C as mg, T as C4, M as nee, d as zF } from "../chunks/endpoints.3oM4-c57.js";
 import { o as _r } from "../chunks/if-defined.CKupVaWs.js";
 import { c as Jn } from "../chunks/repeat.B1pVpmRx.js";
 import S4 from "./dynamic-select.js";
-import { F as Pp, C as T4, a as K3 } from "../chunks/folder-select.BsbsjikP.js";
+import { F as Pp, C as T4, a as K3 } from "../chunks/folder-select.hyld2fgc.js";
 import { g as E4, c as Sb } from "../chunks/_commonjsHelpers.ByX85dGu.js";
-import { b as xy, a as FF, d as yI, c as iC, s as ree, o as iee, U as A4, e as $F, i as Pu, f as oee } from "../chunks/file-on-demand.Cb4mtesb.js";
-import { C as FZt } from "../chunks/file-on-demand.Cb4mtesb.js";
+import { b as xy, a as FF, d as yI, c as iC, s as ree, o as iee, U as A4, e as $F, i as Pu, f as oee } from "../chunks/file-on-demand.Dbju7eFg.js";
+import { C as zZt } from "../chunks/file-on-demand.Dbju7eFg.js";
 import { e as aee, t as see } from "../chunks/directive.oAbCiebi.js";
-import { u as Ev, C as lee } from "../chunks/list-editor.BPUsGMW-.js";
+import { u as Ev, C as lee } from "../chunks/list-editor.CrErjQdh.js";
 import cee from "./masonry.js";
 import dee from "./padding-input-group.js";
 import uee from "./position-picker.js";
 import pee from "./shadow-input-group.js";
-import { default as jZt } from "./share-option-list.js";
-import { default as UZt } from "./sidebar.js";
+import { default as $Zt } from "./share-option-list.js";
+import { default as HZt } from "./sidebar.js";
 import hee from "./size-input-group.js";
-import { default as VZt } from "./stepper-wizard.js";
+import { default as qZt } from "./stepper-wizard.js";
 import { t as jF, a as O4 } from "../chunks/toString.CL_lYXbK.js";
-import { default as GZt } from "./typeface.js";
+import { default as WZt } from "./typeface.js";
 import { o as Np } from "../chunks/unsafe-html.BpqikVtf.js";
-import { d as Qp } from "../chunks/debounce.DZNkg8Q5.js";
 import { i as oC } from "../chunks/guard.L-Ctqt3S.js";
 import { i as HF, u as gc } from "../chunks/static.kLXgh3Gq.js";
 import { w as gee } from "../chunks/event.mFzZi4sr.js";
@@ -142036,7 +142035,7 @@ var zVt = Object.defineProperty, FVt = Object.getOwnPropertyDescriptor, Ur = (n,
 };
 let Ar = class extends Fn {
   constructor() {
-    super(), this.localize = new nr(this), this.configsController = new ca(this.localize), this.initialData = "", this.device = "desktop", this.devices = HQ, this.autoInit = !1, this.pageId = "", this.allowDuplicateBlocks = !1, this.mode = qd.Template, this.contentBuilder = null, this.ready = !1, this.editingComponent = null, this.isGalleryConfigOpen = !1, this.hoveredComponent = void 0, this.hoveredComponentPlacement = "top", this.defaultRowGap = 0, this.containerDropdowns = [], this.containerDropdownStateMap = {}, this.distance = void 0, this.toolbar = [], this.toolbarActive = !1, this.childSelected = void 0, this.mousePosition = { x: 0, y: 0 }, this._teamSpaceRoles = [], this.canvasDocument = null, this._dsm = null, this.hasBoundUpdate = !1, this.newlyAddedComponentTimeout = null, this.initializeCustomFrame = eLt(), this.containerDropdownObservers = [], this.nextMapHoveredBadgeState = null, this.deselectAll = this.deselectAll.bind(this), this.handleCanvasClick = this.handleCanvasClick.bind(this), this.handleCanvasKeydown = this.handleCanvasKeydown.bind(this), this.handleDataSourceChange = this.handleDataSourceChange.bind(this), this.handleCanvasMouseMove = this.handleCanvasMouseMove.bind(this), this.handleTemplateManagerUpdated = this.handleTemplateManagerUpdated.bind(this), this.handleCanvasScroll = this.handleCanvasScroll.bind(this);
+    super(), this.localize = new nr(this), this.configsController = new ca(this.localize), this.initialData = "", this.device = "desktop", this.devices = HQ, this.autoInit = !1, this.pageId = "", this.allowDuplicateBlocks = !1, this.mode = qd.Template, this.contentBuilder = null, this.ready = !1, this.editingComponent = null, this.isGalleryConfigOpen = !1, this.hoveredComponent = void 0, this.hoveredComponentPlacement = "top", this.defaultRowGap = 0, this.containerDropdowns = [], this.containerDropdownStateMap = {}, this.distance = void 0, this.toolbar = [], this.toolbarActive = !1, this.childSelected = void 0, this.mousePosition = { x: 0, y: 0 }, this._teamSpaceRoles = [], this.canvasDocument = null, this._dsm = null, this.hasBoundUpdate = !1, this.newlyAddedComponentTimeout = null, this.initializeCustomFrame = eLt(), this.containerDropdownObservers = [], this.nextMapHoveredBadgeState = null, this.deselectAll = this.deselectAll.bind(this), this.handleCanvasClick = this.handleCanvasClick.bind(this), this.handleRootToolbarRightClick = this.handleRootToolbarRightClick.bind(this), this.handleCanvasKeydown = this.handleCanvasKeydown.bind(this), this.handleDataSourceChange = this.handleDataSourceChange.bind(this), this.handleCanvasMouseMove = this.handleCanvasMouseMove.bind(this), this.handleTemplateManagerUpdated = this.handleTemplateManagerUpdated.bind(this), this.handleCanvasScroll = this.handleCanvasScroll.bind(this);
   }
   get teamSpaceRoles() {
     return this._teamSpaceRoles;
@@ -142340,6 +142339,10 @@ let Ar = class extends Fn {
     const n = this.contentBuilder?.getSelected(), e = this.childSelected;
     n && !e && this.contentBuilder?.trigger("component:selected", n), this.toggleToolbarAndBadge();
   }
+  handleRootToolbarRightClick(n) {
+    const e = n.target;
+    n.button === 2 && e instanceof Element && e.closest(".gjs-toolbar") && (n.preventDefault(), n.stopImmediatePropagation());
+  }
   handleCanvasClick(n) {
     n.target.closest("[data-cms5-page-viewer__page-content]") || this.deselectAll();
   }
@@ -142504,27 +142507,31 @@ let Ar = class extends Fn {
         return;
       this.contentBuilder.Canvas.getFrameEl().setAttribute("title", "content-builder-frame"), this.updateFrameSize(), this._teamSpaceRoles = await this.fetchTeamSpaceRoles();
     }), this.contentBuilder?.on("load", async (t) => {
-      t.UndoManager.stop();
-      const r = this.canvasDocument?.getElementById("Form1");
-      r && r.addEventListener("scroll", this.handleCanvasScroll);
+      this.contentBuilder?.getEl()?.addEventListener(
+        "mousedown",
+        this.handleRootToolbarRightClick,
+        !0
+      ), t.UndoManager.stop();
+      const i = this.canvasDocument?.getElementById("Form1");
+      i && i.addEventListener("scroll", this.handleCanvasScroll);
       try {
         t.getWrapper()?.set({
           highlightable: !1,
           hoverable: !1,
           selectable: !1
         });
-        const i = t.getWrapper(), o = t.Canvas.getBody().querySelector(
+        const o = t.getWrapper(), a = t.Canvas.getBody().querySelector(
           "[data-cms5-page-viewer]"
         );
-        if (!i)
+        if (!o)
           return;
-        let a = "12px";
-        if (o) {
-          const l = getComputedStyle(o).getPropertyValue("--row-gap").trim();
-          l && (a = l);
+        let s = "12px";
+        if (a) {
+          const c = getComputedStyle(a).getPropertyValue("--row-gap").trim();
+          c && (s = c);
         }
-        const s = Number.parseFloat(a || "12px");
-        this.defaultRowGap = Number.isFinite(s) ? s : 12, i.findType(ot.Column).length === 0 ? t.addComponents({
+        const l = Number.parseFloat(s || "12px");
+        this.defaultRowGap = Number.isFinite(l) ? l : 12, o.findType(ot.Column).length === 0 ? t.addComponents({
           copyable: !1,
           editable: !1,
           highlightable: !1,
@@ -142534,12 +142541,12 @@ let Ar = class extends Fn {
           style: {
             "--flex-content": "none",
             "--padding": "4px",
-            "--row-gap": a
+            "--row-gap": s
           },
           toolbar: [],
           type: ot.Column
-        }) : i.findType(ot.Column)?.forEach((l, c) => {
-          c === 0 && l.set({
+        }) : o.findType(ot.Column)?.forEach((c, d) => {
+          d === 0 && c.set({
             copyable: !1,
             editable: !1,
             highlightable: !1,
@@ -142549,14 +142556,14 @@ let Ar = class extends Fn {
             style: {
               "--flex-content": "none",
               "--padding": "4px",
-              "--row-gap": a
+              "--row-gap": s
             }
-          }), l.set({
+          }), c.set({
             draggable: '[data-gjs-type="BlockColumns"]',
             droppable: '[data-gjs-type="BlockButton"], [data-gjs-type="BlockColumns"], [data-gjs-type="BlockDivider"], [data-gjs-type="BlockHeader"], [data-gjs-type="BlockImage"], [data-gjs-type="BlockText"], [data-gjs-type="BlockVideo"], [data-gjs-type="BlockFontKit"], [data-gjs-type="BlockCarousel"], [data-gjs-type="BlockGallery"], [data-gjs-type="BlockTabs"], [data-gjs-type="BlockAccordion"], [data-gjs-type="BlockSearchBox"], [data-gjs-type="BlockColorSwatches"]'
           });
-        }), this.dsm?.getAll().forEach((l) => {
-          l.records.on("add", this.handleDataSourceChange);
+        }), this.dsm?.getAll().forEach((c) => {
+          c.records.on("add", this.handleDataSourceChange);
         }), this.updateDataSourceEntries(), this.resetDirtyCount();
       } finally {
         t.UndoManager.start();
@@ -142731,12 +142738,17 @@ let Ar = class extends Fn {
         "cx-template-manager-updated",
         this.handleTemplateManagerUpdated
       );
-      const n = this.canvasDocument?.getElementById("Form1");
-      n && n.removeEventListener("scroll", this.handleCanvasScroll);
+      const e = this.canvasDocument?.getElementById("Form1");
+      e && e.removeEventListener("scroll", this.handleCanvasScroll);
     }
-    this.contentBuilder?.destroy(), this.hasBoundUpdate = !1, this.newlyAddedComponentTimeout && clearTimeout(this.newlyAddedComponentTimeout);
-    for (const n of this.containerDropdownObservers)
-      n.disconnect?.();
+    const n = this.contentBuilder?.getEl();
+    n && n.removeEventListener(
+      "mousedown",
+      this.handleRootToolbarRightClick,
+      !0
+    ), this.contentBuilder?.destroy(), this.hasBoundUpdate = !1, this.newlyAddedComponentTimeout && clearTimeout(this.newlyAddedComponentTimeout);
+    for (const e of this.containerDropdownObservers)
+      e.disconnect?.();
     this.containerDropdownObservers = [];
   }
   handleBuilderPropsChange() {
@@ -146473,16 +146485,16 @@ const u4 = /* @__PURE__ */ E4(VVt), Vz = Symbol.for("Dexie"), p4 = globalThis[Vz
 if (u4.semVer !== p4.semVer)
   throw new Error(`Two different versions of Dexie loaded in the same app: ${u4.semVer} and ${p4.semVer}`);
 const {
-  liveQuery: mJt,
-  mergeRanges: vJt,
-  rangesOverlap: yJt,
-  RangeSet: bJt,
-  cmp: wJt,
-  Entity: xJt,
-  PropModification: kJt,
-  replacePrefix: _Jt,
-  add: CJt,
-  remove: SJt
+  liveQuery: fJt,
+  mergeRanges: mJt,
+  rangesOverlap: vJt,
+  RangeSet: yJt,
+  cmp: bJt,
+  Entity: wJt,
+  PropModification: xJt,
+  replacePrefix: kJt,
+  add: _Jt,
+  remove: CJt
 } = p4;
 class WVt {
   constructor() {
@@ -156479,21 +156491,21 @@ Fo = Ya([
   Pn("cx-video-editor")
 ], Fo);
 export {
-  DZt as CornerPosition,
+  IZt as CornerPosition,
   Fr as Cx3dViewer,
   zZ as CxAlert,
-  AJt as CxAnimatedImage,
-  IJt as CxAnimation,
+  EJt as CxAnimatedImage,
+  OJt as CxAnimation,
   Ti as CxAssetDataDisplay,
-  OZt as CxAssetLinkFormat,
+  AZt as CxAssetLinkFormat,
   ja as CxAssetPicker,
-  MJt as CxAvatar,
+  DJt as CxAvatar,
   Aw as CxBadge,
   yr as CxBentoGrid,
   GQ as CxBicolorPicker,
   NF as CxBorderInputGroup,
-  NJt as CxBreadcrumb,
-  RJt as CxBreadcrumbItem,
+  PJt as CxBreadcrumb,
+  LJt as CxBreadcrumbItem,
   fo as CxButton,
   g4 as CxButtonGroup,
   wy as CxCard,
@@ -156502,14 +156514,14 @@ export {
   tm as CxCheckbox,
   Ua as CxClusterManagement,
   Q_ as CxColorPicker,
-  LZt as CxColorSwatch,
-  PZt as CxColorSwatchGroup,
+  NZt as CxColorSwatch,
+  MZt as CxColorSwatchGroup,
   Pr as CxComment,
   _4 as CxConfirmPopover,
   Ar as CxContentBuilder,
   fF as CxCopyButton,
   JQ as CxCornerPositionInputGroup,
-  BZt as CxCropper,
+  RZt as CxCropper,
   al as CxDashboardIframe,
   jp as CxDataTabGroup,
   FZ as CxDetails,
@@ -156520,30 +156532,30 @@ export {
   VZ as CxDotPagination,
   sl as CxDownloadFormatPicker,
   lr as CxDownloader,
-  zJt as CxDrawer,
+  BJt as CxDrawer,
   Vu as CxDropdown,
   S4 as CxDynamicSelect,
-  $Jt as CxElementClamp,
-  FZt as CxFileOnDemand,
+  FJt as CxElementClamp,
+  zZt as CxFileOnDemand,
   T4 as CxFolderSelect,
-  HJt as CxFormatBytes,
+  jJt as CxFormatBytes,
   WZ as CxFormatDate,
-  qJt as CxFormatNumber,
+  UJt as CxFormatNumber,
   ui as CxGalleryItem,
   cg as CxGraphView,
   nm as CxGrid,
   rm as CxGridItem,
   vF as CxHeader,
-  WJt as CxHubConnection,
+  VJt as CxHubConnection,
   aa as CxIcon,
   sa as CxIconButton,
   pd as CxIconPicker,
   JZ as CxIframe,
   eC as CxImage,
-  KJt as CxImageComparer,
-  XJt as CxInclude,
+  GJt as CxImageComparer,
+  YJt as CxInclude,
   Ga as CxInput,
-  ZJt as CxInputGroup,
+  JJt as CxInputGroup,
   ru as CxLineClamp,
   lee as CxListEditor,
   f4 as CxMarkdown,
@@ -156561,46 +156573,46 @@ export {
   Jd as CxPopup,
   uee as CxPositionPicker,
   aQ as CxProgressBar,
-  eZt as CxProgressRing,
-  nZt as CxQrCode,
+  QJt as CxProgressRing,
+  tZt as CxQrCode,
   bF as CxRadio,
   sQ as CxRadioButton,
   lQ as CxRadioCard,
   m4 as CxRadioGroup,
   v4 as CxRange,
-  iZt as CxRating,
-  aZt as CxRelativeTime,
+  rZt as CxRating,
+  oZt as CxRelativeTime,
   Ow as CxResizeObserver,
   ll as CxSearchBox,
   iu as CxSelect,
   pee as CxShadowInputGroup,
-  jZt as CxShareOptionList,
-  UZt as CxSidebar,
+  $Zt as CxShareOptionList,
+  HZt as CxSidebar,
   hee as CxSizeInputGroup,
-  lZt as CxSkeleton,
+  sZt as CxSkeleton,
   Ai as CxSpace,
   Gu as CxSpinner,
-  dZt as CxSplitPanel,
-  pZt as CxStep,
-  gZt as CxStepper,
-  VZt as CxStepperWizard,
+  cZt as CxSplitPanel,
+  uZt as CxStep,
+  hZt as CxStepper,
+  qZt as CxStepperWizard,
   hd as CxStorybook,
   tC as CxSwitch,
   y4 as CxTab,
   b4 as CxTabGroup,
   SF as CxTabPanel,
   _F as CxTable,
-  mZt as CxTag,
+  fZt as CxTag,
   Jl as CxTemplateSwitcher,
   cr as CxTextToSpeech,
   pQ as CxTextarea,
   hQ as CxTimecode,
   Ea as CxTooltip,
-  yZt as CxTree,
-  bZt as CxTreeItem,
-  GZt as CxTypeface,
+  vZt as CxTree,
+  yZt as CxTreeItem,
+  WZt as CxTypeface,
   Ki as CxTypography,
-  xZt as CxVideo,
+  wZt as CxVideo,
   bd as CxVideoChaptersManager,
   Fo as CxVideoEditor,
   Up as CxViewAndSort,
@@ -156612,9 +156624,9 @@ export {
   mu as Orientation,
   Sp as TransitionType,
   Bn as componentStyles,
-  TZt as getAnimation,
-  _Zt as getAnimationNames,
-  CZt as getEasingNames,
+  SZt as getAnimation,
+  kZt as getAnimationNames,
+  _Zt as getEasingNames,
   sI as setAnimation,
-  EZt as setDefaultAnimation
+  TZt as setDefaultAnimation
 };

package/library/components/video.js

@@ -1,5 +1,5 @@
 import { a as Ab, c as fs, g as On } from "../chunks/_commonjsHelpers.ByX85dGu.js";
-import { r as Tb, C as Eb, R as wb } from "../chunks/image.CRcv0x3Z.js";
+import { r as Tb, C as Eb, R as wb } from "../chunks/image.9eUBQRQ0.js";
 import Sb from "./resize-observer.js";
 import { c as Cb } from "../chunks/component.styles.DtouHn2g.js";
 import { b as Mb } from "../chunks/browser.Va59Ix3P.js";

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.19.0-pr77234.3",
+  "version": "2.21.0-ci.4",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/popup/popup.d.ts

@@ -168,7 +168,6 @@ export default class CxPopup extends CortexElement {
      * After `active` changes, cx-overlay takes some time to open.
      * Until then, the positioning is not accurate, so we use this
      * state to hide the popup until the overlay is opened.
-     * (Only for fixed strategy)
      */
     overlayOpened: boolean;
     private get isSizeMiddleWareUsed();

package/library/packages/organisms/src/content-builder/content-builder.d.ts

@@ -210,6 +210,7 @@ export default class CxContentBuilder extends CortexElement {
     private handleCanvasMouseMove;
     private handleCanvasScroll;
     private handleHorizontalScroll;
+    private handleRootToolbarRightClick;
     private handleCanvasClick;
     private handleCanvasKeydown;
     private handleTemplateManagerUpdated;