@orangelogic/design-system 2.154.0 → 2.156.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/active-elements.jTVWtBDp.js +10 -0
- package/library/chunks/{color-swatch-group.BX90sRwa.js → color-swatch-group.oFxwjebo.js} +354 -343
- package/library/chunks/{confirm-popover.BFBhjDQ9.js → confirm-popover.C-eHPJaU.js} +1 -1
- package/library/chunks/{dialog.DIXmnVis.js → dialog.Bzf4-IgH.js} +1 -1
- package/library/chunks/{document-viewer.BN-OQfid.js → document-viewer.DXtjdvqe.js} +1 -1
- package/library/chunks/{header.DpBmcfR_.js → header.x8SZLjAG.js} +30 -3
- package/library/chunks/{image.DazATuAV.js → image.BO6NWyIo.js} +1 -1
- package/library/chunks/{modal.U1QltQKe.js → modal.jdGhujoh.js} +28 -35
- package/library/chunks/{tabbable.CcMz3mIL.js → tabbable.BwnZBHrm.js} +2 -2
- package/library/components/atoms.js +4 -4
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/confirm-popover.js +2 -2
- package/library/components/dialog.js +2 -2
- package/library/components/document-viewer.js +2 -2
- package/library/components/drawer.js +1 -1
- package/library/components/dropdown.js +1 -1
- package/library/components/file-on-demand.js +2 -2
- package/library/components/header.js +1 -1
- package/library/components/image.js +1 -1
- package/library/components/masonry.js +1 -1
- package/library/components/menu-item.js +12 -6
- package/library/components/molecules.js +1 -1
- package/library/components/organisms.js +1 -1
- package/library/components/popup.js +37 -34
- package/library/components/select.js +34 -31
- package/library/components/types.js +6223 -6187
- package/library/components/video.js +1 -1
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/menu-item/submenu-controller.d.ts +1 -0
- package/library/packages/atoms/src/components/popup/popup.d.ts +1 -0
- package/library/packages/hybrid/table-core/src/table/table.d.ts +2 -0
- package/library/packages/hybrid/table-core/src/table/table.utils.d.ts +2 -1
- package/library/packages/molecules/src/multi-select/components/board/board.utils.d.ts +7 -0
- package/library/packages/organisms/src/content-builder/components/config-manager/config-manager.d.ts +1 -1
- package/library/packages/organisms/src/content-builder/components/gallery-picker/gallery-picker.d.ts +1 -1
- package/library/packages/organisms/src/content-builder/configs/search-box.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs-controller.d.ts +2 -0
- package/library/packages/organisms/src/video-editor/components/video-editor-tracks/video-editor-tracks.d.ts +0 -3
- package/library/packages/organisms/src/video-editor/components/video-editor-transition/video-editor-transition.d.ts +6 -4
- package/library/packages/services/src/api/endpoints.d.ts +1 -1
- package/library/utils.js +142 -141
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { C as _ } from "./button.8syoJXYs.js";
|
|
2
|
-
import { C as u, D as h } from "./dialog.
|
|
2
|
+
import { C as u, D as h } from "./dialog.Bzf4-IgH.js";
|
|
3
3
|
import g from "../components/dropdown.js";
|
|
4
4
|
import { C as x } from "./typography.IqHbnd3C.js";
|
|
5
5
|
import { n as e, C as b } from "./lib-cortex-element.CVMmyPMC.js";
|
|
@@ -4,7 +4,7 @@ import { i as _s, x as He, E as fr } from "./lit-element.jLBm65_O.js";
|
|
|
4
4
|
import { a as ie, s as Te, w as os } from "./event.BeKOsirN.js";
|
|
5
5
|
import { c as br } from "./custom-element.L4WJXn1j.js";
|
|
6
6
|
import { L as yr } from "./i18n.Bchq8v1d.js";
|
|
7
|
-
import { M as gr } from "./modal.
|
|
7
|
+
import { M as gr } from "./modal.jdGhujoh.js";
|
|
8
8
|
import { l as ss, u as rs } from "./scroll.xtO5yojm.js";
|
|
9
9
|
import { H as mr } from "./slot.j5oheLJC.js";
|
|
10
10
|
import { w as $s } from "./watch.DOt4Mabe.js";
|
|
@@ -34,7 +34,7 @@ import { a as ObjectFit } from "./index.Cpamj0jB.js";
|
|
|
34
34
|
import { r as r$1 } from "./state.CSDxrqLd.js";
|
|
35
35
|
import { e } from "./class-map.BiVq-cVR.js";
|
|
36
36
|
import { n as n$1 } from "./when.Dr1es41R.js";
|
|
37
|
-
import { C as CxImage } from "./image.
|
|
37
|
+
import { C as CxImage } from "./image.BO6NWyIo.js";
|
|
38
38
|
var BookReaderMode$1 = /* @__PURE__ */ ((l) => (l.Image = "Image", l.Pdf = "Pdf", l))(BookReaderMode$1 || {}), BookReaderViewMode = /* @__PURE__ */ ((l) => (l.FourPage = "FourPage", l.OnePage = "OnePage", l.TwoPage = "TwoPage", l))(BookReaderViewMode || {});
|
|
39
39
|
function commonjsRequire(l) {
|
|
40
40
|
throw new Error('Could not dynamically require "' + l + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
|
|
@@ -10,7 +10,7 @@ import { e as u } from "./class-map.BiVq-cVR.js";
|
|
|
10
10
|
import { o as P } from "./style-map.llVFPd__.js";
|
|
11
11
|
import { n as M } from "./when.Dr1es41R.js";
|
|
12
12
|
import { i as l, u as g } from "./static.UA3G1Deq.js";
|
|
13
|
-
const
|
|
13
|
+
const z = p`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)}`, C = p`
|
|
14
14
|
.column-resize-handle {
|
|
15
15
|
background-color: var(--editor-table-resize-handle-color);
|
|
16
16
|
bottom: -2px;
|
|
@@ -58,12 +58,39 @@ const C = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
|
|
|
58
58
|
outline: none;
|
|
59
59
|
white-space: pre-wrap;
|
|
60
60
|
line-height: normal;
|
|
61
|
+
padding-top: 0px;
|
|
62
|
+
padding-bottom: 0px;
|
|
61
63
|
}
|
|
62
64
|
|
|
63
65
|
.ProseMirror p {
|
|
64
66
|
margin: 0;
|
|
65
67
|
}
|
|
66
68
|
|
|
69
|
+
/* Indentation wrapper (list as first child, no text of its own) shows no bullet;
|
|
70
|
+
a normal item renders its paragraph first so keeps its bullet. */
|
|
71
|
+
.ProseMirror li:has(> ul:first-child),
|
|
72
|
+
.ProseMirror li:has(> ol:first-child) {
|
|
73
|
+
list-style: none;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
/* Scale the number/bullet marker with the item's font (matches the content-builder text block's */
|
|
77
|
+
.ProseMirror li::marker {
|
|
78
|
+
color: var(--color);
|
|
79
|
+
font-family: var(--font-family, inherit), var(--cx-font-sans);
|
|
80
|
+
font-size: var(--font-size);
|
|
81
|
+
font-style: var(--font-style, inherit);
|
|
82
|
+
font-weight: var(--font-weight);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
/* Keep a hyperlink's underline attached to superscript/subscript text. */
|
|
86
|
+
.ProseMirror a:has(:is(sub, sup)) {
|
|
87
|
+
text-decoration: none;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.ProseMirror a :is(sub, sup) {
|
|
91
|
+
text-decoration: underline;
|
|
92
|
+
}
|
|
93
|
+
|
|
67
94
|
.ProseMirror .tableWrapper .floating-button {
|
|
68
95
|
opacity: 0;
|
|
69
96
|
position: absolute;
|
|
@@ -532,7 +559,7 @@ const C = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
|
|
|
532
559
|
cursor: not-allowed;
|
|
533
560
|
}
|
|
534
561
|
|
|
535
|
-
${
|
|
562
|
+
${z}
|
|
536
563
|
`;
|
|
537
564
|
var t = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(t || {}), f = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(f || {});
|
|
538
565
|
const H = p`:host{--color:light-dark(#000,#fff);--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}`;
|
|
@@ -650,7 +677,7 @@ let o = class extends b {
|
|
|
650
677
|
};
|
|
651
678
|
o.styles = [
|
|
652
679
|
k,
|
|
653
|
-
|
|
680
|
+
C,
|
|
654
681
|
H
|
|
655
682
|
];
|
|
656
683
|
o.dependencies = {
|
|
@@ -277,7 +277,7 @@ function Ve(i, t) {
|
|
|
277
277
|
}
|
|
278
278
|
var Ke = ".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}";
|
|
279
279
|
Ve(Ke);
|
|
280
|
-
const Xe = se`:host([effect=jump]) .container,:host([effect=text-reveal]) .container,:host([effect=zoom]) .container{overflow:initial}:host([effect=jump]) .highlighter{transition:all var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=jump]) .highlighter:hover{transform:translateY(calc(var(--highlightable-item-effect-jump-distance,0) * -1))}.highlighter--effect-text-reveal,:host([effect=zoom]) .highlighter--zoom-style-within-borders{overflow:hidden}:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{z-index:3;animation:none}:host([effect=zoom][zoom-style=pop-out]) .highlighter:not(:hover){animation:drop-z var(--transition-transform-duration) forwards}@keyframes drop-z{0%{z-index:2}99%{z-index:2}to{z-index:0}}.highlighter--can-hover:hover:after,.highlighter--selected:after,.highlighter--color-overlay:after{content:"";pointer-events:none;width:100%;height:100%;transition:all var(--transition-duration,.5s) var(--easing,linear);position:absolute;top:0;left:0}.highlighter--can-hover:hover:after,.highlighter--selected:after{outline:2px solid var(--cx-color-primary)}.highlighter--border:hover .image{border-color:var(--highlightable-item-highlight-border-color,var(--cx-color-primary))}.highlighter--color-overlay:after{border-radius:var(--border-radius,none)}.highlighter--color-overlay:hover:after{background-color:var(--highlightable-item-highlight-color-overlay-color,transparent)}.highlighter--drop-shadow:hover .image{box-shadow:var(--highlightable-item-highlight-drop-shadow,none)}.highlighter--background:hover .highlightable-item{--content-background-color:var(--highlightable-item-highlight-background,transparent);--highlightable-item-background-color:var(--highlightable-item-highlight-background,transparent)}.highlighter--opacity{opacity:var(--highlightable-item-highlight-opacity,1)}:host([effect=zoom][zoom-style=within-borders]) .highlighter .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter{transition:transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=zoom][zoom-style=within-borders]) .highlighter:hover .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{transform:scale(var(--highlightable-item-effect-zoom-scale,1))}.highlightable-item{transition:background-color var(--transition-duration,.5s) var(--easing,linear), border-color var(--transition-duration,.5s) var(--easing,linear), box-shadow var(--transition-duration,.5s) var(--easing,linear), opacity var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear), visibility var(--transition-duration,.5s) var(--easing,linear)}`, Ge = se`
|
|
280
|
+
const Xe = se`:host([effect=jump]) .container,:host([effect=text-reveal]) .container,:host([effect=zoom]) .container{overflow:initial}:host([effect=jump]) .highlighter{transition:all var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=jump]) .highlighter:hover{transform:translateY(calc(var(--highlightable-item-effect-jump-distance,0) * -1))}:host([effect=zoom][zoom-style=pop-out]){overflow-clip-margin:var(--column-padding,10px);overflow:clip}.highlighter--effect-text-reveal,:host([effect=zoom]) .highlighter--zoom-style-within-borders{overflow:hidden}:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{z-index:3;animation:none}:host([effect=zoom][zoom-style=pop-out]) .highlighter:not(:hover){animation:drop-z var(--transition-transform-duration) forwards}@keyframes drop-z{0%{z-index:2}99%{z-index:2}to{z-index:0}}.highlighter--can-hover:hover:after,.highlighter--selected:after,.highlighter--color-overlay:after{content:"";pointer-events:none;width:100%;height:100%;transition:all var(--transition-duration,.5s) var(--easing,linear);position:absolute;top:0;left:0}.highlighter--can-hover:hover:after,.highlighter--selected:after{outline:2px solid var(--cx-color-primary)}.highlighter--border:hover .image{border-color:var(--highlightable-item-highlight-border-color,var(--cx-color-primary))}.highlighter--color-overlay:after{border-radius:var(--border-radius,none)}.highlighter--color-overlay:hover:after{background-color:var(--highlightable-item-highlight-color-overlay-color,transparent)}.highlighter--drop-shadow:hover .image{box-shadow:var(--highlightable-item-highlight-drop-shadow,none)}.highlighter--background:hover .highlightable-item{--content-background-color:var(--highlightable-item-highlight-background,transparent);--highlightable-item-background-color:var(--highlightable-item-highlight-background,transparent)}.highlighter--opacity{opacity:var(--highlightable-item-highlight-opacity,1)}:host([effect=zoom][zoom-style=within-borders]) .highlighter .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter{transition:transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=zoom][zoom-style=within-borders]) .highlighter:hover .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{transform:scale(var(--highlightable-item-effect-zoom-scale,1))}.highlightable-item{transition:background-color var(--transition-duration,.5s) var(--easing,linear), border-color var(--transition-duration,.5s) var(--easing,linear), box-shadow var(--transition-duration,.5s) var(--easing,linear), opacity var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear), visibility var(--transition-duration,.5s) var(--easing,linear)}`, Ge = se`
|
|
281
281
|
:host {
|
|
282
282
|
--justify-content: flex-start;
|
|
283
283
|
--border-radius: 0px;
|
|
@@ -1,42 +1,37 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { g as l, a as u } from "./active-elements.jTVWtBDp.js";
|
|
2
|
+
import { g as h } from "./tabbable.BwnZBHrm.js";
|
|
3
|
+
let i = [];
|
|
4
|
+
function v() {
|
|
5
|
+
return [...i];
|
|
4
6
|
}
|
|
5
|
-
|
|
6
|
-
return [...h()].pop();
|
|
7
|
-
}
|
|
8
|
-
let n = [];
|
|
9
|
-
function f() {
|
|
10
|
-
return [...n];
|
|
11
|
-
}
|
|
12
|
-
class v {
|
|
7
|
+
class m {
|
|
13
8
|
constructor(e) {
|
|
14
9
|
this.tabDirection = "forward", this.handleFocusIn = () => {
|
|
15
10
|
this.isActive() && this.checkFocus();
|
|
16
|
-
}, this.handleKeyDown = (
|
|
17
|
-
if (
|
|
11
|
+
}, this.handleKeyDown = (n) => {
|
|
12
|
+
if (n.key !== "Tab" || this.isExternalActivated || !this.isActive())
|
|
18
13
|
return;
|
|
19
|
-
const
|
|
20
|
-
if (this.previousFocus =
|
|
14
|
+
const o = l();
|
|
15
|
+
if (this.previousFocus = o, this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus))
|
|
21
16
|
return;
|
|
22
|
-
|
|
23
|
-
const
|
|
24
|
-
let
|
|
25
|
-
(r) => r ===
|
|
17
|
+
n.shiftKey ? this.tabDirection = "backward" : this.tabDirection = "forward";
|
|
18
|
+
const t = h(this.element);
|
|
19
|
+
let s = t.findIndex(
|
|
20
|
+
(r) => r === o
|
|
26
21
|
);
|
|
27
22
|
this.previousFocus = this.currentFocus;
|
|
28
|
-
const
|
|
23
|
+
const c = this.tabDirection === "forward" ? 1 : -1;
|
|
29
24
|
for (; ; ) {
|
|
30
|
-
|
|
25
|
+
s + c >= t.length ? s = 0 : s + c < 0 ? s = t.length - 1 : s += c, this.previousFocus = this.currentFocus;
|
|
31
26
|
const r = (
|
|
32
27
|
/** @type {HTMLElement} */
|
|
33
|
-
s
|
|
28
|
+
t[s]
|
|
34
29
|
);
|
|
35
30
|
if (this.tabDirection === "backward" && this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus) || r && this.possiblyHasTabbableChildren(r))
|
|
36
31
|
return;
|
|
37
|
-
|
|
38
|
-
const
|
|
39
|
-
if (
|
|
32
|
+
n.preventDefault(), this.currentFocus = r, this.currentFocus?.focus({ preventScroll: !1 });
|
|
33
|
+
const a = [...u()];
|
|
34
|
+
if (a.includes(this.currentFocus) || !a.includes(this.previousFocus))
|
|
40
35
|
break;
|
|
41
36
|
}
|
|
42
37
|
setTimeout(() => this.checkFocus());
|
|
@@ -46,15 +41,15 @@ class v {
|
|
|
46
41
|
}
|
|
47
42
|
/** Activates focus trapping. */
|
|
48
43
|
activate() {
|
|
49
|
-
|
|
44
|
+
i.push(this.element), document.addEventListener("focusin", this.handleFocusIn), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keyup", this.handleKeyUp);
|
|
50
45
|
}
|
|
51
46
|
/** Deactivates focus trapping. */
|
|
52
47
|
deactivate() {
|
|
53
|
-
|
|
48
|
+
i = i.filter((e) => e !== this.element), this.currentFocus = null, document.removeEventListener("focusin", this.handleFocusIn), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("keyup", this.handleKeyUp);
|
|
54
49
|
}
|
|
55
50
|
/** Determines if this modal element is currently active or not. */
|
|
56
51
|
isActive() {
|
|
57
|
-
return
|
|
52
|
+
return i[i.length - 1] === this.element;
|
|
58
53
|
}
|
|
59
54
|
/** Activates external modal behavior and temporarily disables focus trapping. */
|
|
60
55
|
activateExternal() {
|
|
@@ -66,10 +61,10 @@ class v {
|
|
|
66
61
|
}
|
|
67
62
|
checkFocus() {
|
|
68
63
|
if (this.isActive() && !this.isExternalActivated) {
|
|
69
|
-
const e =
|
|
64
|
+
const e = h(this.element);
|
|
70
65
|
if (!this.element.matches(":focus-within")) {
|
|
71
|
-
const
|
|
72
|
-
typeof
|
|
66
|
+
const n = e[0], o = e[e.length - 1], t = this.tabDirection === "forward" ? n : o;
|
|
67
|
+
typeof t?.focus == "function" && (this.currentFocus = t, t.focus({ preventScroll: !1 }));
|
|
73
68
|
}
|
|
74
69
|
}
|
|
75
70
|
}
|
|
@@ -80,8 +75,6 @@ class v {
|
|
|
80
75
|
}
|
|
81
76
|
}
|
|
82
77
|
export {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
f as b,
|
|
86
|
-
d as g
|
|
78
|
+
m as M,
|
|
79
|
+
v as g
|
|
87
80
|
};
|
|
@@ -18,9 +18,9 @@ import { default as q } from "./copy-button.js";
|
|
|
18
18
|
import { default as K } from "./date-calendar.js";
|
|
19
19
|
import { default as W } from "./details.js";
|
|
20
20
|
import { default as Y } from "./diff.js";
|
|
21
|
-
import { C as _ } from "../chunks/dialog.
|
|
21
|
+
import { C as _ } from "../chunks/dialog.Bzf4-IgH.js";
|
|
22
22
|
import { default as oe } from "./divider.js";
|
|
23
|
-
import { C as ae } from "../chunks/document-viewer.
|
|
23
|
+
import { C as ae } from "../chunks/document-viewer.DXtjdvqe.js";
|
|
24
24
|
import { C as xe } from "../chunks/dot-pagination.BdZc-K0r.js";
|
|
25
25
|
import { default as me } from "./dot-status.js";
|
|
26
26
|
import { default as pe } from "./drawer.js";
|
|
@@ -33,13 +33,13 @@ import { default as Se } from "./format-number.js";
|
|
|
33
33
|
import { default as De } from "./format-time.js";
|
|
34
34
|
import { default as Be } from "./grid.js";
|
|
35
35
|
import { default as he } from "./grid-item.js";
|
|
36
|
-
import { C as Pe } from "../chunks/header.
|
|
36
|
+
import { C as Pe } from "../chunks/header.x8SZLjAG.js";
|
|
37
37
|
import { C as Me } from "../chunks/hub-connection.CA_wS_wh.js";
|
|
38
38
|
import { f } from "../chunks/icon.mxNZ85k0.js";
|
|
39
39
|
import { C as Fe } from "../chunks/icon.mxNZ85k0.js";
|
|
40
40
|
import { C as Oe } from "../chunks/icon-button.DbVIFgu7.js";
|
|
41
41
|
import { C as Ee } from "../chunks/iframe.DcHjOcLG.js";
|
|
42
|
-
import { C as Le } from "../chunks/image.
|
|
42
|
+
import { C as Le } from "../chunks/image.BO6NWyIo.js";
|
|
43
43
|
import { default as je } from "./image-comparer.js";
|
|
44
44
|
import { default as Qe } from "./include.js";
|
|
45
45
|
import { C as qe } from "../chunks/input.BcyLZUmv.js";
|
|
@@ -3,7 +3,7 @@ import "../chunks/typography.IqHbnd3C.js";
|
|
|
3
3
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
4
4
|
import "../chunks/color-swatch.BhBZe8OE.js";
|
|
5
5
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
6
|
-
import { C as v } from "../chunks/color-swatch-group.
|
|
6
|
+
import { C as v } from "../chunks/color-swatch-group.oFxwjebo.js";
|
|
7
7
|
import "../chunks/content-builder.BU8X7I6V.js";
|
|
8
8
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
9
9
|
import "../chunks/debounce.DaHuiSGU.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "../chunks/button.8syoJXYs.js";
|
|
2
|
-
import "../chunks/dialog.
|
|
2
|
+
import "../chunks/dialog.Bzf4-IgH.js";
|
|
3
3
|
import "./dropdown.js";
|
|
4
4
|
import "../chunks/typography.IqHbnd3C.js";
|
|
5
5
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
6
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
7
|
-
import { C as x } from "../chunks/confirm-popover.
|
|
7
|
+
import { C as x } from "../chunks/confirm-popover.C-eHPJaU.js";
|
|
8
8
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
9
9
|
import "../chunks/i18n.Bchq8v1d.js";
|
|
10
10
|
import "../chunks/lit-element.jLBm65_O.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
|
-
import { C as q } from "../chunks/dialog.
|
|
3
|
+
import { C as q } from "../chunks/dialog.Bzf4-IgH.js";
|
|
4
4
|
import "../chunks/event.BeKOsirN.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.Bchq8v1d.js";
|
|
7
|
-
import "../chunks/modal.
|
|
7
|
+
import "../chunks/modal.jdGhujoh.js";
|
|
8
8
|
import "../chunks/scroll.xtO5yojm.js";
|
|
9
9
|
import "../chunks/slot.j5oheLJC.js";
|
|
10
10
|
import "../chunks/watch.DOt4Mabe.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../chunks/resizable-component.styles.CAfXABBc.js";
|
|
2
|
-
import { C as b } from "../chunks/document-viewer.
|
|
2
|
+
import { C as b } from "../chunks/document-viewer.DXtjdvqe.js";
|
|
3
3
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
4
4
|
import "../chunks/index.Cpamj0jB.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
@@ -10,7 +10,7 @@ import "../chunks/state.CSDxrqLd.js";
|
|
|
10
10
|
import "../chunks/class-map.BiVq-cVR.js";
|
|
11
11
|
import "../chunks/when.Dr1es41R.js";
|
|
12
12
|
import "../chunks/icon.mxNZ85k0.js";
|
|
13
|
-
import "../chunks/image.
|
|
13
|
+
import "../chunks/image.BO6NWyIo.js";
|
|
14
14
|
import "../chunks/typography.IqHbnd3C.js";
|
|
15
15
|
export {
|
|
16
16
|
b as default
|
|
@@ -3,7 +3,7 @@ import { c as z } from "../chunks/component.styles.CRO4Odto.js";
|
|
|
3
3
|
import { a as d, s as h, w as v } from "../chunks/event.BeKOsirN.js";
|
|
4
4
|
import { c as P } from "../chunks/custom-element.L4WJXn1j.js";
|
|
5
5
|
import { L as D } from "../chunks/i18n.Bchq8v1d.js";
|
|
6
|
-
import { M as O } from "../chunks/modal.
|
|
6
|
+
import { M as O } from "../chunks/modal.jdGhujoh.js";
|
|
7
7
|
import { l as w, u } from "../chunks/scroll.xtO5yojm.js";
|
|
8
8
|
import { H as $ } from "../chunks/slot.j5oheLJC.js";
|
|
9
9
|
import { w as C } from "../chunks/watch.DOt4Mabe.js";
|
|
@@ -5,7 +5,7 @@ import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
|
|
|
5
5
|
import { f as x } from "../chunks/focus-when-visible.jWSw9ks0.js";
|
|
6
6
|
import { L as C } from "../chunks/i18n.Bchq8v1d.js";
|
|
7
7
|
import { H as E } from "../chunks/slot.j5oheLJC.js";
|
|
8
|
-
import {
|
|
8
|
+
import { a as m } from "../chunks/tabbable.BwnZBHrm.js";
|
|
9
9
|
import { w as D } from "../chunks/watch.DOt4Mabe.js";
|
|
10
10
|
import { i as k, x as T } from "../chunks/lit-element.jLBm65_O.js";
|
|
11
11
|
import { e as h } from "../chunks/query.BBf1UFkC.js";
|
|
@@ -16,7 +16,7 @@ import { n as p } from "../chunks/when.Dr1es41R.js";
|
|
|
16
16
|
import { b as Tt } from "../chunks/_baseIteratee.BdKyHJ5i.js";
|
|
17
17
|
import zt from "./avatar.js";
|
|
18
18
|
import { C as Pt } from "../chunks/button.8syoJXYs.js";
|
|
19
|
-
import { C as Et } from "../chunks/dialog.
|
|
19
|
+
import { C as Et } from "../chunks/dialog.Bzf4-IgH.js";
|
|
20
20
|
import Lt from "./divider.js";
|
|
21
21
|
import nt from "./format-bytes.js";
|
|
22
22
|
import { C as vt } from "../chunks/icon-button.DbVIFgu7.js";
|
|
@@ -30,7 +30,7 @@ import { C as Nt } from "../chunks/tab-group.kSg5_10g.js";
|
|
|
30
30
|
import Bt from "./tab-panel.js";
|
|
31
31
|
import bt from "./tooltip.js";
|
|
32
32
|
import { C as rt } from "../chunks/typography.IqHbnd3C.js";
|
|
33
|
-
import { C as jt } from "../chunks/confirm-popover.
|
|
33
|
+
import { C as jt } from "../chunks/confirm-popover.C-eHPJaU.js";
|
|
34
34
|
import { d as Mt } from "../chunks/debounce.DaHuiSGU.js";
|
|
35
35
|
import { a as Z } from "../chunks/number.CtCaI0T_.js";
|
|
36
36
|
import { i as X, b as pt } from "../chunks/url.-WDYqplj.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./copy-button.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
4
|
-
import { C as x } from "../chunks/header.
|
|
4
|
+
import { C as x } from "../chunks/header.x8SZLjAG.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.Bchq8v1d.js";
|
|
7
7
|
import "../chunks/watch.DOt4Mabe.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../chunks/resizable-component.styles.CAfXABBc.js";
|
|
2
2
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
3
|
import "../chunks/index.Cpamj0jB.js";
|
|
4
|
-
import { C as y } from "../chunks/image.
|
|
4
|
+
import { C as y } from "../chunks/image.BO6NWyIo.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/debounce.DaHuiSGU.js";
|
|
7
7
|
import "../chunks/i18n.Bchq8v1d.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _ from "./grid.js";
|
|
2
2
|
import f from "./grid-item.js";
|
|
3
3
|
import { C as v } from "../chunks/icon-button.DbVIFgu7.js";
|
|
4
|
-
import { C as S } from "../chunks/image.
|
|
4
|
+
import { C as S } from "../chunks/image.BO6NWyIo.js";
|
|
5
5
|
import $ from "./space.js";
|
|
6
6
|
import C from "./tooltip.js";
|
|
7
7
|
import { n, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { n as r, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import { c as _ } from "../chunks/component.styles.CRO4Odto.js";
|
|
3
3
|
import { c as L } from "../chunks/custom-element.L4WJXn1j.js";
|
|
4
|
-
import { d as
|
|
4
|
+
import { d as g, L as M } from "../chunks/i18n.Bchq8v1d.js";
|
|
5
5
|
import { H as z, g as P } from "../chunks/slot.j5oheLJC.js";
|
|
6
6
|
import { w as v } from "../chunks/watch.DOt4Mabe.js";
|
|
7
|
-
import { i as E, x as h, E as
|
|
7
|
+
import { i as E, x as h, E as y } from "../chunks/lit-element.jLBm65_O.js";
|
|
8
8
|
import { e as p } from "../chunks/query.BBf1UFkC.js";
|
|
9
9
|
import { e as f } from "../chunks/class-map.BiVq-cVR.js";
|
|
10
10
|
import { o as m } from "../chunks/if-defined.BRoBj_Rp.js";
|
|
@@ -232,11 +232,17 @@ class B {
|
|
|
232
232
|
i.closeSubmenu?.();
|
|
233
233
|
});
|
|
234
234
|
}
|
|
235
|
-
//
|
|
235
|
+
// Schedule a recalculation of the skidding value
|
|
236
236
|
updateSkidding() {
|
|
237
|
+
requestAnimationFrame(() => {
|
|
238
|
+
this.calculateSkidding();
|
|
239
|
+
});
|
|
240
|
+
}
|
|
241
|
+
// Calculate the space the top of a menu takes-up, for aligning the popup menu-item with the activating element.
|
|
242
|
+
calculateSkidding() {
|
|
237
243
|
if (!this.host.parentElement?.computedStyleMap)
|
|
238
244
|
return;
|
|
239
|
-
const e = this.host.parentElement.computedStyleMap(), t =
|
|
245
|
+
const e = this.host.parentElement.computedStyleMap(), t = g(this.host) === "rtl", i = this.host.submenuPlacement ?? (t ? "left-start" : "right-start"), l = i.startsWith("left") || i.startsWith("right");
|
|
240
246
|
let a = [];
|
|
241
247
|
l && (i.endsWith("-start") ? a = ["padding-top", "border-top-width", "margin-top"] : i.endsWith("-end") && (a = ["padding-bottom", "border-bottom-width", "margin-bottom"]));
|
|
242
248
|
const u = a.reduce((c, b) => {
|
|
@@ -249,7 +255,7 @@ class B {
|
|
|
249
255
|
return this.popupRef.value ? this.popupRef.value.active : !1;
|
|
250
256
|
}
|
|
251
257
|
renderSubmenu() {
|
|
252
|
-
const e =
|
|
258
|
+
const e = g(this.host) === "rtl";
|
|
253
259
|
if (!this.hasSlotController.test("submenu"))
|
|
254
260
|
return null;
|
|
255
261
|
const t = this.host.submenuPlacement ?? (e ? "left-start" : "right-start");
|
|
@@ -365,7 +371,7 @@ let s = class extends w {
|
|
|
365
371
|
"menu-item__check--suffix": this.checkPlacement === d.Suffix
|
|
366
372
|
})}><cx-icon name="check"></cx-icon></slot>`, i = this.checkPlacement === d.Suffix;
|
|
367
373
|
return this.renderBase(h`
|
|
368
|
-
${i ?
|
|
374
|
+
${i ? y : t}<slot name="prefix" part="prefix" class="menu-item__prefix"></slot><slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot><slot name="suffix" part="suffix" class="menu-item__suffix"></slot><slot name="submenu-icon" part="submenu-icon" class="menu-item__chevron"><cx-icon name=${e} aria-hidden="true"></cx-icon></slot>${i ? t : y}
|
|
369
375
|
|
|
370
376
|
${this.submenuController.renderSubmenu()}
|
|
371
377
|
${this.loading ? h`<cx-spinner part="spinner" exportparts="base:spinner__base"></cx-spinner>` : ""}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as e } from "./bicolor-picker.js";
|
|
2
2
|
import { default as a } from "./border-input-group.js";
|
|
3
3
|
import { C as x } from "../chunks/color-swatch.BhBZe8OE.js";
|
|
4
|
-
import { C as u } from "../chunks/confirm-popover.
|
|
4
|
+
import { C as u } from "../chunks/confirm-popover.C-eHPJaU.js";
|
|
5
5
|
import { default as d } from "./corner-position-input-group.js";
|
|
6
6
|
import { default as l } from "./cropper.js";
|
|
7
7
|
import { default as i } from "./dynamic-select.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { C as a } from "../chunks/asset-link-format.DzYh0_YS.js";
|
|
2
|
-
import { C as t } from "../chunks/color-swatch-group.
|
|
2
|
+
import { C as t } from "../chunks/color-swatch-group.oFxwjebo.js";
|
|
3
3
|
import { default as C } from "./file-on-demand.js";
|
|
4
4
|
export {
|
|
5
5
|
a as CxAssetLinkFormat,
|