@orangelogic/design-system 4.4.0 → 4.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/library/chunks/{color-swatch-group.CZSeCrot.js → color-swatch-group.6ls-5ziB.js} +639 -639
- package/library/chunks/{header.2RH_nPmz.js → header.DWE-WJaC.js} +51 -43
- package/library/chunks/{index.DKKvxBAi.js → index.D8XR8JuY.js} +1 -1
- package/library/chunks/{responsive.BmBJSzC4.js → responsive.DqF_v1XY.js} +9 -7
- package/library/chunks/{types.PdpKNndx.js → types.DVqUSJlF.js} +6 -6
- package/library/components/atoms.js +1 -1
- package/library/components/color-swatch-group.js +2 -2
- package/library/components/header.js +4 -3
- package/library/components/organisms.js +1 -1
- package/library/components/types.js +114 -113
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/header/header.d.ts +2 -0
- package/library/packages/utils/src/responsive/responsive.d.ts +1 -0
- package/library/utils.js +53 -52
- package/package.json +1 -1
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { n as i, C as
|
|
3
|
-
import { c as
|
|
1
|
+
import y from "../components/copy-button.js";
|
|
2
|
+
import { n as i, C as w } from "./lib-cortex-element.CVMmyPMC.js";
|
|
3
|
+
import { c as P } from "./component.styles.CAS3c9pM.js";
|
|
4
4
|
import { i as m } from "./lit-element.jLBm65_O.js";
|
|
5
5
|
import { D as p } from "./content-builder.CBBdfVOl.js";
|
|
6
|
-
import { c as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { e as
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
6
|
+
import { c as z } from "./custom-element.L4WJXn1j.js";
|
|
7
|
+
import { d as M } from "./debounce.DaHuiSGU.js";
|
|
8
|
+
import { L as C } from "./i18n.BSPmBQ73.js";
|
|
9
|
+
import { w as k } from "./watch.DJF5K-8U.js";
|
|
10
|
+
import { D as T, g as f, a as g } from "./responsive.DqF_v1XY.js";
|
|
11
|
+
import { r as S } from "./state.CSDxrqLd.js";
|
|
12
|
+
import { e as x } from "./query.BBf1UFkC.js";
|
|
13
|
+
import { e as b } from "./class-map.BiVq-cVR.js";
|
|
14
|
+
import { o as D } from "./style-map.llVFPd__.js";
|
|
15
|
+
import { n as L } from "./when.Dr1es41R.js";
|
|
15
16
|
import { i as l, u } from "./static.UA3G1Deq.js";
|
|
16
|
-
const
|
|
17
|
+
const A = m`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, #fff 10px, #fff 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, H = m`
|
|
17
18
|
.column-resize-handle {
|
|
18
19
|
background-color: var(--editor-table-resize-handle-color);
|
|
19
20
|
bottom: -2px;
|
|
@@ -574,23 +575,23 @@ const L = m`insert,span[format]{background-color:var(--cx-color-success-200)}del
|
|
|
574
575
|
cursor: not-allowed;
|
|
575
576
|
}
|
|
576
577
|
|
|
577
|
-
${
|
|
578
|
+
${A}
|
|
578
579
|
`;
|
|
579
|
-
var r = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(r || {}),
|
|
580
|
-
const
|
|
581
|
-
var
|
|
582
|
-
for (var
|
|
583
|
-
(h = e[d]) && (
|
|
584
|
-
return
|
|
580
|
+
var r = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(r || {}), v = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(v || {});
|
|
581
|
+
const E = m`:host{--color:light-dark(#000,#fff);--line-height:1.5;--text-align:left;--padding:0;width:100%;display:block}:host([alignment=center]) .container{--text-align:center;justify-content:center}:host([alignment=right]) .container{--text-align:right;flex-direction:row-reverse}:host([alignment=left]) .container{--text-align:left;justify-content:flex-start}:host([alignment=justify]) .container{--text-align:justify;justify-content:flex-start}.container{padding:var(--padding,0px);flex-direction:row;align-items:center;display:flex}.container ::slotted(p),.container p{line-height:var(--line-height,1.5);word-wrap:break-word}.heading{color:var(--color);font-family:var(--font-family), var(--cx-font-sans);font-style:var(--font-style,normal);text-align:var(--text-align,left);max-width:100%;min-height:calc(var(--line-height,1) * 1em);flex:auto;min-height:1lh;margin-block:0}.container.container--has-copy-button .heading{flex:none;max-width:calc(100% - 32px)}.copy-button{opacity:0;transition:opacity var(--cx-transition-fast);color:var(--cx-color-neutral-600);pointer-events:none;user-select:none;line-height:0}.container:hover .copy-button,.copy-button:focus-within{opacity:1;pointer-events:auto;user-select:auto}.heading-1{font-size:var(--cx-font-size-3x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-2{font-size:var(--cx-font-size-2x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-3{font-size:var(--cx-font-size-x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-2x-large))}.heading-4{font-size:var(--cx-font-size-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-x-large))}.heading-5{font-size:var(--cx-font-size-medium);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-large))}.heading-6{font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-medium))}:host([custom-line-height]) .heading{line-height:unset}`;
|
|
582
|
+
var R = Object.defineProperty, F = Object.getOwnPropertyDescriptor, o = (e, n, a, c) => {
|
|
583
|
+
for (var s = c > 1 ? void 0 : c ? F(n, a) : n, d = e.length - 1, h; d >= 0; d--)
|
|
584
|
+
(h = e[d]) && (s = (c ? h(n, a, s) : h(s)) || s);
|
|
585
|
+
return c && s && R(n, a, s), s;
|
|
585
586
|
};
|
|
586
|
-
const
|
|
587
|
+
const I = {
|
|
587
588
|
[r.H1]: "heading-1",
|
|
588
589
|
[r.H2]: "heading-2",
|
|
589
590
|
[r.H3]: "heading-3",
|
|
590
591
|
[r.H4]: "heading-4",
|
|
591
592
|
[r.H5]: "heading-5",
|
|
592
593
|
[r.H6]: "heading-6"
|
|
593
|
-
},
|
|
594
|
+
}, W = {
|
|
594
595
|
[r.H1]: l`h1`,
|
|
595
596
|
[r.H2]: l`h2`,
|
|
596
597
|
[r.H3]: l`h3`,
|
|
@@ -598,9 +599,9 @@ const R = {
|
|
|
598
599
|
[r.H5]: l`h5`,
|
|
599
600
|
[r.H6]: l`h6`
|
|
600
601
|
};
|
|
601
|
-
let t = class extends
|
|
602
|
+
let t = class extends w {
|
|
602
603
|
constructor() {
|
|
603
|
-
super(), this.localize = new
|
|
604
|
+
super(), this.localize = new C(this), this.variant = r.H6, this.fontSize = void 0, this.fontSizeTablet = void 0, this.fontSizeDesktop = void 0, this.deviceType = p.Desktop, this.breakpoints = T, this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = v.Left, this.disabledCopyButton = !1, this.customLineHeight = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
|
|
604
605
|
const e = this.getAnchorID();
|
|
605
606
|
!e || e !== this.anchorID || this.scrollIntoView({
|
|
606
607
|
block: "start"
|
|
@@ -631,12 +632,12 @@ let t = class extends y {
|
|
|
631
632
|
return this.deviceType === p.Desktop ? this.fontSizeDesktop || this.fontSize || "" : this.deviceType === p.Tablet ? this.fontSizeTablet || this.fontSize || "" : this.fontSize || "";
|
|
632
633
|
}
|
|
633
634
|
runFirstUpdated() {
|
|
634
|
-
this.setAttribute("role", "heading"), this.breakpoints =
|
|
635
|
+
this.setAttribute("role", "heading"), this.breakpoints = f(this, this.breakpoints), this.deviceType = g(this.breakpoints), setTimeout(() => {
|
|
635
636
|
this.scrollToAnchor();
|
|
636
637
|
}, 200);
|
|
637
638
|
}
|
|
638
639
|
connectedCallback() {
|
|
639
|
-
super.connectedCallback(), this.addEventListener("click", this.handleClick), window.addEventListener("resize", this.handleWindowResize), this.hasAnchorLink && (this.ownerWindow.addEventListener("hashchange", this.scrollToAnchor), this.ownerWindow.addEventListener(
|
|
640
|
+
super.connectedCallback(), this.syncDeviceType(), this.addEventListener("click", this.handleClick), window.addEventListener("resize", this.handleWindowResize), this.hasAnchorLink && (this.ownerWindow.addEventListener("hashchange", this.scrollToAnchor), this.ownerWindow.addEventListener(
|
|
640
641
|
"cx-cms5-page-ready",
|
|
641
642
|
this.handleCMS5PageReady,
|
|
642
643
|
{
|
|
@@ -660,7 +661,11 @@ let t = class extends y {
|
|
|
660
661
|
}, 100);
|
|
661
662
|
}
|
|
662
663
|
handleWindowResize() {
|
|
663
|
-
this.
|
|
664
|
+
this.syncDeviceType();
|
|
665
|
+
}
|
|
666
|
+
/** Reads the current breakpoints from CSS and derives the active device. */
|
|
667
|
+
syncDeviceType() {
|
|
668
|
+
this.breakpoints = f(this, this.breakpoints), this.deviceType = g(this.breakpoints);
|
|
664
669
|
}
|
|
665
670
|
handleClick(e) {
|
|
666
671
|
this.contentEditable === "true" && e.stopPropagation();
|
|
@@ -690,33 +695,33 @@ let t = class extends y {
|
|
|
690
695
|
e.stopPropagation();
|
|
691
696
|
}
|
|
692
697
|
renderHeading() {
|
|
693
|
-
const e =
|
|
694
|
-
return u`<${n} part="heading" class=${
|
|
695
|
-
fontSize:
|
|
698
|
+
const e = I[this.variant], n = W[this.variant], a = this.currentFontSize, c = /\d/.test(a);
|
|
699
|
+
return u`<${n} part="heading" class=${b({ heading: !0, [e]: !0 })} style=${D({
|
|
700
|
+
fontSize: c ? a : void 0
|
|
696
701
|
})}><slot></slot></${n}>`;
|
|
697
702
|
}
|
|
698
703
|
render() {
|
|
699
704
|
const e = this.hasAnchorLink ? `${this.ownerWindow.location.href.split("#")[0]}#${encodeURIComponent(this.anchorID)}` : "", n = this.hasAnchorLink && !this.disabledCopyButton;
|
|
700
|
-
return u`<div part="base" class=${
|
|
705
|
+
return u`<div part="base" class=${b({
|
|
701
706
|
container: !0,
|
|
702
707
|
"container--has-copy-button": n
|
|
703
708
|
})}>${this.renderHeading()}
|
|
704
|
-
${
|
|
709
|
+
${L(n, () => u`<cx-copy-button part="copy-button" class="copy-button" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
|
|
705
710
|
}
|
|
706
711
|
};
|
|
707
712
|
t.styles = [
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
713
|
+
P,
|
|
714
|
+
H,
|
|
715
|
+
E
|
|
711
716
|
];
|
|
712
717
|
t.dependencies = {
|
|
713
|
-
"cx-copy-button":
|
|
718
|
+
"cx-copy-button": y
|
|
714
719
|
};
|
|
715
720
|
o([
|
|
716
|
-
|
|
721
|
+
x("slot")
|
|
717
722
|
], t.prototype, "defaultSlot", 2);
|
|
718
723
|
o([
|
|
719
|
-
|
|
724
|
+
x(".heading")
|
|
720
725
|
], t.prototype, "heading", 2);
|
|
721
726
|
o([
|
|
722
727
|
i({ reflect: !0, type: String })
|
|
@@ -734,7 +739,7 @@ o([
|
|
|
734
739
|
i({ attribute: "device-type", reflect: !0, type: String })
|
|
735
740
|
], t.prototype, "deviceType", 2);
|
|
736
741
|
o([
|
|
737
|
-
|
|
742
|
+
S()
|
|
738
743
|
], t.prototype, "breakpoints", 2);
|
|
739
744
|
o([
|
|
740
745
|
i({ attribute: "has-anchor-link", type: Boolean })
|
|
@@ -752,16 +757,19 @@ o([
|
|
|
752
757
|
i({ attribute: "custom-line-height", reflect: !0, type: Boolean })
|
|
753
758
|
], t.prototype, "customLineHeight", 2);
|
|
754
759
|
o([
|
|
755
|
-
|
|
760
|
+
M(100)
|
|
761
|
+
], t.prototype, "handleWindowResize", 1);
|
|
762
|
+
o([
|
|
763
|
+
k("deviceType")
|
|
756
764
|
], t.prototype, "handleDeviceTypeChange", 1);
|
|
757
765
|
o([
|
|
758
|
-
|
|
766
|
+
k("variant")
|
|
759
767
|
], t.prototype, "handleHeadingChange", 1);
|
|
760
768
|
t = o([
|
|
761
|
-
|
|
769
|
+
z("cx-header")
|
|
762
770
|
], t);
|
|
763
771
|
export {
|
|
764
|
-
|
|
772
|
+
v as A,
|
|
765
773
|
t as C,
|
|
766
774
|
r as V
|
|
767
775
|
};
|
|
@@ -13,7 +13,7 @@ import { b as W } from "./_baseIteratee.sC2wLi2m.js";
|
|
|
13
13
|
import { a as J } from "./toString.B1zKIiZc.js";
|
|
14
14
|
import { b as X } from "./cloneDeep.tKGbEwzn.js";
|
|
15
15
|
import { c as Y } from "./_baseClone.ipmFlCAx.js";
|
|
16
|
-
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.
|
|
16
|
+
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.DVqUSJlF.js";
|
|
17
17
|
import { C as wt } from "./button.cbDkxJHn.js";
|
|
18
18
|
import vt from "../components/button-group.js";
|
|
19
19
|
import kt from "../components/card.js";
|
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
import { D as i } from "./content-builder.CBBdfVOl.js";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Number.parseFloat(
|
|
2
|
+
const o = [480, 1024, 1 / 0];
|
|
3
|
+
function a(r, t = o) {
|
|
4
|
+
const n = getComputedStyle(r), e = [
|
|
5
|
+
Number.parseFloat(n.getPropertyValue("--breakpoint-mobile").trim()),
|
|
6
|
+
Number.parseFloat(n.getPropertyValue("--breakpoint-tablet").trim()),
|
|
6
7
|
1 / 0
|
|
7
8
|
];
|
|
8
9
|
return Number.isNaN(e[0]) ? e[0] = t[0] : e[0]++, Number.isNaN(e[1]) ? e[1] = t[1] : e[1]++, e;
|
|
9
10
|
}
|
|
10
|
-
function
|
|
11
|
+
function l(r) {
|
|
11
12
|
const t = window.innerWidth;
|
|
12
13
|
return t > r[1] ? i.Desktop : t > r[0] && t <= r[1] ? i.Tablet : i.Mobile;
|
|
13
14
|
}
|
|
14
15
|
export {
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
o as D,
|
|
17
|
+
l as a,
|
|
18
|
+
a as g
|
|
17
19
|
};
|
|
@@ -33,7 +33,7 @@ import zII from "../components/format-number.js";
|
|
|
33
33
|
import w4 from "../components/format-time.js";
|
|
34
34
|
import Hl from "../components/grid.js";
|
|
35
35
|
import Ml from "../components/grid-item.js";
|
|
36
|
-
import { C as J4, V as jII, A as HII } from "./header.
|
|
36
|
+
import { C as J4, V as jII, A as HII } from "./header.DWE-WJaC.js";
|
|
37
37
|
import { H as MII, a as UII } from "./hub-connection.BtevPWYb.js";
|
|
38
38
|
import { C as vA } from "./icon.BLXWp6CU.js";
|
|
39
39
|
import { C as ZA, I as _II } from "./icon-button.DV5Fks8j.js";
|
|
@@ -128,7 +128,7 @@ import { D as P4, M as jiI, U as HiI, F as MiI } from "./time.DYWuX2id.js";
|
|
|
128
128
|
import { D as Zu, b as vv, t as UiI, c as mY, H as _iI, P as e5, a as kX, d as t5, e as OiI } from "./date-picker.BGHn6qg8.js";
|
|
129
129
|
import { g as $4, F as EiI } from "./form.LpappO1d.js";
|
|
130
130
|
import { d as uY, c as o5, e as TiI, i as n5, h as QiI, p as DiI, t as PiI } from "./date.iWq_pkIk.js";
|
|
131
|
-
import { F as q4, a as $iI, b as Q3, D as IU, d as qiI, H as ICI, c as zm, e as Rh, f as Qm, g as vd, o as Jl } from "./color-swatch-group.
|
|
131
|
+
import { F as q4, a as $iI, b as Q3, D as IU, d as qiI, H as ICI, c as zm, e as Rh, f as Qm, g as vd, o as Jl } from "./color-swatch-group.6ls-5ziB.js";
|
|
132
132
|
import { b as Gv, a as _w, c as iCI, r as UI, j as yI, w as CCI, R as gCI } from "./jsx-runtime.CTpPVMxj.js";
|
|
133
133
|
import { j as bY } from "./index.CrhRU5m8.js";
|
|
134
134
|
import { i as D3, T as hY, t as ACI } from "./transform.BuqENXeT.js";
|
|
@@ -185,7 +185,7 @@ import "./calendar-grid.BWjcZL5W.js";
|
|
|
185
185
|
import "./gradient.CIzq8fOU.js";
|
|
186
186
|
import "./image.Y5c_hFx8.js";
|
|
187
187
|
import "./waveform.1U9U_0rd.js";
|
|
188
|
-
import "./responsive.
|
|
188
|
+
import "./responsive.DqF_v1XY.js";
|
|
189
189
|
import "./template.ClovJacp.js";
|
|
190
190
|
var jX = /* @__PURE__ */ ((C) => (C.Button = "button", C.Select = "select", C))(jX || {}), fZ = /* @__PURE__ */ ((C) => (C.Grid = "grid", C.Shadows = "shadows", C.Textures = "textures", C.Wireframe = "wireframe", C))(fZ || {}), vc = /* @__PURE__ */ ((C) => (C.Animation = "animation", C.Environment = "environment", C.Speed = "speed", C.Variant = "variant", C))(vc || {});
|
|
191
191
|
const l5 = 30, VCI = ["0.5", "1", "1.5", "2"], r5 = 100, FCI = 0.01, NCI = 0.01, RCI = 200, xCI = 10, SCI = 0.01, kCI = 0.3, rU = "#2A2342";
|
|
@@ -68598,7 +68598,7 @@ let Go = class extends cC {
|
|
|
68598
68598
|
${_I(
|
|
68599
68599
|
this.showOpenInNewTab,
|
|
68600
68600
|
() => 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>`
|
|
68601
|
-
)}<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=${P3(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="
|
|
68601
|
+
)}<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=${P3(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=${lC(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=${lC(this.editedImage.objectFit)} size="medium" @cx-change=${this.handleObjectFitChange}>${bC(
|
|
68602
68602
|
[
|
|
68603
68603
|
{
|
|
68604
68604
|
name: "Fit",
|
|
@@ -143953,7 +143953,7 @@ let $C = class extends cC {
|
|
|
143953
143953
|
*/
|
|
143954
143954
|
ensureConfigUi() {
|
|
143955
143955
|
return this.configUiPromise ??= Promise.all([
|
|
143956
|
-
import("./index.
|
|
143956
|
+
import("./index.D8XR8JuY.js"),
|
|
143957
143957
|
Promise.resolve().then(() => bxI)
|
|
143958
143958
|
]).then(async ([, C]) => {
|
|
143959
143959
|
this.configsController ??= new C.default(
|
|
@@ -147084,7 +147084,7 @@ hg([
|
|
|
147084
147084
|
sg = hg([
|
|
147085
147085
|
eC("cx-sb-video")
|
|
147086
147086
|
], sg);
|
|
147087
|
-
const G6I = aC`: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]
|
|
147087
|
+
const G6I = aC`: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)}`;
|
|
147088
147088
|
var Y6I = Object.defineProperty, K6I = Object.getOwnPropertyDescriptor, zP = (C) => {
|
|
147089
147089
|
throw TypeError(C);
|
|
147090
147090
|
}, jR = (C, I, i, g) => {
|
|
@@ -34,7 +34,7 @@ import { default as De } from "./format-number.js";
|
|
|
34
34
|
import { default as we } from "./format-time.js";
|
|
35
35
|
import { default as he } from "./grid.js";
|
|
36
36
|
import { default as Pe } from "./grid-item.js";
|
|
37
|
-
import { C as Me } from "../chunks/header.
|
|
37
|
+
import { C as Me } from "../chunks/header.DWE-WJaC.js";
|
|
38
38
|
import { C as Fe } from "../chunks/hub-connection.BtevPWYb.js";
|
|
39
39
|
import { f } from "../chunks/icon.BLXWp6CU.js";
|
|
40
40
|
import { C as Oe } from "../chunks/icon.BLXWp6CU.js";
|
|
@@ -3,14 +3,14 @@ import "../chunks/typography.BLYdTF0n.js";
|
|
|
3
3
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
4
4
|
import "./color-swatch.js";
|
|
5
5
|
import "../chunks/component.styles.CAS3c9pM.js";
|
|
6
|
-
import { C as w } from "../chunks/color-swatch-group.
|
|
6
|
+
import { C as w } from "../chunks/color-swatch-group.6ls-5ziB.js";
|
|
7
7
|
import "../chunks/color.CIHdfM_a.js";
|
|
8
8
|
import "../chunks/content-builder.CBBdfVOl.js";
|
|
9
9
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
10
10
|
import "../chunks/debounce.DaHuiSGU.js";
|
|
11
11
|
import "../chunks/i18n.BSPmBQ73.js";
|
|
12
12
|
import "../chunks/watch.DJF5K-8U.js";
|
|
13
|
-
import "../chunks/responsive.
|
|
13
|
+
import "../chunks/responsive.DqF_v1XY.js";
|
|
14
14
|
import "../chunks/lit-element.jLBm65_O.js";
|
|
15
15
|
import "../chunks/state.CSDxrqLd.js";
|
|
16
16
|
import "../chunks/query.BBf1UFkC.js";
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import "./copy-button.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import "../chunks/component.styles.CAS3c9pM.js";
|
|
4
|
-
import { C as
|
|
4
|
+
import { C as g } from "../chunks/header.DWE-WJaC.js";
|
|
5
5
|
import "../chunks/content-builder.CBBdfVOl.js";
|
|
6
6
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
7
|
+
import "../chunks/debounce.DaHuiSGU.js";
|
|
7
8
|
import "../chunks/i18n.BSPmBQ73.js";
|
|
8
9
|
import "../chunks/watch.DJF5K-8U.js";
|
|
9
|
-
import "../chunks/responsive.
|
|
10
|
+
import "../chunks/responsive.DqF_v1XY.js";
|
|
10
11
|
import "../chunks/state.CSDxrqLd.js";
|
|
11
12
|
import "../chunks/query.BBf1UFkC.js";
|
|
12
13
|
import "../chunks/class-map.BiVq-cVR.js";
|
|
@@ -14,5 +15,5 @@ import "../chunks/style-map.llVFPd__.js";
|
|
|
14
15
|
import "../chunks/when.Dr1es41R.js";
|
|
15
16
|
import "../chunks/static.UA3G1Deq.js";
|
|
16
17
|
export {
|
|
17
|
-
|
|
18
|
+
g as default
|
|
18
19
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { C as a } from "../chunks/asset-link-format.DTLA2CFh.js";
|
|
2
|
-
import { C as t } from "../chunks/color-swatch-group.
|
|
2
|
+
import { C as t } from "../chunks/color-swatch-group.6ls-5ziB.js";
|
|
3
3
|
import { default as C } from "./file-on-demand.js";
|
|
4
4
|
export {
|
|
5
5
|
a as CxAssetLinkFormat,
|