@orangelogic/design-system 2.70.0-pr84667.4 → 2.70.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/{confirm-popover.Cb1CLXYo.js → confirm-popover.ZD74yDWw.js} +1 -1
- package/library/chunks/{dialog.DfmvRD2J.js → dialog.qSV5AjOE.js} +91 -105
- package/library/chunks/{file-on-demand.BZUB1kn1.js → file-on-demand.CXE4zf0J.js} +2 -2
- package/library/chunks/{list-editor.1M9g8sk9.js → list-editor.CIAAFPco.js} +1 -1
- package/library/components/atoms.js +1 -1
- package/library/components/confirm-popover.js +2 -2
- package/library/components/dialog.js +1 -1
- package/library/components/file-on-demand.js +3 -3
- package/library/components/list-editor.js +2 -2
- package/library/components/molecules.js +2 -2
- package/library/components/organisms.js +1 -1
- package/library/components/types.js +5 -5
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/dialog/dialog.d.ts +0 -10
- package/library/react-web-component.d.ts +1 -9
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { C as _ } from "./button.CAAJPQFu.js";
|
|
2
|
-
import { C as u, D as h } from "./dialog.
|
|
2
|
+
import { C as u, D as h } from "./dialog.qSV5AjOE.js";
|
|
3
3
|
import g from "../components/dropdown.js";
|
|
4
4
|
import { C as x } from "./typography.oDzoLbZS.js";
|
|
5
5
|
import { n as e, C as b } from "./lib-cortex-element.CVMmyPMC.js";
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { n
|
|
1
|
+
import { n, C as z } from "./lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import { c as S } from "./component.styles.DMSLciL5.js";
|
|
3
|
-
import { O, C as D, H, z as
|
|
4
|
-
import { a as
|
|
5
|
-
import { c as
|
|
3
|
+
import { O, C as D, H as B, z as L, o as P } from "./overlayscrollbars.XhGWx9Zk.js";
|
|
4
|
+
import { a as h, s as u } from "./animate.El-MpOws.js";
|
|
5
|
+
import { c as $ } from "./custom-element.L4WJXn1j.js";
|
|
6
6
|
import { w as x } from "./event.mFzZi4sr.js";
|
|
7
|
-
import { L as
|
|
8
|
-
import { M as
|
|
7
|
+
import { L as H } from "./i18n.C0iakJkV.js";
|
|
8
|
+
import { M as E } from "./modal.U1QltQKe.js";
|
|
9
9
|
import { l as w, u as _ } from "./scroll.xtO5yojm.js";
|
|
10
|
-
import { H as
|
|
10
|
+
import { H as R } from "./slot.j5oheLJC.js";
|
|
11
11
|
import { w as k } from "./watch.BCJD77bD.js";
|
|
12
|
-
import { i as
|
|
13
|
-
import { r as
|
|
14
|
-
import { e as
|
|
12
|
+
import { i as W, x as y, E as q } from "./lit-element.jLBm65_O.js";
|
|
13
|
+
import { r as m } from "./state.CSDxrqLd.js";
|
|
14
|
+
import { e as b } from "./query.BBf1UFkC.js";
|
|
15
15
|
import { e as v } from "./class-map.BiVq-cVR.js";
|
|
16
16
|
import { o as C } from "./if-defined.BRoBj_Rp.js";
|
|
17
|
-
import { o as
|
|
18
|
-
import { n as
|
|
19
|
-
import { s as
|
|
17
|
+
import { o as A } from "./style-map.llVFPd__.js";
|
|
18
|
+
import { n as g } from "./when.Dr1es41R.js";
|
|
19
|
+
import { s as p, g as c } from "./animation-registry.HmpwNuGH.js";
|
|
20
20
|
import F from "../components/divider.js";
|
|
21
21
|
import I from "../components/icon-button.js";
|
|
22
22
|
import T from "../components/popup.js";
|
|
23
23
|
var l = /* @__PURE__ */ ((e) => (e.Both = "both", e.Footer = "footer", e.Header = "header", e.None = "none", e))(l || {});
|
|
24
|
-
const U =
|
|
24
|
+
const U = W`
|
|
25
25
|
:host {
|
|
26
26
|
--width: 31rem;
|
|
27
27
|
--header-spacing: var(--cx-spacing-small) var(--cx-spacing-large);
|
|
@@ -170,19 +170,19 @@ const U = R`
|
|
|
170
170
|
pointer-events: auto;
|
|
171
171
|
}
|
|
172
172
|
`;
|
|
173
|
-
var j = Object.defineProperty, M = Object.getOwnPropertyDescriptor,
|
|
174
|
-
for (var s =
|
|
175
|
-
(f = e[d]) && (s = (
|
|
176
|
-
return
|
|
173
|
+
var j = Object.defineProperty, M = Object.getOwnPropertyDescriptor, a = (e, o, i, r) => {
|
|
174
|
+
for (var s = r > 1 ? void 0 : r ? M(o, i) : o, d = e.length - 1, f; d >= 0; d--)
|
|
175
|
+
(f = e[d]) && (s = (r ? f(o, i, s) : f(s)) || s);
|
|
176
|
+
return r && s && j(o, i, s), s;
|
|
177
177
|
};
|
|
178
178
|
O.plugin({
|
|
179
|
-
ClickScroll:
|
|
180
|
-
ScrollbarsHiding:
|
|
179
|
+
ClickScroll: L,
|
|
180
|
+
ScrollbarsHiding: B,
|
|
181
181
|
SizeObserver: D
|
|
182
182
|
});
|
|
183
183
|
let t = class extends z {
|
|
184
184
|
constructor() {
|
|
185
|
-
super(), this.hasSlotController = new
|
|
185
|
+
super(), this.hasSlotController = new R(this, "footer"), this.localize = new H(this), this.modal = new E(this), this.open = !1, this.label = "", this.noHeader = !1, this.boundary = document.body, this.dividerPosition = l.Header, this.useOverlayScrollbar = !1, this.disableOverlayClick = !1, this.stayOpenOutsideClick = !1, this.strategy = "fixed", this.osInstance = null, this.boundaryObserver = null, this.boundarySize = {
|
|
186
186
|
height: 0,
|
|
187
187
|
width: 0
|
|
188
188
|
}, this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.preventBoundaryDialogClose = this.preventBoundaryDialogClose.bind(this), this.handleWindowResize = this.handleWindowResize.bind(this);
|
|
@@ -222,10 +222,10 @@ let t = class extends z {
|
|
|
222
222
|
height: e.clientHeight,
|
|
223
223
|
width: e.clientWidth
|
|
224
224
|
}, this.boundaryObserver = new ResizeObserver((o) => {
|
|
225
|
-
for (const
|
|
225
|
+
for (const i of o)
|
|
226
226
|
this.boundarySize = {
|
|
227
|
-
height:
|
|
228
|
-
width:
|
|
227
|
+
height: i.contentRect.height,
|
|
228
|
+
width: i.contentRect.width
|
|
229
229
|
};
|
|
230
230
|
}), this.boundaryObserver.observe(e));
|
|
231
231
|
}
|
|
@@ -243,10 +243,10 @@ let t = class extends z {
|
|
|
243
243
|
if (o.defaultPrevented || this.disableOverlayClick && e === "overlay") {
|
|
244
244
|
if (o.detail.preventedReason === "nested" || !this.disableOverlayClick && e === "overlay")
|
|
245
245
|
return !1;
|
|
246
|
-
const
|
|
246
|
+
const i = c(this, "dialog.denyClose", {
|
|
247
247
|
dir: this.localize.dir()
|
|
248
248
|
});
|
|
249
|
-
return
|
|
249
|
+
return h(this.panel, i.keyframes, i.options), !1;
|
|
250
250
|
}
|
|
251
251
|
return this.hide(), !0;
|
|
252
252
|
}
|
|
@@ -276,8 +276,8 @@ let t = class extends z {
|
|
|
276
276
|
);
|
|
277
277
|
}
|
|
278
278
|
handleDocumentMouseDown(e) {
|
|
279
|
-
const o = e.composedPath(),
|
|
280
|
-
|
|
279
|
+
const o = e.composedPath(), i = o[0], r = o.some((d) => d === this.panel), s = !this.contains(i) && !this.shadowRoot?.contains(i);
|
|
280
|
+
r || this.stayOpenOutsideClick && s || this.requestClose("overlay");
|
|
281
281
|
}
|
|
282
282
|
handleDocumentKeyDown(e) {
|
|
283
283
|
e.key === "Escape" && this.modal.isActive() && this.open && this.requestClose("keyboard") && (e.stopPropagation(), e.stopImmediatePropagation());
|
|
@@ -289,15 +289,15 @@ let t = class extends z {
|
|
|
289
289
|
if (this.open) {
|
|
290
290
|
this.emit("cx-show"), this.originalTrigger = document.activeElement, this.modal.activate(), this.useOverlayScrollbar && (this.osInstance = O(this.body, {
|
|
291
291
|
scrollbars: {
|
|
292
|
-
autoHide:
|
|
293
|
-
autoHideDelay:
|
|
292
|
+
autoHide: "scroll",
|
|
293
|
+
autoHideDelay: 1e3
|
|
294
294
|
}
|
|
295
295
|
})), (!this.boundary || this.boundary === document.body) && w(this);
|
|
296
296
|
const e = this.querySelector("[autofocus]");
|
|
297
297
|
e && e.removeAttribute("autofocus"), await Promise.all([
|
|
298
|
-
|
|
298
|
+
u(this.popup),
|
|
299
299
|
(() => {
|
|
300
|
-
this.overlay &&
|
|
300
|
+
this.overlay && u(this.overlay);
|
|
301
301
|
})()
|
|
302
302
|
]), this.popup.hidden = !1, (() => {
|
|
303
303
|
this.emit("cx-initial-focus", {
|
|
@@ -306,42 +306,42 @@ let t = class extends z {
|
|
|
306
306
|
preventScroll: !0
|
|
307
307
|
}) : this.panel.focus({ preventScroll: !0 })), e && e.setAttribute("autofocus", "");
|
|
308
308
|
})();
|
|
309
|
-
const
|
|
309
|
+
const i = c(this, "dialog.show", {
|
|
310
310
|
dir: this.localize.dir()
|
|
311
|
-
}),
|
|
311
|
+
}), r = c(this, "dialog.overlay.show", {
|
|
312
312
|
dir: this.localize.dir()
|
|
313
313
|
});
|
|
314
314
|
await Promise.all([
|
|
315
|
-
|
|
315
|
+
h(this.panel, i.keyframes, i.options),
|
|
316
316
|
(async () => {
|
|
317
|
-
this.overlay && await
|
|
317
|
+
this.overlay && await h(
|
|
318
318
|
this.overlay,
|
|
319
|
-
|
|
320
|
-
|
|
319
|
+
r.keyframes,
|
|
320
|
+
r.options
|
|
321
321
|
);
|
|
322
322
|
})()
|
|
323
323
|
]), this.emit("cx-after-show"), this.addOpenListeners();
|
|
324
324
|
} else {
|
|
325
325
|
this.emit("cx-hide"), this.removeOpenListeners(), this.modal.deactivate(), this.osInstance?.destroy(), await Promise.all([
|
|
326
|
-
|
|
326
|
+
u(this.popup),
|
|
327
327
|
(() => {
|
|
328
|
-
this.overlay &&
|
|
328
|
+
this.overlay && u(this.overlay);
|
|
329
329
|
})()
|
|
330
330
|
]);
|
|
331
|
-
const e =
|
|
331
|
+
const e = c(this, "dialog.hide", {
|
|
332
332
|
dir: this.localize.dir()
|
|
333
|
-
}), o =
|
|
333
|
+
}), o = c(this, "dialog.overlay.hide", {
|
|
334
334
|
dir: this.localize.dir()
|
|
335
335
|
});
|
|
336
336
|
await Promise.all([
|
|
337
337
|
(async () => {
|
|
338
|
-
this.overlay && (await
|
|
338
|
+
this.overlay && (await h(
|
|
339
339
|
this.overlay,
|
|
340
340
|
o.keyframes,
|
|
341
341
|
o.options
|
|
342
342
|
), this.overlay.hidden = !0);
|
|
343
343
|
})(),
|
|
344
|
-
|
|
344
|
+
h(
|
|
345
345
|
this.panel,
|
|
346
346
|
e.keyframes,
|
|
347
347
|
e.options
|
|
@@ -349,8 +349,8 @@ let t = class extends z {
|
|
|
349
349
|
this.panel.hidden = !0;
|
|
350
350
|
})
|
|
351
351
|
]), this.overlay && (this.overlay.hidden = !1), this.panel.hidden = !1, (!this.boundary || this.boundary === document.body) && _(this);
|
|
352
|
-
const
|
|
353
|
-
typeof
|
|
352
|
+
const i = this.originalTrigger;
|
|
353
|
+
typeof i?.focus == "function" && setTimeout(() => i.focus()), this.emit("cx-after-hide");
|
|
354
354
|
}
|
|
355
355
|
}
|
|
356
356
|
/** Shows the dialog. */
|
|
@@ -388,7 +388,7 @@ let t = class extends z {
|
|
|
388
388
|
dialog__overlay: !0
|
|
389
389
|
})}
|
|
390
390
|
tabindex="-1"
|
|
391
|
-
style=${
|
|
391
|
+
style=${A({
|
|
392
392
|
height: `${this.boundarySize.height}px`,
|
|
393
393
|
width: `${this.boundarySize.width}px`
|
|
394
394
|
})}
|
|
@@ -403,9 +403,9 @@ let t = class extends z {
|
|
|
403
403
|
aria-labelledby=${C(this.noHeader ? void 0 : "title")}
|
|
404
404
|
tabindex="-1"
|
|
405
405
|
>
|
|
406
|
-
${
|
|
406
|
+
${g(
|
|
407
407
|
this.noHeader,
|
|
408
|
-
() =>
|
|
408
|
+
() => q,
|
|
409
409
|
() => y`
|
|
410
410
|
<header part="header" class="dialog__header">
|
|
411
411
|
<h2 part="title" class="dialog__title" id="title">
|
|
@@ -425,7 +425,7 @@ let t = class extends z {
|
|
|
425
425
|
></cx-icon-button>
|
|
426
426
|
</div>
|
|
427
427
|
</header>
|
|
428
|
-
${
|
|
428
|
+
${g(
|
|
429
429
|
[
|
|
430
430
|
l.Header,
|
|
431
431
|
l.Both
|
|
@@ -443,7 +443,7 @@ let t = class extends z {
|
|
|
443
443
|
<div part="body" class="dialog__body" tabindex="-1">
|
|
444
444
|
<slot></slot>
|
|
445
445
|
</div>
|
|
446
|
-
${
|
|
446
|
+
${g(
|
|
447
447
|
[
|
|
448
448
|
l.Footer,
|
|
449
449
|
l.Both
|
|
@@ -464,7 +464,7 @@ let t = class extends z {
|
|
|
464
464
|
};
|
|
465
465
|
t.styles = [
|
|
466
466
|
S,
|
|
467
|
-
|
|
467
|
+
P,
|
|
468
468
|
U
|
|
469
469
|
];
|
|
470
470
|
t.dependencies = {
|
|
@@ -472,109 +472,95 @@ t.dependencies = {
|
|
|
472
472
|
"cx-icon-button": I,
|
|
473
473
|
"cx-popup": T
|
|
474
474
|
};
|
|
475
|
-
|
|
476
|
-
|
|
475
|
+
a([
|
|
476
|
+
b(".popup")
|
|
477
477
|
], t.prototype, "popup", 2);
|
|
478
|
-
|
|
479
|
-
|
|
478
|
+
a([
|
|
479
|
+
b(".dialog__panel")
|
|
480
480
|
], t.prototype, "panel", 2);
|
|
481
|
-
|
|
482
|
-
|
|
481
|
+
a([
|
|
482
|
+
b(".dialog__body")
|
|
483
483
|
], t.prototype, "body", 2);
|
|
484
|
-
|
|
485
|
-
|
|
484
|
+
a([
|
|
485
|
+
n({ reflect: !0, type: Boolean })
|
|
486
486
|
], t.prototype, "open", 2);
|
|
487
|
-
|
|
488
|
-
|
|
487
|
+
a([
|
|
488
|
+
n({ reflect: !0 })
|
|
489
489
|
], t.prototype, "label", 2);
|
|
490
|
-
|
|
491
|
-
|
|
490
|
+
a([
|
|
491
|
+
n({ attribute: "no-header", reflect: !0, type: Boolean })
|
|
492
492
|
], t.prototype, "noHeader", 2);
|
|
493
|
-
|
|
494
|
-
|
|
493
|
+
a([
|
|
494
|
+
n({ type: Object })
|
|
495
495
|
], t.prototype, "boundary", 2);
|
|
496
|
-
|
|
497
|
-
|
|
496
|
+
a([
|
|
497
|
+
n({ attribute: "divider-position", reflect: !0, type: String })
|
|
498
498
|
], t.prototype, "dividerPosition", 2);
|
|
499
|
-
|
|
500
|
-
|
|
499
|
+
a([
|
|
500
|
+
n({
|
|
501
501
|
attribute: "use-overlay-scrollbar",
|
|
502
502
|
reflect: !0,
|
|
503
503
|
type: Boolean
|
|
504
504
|
})
|
|
505
505
|
], t.prototype, "useOverlayScrollbar", 2);
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
attribute: "overlay-scrollbar-auto-hide",
|
|
509
|
-
reflect: !0,
|
|
510
|
-
type: String
|
|
511
|
-
})
|
|
512
|
-
], t.prototype, "overlayScrollbarAutoHide", 2);
|
|
513
|
-
i([
|
|
514
|
-
r({
|
|
515
|
-
attribute: "overlay-scrollbar-auto-hide-delay",
|
|
516
|
-
reflect: !0,
|
|
517
|
-
type: Number
|
|
518
|
-
})
|
|
519
|
-
], t.prototype, "overlayScrollbarAutoHideDelay", 2);
|
|
520
|
-
i([
|
|
521
|
-
r({
|
|
506
|
+
a([
|
|
507
|
+
n({
|
|
522
508
|
attribute: "disable-overlay-click",
|
|
523
509
|
reflect: !0,
|
|
524
510
|
type: Boolean
|
|
525
511
|
})
|
|
526
512
|
], t.prototype, "disableOverlayClick", 2);
|
|
527
|
-
|
|
528
|
-
|
|
513
|
+
a([
|
|
514
|
+
n({
|
|
529
515
|
attribute: "stay-open-outside-click",
|
|
530
516
|
reflect: !0,
|
|
531
517
|
type: Boolean
|
|
532
518
|
})
|
|
533
519
|
], t.prototype, "stayOpenOutsideClick", 2);
|
|
534
|
-
|
|
535
|
-
|
|
520
|
+
a([
|
|
521
|
+
n({ reflect: !0 })
|
|
536
522
|
], t.prototype, "strategy", 2);
|
|
537
|
-
|
|
538
|
-
|
|
523
|
+
a([
|
|
524
|
+
m()
|
|
539
525
|
], t.prototype, "overlay", 2);
|
|
540
|
-
|
|
541
|
-
|
|
526
|
+
a([
|
|
527
|
+
m()
|
|
542
528
|
], t.prototype, "boundaryObserver", 2);
|
|
543
|
-
|
|
544
|
-
|
|
529
|
+
a([
|
|
530
|
+
m()
|
|
545
531
|
], t.prototype, "boundarySize", 2);
|
|
546
|
-
|
|
532
|
+
a([
|
|
547
533
|
k(["boundary"], { waitUntilFirstUpdate: !0 })
|
|
548
534
|
], t.prototype, "updatePopupAnchor", 1);
|
|
549
|
-
|
|
535
|
+
a([
|
|
550
536
|
k("open", { waitUntilFirstUpdate: !0 })
|
|
551
537
|
], t.prototype, "handleOpenChange", 1);
|
|
552
|
-
t =
|
|
553
|
-
|
|
538
|
+
t = a([
|
|
539
|
+
$("cx-dialog")
|
|
554
540
|
], t);
|
|
555
|
-
|
|
541
|
+
p("dialog.show", {
|
|
556
542
|
keyframes: [
|
|
557
543
|
{ opacity: 0 },
|
|
558
544
|
{ opacity: 1 }
|
|
559
545
|
],
|
|
560
546
|
options: { duration: 250, easing: "ease" }
|
|
561
547
|
});
|
|
562
|
-
|
|
548
|
+
p("dialog.hide", {
|
|
563
549
|
keyframes: [
|
|
564
550
|
{ opacity: 1 },
|
|
565
551
|
{ opacity: 0 }
|
|
566
552
|
],
|
|
567
553
|
options: { duration: 250, easing: "ease" }
|
|
568
554
|
});
|
|
569
|
-
|
|
555
|
+
p("dialog.denyClose", {
|
|
570
556
|
keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],
|
|
571
557
|
options: { duration: 250 }
|
|
572
558
|
});
|
|
573
|
-
|
|
559
|
+
p("dialog.overlay.show", {
|
|
574
560
|
keyframes: [{ opacity: 0 }, { opacity: 1 }],
|
|
575
561
|
options: { duration: 250 }
|
|
576
562
|
});
|
|
577
|
-
|
|
563
|
+
p("dialog.overlay.hide", {
|
|
578
564
|
keyframes: [{ opacity: 1 }, { opacity: 0 }],
|
|
579
565
|
options: { duration: 250 }
|
|
580
566
|
});
|
|
@@ -16,7 +16,7 @@ import { n as p } from "./when.Dr1es41R.js";
|
|
|
16
16
|
import { a as jt, i as It, c as Bt, b as dt } from "./_baseUniq.BUihBa8c.js";
|
|
17
17
|
import Mt from "../components/avatar.js";
|
|
18
18
|
import { C as Vt } from "./button.CAAJPQFu.js";
|
|
19
|
-
import { C as Ht } from "./dialog.
|
|
19
|
+
import { C as Ht } from "./dialog.qSV5AjOE.js";
|
|
20
20
|
import Wt from "../components/divider.js";
|
|
21
21
|
import ot from "../components/format-bytes.js";
|
|
22
22
|
import Ct from "../components/icon-button.js";
|
|
@@ -30,7 +30,7 @@ import { C as Zt } from "./tab-group.1h51o_Ly.js";
|
|
|
30
30
|
import Jt from "../components/tab-panel.js";
|
|
31
31
|
import Dt from "../components/tooltip.js";
|
|
32
32
|
import { C as nt } from "./typography.oDzoLbZS.js";
|
|
33
|
-
import { C as Qt } from "./confirm-popover.
|
|
33
|
+
import { C as Qt } from "./confirm-popover.ZD74yDWw.js";
|
|
34
34
|
import { d as te } from "./debounce.DaHuiSGU.js";
|
|
35
35
|
import { a as et } from "./number.CjNxU7Xs.js";
|
|
36
36
|
import { i as K, a as ht } from "./url.LjsR2sB5.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { C as _ } from "./button.CAAJPQFu.js";
|
|
2
|
-
import { C as q, D as G } from "./dialog.
|
|
2
|
+
import { C as q, D as G } from "./dialog.qSV5AjOE.js";
|
|
3
3
|
import j from "../components/grid.js";
|
|
4
4
|
import P from "../components/grid-item.js";
|
|
5
5
|
import S from "../components/input.js";
|
|
@@ -15,7 +15,7 @@ import { default as w } from "./checkbox.js";
|
|
|
15
15
|
import { default as k } from "./color-picker.js";
|
|
16
16
|
import { default as E } from "./copy-button.js";
|
|
17
17
|
import { default as L } from "./details.js";
|
|
18
|
-
import { C as j } from "../chunks/dialog.
|
|
18
|
+
import { C as j } from "../chunks/dialog.qSV5AjOE.js";
|
|
19
19
|
import { default as z } from "./divider.js";
|
|
20
20
|
import { C as q } from "../chunks/dot-pagination.BN_0ljfc.js";
|
|
21
21
|
import { default as K } from "./dot-status.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "../chunks/button.CAAJPQFu.js";
|
|
2
|
-
import "../chunks/dialog.
|
|
2
|
+
import "../chunks/dialog.qSV5AjOE.js";
|
|
3
3
|
import "./dropdown.js";
|
|
4
4
|
import "../chunks/typography.oDzoLbZS.js";
|
|
5
5
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
6
|
import "../chunks/component.styles.DMSLciL5.js";
|
|
7
|
-
import { C as x } from "../chunks/confirm-popover.
|
|
7
|
+
import { C as x } from "../chunks/confirm-popover.ZD74yDWw.js";
|
|
8
8
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
9
9
|
import "../chunks/i18n.C0iakJkV.js";
|
|
10
10
|
import "../chunks/lit-element.jLBm65_O.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import "../chunks/component.styles.DMSLciL5.js";
|
|
3
3
|
import "../chunks/overlayscrollbars.XhGWx9Zk.js";
|
|
4
|
-
import { C as w } from "../chunks/dialog.
|
|
4
|
+
import { C as w } from "../chunks/dialog.qSV5AjOE.js";
|
|
5
5
|
import "../chunks/animate.El-MpOws.js";
|
|
6
6
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
7
7
|
import "../chunks/event.mFzZi4sr.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { C as K } from "../chunks/file-on-demand.
|
|
1
|
+
import { C as K } from "../chunks/file-on-demand.CXE4zf0J.js";
|
|
2
2
|
import "./avatar.js";
|
|
3
3
|
import "../chunks/button.CAAJPQFu.js";
|
|
4
|
-
import "../chunks/dialog.
|
|
4
|
+
import "../chunks/dialog.qSV5AjOE.js";
|
|
5
5
|
import "./divider.js";
|
|
6
6
|
import "./format-bytes.js";
|
|
7
7
|
import "./icon.js";
|
|
@@ -19,7 +19,7 @@ import "./tooltip.js";
|
|
|
19
19
|
import "../chunks/tree.Bx0IGsWm.js";
|
|
20
20
|
import "../chunks/typography.oDzoLbZS.js";
|
|
21
21
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
22
|
-
import "../chunks/confirm-popover.
|
|
22
|
+
import "../chunks/confirm-popover.ZD74yDWw.js";
|
|
23
23
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
24
24
|
import "../chunks/debounce.DaHuiSGU.js";
|
|
25
25
|
import "../chunks/i18n.C0iakJkV.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../chunks/button.CAAJPQFu.js";
|
|
2
|
-
import "../chunks/dialog.
|
|
2
|
+
import "../chunks/dialog.qSV5AjOE.js";
|
|
3
3
|
import "./grid.js";
|
|
4
4
|
import "./grid-item.js";
|
|
5
5
|
import "./input.js";
|
|
@@ -18,7 +18,7 @@ import "../chunks/custom-element.L4WJXn1j.js";
|
|
|
18
18
|
import "../chunks/debounce.DaHuiSGU.js";
|
|
19
19
|
import "../chunks/i18n.C0iakJkV.js";
|
|
20
20
|
import "../chunks/watch.BCJD77bD.js";
|
|
21
|
-
import { c as E, C as F } from "../chunks/list-editor.
|
|
21
|
+
import { c as E, C as F } from "../chunks/list-editor.CIAAFPco.js";
|
|
22
22
|
import "../chunks/lit-element.jLBm65_O.js";
|
|
23
23
|
import "../chunks/state.CSDxrqLd.js";
|
|
24
24
|
import "../chunks/query.BBf1UFkC.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
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 p } from "../chunks/color-swatch.BkpPCXd6.js";
|
|
4
|
-
import { C } from "../chunks/confirm-popover.
|
|
4
|
+
import { C } from "../chunks/confirm-popover.ZD74yDWw.js";
|
|
5
5
|
import { default as u } from "./corner-position-input-group.js";
|
|
6
6
|
import { C as m } from "../chunks/cropper.CQB3_qqG.js";
|
|
7
7
|
import { default as i } from "./dynamic-select.js";
|
|
8
8
|
import { C as c } from "../chunks/folder-select.CPALQK22.js";
|
|
9
|
-
import { C as P } from "../chunks/list-editor.
|
|
9
|
+
import { C as P } from "../chunks/list-editor.CIAAFPco.js";
|
|
10
10
|
import { default as I } from "./masonry.js";
|
|
11
11
|
import { default as y } from "./padding-input-group.js";
|
|
12
12
|
import { default as w } from "./position-picker.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as a } from "./asset-link-format.js";
|
|
2
2
|
import { C as t } from "../chunks/color-swatch-group.CKHyWM8K.js";
|
|
3
|
-
import { C } from "../chunks/file-on-demand.
|
|
3
|
+
import { C } from "../chunks/file-on-demand.CXE4zf0J.js";
|
|
4
4
|
export {
|
|
5
5
|
a as CxAssetLinkFormat,
|
|
6
6
|
t as CxColorSwatchGroup,
|
|
@@ -15,7 +15,7 @@ import em from "./checkbox.js";
|
|
|
15
15
|
import W2 from "./color-picker.js";
|
|
16
16
|
import nR from "./copy-button.js";
|
|
17
17
|
import rR from "./details.js";
|
|
18
|
-
import { C as vs, D as bT } from "../chunks/dialog.
|
|
18
|
+
import { C as vs, D as bT } from "../chunks/dialog.qSV5AjOE.js";
|
|
19
19
|
import Gl from "./divider.js";
|
|
20
20
|
import { d as rK, C as iK } from "../chunks/dot-pagination.BN_0ljfc.js";
|
|
21
21
|
import { default as IUt } from "./dot-status.js";
|
|
@@ -112,11 +112,11 @@ import { H as fR } from "../chunks/slot.j5oheLJC.js";
|
|
|
112
112
|
import { a as iVt, g as oVt } from "../chunks/slot.j5oheLJC.js";
|
|
113
113
|
import { b as NO, G as gh, c as Gd, T as vR, d as fn, i as yR, g as eY, t as LO, u as tY, f as y1, h as nY, F as Cf, M as Vv } from "../chunks/string.B_rEG27K.js";
|
|
114
114
|
import { a as sVt, e as cVt, p as lVt, s as dVt, l as uVt, j as pVt, k as hVt, m as gVt } from "../chunks/string.B_rEG27K.js";
|
|
115
|
-
import { a as l9, u as Ju, I as bR, C as rY } from "../chunks/list-editor.
|
|
115
|
+
import { a as l9, u as Ju, I as bR, C as rY } from "../chunks/list-editor.CIAAFPco.js";
|
|
116
116
|
import iY from "./bicolor-picker.js";
|
|
117
117
|
import wR from "./border-input-group.js";
|
|
118
118
|
import { C as fVt } from "../chunks/color-swatch.BkpPCXd6.js";
|
|
119
|
-
import { C as d9, a as oY } from "../chunks/confirm-popover.
|
|
119
|
+
import { C as d9, a as oY } from "../chunks/confirm-popover.ZD74yDWw.js";
|
|
120
120
|
import aY from "./corner-position-input-group.js";
|
|
121
121
|
import { r as X2, R as ub, a as sY, b as qe, j as _e, t as cY, d as xR, w as lY, c as dY } from "../chunks/cropper.CQB3_qqG.js";
|
|
122
122
|
import { C as yVt } from "../chunks/cropper.CQB3_qqG.js";
|
|
@@ -133,8 +133,8 @@ import { S as zO, r as mY, c as fY, i as FO, a as $O, b as vY, d as jO, e as z_
|
|
|
133
133
|
import { i as g9, T as F_, t as yY } from "../chunks/transform.BuqENXeT.js";
|
|
134
134
|
import { d as SR } from "../chunks/timer.B39XOBYL.js";
|
|
135
135
|
import { a as m9, c as sy } from "../chunks/_commonjsHelpers.DQNKXVTB.js";
|
|
136
|
-
import { b as rv, d as HO, a as J2, s as bY, o as wY, c as TR, i as Qd, e as xY } from "../chunks/file-on-demand.
|
|
137
|
-
import { C as EVt } from "../chunks/file-on-demand.
|
|
136
|
+
import { b as rv, d as HO, a as J2, s as bY, o as wY, c as TR, i as Qd, e as xY } from "../chunks/file-on-demand.CXE4zf0J.js";
|
|
137
|
+
import { C as EVt } from "../chunks/file-on-demand.CXE4zf0J.js";
|
|
138
138
|
import { o as $_ } from "../chunks/accessors.BHk36ecy.js";
|
|
139
139
|
import { N as kY, c as _Y } from "../chunks/index.CZJTjkLp.js";
|
|
140
140
|
import { e as CY, t as SY } from "../chunks/directive.oAbCiebi.js";
|
package/library/package.json
CHANGED
|
@@ -2,7 +2,6 @@ import { default as CortexElement } from '../../../../base/src/cortex-element.ts
|
|
|
2
2
|
import { DialogDividerPosition } from '../../../../types/src/dialog';
|
|
3
3
|
import { default as Modal } from '../../../../utils/src/custom-element/modal';
|
|
4
4
|
import { CSSResultGroup, PropertyValues } from 'lit';
|
|
5
|
-
import { ScrollbarsAutoHideBehavior } from 'overlayscrollbars';
|
|
6
5
|
import { default as CxDivider } from '../divider/divider';
|
|
7
6
|
import { default as CxIconButton } from '../icon-button/icon-button';
|
|
8
7
|
import { default as CxPopup } from '../popup/popup';
|
|
@@ -104,17 +103,8 @@ export default class CxDialog extends CortexElement {
|
|
|
104
103
|
/**
|
|
105
104
|
* Enables the overlay scrollbar plugin, which provides a custom scrollbar that does not take up any content space.
|
|
106
105
|
* This is useful for dialogs that contain scrollable content.
|
|
107
|
-
* Note that the scrollbar will only be visible when the content is overflowing.
|
|
108
106
|
*/
|
|
109
107
|
useOverlayScrollbar: boolean;
|
|
110
|
-
/**
|
|
111
|
-
* The `autoHide` behavior of the overlay scrollbar. This controls when the scrollbar will be hidden. It can be set to 'scroll' (the default), which will hide the scrollbar when not scrolling, 'leave' which will hide the scrollbar when not scrolling and the mouse is not over the scrollable area, or 'never' which will never hide the scrollbar.
|
|
112
|
-
*/
|
|
113
|
-
overlayScrollbarAutoHide: ScrollbarsAutoHideBehavior;
|
|
114
|
-
/**
|
|
115
|
-
* The `autoHideDelay` of the overlay scrollbar. This controls how long to wait before hiding the scrollbar when `autoHide` is set to 'scroll' or 'leave'. The default is 1000ms.
|
|
116
|
-
*/
|
|
117
|
-
overlayScrollbarAutoHideDelay: number;
|
|
118
108
|
/**
|
|
119
109
|
* Preventing the dialog from closing when clicking the overlay.
|
|
120
110
|
*/
|
|
@@ -1956,17 +1956,9 @@
|
|
|
1956
1956
|
*/
|
|
1957
1957
|
dividerPosition?: 'both' | 'footer' | 'header' | 'none';
|
|
1958
1958
|
/**
|
|
1959
|
-
* Enables the overlay scrollbar plugin, which provides a custom scrollbar that does not take up any content space. This is useful for dialogs that contain scrollable content.
|
|
1959
|
+
* Enables the overlay scrollbar plugin, which provides a custom scrollbar that does not take up any content space. This is useful for dialogs that contain scrollable content.
|
|
1960
1960
|
*/
|
|
1961
1961
|
useOverlayScrollbar?: boolean;
|
|
1962
|
-
/**
|
|
1963
|
-
* The `autoHide` behavior of the overlay scrollbar. This controls when the scrollbar will be hidden. It can be set to 'scroll' (the default), which will hide the scrollbar when not scrolling, 'leave' which will hide the scrollbar when not scrolling and the mouse is not over the scrollable area, or 'never' which will never hide the scrollbar.
|
|
1964
|
-
*/
|
|
1965
|
-
overlayScrollbarAutoHide?: 'scroll' | 'never' | 'move' | 'leave';
|
|
1966
|
-
/**
|
|
1967
|
-
* The `autoHideDelay` of the overlay scrollbar. This controls how long to wait before hiding the scrollbar when `autoHide` is set to 'scroll' or 'leave'. The default is 1000ms.
|
|
1968
|
-
*/
|
|
1969
|
-
overlayScrollbarAutoHideDelay?: number;
|
|
1970
1962
|
/**
|
|
1971
1963
|
* Preventing the dialog from closing when clicking the overlay.
|
|
1972
1964
|
*/
|