@orangelogic/design-system 3.25.0 → 3.27.0

package/library/chunks/{index.Ba7eu3XZ.js → index.CjUSN045.js}

@@ -13,7 +13,7 @@ import { b as W } from "./_baseIteratee.sC2wLi2m.js";
 import { a as J } from "./toString.B1zKIiZc.js";
 import { b as X } from "./cloneDeep.tKGbEwzn.js";
 import { c as Y } from "./_baseClone.ipmFlCAx.js";
-import { F as _, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.Dbsa_wuJ.js";
+import { F as _, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.Cg12JBbN.js";
 import { C as wt } from "./button.cbDkxJHn.js";
 import vt from "../components/button-group.js";
 import kt from "../components/card.js";

package/library/chunks/{types.Dbsa_wuJ.js → types.Cg12JBbN.js}

@@ -68598,7 +68598,7 @@ let vo = class extends ci {
           ${_I(
       this.showOpenInNewTab,
       () => X`<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-checkbox .defaultChecked=${this.editedImage.openInNewTab ?? !0} ?checked=${this.editedImage.openInNewTab ?? !0} @cx-change=${this.handleOpenInNewTabChange}><cx-typography variant="body2">${this.localize.term("openInNewTab")}</cx-typography></cx-checkbox></cx-grid-item></cx-grid>`
-    )}<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("backgroundColor")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-bicolor-picker value=${_3(this.editedImage.backgroundColor ?? "")} @cx-bicolor-picker-change=${this.handleBackgroundColorChange}></cx-bicolor-picker></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("thumbnail")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-asset-picker id=${this.editedImage.id} name="src" ?required=${!this.editedImage.backgroundColor} is-site-builder type="all" value=${li(this.editedImage.src)} record-id=${this.editedImage.id || ""} ?disabled=${this.disabledAssetPicker} .onRequestAsset=${this.onRequestAsset} @cx-asset-request-status=${this.handleAssetRequestStatus} @cx-content-builder-asset-select=${this.handleAssetSelect} @cx-content-builder-asset-delete=${this.handleAssetDelete}></cx-asset-picker></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("cropStyle")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-radio-group data-testid="object-fit-control" horizontal value=${li(this.editedImage.objectFit)} size="medium" @cx-change=${this.handleObjectFitChange}>${bi(
+    )}<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("backgroundColor")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-bicolor-picker value=${_3(this.editedImage.backgroundColor ?? "")} @cx-bicolor-picker-change=${this.handleBackgroundColorChange}></cx-bicolor-picker></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("thumbnail")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-asset-picker id=${this.editedImage.id} name="src" ?required=${!this.editedImage.backgroundColor} is-site-builder type="image audio video other" restrict value=${li(this.editedImage.src)} record-id=${this.editedImage.id || ""} ?disabled=${this.disabledAssetPicker} .onRequestAsset=${this.onRequestAsset} @cx-asset-request-status=${this.handleAssetRequestStatus} @cx-content-builder-asset-select=${this.handleAssetSelect} @cx-content-builder-asset-delete=${this.handleAssetDelete}></cx-asset-picker></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("cropStyle")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-radio-group data-testid="object-fit-control" horizontal value=${li(this.editedImage.objectFit)} size="medium" @cx-change=${this.handleObjectFitChange}>${bi(
       [
         {
           name: "Fit",
@@ -143932,7 +143932,7 @@ let qi = class extends ci {
    */
   ensureConfigUi() {
     return this.configUiPromise ??= Promise.all([
-      import("./index.Ba7eu3XZ.js"),
+      import("./index.CjUSN045.js"),
       Promise.resolve().then(() => sxI)
     ]).then(async ([, i]) => {
       this.configsController ??= new i.default(
@@ -146759,7 +146759,7 @@ hg([
 sg = hg([
   ei("cx-sb-video")
 ], sg);
-const hUI = ai`:host{--block-max-width:var(--content-builder-viewer-band-width,min(calc(var(--content-builder-viewer-content-max-width,100%) - var(--left-container-offset,0px) - var(--right-container-offset,0px)), calc(100cqw - var(--left-container-offset,0px) - var(--right-container-offset,0px))));--band-width:var(--block-max-width);display:block;container-type:inline-size}:host>:is([data-gjs-type=wrapper],[data-content-builder-section])>cx-column:first-of-type>[full-bleed],:host>cx-column:last-of-type>[full-bleed]{width:100%!important}:host :is(cx-button,cx-sb-button,cx-divider,cx-header,cx-audio,cx-sb-audio,cx-image,cx-sb-image,cx-video,cx-sb-video,cx-search-box,cx-text,cx-font-kit,cx-font-kit-advanced,cx-gallery,cx-color-swatch-group,cx-column-group,cx-data-tab-group,cx-details-group,cx-document-viewer,cx-sb-document-viewer,cx-sb-dam-view,cx-timeline){--margin:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--margin-top:0px;--min-width:40px;margin:var(--margin,0px);margin-left:max(min(var(--margin-left,0px), calc(100% - var(--min-width,100%))), 0px);max-width:min(100%, calc(100% - var(--margin-left,0px) - var(--margin-right,0px)));min-width:var(--min-width,100%)}:host :is(cx-text,cx-header){--max-width:100%;--min-block-width:0px;--max-block-width:500px}:host :is(cx-text,cx-header)[data-constraints]{--min-width:var(--min-block-width);--max-width:var(--max-block-width)}:host :is(cx-details-group,cx-data-tab-group){--min-block-height:0px;--max-block-height:500px}:host :is(cx-details-group,cx-data-tab-group)[data-constraints]{--min-height:var(--min-block-height);--max-height:var(--max-block-height)}:host :is(cx-column-group,cx-data-tab-group,cx-details-group,cx-search-box){--min-width:160px}:host cx-color-swatch-group{--min-width:200px}:host cx-gallery{--min-width:min(var(--content-width,200px), 100%)}:host cx-gallery[data-constraints]{--min-height:var(--gallery-min-height);--max-height:var(--gallery-max-height)}:host :is(cx-image,cx-sb-image)[data-constraints]{--min-height:var(--image-min-height);--max-height:var(--image-max-height);--min-width:var(--image-min-width);--max-width:var(--image-max-width)}:host :is(cx-video,cx-sb-video)[data-constraints]{--min-height:var(--video-min-height);--max-height:var(--video-max-height);--min-width:var(--video-min-width);--max-width:var(--video-max-width)}:host cx-column-group[data-constraints] cx-column{--min-width:var(--column-min-width);--max-width:var(--column-max-width)}:host :is(cx-audio,cx-sb-audio,cx-text,cx-header,cx-image,cx-sb-image,cx-video,cx-sb-video){max-width:min(100%, var(--max-width,100%), calc(100% - var(--margin-left,0px) - var(--margin-right,0px)));min-width:clamp(40px, var(--min-width,100%), 100%)}:host :is(cx-image,cx-sb-image,cx-video,cx-sb-video){min-height:max(var(--min-height,40px), 40px);max-height:var(--max-height)}:host cx-divider{--padding:var(--cx-spacing-2x-small) 0}:host cx-header{scroll-margin-top:[SCROLLING_MARGIN_TOP]}:host :is(cx-header,cx-text) *{line-height:var(--line-height,1.5)}`;
+const hUI = ai`:host{--block-max-width:var(--content-builder-viewer-band-width,min(calc(var(--content-builder-viewer-content-max-width,100%) - var(--left-container-offset,0px) - var(--right-container-offset,0px)), calc(100cqw - var(--left-container-offset,0px) - var(--right-container-offset,0px))));--band-width:var(--block-max-width);display:block;container-type:inline-size}:host>:is([data-gjs-type=wrapper],[data-content-builder-section])>cx-column:first-of-type>[full-bleed],:host>cx-column:last-of-type>[full-bleed]{width:100%!important}:host :is(cx-button,cx-sb-button,cx-divider,cx-header,cx-audio,cx-sb-audio,cx-image,cx-sb-image,cx-video,cx-sb-video,cx-search-box,cx-text,cx-font-kit,cx-font-kit-advanced,cx-gallery,cx-color-swatch-group,cx-column-group,cx-data-tab-group,cx-details-group,cx-document-viewer,cx-sb-document-viewer,cx-sb-dam-view,cx-timeline){--margin:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--margin-top:0px;--min-width:40px;margin:var(--margin,0px);margin-left:max(min(var(--margin-left,0px), calc(100% - var(--min-width,100%))), 0px);max-width:min(100%, calc(100% - var(--margin-left,0px) - var(--margin-right,0px)));min-width:var(--min-width,100%)}:host :is(cx-text,cx-header){--max-width:100%;--min-block-width:0px;--max-block-width:500px}:host :is(cx-text,cx-header)[data-constraints]{--min-width:var(--min-block-width);--max-width:var(--max-block-width)}:host :is(cx-details-group,cx-data-tab-group){--min-block-height:0px;--max-block-height:500px}:host :is(cx-details-group,cx-data-tab-group)[data-constraints]{--min-height:var(--min-block-height);--max-height:var(--max-block-height)}:host :is(cx-column-group,cx-data-tab-group,cx-details-group,cx-search-box){--min-width:160px}:host cx-color-swatch-group{--min-width:200px}:host cx-gallery{--min-width:min(var(--content-width,200px), 100%)}:host cx-gallery[data-constraints]{--min-height:var(--gallery-min-height);--max-height:var(--gallery-max-height)}:host :is(cx-image,cx-sb-image)[data-constraints]{--min-height:var(--image-min-height);--max-height:var(--image-max-height);--min-width:var(--image-min-width);--max-width:var(--image-max-width)}:host :is(cx-video,cx-sb-video)[data-constraints]{--min-height:var(--video-min-height);--max-height:var(--video-max-height);--min-width:var(--video-min-width);--max-width:var(--video-max-width)}:host cx-column-group[data-constraints]>cx-column{--min-width:var(--column-min-width);--max-width:var(--column-max-width)}:host :is(cx-audio,cx-sb-audio,cx-text,cx-header,cx-image,cx-sb-image,cx-video,cx-sb-video){max-width:min(100%, var(--max-width,100%), calc(100% - var(--margin-left,0px) - var(--margin-right,0px)));min-width:clamp(40px, var(--min-width,100%), 100%)}:host :is(cx-image,cx-sb-image,cx-video,cx-sb-video){min-height:max(var(--min-height,40px), 40px);max-height:var(--max-height)}:host cx-divider{--padding:var(--cx-spacing-2x-small) 0}:host cx-header{scroll-margin-top:[SCROLLING_MARGIN_TOP]}:host :is(cx-header,cx-text) *{line-height:var(--line-height,1.5)}`;
 var pUI = Object.defineProperty, ZUI = Object.getOwnPropertyDescriptor, RP = (i) => {
   throw TypeError(i);
 }, xR = (i, I, C, g) => {

package/library/components/types.js

@@ -86,7 +86,7 @@ import { default as mt } from "./visually-hidden.js";
 import { fontAwesomeIconNames as pt, getAnimationNames as ft, getEasingNames as Ct } from "./atoms.js";
 import { c as ut } from "../chunks/component.styles.CAS3c9pM.js";
 import { g as gt, a as Tt, s as At } from "../chunks/animation-registry.HmpwNuGH.js";
-import { u as It, v as Dt, V as bt, w as yt, o as Ft, n as Pt, m as ht, Y as Et, Z as Rt, _ as Lt, a0 as Ot, $ as vt, a1 as Bt, a2 as Vt, a3 as Mt, a4 as _t, a5 as Gt, k as kt, W as wt, x as Nt, X as Ht, y as Ut, z as zt, A as Xt, j as Wt, a6 as Kt, B as jt, D as qt, E as Yt, G as Jt, a7 as Qt, h as Zt, H as $t, J as ao, f as eo, S as to, T as oo, a8 as ro, e as so, K as xo, L as io, M as lo, N as mo, P as no, a9 as po, aa as fo, Q as Co, R as uo, ab as co, ac as go, b as To, U as Ao, ad as So, ae as Io } from "../chunks/types.Dbsa_wuJ.js";
+import { u as It, v as Dt, V as bt, w as yt, o as Ft, n as Pt, m as ht, Y as Et, Z as Rt, _ as Lt, a0 as Ot, $ as vt, a1 as Bt, a2 as Vt, a3 as Mt, a4 as _t, a5 as Gt, k as kt, W as wt, x as Nt, X as Ht, y as Ut, z as zt, A as Xt, j as Wt, a6 as Kt, B as jt, D as qt, E as Yt, G as Jt, a7 as Qt, h as Zt, H as $t, J as ao, f as eo, S as to, T as oo, a8 as ro, e as so, K as xo, L as io, M as lo, N as mo, P as no, a9 as po, aa as fo, Q as Co, R as uo, ab as co, ac as go, b as To, U as Ao, ad as So, ae as Io } from "../chunks/types.Cg12JBbN.js";
 import { default as bo } from "./bicolor-picker.js";
 import { default as Fo } from "./border-input-group.js";
 import { default as ho } from "./color-swatch.js";

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "3.25.0",
+  "version": "3.27.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "3.25.0",
+  "version": "3.27.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {