@orangelogic/design-system 2.41.0 → 2.42.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/{asset.CdfbYhcC.js → asset.Ba-CxnNM.js} +1 -1
- package/library/chunks/{endpoints.B7lcoc1N.js → endpoints.BgyupJys.js} +3 -1
- package/library/chunks/{file-on-demand.CDmWsGRn.js → file-on-demand.DRcdg2GU.js} +1 -1
- package/library/chunks/{folder-select.C5huQor-.js → folder-select.ChFCJ-w0.js} +2 -2
- package/library/chunks/{list-editor.Bqn8L6sL.js → list-editor.BX8sARxV.js} +1 -1
- package/library/chunks/{tree.CosVsXy1.js → tree.DynOxJWg.js} +42 -44
- package/library/components/asset-link-format.js +1 -1
- package/library/components/atoms.js +1 -1
- package/library/components/checkbox.js +161 -101
- package/library/components/file-on-demand.js +2 -2
- package/library/components/folder-select.js +3 -3
- package/library/components/list-editor.js +1 -1
- package/library/components/molecules.js +2 -2
- package/library/components/organisms.js +1 -1
- package/library/components/tree-item.js +1 -1
- package/library/components/tree.js +1 -1
- package/library/components/types.js +14267 -14240
- package/library/css/ol-base.css +1 -0
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/checkbox/checkbox.d.ts +11 -4
- package/library/packages/organisms/src/content-builder/content-builder.d.ts +1 -0
- package/library/packages/types/src/checkbox.d.ts +11 -0
- package/library/react-web-component.d.ts +5 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h as d, A as T, a as P } from "./endpoints.
|
|
1
|
+
import { h as d, A as T, a as P } from "./endpoints.BgyupJys.js";
|
|
2
2
|
const U = window.location.origin.includes("localhost:") ? "https://local.orangelogic.com" : window.location.origin;
|
|
3
3
|
function M(o, e, r, t = U) {
|
|
4
4
|
const s = new URL(t + "/" + o);
|
|
@@ -2363,7 +2363,9 @@ ht.interceptors.response.use(
|
|
|
2363
2363
|
(e) => e,
|
|
2364
2364
|
(e) => Promise.reject(e)
|
|
2365
2365
|
);
|
|
2366
|
-
const Pn = ln(ht)
|
|
2366
|
+
const Pn = ln(ht);
|
|
2367
|
+
Promise.resolve();
|
|
2368
|
+
const Bn = "webapi/extensibility/integrations/gab/assetbrowser/gethierarchy_41e8", Dn = "webapi/extensibility/integrations/gab/assetbrowser/getallformatcodes_428H";
|
|
2367
2369
|
var dn = /* @__PURE__ */ ((e) => (e.GET_PAGES_AND_LINKS = "webapi/objectmanagement/teamspaces/pagesandlinks_412Y_v1", e.GET_SPACE_FONT_FAMILY = "webapi/objectmanagement/teamspaces/getspacefonts_41I6_v1", e.GET_SPACE_LIST = "webapi/objectmanagement/teamspaces/getteamspaces_41I3_v1", e.GET_USER_ROLE = "webapi/objectmanagement/teamspaces/getuserroles_41E7_v1", e))(dn || {}), fn = /* @__PURE__ */ ((e) => (e.GET_ASSET_LINK = "webapi/extensibility/integrations/contentBrowserSDK/GetAssetLink_4by", e.GET_CONTENT_V1 = "webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v1", e.GET_CONTENT_V2 = "webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v2", e.GET_CROP_ZONE_SUGGESTION = "webapi/mediafile/assettransformation/getcropzonesuggestion_41UP_v1", e.GET_TRANSFORM_ASSET_LINK = "webapi/mediafile/assettransformation/transformasset_41E6_v1", e.UPLOAD_AND_GET_RESPONSE = "webapi/mediafile/import/upload/uploadimageandgetlargestdownloadlink_4CM_v1", e.UPLOAD_RESPONSE = "api/UploadMedia/v3.0/UploadNewMedia", e))(fn || {}), hn = /* @__PURE__ */ ((e) => (e.GET_AUTOCOMPLETE_ITEMS_WITH_QUERY = "webapi/ui/autocompletion/executequery_4JD_v1-alpha", e.GET_AUTOCOMPLETE_ITEMS_WITH_SERVICE = "webapi/ui/autocompletion/callservice_41s5_v1-alpha", e))(hn || {}), pn = /* @__PURE__ */ ((e) => (e.GET_DASHBOARD_EMBEDDED_URL = "webapi/extensibility/integrations/businessintelligence/getdashboardembededurl_41JJ_v1", e.GET_DASHBOARD_LIST = "webapi/extensibility/integrations/businessintelligence/getlistdashboards_41JI_v1", e))(pn || {}), mn = /* @__PURE__ */ ((e) => (e.GET_SEARCHABLE_FIELDS = "webapi/objectmanagement/metadata/fields/getallobjectfieldsforcurrentuser_4C2_v2", e))(mn || {}), yn = /* @__PURE__ */ ((e) => (e.CREATE_OR_UPDATE_CHAPTERS = "webapi/mediafile/timebasedasset/createorupdatechapters_4b0_v1", e.GET_CHAPTERS = "webapi/mediafile/timebasedasset/getchapters_41T7_v1", e))(yn || {}), bn = /* @__PURE__ */ ((e) => (e.BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/418g_v1", e.GET_ADHOC_PROPERTIES = "webapi/cms/cms5/blocktemplate/getadhocpropertieslist_419s_v1", e.GET_BLOCK_TEMPLATES = "webapi/cms/cms5/blocktemplate/getblocktemplates_419y_v1", e.GET_BLOCK_TYPES = "webapi/cms/cms5/blocktemplate/getblocktypes_419z_v1", e.GET_CAN_CREATE_BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/cancreatenewblocktemplate_41cs_v1", e.GET_PAGES_FOR_BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/getpagesforblocktemplate_41ig_v1", e.GET_PERMISSION = "webapi/cms/cms5/blocktemplate/getpermission_419r_v1", e.LIST_BLOCK_TEMPLATES = "webapi/cms/cms5/blocktemplate/getlisttemplates_428o_v1", e))(bn || {});
|
|
2368
2370
|
export {
|
|
2369
2371
|
fn as A,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import lt from "../components/icon.js";
|
|
2
2
|
import dt from "../components/line-clamp.js";
|
|
3
|
-
import { C as pt, s as ht, a as ut, b as Q } from "./tree.
|
|
3
|
+
import { C as pt, s as ht, a as ut, b as Q } from "./tree.DynOxJWg.js";
|
|
4
4
|
import { n as p, C as Y, x as r, c as K, i as gt, E as bt } from "./custom-element.fmLrnDZr.js";
|
|
5
5
|
import { c as xt } from "./component.styles.DtouHn2g.js";
|
|
6
6
|
import { L as Z } from "./i18n.D33BKrRs.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import G from "../components/icon.js";
|
|
2
2
|
import Z from "../components/input.js";
|
|
3
3
|
import { C as J } from "./select.Bo8mWJ1g.js";
|
|
4
|
-
import { C as x, a as K } from "./tree.
|
|
4
|
+
import { C as x, a as K } from "./tree.DynOxJWg.js";
|
|
5
5
|
import { n as r, C as I, x as f, c as w, i as X } from "./custom-element.fmLrnDZr.js";
|
|
6
|
-
import { h as k, F as Y, b as A } from "./endpoints.
|
|
6
|
+
import { h as k, F as Y, b as A } from "./endpoints.BgyupJys.js";
|
|
7
7
|
import { c as R } from "./component.styles.DtouHn2g.js";
|
|
8
8
|
import { L as V } from "./i18n.D33BKrRs.js";
|
|
9
9
|
import { w as m } from "./watch.BCJD77bD.js";
|
|
@@ -23,7 +23,7 @@ import { n as u } from "./when.Dr1es41R.js";
|
|
|
23
23
|
import { t as B } from "./toString.CL_lYXbK.js";
|
|
24
24
|
import H from "../components/icon-button.js";
|
|
25
25
|
import { C as N } from "./image.C9hVXtqX.js";
|
|
26
|
-
import { t as U, a as G, D as v } from "./asset.
|
|
26
|
+
import { t as U, a as G, D as v } from "./asset.Ba-CxnNM.js";
|
|
27
27
|
import { a as V } from "./index.Cpamj0jB.js";
|
|
28
28
|
import { A as m } from "./content-builder.UlVFSATk.js";
|
|
29
29
|
import { e as J, t as f } from "./string.D6poLUEC.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as R, C as N, x, E as L, n as l, c as G } from "./custom-element.fmLrnDZr.js";
|
|
1
|
+
import { i as R, C as N, x as g, E as L, n as l, c as G } from "./custom-element.fmLrnDZr.js";
|
|
2
2
|
import { c as M } from "./component.styles.DtouHn2g.js";
|
|
3
3
|
import { L as Z } from "./i18n.D33BKrRs.js";
|
|
4
4
|
import { c as K } from "./math.DqTA6ya4.js";
|
|
@@ -30,15 +30,15 @@ for (let e = 0; e < 256; ++e)
|
|
|
30
30
|
function ne(e, t = 0) {
|
|
31
31
|
return (p[e[t + 0]] + p[e[t + 1]] + p[e[t + 2]] + p[e[t + 3]] + "-" + p[e[t + 4]] + p[e[t + 5]] + "-" + p[e[t + 6]] + p[e[t + 7]] + "-" + p[e[t + 8]] + p[e[t + 9]] + "-" + p[e[t + 10]] + p[e[t + 11]] + p[e[t + 12]] + p[e[t + 13]] + p[e[t + 14]] + p[e[t + 15]]).toLowerCase();
|
|
32
32
|
}
|
|
33
|
-
let
|
|
33
|
+
let I;
|
|
34
34
|
const oe = new Uint8Array(16);
|
|
35
35
|
function ae() {
|
|
36
|
-
if (!
|
|
36
|
+
if (!I) {
|
|
37
37
|
if (typeof crypto > "u" || !crypto.getRandomValues)
|
|
38
38
|
throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
|
|
39
|
-
|
|
39
|
+
I = crypto.getRandomValues.bind(crypto);
|
|
40
40
|
}
|
|
41
|
-
return
|
|
41
|
+
return I(oe);
|
|
42
42
|
}
|
|
43
43
|
const re = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), F = { randomUUID: re };
|
|
44
44
|
function se(e, t, i) {
|
|
@@ -303,7 +303,7 @@ const le = R`
|
|
|
303
303
|
width: 100%;
|
|
304
304
|
border-bottom: var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);
|
|
305
305
|
}
|
|
306
|
-
`, k = "tree-sortable",
|
|
306
|
+
`, k = "tree-sortable", C = 0.2, O = (e) => e == null;
|
|
307
307
|
function de() {
|
|
308
308
|
function e() {
|
|
309
309
|
}
|
|
@@ -324,45 +324,45 @@ function de() {
|
|
|
324
324
|
changed: r,
|
|
325
325
|
completed: o,
|
|
326
326
|
dragEl: d,
|
|
327
|
-
originalEvent:
|
|
328
|
-
putSortable:
|
|
329
|
-
target:
|
|
327
|
+
originalEvent: m,
|
|
328
|
+
putSortable: x,
|
|
329
|
+
target: u
|
|
330
330
|
}) {
|
|
331
|
-
if (t = null, !i || !i.options[k] || !i.options.getDropZone || O(i.options.insertBeforeZonePercentage) || O(i.options.insertAfterZonePercentage) || !["CX-TREE-ITEM", "CX-TREE"].includes(
|
|
331
|
+
if (t = null, !i || !i.options[k] || !i.options.getDropZone || O(i.options.insertBeforeZonePercentage) || O(i.options.insertAfterZonePercentage) || !["CX-TREE-ITEM", "CX-TREE"].includes(u.tagName) || u.hasAttribute("no-drag")) {
|
|
332
332
|
n();
|
|
333
333
|
return;
|
|
334
334
|
}
|
|
335
|
-
const B = i.options.getDropZone(
|
|
335
|
+
const B = i.options.getDropZone(u);
|
|
336
336
|
if (!B) {
|
|
337
337
|
n();
|
|
338
338
|
return;
|
|
339
339
|
}
|
|
340
|
-
const T = B.getBoundingClientRect(), D = (
|
|
340
|
+
const T = B.getBoundingClientRect(), D = (m.clientY - T.top) / T.height, v = x || this.sortable;
|
|
341
341
|
v.captureAnimationState(), v !== i && i.captureAnimationState();
|
|
342
|
-
const V =
|
|
342
|
+
const V = u.parentNode;
|
|
343
343
|
if (d && V)
|
|
344
344
|
if (D < i.options.insertBeforeZonePercentage)
|
|
345
345
|
t = {
|
|
346
346
|
dragEl: d,
|
|
347
|
-
el:
|
|
347
|
+
el: u,
|
|
348
348
|
position: -1
|
|
349
|
-
},
|
|
349
|
+
}, u.setAttribute("data-dragging", "before");
|
|
350
350
|
else if (D > i.options.insertAfterZonePercentage)
|
|
351
351
|
t = {
|
|
352
352
|
dragEl: d,
|
|
353
|
-
el:
|
|
353
|
+
el: u,
|
|
354
354
|
position: 1
|
|
355
|
-
},
|
|
355
|
+
}, u.setAttribute("data-dragging", "after");
|
|
356
356
|
else {
|
|
357
|
-
if (
|
|
357
|
+
if (u.hasAttribute("no-drag-inside")) {
|
|
358
358
|
r(), o(!0), n();
|
|
359
359
|
return;
|
|
360
360
|
}
|
|
361
361
|
t = {
|
|
362
362
|
dragEl: d,
|
|
363
|
-
el:
|
|
363
|
+
el: u,
|
|
364
364
|
position: 0
|
|
365
|
-
},
|
|
365
|
+
}, u.setAttribute("data-dragging", "inside");
|
|
366
366
|
}
|
|
367
367
|
if (v.animateAll(), v !== i && i.animateAll(), t)
|
|
368
368
|
r(), o(!0), n();
|
|
@@ -405,8 +405,8 @@ const j = (e) => ({
|
|
|
405
405
|
fallbackOnBody: !0,
|
|
406
406
|
forceFallback: ee(),
|
|
407
407
|
getDropZone: (t) => t?.shadowRoot?.querySelector(".tree-item__item"),
|
|
408
|
-
insertAfterZonePercentage: 1 -
|
|
409
|
-
insertBeforeZonePercentage:
|
|
408
|
+
insertAfterZonePercentage: 1 - C,
|
|
409
|
+
insertBeforeZonePercentage: C,
|
|
410
410
|
invertSwap: !0,
|
|
411
411
|
onStart(t) {
|
|
412
412
|
if (e.onStart?.(t), t.item.tagName === "CX-TREE-ITEM") {
|
|
@@ -415,7 +415,7 @@ const j = (e) => ({
|
|
|
415
415
|
}
|
|
416
416
|
},
|
|
417
417
|
[k]: !0,
|
|
418
|
-
swapThreshold:
|
|
418
|
+
swapThreshold: C
|
|
419
419
|
});
|
|
420
420
|
var ce = Object.defineProperty, he = Object.getOwnPropertyDescriptor, s = (e, t, i, n) => {
|
|
421
421
|
for (var r = n > 1 ? void 0 : n ? he(t, i) : t, o = e.length - 1, d; o >= 0; o--)
|
|
@@ -513,7 +513,7 @@ let a = class extends N {
|
|
|
513
513
|
}
|
|
514
514
|
renderExpandButton() {
|
|
515
515
|
const e = this.localize.dir() === "rtl", t = this.showExpandButton;
|
|
516
|
-
return
|
|
516
|
+
return g` <div
|
|
517
517
|
part="expand-button"
|
|
518
518
|
class=${w({
|
|
519
519
|
"tree-item__expand-button": !0,
|
|
@@ -523,7 +523,7 @@ let a = class extends N {
|
|
|
523
523
|
>
|
|
524
524
|
${E(
|
|
525
525
|
this.loading,
|
|
526
|
-
() =>
|
|
526
|
+
() => g`
|
|
527
527
|
<cx-spinner
|
|
528
528
|
part="spinner"
|
|
529
529
|
class="tree-item__expand-spinner"
|
|
@@ -579,7 +579,7 @@ let a = class extends N {
|
|
|
579
579
|
}
|
|
580
580
|
renderBase(e) {
|
|
581
581
|
const t = this.showExpandButton;
|
|
582
|
-
return this.href ?
|
|
582
|
+
return this.href ? g`
|
|
583
583
|
<a
|
|
584
584
|
id="anchor"
|
|
585
585
|
part="base"
|
|
@@ -600,7 +600,7 @@ let a = class extends N {
|
|
|
600
600
|
>
|
|
601
601
|
${e}
|
|
602
602
|
</a>
|
|
603
|
-
` :
|
|
603
|
+
` : g`
|
|
604
604
|
<div
|
|
605
605
|
part="base"
|
|
606
606
|
class=${w({
|
|
@@ -618,7 +618,7 @@ let a = class extends N {
|
|
|
618
618
|
`;
|
|
619
619
|
}
|
|
620
620
|
render() {
|
|
621
|
-
return this.renderBase(
|
|
621
|
+
return this.renderBase(g`
|
|
622
622
|
<div
|
|
623
623
|
class="tree-item__item"
|
|
624
624
|
part="
|
|
@@ -638,7 +638,7 @@ let a = class extends N {
|
|
|
638
638
|
)}
|
|
639
639
|
${E(
|
|
640
640
|
this.selectable,
|
|
641
|
-
() =>
|
|
641
|
+
() => g`
|
|
642
642
|
<cx-checkbox
|
|
643
643
|
part="checkbox"
|
|
644
644
|
exportparts="
|
|
@@ -1003,31 +1003,29 @@ let c = class extends N {
|
|
|
1003
1003
|
const t = this.getFocusableItems(), i = this.localize.dir() === "ltr", n = this.localize.dir() === "rtl";
|
|
1004
1004
|
if (t.length > 0) {
|
|
1005
1005
|
e.preventDefault();
|
|
1006
|
-
const r = t.findIndex((
|
|
1007
|
-
const
|
|
1008
|
-
this.focusItem(
|
|
1009
|
-
},
|
|
1010
|
-
o.expanded =
|
|
1006
|
+
const r = t.findIndex((x) => x.matches(":focus")), o = t[r], d = (x) => {
|
|
1007
|
+
const u = t[K(x, 0, t.length - 1)];
|
|
1008
|
+
this.focusItem(u);
|
|
1009
|
+
}, m = (x) => {
|
|
1010
|
+
o.expanded = x;
|
|
1011
1011
|
};
|
|
1012
|
-
e.key === "ArrowDown" ? d(r + 1) : e.key === "ArrowUp" ? d(r - 1) : i && e.key === "ArrowRight" || n && e.key === "ArrowLeft" ? !o || o.disabled || o.readonly || o.expanded || o.isLeaf && !o.lazy ? d(r + 1) :
|
|
1012
|
+
e.key === "ArrowDown" ? d(r + 1) : e.key === "ArrowUp" ? d(r - 1) : i && e.key === "ArrowRight" || n && e.key === "ArrowLeft" ? !o || o.disabled || o.readonly || o.expanded || o.isLeaf && !o.lazy ? d(r + 1) : m(!0) : i && e.key === "ArrowLeft" || n && e.key === "ArrowRight" ? !o || o.disabled || o.readonly || o.isLeaf || !o.expanded ? d(r - 1) : m(!1) : e.key === "Home" ? d(0) : e.key === "End" ? d(t.length - 1) : (e.key === "Enter" || e.key === " ") && !o.disabled && !o.readonly && this.selectItem(o);
|
|
1013
1013
|
}
|
|
1014
1014
|
}
|
|
1015
1015
|
handleClick(e) {
|
|
1016
1016
|
const t = e.composedPath(), i = e.target, n = i.closest("cx-tree-item"), r = e.composedPath().some(
|
|
1017
|
-
(
|
|
1017
|
+
(m) => m?.classList?.contains("tree-item__expand-button")
|
|
1018
1018
|
), o = e.composedPath().some(
|
|
1019
|
-
(
|
|
1020
|
-
), d = t.find(
|
|
1021
|
-
(u) => u.classList?.contains("checkbox__control")
|
|
1019
|
+
(m) => m?.classList?.contains("tree-item__actions")
|
|
1022
1020
|
);
|
|
1023
|
-
if (!n || n.disabled || n.readonly || i !== this.clickTarget
|
|
1021
|
+
if (!n || n.disabled || n.readonly || i !== this.clickTarget)
|
|
1024
1022
|
return;
|
|
1025
|
-
const
|
|
1026
|
-
(
|
|
1023
|
+
const d = !t.find(
|
|
1024
|
+
(m) => m.tagName?.toLowerCase() === "cx-checkbox"
|
|
1027
1025
|
);
|
|
1028
1026
|
r && n.showExpandButton ? n.expanded = !n.expanded : o || this.selectItem(
|
|
1029
1027
|
n,
|
|
1030
|
-
|
|
1028
|
+
d && this.labelSelectSingle && this.selection === "multiple"
|
|
1031
1029
|
);
|
|
1032
1030
|
}
|
|
1033
1031
|
handleMouseDown(e) {
|
|
@@ -1128,7 +1126,7 @@ let c = class extends N {
|
|
|
1128
1126
|
});
|
|
1129
1127
|
}
|
|
1130
1128
|
render() {
|
|
1131
|
-
return
|
|
1129
|
+
return g`
|
|
1132
1130
|
<div
|
|
1133
1131
|
part="base"
|
|
1134
1132
|
class="tree"
|
|
@@ -3,7 +3,7 @@ import { C as q } from "../chunks/button.DrU92LJQ.js";
|
|
|
3
3
|
import H from "./space.js";
|
|
4
4
|
import { C as W } from "../chunks/typography.trna8y2b.js";
|
|
5
5
|
import { i as F, n as l, C as E, x as b, c as N } from "../chunks/custom-element.fmLrnDZr.js";
|
|
6
|
-
import { b as ht, c as lt } from "../chunks/asset.
|
|
6
|
+
import { b as ht, c as lt } from "../chunks/asset.Ba-CxnNM.js";
|
|
7
7
|
import { c as O } from "../chunks/component.styles.DtouHn2g.js";
|
|
8
8
|
import { T as c, U as o } from "../chunks/asset-link-format.BSRDqHg7.js";
|
|
9
9
|
import { L as D } from "../chunks/i18n.D33BKrRs.js";
|
|
@@ -71,7 +71,7 @@ import { default as No } from "./tag.js";
|
|
|
71
71
|
import { default as Eo } from "./textarea.js";
|
|
72
72
|
import { C as Vo } from "../chunks/timecode.BOz71Ho5.js";
|
|
73
73
|
import { default as Qo } from "./tooltip.js";
|
|
74
|
-
import { a as Jo, C as Ko } from "../chunks/tree.
|
|
74
|
+
import { a as Jo, C as Ko } from "../chunks/tree.DynOxJWg.js";
|
|
75
75
|
import { C as Wo } from "../chunks/typography.trna8y2b.js";
|
|
76
76
|
import { default as Yo } from "./video.js";
|
|
77
77
|
import { default as _o } from "./visually-hidden.js";
|