@orangelogic/design-system 4.6.0 → 4.7.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.Dt2vLFCn.js → color-swatch-group.DMza5xD7.js} +8 -7
- package/library/chunks/{index.l7_9Gos7.js → index.DpHjvpmp.js} +2 -2
- package/library/chunks/{tab-group.JWpZbQVm.js → tab-group.Dy2fEfC-.js} +9 -4
- package/library/chunks/{types.Cvu2P3Ny.js → types.4OaADvOF.js} +12094 -12036
- package/library/components/atoms.js +1 -1
- package/library/components/color-picker.js +1 -1
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/color-swatch.js +8 -8
- package/library/components/file-on-demand.js +1 -1
- package/library/components/organisms.js +1 -1
- package/library/components/tab-group.js +1 -1
- package/library/components/types.js +27 -27
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/tab-group/tab-group.d.ts +1 -0
- package/library/packages/molecules/src/icon-picker/icon-picker.d.ts +15 -3
- package/library/packages/organisms/src/content-builder/components/color-swatch-picker/color-swatch-picker.d.ts +7 -4
- package/library/react-web-component.d.ts +4 -0
- package/package.json +1 -1
|
@@ -75,7 +75,7 @@ import { default as Xo } from "./step.js";
|
|
|
75
75
|
import { default as Zo } from "./stepper.js";
|
|
76
76
|
import { default as et } from "./switch.js";
|
|
77
77
|
import { default as tt } from "./tab.js";
|
|
78
|
-
import { C as at } from "../chunks/tab-group.
|
|
78
|
+
import { C as at } from "../chunks/tab-group.Dy2fEfC-.js";
|
|
79
79
|
import { default as ft } from "./tab-panel.js";
|
|
80
80
|
import { default as st } from "./tag.js";
|
|
81
81
|
import { default as pt } from "./textarea.js";
|
|
@@ -27,7 +27,7 @@ import { C as st } from "../chunks/option.CwbFof9H.js";
|
|
|
27
27
|
import lt from "./select.js";
|
|
28
28
|
import nt from "./spinner.js";
|
|
29
29
|
import ct from "./tab.js";
|
|
30
|
-
import { C as pt } from "../chunks/tab-group.
|
|
30
|
+
import { C as pt } from "../chunks/tab-group.Dy2fEfC-.js";
|
|
31
31
|
import dt from "./tab-panel.js";
|
|
32
32
|
import ht from "./visually-hidden.js";
|
|
33
33
|
import { C as ut } from "../chunks/icon-button.BXs29IQE.js";
|
|
@@ -3,7 +3,7 @@ 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.DMza5xD7.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";
|
|
@@ -8,17 +8,17 @@ import { c as S } from "../chunks/component.styles.CAS3c9pM.js";
|
|
|
8
8
|
import { C as m, a as C, b as z, c as O, d as h, e as l, H as A, l as W, f as R, g as x } from "../chunks/color.CIHdfM_a.js";
|
|
9
9
|
import { c as U } from "../chunks/custom-element.L4WJXn1j.js";
|
|
10
10
|
import { d as V } from "../chunks/debounce.DaHuiSGU.js";
|
|
11
|
-
import { L as
|
|
11
|
+
import { L as j } from "../chunks/i18n.D5L6xAYT.js";
|
|
12
12
|
import { w as s } from "../chunks/watch.DJF5K-8U.js";
|
|
13
|
-
import { i as
|
|
13
|
+
import { i as E, x as g } from "../chunks/lit-element.jLBm65_O.js";
|
|
14
14
|
import { r as n } from "../chunks/state.CSDxrqLd.js";
|
|
15
|
-
import { e as
|
|
15
|
+
import { e as G } from "../chunks/query.BBf1UFkC.js";
|
|
16
16
|
import { e as w } from "../chunks/class-map.BiVq-cVR.js";
|
|
17
17
|
import { o as f } from "../chunks/if-defined.BRoBj_Rp.js";
|
|
18
|
-
import { c as
|
|
18
|
+
import { c as H } from "../chunks/repeat.CFjcER6_.js";
|
|
19
19
|
import { o as p } from "../chunks/style-map.llVFPd__.js";
|
|
20
20
|
import { n as I } from "../chunks/when.Dr1es41R.js";
|
|
21
|
-
const B =
|
|
21
|
+
const B = E`:host{isolation:isolate;display:block}.color-swatch{border:1px solid var(--cx-color-neutral-200);justify-content:center;align-items:center;display:flex}.color-swatch:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch--circle{aspect-ratio:1;height:auto;width:var(--swatch-circle-size,var(--swatch-size,350px));min-width:var(--swatch-size,230px);border-radius:var(--swatch-circle-border-radius,var(--cx-border-radius-circle));max-width:100%;overflow:hidden}.color-swatch--oval{height:var(--swatch-circle-size,var(--swatch-size,350px));border-radius:var(--swatch-circle-border-radius,calc(var(--swatch-circle-size,var(--swatch-size,350px)) / 2));width:100%}.color-swatch--grid{width:100%;height:100%;min-width:var(--swatch-grid-min-width,165px);min-height:max(var(--swatch-size,300px), var(--swatch-min-height,50px));border:var(--swatch-border,0px solid transparent);box-shadow:var(--swatch-box-shadow,none);border-radius:var(--swatch-border-radius,var(--cx-border-radius-x-large));border-style:solid;align-items:stretch}.color-swatch__content{max-height:100%;padding:var(--swatch-content-padding,0);justify-content:space-between;gap:var(--cx-spacing-medium)}.color-swatch--circle>.color-swatch__content{min-width:50%;max-width:75%}.color-swatch--oval>.color-swatch__content{max-width:85%}.color-swatch--circle,.color-swatch--oval{justify-content:var(--swatch-circle-content-align,center);align-items:var(--swatch-circle-content-justify,center)}.color-swatch--circle>.color-swatch__content,.color-swatch--oval>.color-swatch__content{align-items:var(--swatch-circle-content-align,center);justify-content:var(--swatch-circle-content-justify,center);margin:var(--swatch-circle-content-margin,0)}.color-swatch--grid>.color-swatch__content{justify-content:var(--swatch-content-justify,space-between);width:100%;max-height:none;padding:var(--swatch-content-margin,var(--cx-spacing-medium))}.color-swatch__key::part(base){vertical-align:middle;min-width:50px;height:100%}.color-swatch__key[variant=small]::part(base){display:inline-block}.color-swatch__copy-button::part(button){height:fit-content;min-height:fit-content;padding:0;background:0 0!important;border-width:0!important}.color-swatch__copy-button::part(label){height:fit-content;padding:0}.color-swatch__value{text-transform:none}.color-swatch__value::part(base){word-break:break-word}.color-swatch__value-wrapper{text-align:left}.color-swatch__name,.color-swatch__key,.color-swatch__value{--font-family:var(--swatch-font-family), var(--cx-font-sans);--font-style:var(--swatch-font-style,normal);--font-weight:var(--swatch-font-weight);--font-size:var(--swatch-font-size);--line-height:1.2}`;
|
|
22
22
|
var L = Object.defineProperty, D = Object.getOwnPropertyDescriptor, e = (r, i, o, d) => {
|
|
23
23
|
for (var c = d > 1 ? void 0 : d ? D(i, o) : i, u = r.length - 1, y; u >= 0; u--)
|
|
24
24
|
(y = r[u]) && (c = (d ? y(i, o, c) : y(c)) || c);
|
|
@@ -26,7 +26,7 @@ var L = Object.defineProperty, D = Object.getOwnPropertyDescriptor, e = (r, i, o
|
|
|
26
26
|
};
|
|
27
27
|
let t = class extends $ {
|
|
28
28
|
constructor() {
|
|
29
|
-
super(...arguments), this.localize = new
|
|
29
|
+
super(...arguments), this.localize = new j(this), this.ignoreWatchColorChange = /* @__PURE__ */ new Set(), this.variant = m.Circle, this.name = "", this.hex = "", this.rgb = "", this.cmyk = "", this.pms = "", this.canCopy = !1, this.showCodes = ["HEX", "RGB", "CMYK", "PMS"], this.canFocusCodeOnly = !1, this.noAutoConvert = !1, this.codeAlignment = C.SameLine, this.codeSeparator = z.Comma, this.hexFormat = O.LeadingHash, this.gradientStops = "", this.textColor = "#27272A", this.textVariant = "body2", this.lineClamp = 3, this.backgroundColor = "#F9F9F9", this.canFocusContainer = !0, this.isContainerFocused = !1;
|
|
30
30
|
}
|
|
31
31
|
runFirstUpdated() {
|
|
32
32
|
this.handleColorChange();
|
|
@@ -114,7 +114,7 @@ let t = class extends $ {
|
|
|
114
114
|
...this.gradientImage ? { backgroundImage: this.gradientImage } : {}
|
|
115
115
|
})} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut}><cx-space part="content" direction="vertical" class="color-swatch__content"><cx-typography variant="h5" part="name" class="color-swatch__name" style=${p({
|
|
116
116
|
"--color": this.textColor
|
|
117
|
-
})}>${this.name}</cx-typography><cx-space direction="vertical" spacing=${this.rowGap} part="content">${
|
|
117
|
+
})}>${this.name}</cx-typography><cx-space direction="vertical" spacing=${this.rowGap} part="content">${H(
|
|
118
118
|
r,
|
|
119
119
|
(o) => o.key,
|
|
120
120
|
(o) => g`<cx-space direction=${i} align-items=${i === "vertical" ? "flex-start" : "center"} spacing=${i === "vertical" ? "3x-small" : "small"} part="item" wrap="nowrap"><cx-typography variant=${this.textVariant} class="color-swatch__key" part="key" style=${p({
|
|
@@ -146,7 +146,7 @@ t.dependencies = {
|
|
|
146
146
|
"cx-typography": F
|
|
147
147
|
};
|
|
148
148
|
e([
|
|
149
|
-
|
|
149
|
+
G(".color-swatch")
|
|
150
150
|
], t.prototype, "containerEl", 2);
|
|
151
151
|
e([
|
|
152
152
|
a({ reflect: !0, type: String })
|
|
@@ -27,7 +27,7 @@ import yt from "./relative-time.js";
|
|
|
27
27
|
import Ft from "./select.js";
|
|
28
28
|
import Rt from "./space.js";
|
|
29
29
|
import kt from "./tab.js";
|
|
30
|
-
import { C as Ot } from "../chunks/tab-group.
|
|
30
|
+
import { C as Ot } from "../chunks/tab-group.Dy2fEfC-.js";
|
|
31
31
|
import Nt from "./tab-panel.js";
|
|
32
32
|
import bt from "./tooltip.js";
|
|
33
33
|
import { C as rt } from "../chunks/typography.BLYdTF0n.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { C as a } from "../chunks/asset-link-format.Bi9J8xCQ.js";
|
|
2
|
-
import { C as t } from "../chunks/color-swatch-group.
|
|
2
|
+
import { C as t } from "../chunks/color-swatch-group.DMza5xD7.js";
|
|
3
3
|
import { default as C } from "./file-on-demand.js";
|
|
4
4
|
export {
|
|
5
5
|
a as CxAssetLinkFormat,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./resize-observer.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import "../chunks/component.styles.CAS3c9pM.js";
|
|
4
|
-
import { C as A } from "../chunks/tab-group.
|
|
4
|
+
import { C as A } from "../chunks/tab-group.Dy2fEfC-.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.D5L6xAYT.js";
|
|
7
7
|
import "../chunks/scroll.xtO5yojm.js";
|
|
@@ -11,7 +11,7 @@ import { default as S } from "./breadcrumb.js";
|
|
|
11
11
|
import { default as D } from "./breadcrumb-item.js";
|
|
12
12
|
import { C as F } from "../chunks/button.CUeXJXcO.js";
|
|
13
13
|
import { default as P } from "./button-group.js";
|
|
14
|
-
import { default as
|
|
14
|
+
import { default as h } from "./card.js";
|
|
15
15
|
import { default as O } from "./checkbox.js";
|
|
16
16
|
import { default as v } from "./color-picker.js";
|
|
17
17
|
import { default as V } from "./copy-button.js";
|
|
@@ -38,7 +38,7 @@ import { C as Sa } from "../chunks/hub-connection.BtevPWYb.js";
|
|
|
38
38
|
import { C as Da } from "../chunks/icon.BLXWp6CU.js";
|
|
39
39
|
import { C as Fa } from "../chunks/icon-button.BXs29IQE.js";
|
|
40
40
|
import { C as Pa } from "../chunks/iframe.e5XdCox5.js";
|
|
41
|
-
import { C as
|
|
41
|
+
import { C as ha } from "../chunks/image.CjdSn_IT.js";
|
|
42
42
|
import { default as Oa } from "./image-comparer.js";
|
|
43
43
|
import { default as va } from "./include.js";
|
|
44
44
|
import { C as Va } from "../chunks/input.zRoRq5mq.js";
|
|
@@ -65,7 +65,7 @@ import { default as Se } from "./rating.js";
|
|
|
65
65
|
import { default as De } from "./relative-time.js";
|
|
66
66
|
import { default as Fe } from "./resize-observer.js";
|
|
67
67
|
import { default as Pe } from "./select.js";
|
|
68
|
-
import { default as
|
|
68
|
+
import { default as he } from "./skeleton.js";
|
|
69
69
|
import { default as Oe } from "./space.js";
|
|
70
70
|
import { default as ve } from "./spinner.js";
|
|
71
71
|
import { default as Ve } from "./split-panel.js";
|
|
@@ -73,7 +73,7 @@ import { default as _e } from "./step.js";
|
|
|
73
73
|
import { default as ke } from "./stepper.js";
|
|
74
74
|
import { default as Ne } from "./switch.js";
|
|
75
75
|
import { default as Ue } from "./tab.js";
|
|
76
|
-
import { C as Xe } from "../chunks/tab-group.
|
|
76
|
+
import { C as Xe } from "../chunks/tab-group.Dy2fEfC-.js";
|
|
77
77
|
import { default as Ke } from "./tab-panel.js";
|
|
78
78
|
import { default as qe } from "./tag.js";
|
|
79
79
|
import { default as Je } from "./textarea.js";
|
|
@@ -86,15 +86,15 @@ import { default as mt } from "./visually-hidden.js";
|
|
|
86
86
|
import { fontAwesomeIconNames as pt, getAnimationNames as ft, getEasingNames as Ct } from "./atoms.js";
|
|
87
87
|
import { c as ut } from "../chunks/component.styles.CAS3c9pM.js";
|
|
88
88
|
import { g as gt, a as Tt, s as At } from "../chunks/animation-registry.HmpwNuGH.js";
|
|
89
|
-
import { u as It, v as Dt, V as bt, w as Ft, o as yt, n as Pt, m as
|
|
89
|
+
import { u as It, v as Dt, V as bt, w as Ft, o as yt, n as Pt, m as Et, Y as ht, Z as Rt, _ as Ot, a0 as Lt, $ 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.4OaADvOF.js";
|
|
90
90
|
import { default as bo } from "./bicolor-picker.js";
|
|
91
91
|
import { default as yo } from "./border-input-group.js";
|
|
92
|
-
import { default as
|
|
92
|
+
import { default as Eo } from "./color-swatch.js";
|
|
93
93
|
import { C as Ro } from "../chunks/confirm-popover.CeKZ8dF1.js";
|
|
94
94
|
import { default as Lo } from "./corner-position-input-group.js";
|
|
95
95
|
import { default as Bo } from "./cropper.js";
|
|
96
96
|
import { default as Mo } from "./dynamic-select.js";
|
|
97
|
-
import { C as Go,
|
|
97
|
+
import { C as Go, i as ko, j as wo } from "../chunks/color-swatch-group.DMza5xD7.js";
|
|
98
98
|
import { C as Ho } from "../chunks/folder-select.lF4v6bbN.js";
|
|
99
99
|
import { default as zo } from "./masonry.js";
|
|
100
100
|
import { default as Wo } from "./padding-input-group.js";
|
|
@@ -108,10 +108,10 @@ import { default as sr } from "./typeface.js";
|
|
|
108
108
|
import { C as ir } from "../chunks/asset-link-format.Bi9J8xCQ.js";
|
|
109
109
|
import { default as mr } from "./file-on-demand.js";
|
|
110
110
|
import { C as pr, E as fr, b as Cr, G as dr, a as ur, O as cr, T as gr } from "../chunks/index.Cpamj0jB.js";
|
|
111
|
-
import { CortexPopupController as Ar, DateRangePresets as Sr, DragScroll as Ir, HistoryManager as Dr, KeyboardKey as br, PRECISION as Fr, downloadAsset as yr, extractFrames as Pr, findFrameByColAndRow as
|
|
111
|
+
import { CortexPopupController as Ar, DateRangePresets as Sr, DragScroll as Ir, HistoryManager as Dr, KeyboardKey as br, PRECISION as Fr, downloadAsset as yr, extractFrames as Pr, findFrameByColAndRow as Er, getBrowserFontVariants as hr, getFontFamilyOptionValue as Rr, getFontFamilyVariants as Or, getFormControls as Lr, getInterval as vr, getTypefaceOptionValue as Br, insertFrameToCache as Vr, isFontFamilyAvailable as Mr, isFormInteracted as _r, isModKey as Gr, isoWeekNumber as kr, omit as wr, openAssetOverview as Nr, openFolderOverview as Hr, openLink as Ur, parseJsonString as zr, parseListString as Xr, pick as Wr, quoteFontFamily as Kr, readLocalStorageValue as jr, serialize as qr, shareAsset as Yr, sortTypefaceVariants as Jr, testFontAvailability as Qr, unquoteFontFamily as Zr, writeLocalStorageValue as $r } from "../utils.js";
|
|
112
112
|
import { e as es, f as ts, g as os, c as rs, i as ss, a as xs, d as is, m as ls, b as ms, r as ns, t as ps } from "../chunks/toast.D3AW3RWv.js";
|
|
113
113
|
import { e as Cs, a as ds, f as us, g as cs, d as gs, b as Ts, c as As, i as Ss, p as Is, s as Ds } from "../chunks/browser.BHOCIF_A.js";
|
|
114
|
-
import { k as Fs, e as ys, m as Ps, H as
|
|
114
|
+
import { k as Fs, e as ys, m as Ps, H as Es, R as hs, d as Rs, o as Os, g as Ls, f as vs, n as Bs, h as Vs, l as Ms, i as _s, p as Gs, j as ks } from "../chunks/color.CIHdfM_a.js";
|
|
115
115
|
import { a as Ns, g as Hs } from "../chunks/active-elements.jTVWtBDp.js";
|
|
116
116
|
import { a as zs, p as Xs, c as Ws, b as Ks, s as js, w as qs } from "../chunks/event.BeKOsirN.js";
|
|
117
117
|
import { t as Js } from "../chunks/converters.DkDtLstb.js";
|
|
@@ -125,21 +125,21 @@ import { L as ux, r as cx } from "../chunks/i18n.D5L6xAYT.js";
|
|
|
125
125
|
import { c as Tx, q as Ax } from "../chunks/math.DuKzLacZ.js";
|
|
126
126
|
import { g as Ix } from "../chunks/modal.Ct0bJBSe.js";
|
|
127
127
|
import { g as bx, l as Fx, s as yx, u as Px } from "../chunks/scroll.xtO5yojm.js";
|
|
128
|
-
import { H as
|
|
128
|
+
import { H as hx, a as Rx, g as Ox } from "../chunks/slot.j5oheLJC.js";
|
|
129
129
|
import { a as vx, g as Bx } from "../chunks/tabbable.BwnZBHrm.js";
|
|
130
130
|
import { i as Mx } from "../chunks/user-agent.D9aPuOyL.js";
|
|
131
131
|
import { w as Gx } from "../chunks/watch.DJF5K-8U.js";
|
|
132
132
|
import { C as wx } from "../chunks/calendar-grid.BWjcZL5W.js";
|
|
133
133
|
import { b as Hx, c as Ux, f as zx, h as Xx, g as Wx, a as Kx, i as jx, d as qx, n as Yx, e as Jx, p as Qx, t as Zx } from "../chunks/date.iWq_pkIk.js";
|
|
134
134
|
import { c as ai, d as ei, h as ti, m as oi, k as ri, a as si, g as xi, j as ii, b as li, f as mi, i as ni, e as pi, l as fi, r as Ci, s as di } from "../chunks/dom.D0lSUoEI.js";
|
|
135
|
-
import { A as ci, g as gi, j as Ti, O as Ai, S as Si, a as Ii, h as Di, b as bi, e as Fi, d as yi, f as Pi, i as
|
|
135
|
+
import { A as ci, g as gi, j as Ti, O as Ai, S as Si, a as Ii, h as Di, b as bi, e as Fi, d as yi, f as Pi, i as Ei, k as hi, p as Ri, r as Oi, c as Li } from "../chunks/transformation.Dm-pK2ft.js";
|
|
136
136
|
import { M as Bi, c as Vi, e as Mi, i as _i, n as Gi, p as ki, b as wi, s as Ni, d as Hi } from "../chunks/gradient.CIzq8fOU.js";
|
|
137
137
|
import { c as zi, f as Xi, e as Wi, b as Ki, g as ji, d as qi, i as Yi, r as Ji, a as Qi } from "../chunks/image.Y5c_hFx8.js";
|
|
138
138
|
import { b as $i, e as al } from "../chunks/waveform.1U9U_0rd.js";
|
|
139
139
|
import { c as tl, b as ol, a as rl, e as sl, d as xl, f as il, g as ll, r as ml, s as nl } from "../chunks/number.Cx2ncfJJ.js";
|
|
140
140
|
import { s as fl } from "../chunks/parse.Cu5nBDTb.js";
|
|
141
141
|
import { D as dl, g as ul, a as cl } from "../chunks/responsive.DqF_v1XY.js";
|
|
142
|
-
import { b as Tl, n as Al, d as Sl, e as Il, f as Dl, y as bl, o as Fl, g as yl, h as Pl, l as
|
|
142
|
+
import { b as Tl, n as Al, d as Sl, e as Il, f as Dl, y as bl, o as Fl, g as yl, h as Pl, l as El, p as hl, z as Rl, x as Ol, a as Ll, c as vl, s as Bl, w as Vl, r as Ml, t as _l, q as Gl, v as kl, i as wl, m as Nl, u as Hl } from "../chunks/string.CfI2ejyR.js";
|
|
143
143
|
import { g as zl, a as Xl } from "../chunks/template.ClovJacp.js";
|
|
144
144
|
import { c as Kl, f as jl, a as ql, g as Yl } from "../chunks/time.DYWuX2id.js";
|
|
145
145
|
import { R as Ql, f as Zl, g as $l, h as am, U as em, b as tm, a as om, d as rm, c as sm, i as xm, r as im, t as lm, e as mm } from "../chunks/url.CGdWC06g.js";
|
|
@@ -167,11 +167,11 @@ export {
|
|
|
167
167
|
yt as CxAssetFormatPicker,
|
|
168
168
|
ir as CxAssetLinkFormat,
|
|
169
169
|
Pt as CxAssetPicker,
|
|
170
|
-
|
|
170
|
+
Et as CxAssetTransformationDialog,
|
|
171
171
|
f as CxAudio,
|
|
172
172
|
d as CxAvatar,
|
|
173
173
|
c as CxBadge,
|
|
174
|
-
|
|
174
|
+
ht as CxBentoGrid,
|
|
175
175
|
bo as CxBicolorPicker,
|
|
176
176
|
yo as CxBorderInputGroup,
|
|
177
177
|
T as CxBox,
|
|
@@ -180,14 +180,14 @@ export {
|
|
|
180
180
|
F as CxButton,
|
|
181
181
|
P as CxButtonGroup,
|
|
182
182
|
Rt as CxCapacityPlanner,
|
|
183
|
-
|
|
183
|
+
h as CxCard,
|
|
184
184
|
Ot as CxCarousel,
|
|
185
185
|
Lt as CxChartPlanBuilder,
|
|
186
186
|
vt as CxChatbot,
|
|
187
187
|
O as CxCheckbox,
|
|
188
188
|
Bt as CxClusterManagement,
|
|
189
189
|
v as CxColorPicker,
|
|
190
|
-
|
|
190
|
+
Eo as CxColorSwatch,
|
|
191
191
|
Go as CxColorSwatchGroup,
|
|
192
192
|
Vt as CxComment,
|
|
193
193
|
Mt as CxCommentV1,
|
|
@@ -242,7 +242,7 @@ export {
|
|
|
242
242
|
Fa as CxIconButton,
|
|
243
243
|
eo as CxIconPicker,
|
|
244
244
|
Pa as CxIframe,
|
|
245
|
-
|
|
245
|
+
ha as CxImage,
|
|
246
246
|
Oa as CxImageComparer,
|
|
247
247
|
va as CxInclude,
|
|
248
248
|
Va as CxInput,
|
|
@@ -286,7 +286,7 @@ export {
|
|
|
286
286
|
Qo as CxShareOptionList,
|
|
287
287
|
$o as CxSidebar,
|
|
288
288
|
er as CxSizeInputGroup,
|
|
289
|
-
|
|
289
|
+
he as CxSkeleton,
|
|
290
290
|
Oe as CxSpace,
|
|
291
291
|
po as CxSpaceSelector,
|
|
292
292
|
fo as CxSpecialCharactersDialog,
|
|
@@ -324,8 +324,8 @@ export {
|
|
|
324
324
|
lx as FormControlController,
|
|
325
325
|
dr as GsapEasing,
|
|
326
326
|
Ps as HEX_ALPHA_VALIDATION_REGEX,
|
|
327
|
-
|
|
328
|
-
|
|
327
|
+
Es as HEX_VALIDATION_REGEX,
|
|
328
|
+
hx as HasSlotController,
|
|
329
329
|
Dr as HistoryManager,
|
|
330
330
|
Io as IconPickerVariant,
|
|
331
331
|
br as KeyboardKey,
|
|
@@ -338,7 +338,7 @@ export {
|
|
|
338
338
|
Fr as PRECISION,
|
|
339
339
|
dm as PositionPickerValue,
|
|
340
340
|
Ql as RELATIVE_URL_REGEX,
|
|
341
|
-
|
|
341
|
+
hs as RGB_VALIDATION_REGEX,
|
|
342
342
|
Si as SRCSET_WIDTH_LADDER,
|
|
343
343
|
gr as TransitionType,
|
|
344
344
|
Zl as URL_DOMAIN_VALIDATION_REGEX,
|
|
@@ -388,7 +388,7 @@ export {
|
|
|
388
388
|
Cs as findAncestorWithBuggyStyle,
|
|
389
389
|
ds as findContainingBlock,
|
|
390
390
|
us as findCuttingAncestor,
|
|
391
|
-
|
|
391
|
+
Er as findFrameByColAndRow,
|
|
392
392
|
ts as findIndexByProp,
|
|
393
393
|
xx as focusWhenVisible,
|
|
394
394
|
pt as fontAwesomeIconNames,
|
|
@@ -412,7 +412,7 @@ export {
|
|
|
412
412
|
ti as getAttributes,
|
|
413
413
|
Fl as getAttributesString,
|
|
414
414
|
ul as getBreakpointsFromCSS,
|
|
415
|
-
|
|
415
|
+
hr as getBrowserFontVariants,
|
|
416
416
|
Bs as getColorType,
|
|
417
417
|
ji as getContainedImageSize,
|
|
418
418
|
oi as getCortexPopupLayer,
|
|
@@ -445,7 +445,7 @@ export {
|
|
|
445
445
|
Kx as getTodayIsoDate,
|
|
446
446
|
Br as getTypefaceOptionValue,
|
|
447
447
|
os as groupBy,
|
|
448
|
-
|
|
448
|
+
Ei as hasTransformSegment,
|
|
449
449
|
Pl as htmlToPlainText,
|
|
450
450
|
rs as insertAtIndex,
|
|
451
451
|
Vr as insertFrameToCache,
|
|
@@ -459,7 +459,7 @@ export {
|
|
|
459
459
|
Ts as isFirefox,
|
|
460
460
|
Mr as isFontFamilyAvailable,
|
|
461
461
|
_r as isFormInteracted,
|
|
462
|
-
|
|
462
|
+
El as isGalleryItemCardType,
|
|
463
463
|
_i as isGradientString,
|
|
464
464
|
As as isIOS,
|
|
465
465
|
pi as isInElement,
|
|
@@ -483,12 +483,12 @@ export {
|
|
|
483
483
|
Nr as openAssetOverview,
|
|
484
484
|
Hr as openFolderOverview,
|
|
485
485
|
Ur as openLink,
|
|
486
|
-
|
|
486
|
+
hl as padPath,
|
|
487
487
|
Rl as parseBooleanString,
|
|
488
488
|
_s as parseBorder,
|
|
489
489
|
Jx as parseDisplayToIso,
|
|
490
490
|
Xs as parseDuration,
|
|
491
|
-
|
|
491
|
+
hi as parseFileSizeToBytes,
|
|
492
492
|
ki as parseGradient,
|
|
493
493
|
Qx as parseIsoDate,
|
|
494
494
|
zr as parseJsonString,
|
package/library/package.json
CHANGED
|
@@ -51,6 +51,7 @@ export default class CxTabGroup extends CortexElement {
|
|
|
51
51
|
private readonly localize;
|
|
52
52
|
private mutationObserver;
|
|
53
53
|
private resizeObserver;
|
|
54
|
+
private lastTabGap?;
|
|
54
55
|
private panelResizeObserver?;
|
|
55
56
|
/**
|
|
56
57
|
* The IntersectionObserver from the most recent syncTabsAndPanels() call. syncTabsAndPanels() can be triggered
|
|
@@ -71,6 +71,7 @@ export default class CxIconPicker extends CortexElement {
|
|
|
71
71
|
*/
|
|
72
72
|
private static loadIconsData;
|
|
73
73
|
private readonly localize;
|
|
74
|
+
private hasReportedValidity;
|
|
74
75
|
private readonly select;
|
|
75
76
|
private readonly customOption;
|
|
76
77
|
private readonly dropdown?;
|
|
@@ -82,6 +83,11 @@ export default class CxIconPicker extends CortexElement {
|
|
|
82
83
|
* Adds a clear button when the select is not empty.
|
|
83
84
|
*/
|
|
84
85
|
clearable: boolean;
|
|
86
|
+
/**
|
|
87
|
+
* Requires an uploaded image when custom is selected in select mode.
|
|
88
|
+
* @default false
|
|
89
|
+
*/
|
|
90
|
+
requireCustomIcon: boolean;
|
|
85
91
|
/**
|
|
86
92
|
* Controls the visual variant of the icon picker.
|
|
87
93
|
* In 'select' mode a cx-select is rendered inline.
|
|
@@ -152,8 +158,8 @@ export default class CxIconPicker extends CortexElement {
|
|
|
152
158
|
onRequestAsset: ((type: AssetTypeString, multiple?: boolean) => Promise<Asset | Record<string, Asset>>) | undefined;
|
|
153
159
|
searchTerm: string;
|
|
154
160
|
/**
|
|
155
|
-
*
|
|
156
|
-
*
|
|
161
|
+
* Recreate the virtualizer for each open because it does not reliably
|
|
162
|
+
* re-render after being measured inside a hidden parent.
|
|
157
163
|
*/
|
|
158
164
|
private showVirtualizer;
|
|
159
165
|
private get filteredCortexIcons();
|
|
@@ -161,7 +167,13 @@ export default class CxIconPicker extends CortexElement {
|
|
|
161
167
|
private get virtualListItems();
|
|
162
168
|
constructor();
|
|
163
169
|
runFirstUpdated(): void;
|
|
170
|
+
/** Checks the custom image requirement without displaying an error. */
|
|
171
|
+
checkValidity(): boolean;
|
|
172
|
+
/** Called by the containing form when reporting errors on save. */
|
|
173
|
+
reportValidity(): boolean;
|
|
164
174
|
handleVariantChange(): Promise<void>;
|
|
175
|
+
handleCustomIconValidation(): Promise<void>;
|
|
176
|
+
private updateCustomIconValidity;
|
|
165
177
|
renderOption(item: IconData): import('lit').TemplateResult<1> | typeof nothing;
|
|
166
178
|
private renderMenuItem;
|
|
167
179
|
private handleSelectValueChange;
|
|
@@ -183,7 +195,7 @@ export default class CxIconPicker extends CortexElement {
|
|
|
183
195
|
private ensureIconsData;
|
|
184
196
|
private showVirtualizerWhenReady;
|
|
185
197
|
private handleSelectShow;
|
|
186
|
-
private
|
|
198
|
+
private handleSelectBeforeShow;
|
|
187
199
|
private handleDropdownShow;
|
|
188
200
|
private handleDropdownHide;
|
|
189
201
|
handleContentBuilderAssetSelect(event: CxAssetPickerSelectEvent): Promise<void>;
|
|
@@ -75,10 +75,7 @@ export default class CxColorSwatchPicker extends CortexElement {
|
|
|
75
75
|
* The block's custom columns, one labelled input each in the color dialog.
|
|
76
76
|
*/
|
|
77
77
|
customColumns: ColorSwatchCustomColumn[];
|
|
78
|
-
/**
|
|
79
|
-
* Shows the Meta data section. Off by default: a metadata field is a table
|
|
80
|
-
* column, which only the Table variant renders.
|
|
81
|
-
*/
|
|
78
|
+
/** Shows the Meta data section in the color dialog. */
|
|
82
79
|
showMetadata: boolean;
|
|
83
80
|
/**
|
|
84
81
|
* The type of dialog to open since it can be either add new or edit from row selection.
|
|
@@ -223,6 +220,12 @@ export default class CxColorSwatchPicker extends CortexElement {
|
|
|
223
220
|
private handleTableRowMoved;
|
|
224
221
|
private handleTableRowDeleted;
|
|
225
222
|
private renderControls;
|
|
223
|
+
/** Copies a color's metadata onto the flat `custom-<id>` keys the columns read. */
|
|
224
|
+
private flattenMetadata;
|
|
225
|
+
/** Built-in columns plus one per declared custom column. */
|
|
226
|
+
private get tableColumns();
|
|
227
|
+
/** Colors with their metadata flattened onto the custom column fields. */
|
|
228
|
+
private get tableData();
|
|
226
229
|
render(): import('lit').TemplateResult<1>;
|
|
227
230
|
}
|
|
228
231
|
declare global {
|
|
@@ -6764,6 +6764,10 @@
|
|
|
6764
6764
|
* Adds a clear button when the select is not empty.
|
|
6765
6765
|
*/
|
|
6766
6766
|
clearable?: boolean;
|
|
6767
|
+
/**
|
|
6768
|
+
* Requires an uploaded image when custom is selected in select mode. <br/>@default false
|
|
6769
|
+
*/
|
|
6770
|
+
requireCustomIcon?: boolean;
|
|
6767
6771
|
/**
|
|
6768
6772
|
* Controls the visual variant of the icon picker. In 'select' mode a cx-select is rendered inline. In 'button' mode a cx-button trigger opens a cx-dropdown panel with a search input and icon list. <br/>@default 'select'
|
|
6769
6773
|
*/
|