@orangelogic/design-system 2.104.0 → 2.105.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.DmOI7fQJ.js → asset.CCjWpDnd.js} +2 -2
- package/library/chunks/{button.CAa1kvwe.js → button.B8q9TnbJ.js} +1 -1
- package/library/chunks/{color-swatch-group.pyN7NkEj.js → color-swatch-group.mptrPb-B.js} +5 -5
- package/library/chunks/{color-swatch.DfJDZHlk.js → color-swatch.Dhk54Nx0.js} +1 -1
- package/library/chunks/{confirm-popover.DffsrEEf.js → confirm-popover.DNmZ61WM.js} +3 -3
- package/library/chunks/{content-builder.CcgZciZN.js → content-builder.BAhOkdZ-.js} +1 -1
- package/library/chunks/{dialog.08JIK4Kd.js → dialog.BlHQ-Sh1.js} +2 -2
- package/library/chunks/{dot-pagination.-nDdQxJN.js → dot-pagination.BMlLpcfR.js} +1 -1
- package/library/chunks/{file-on-demand.D5xRAZKN.js → file-on-demand.Bi_7NCZZ.js} +8 -8
- package/library/chunks/{folder-select.D4haLI38.js → folder-select.CDqz69bO.js} +3 -3
- package/library/chunks/{header.BZxyeLPK.js → header.yC7IkgNn.js} +1 -1
- package/library/chunks/{i18n.BABe9hN4.js → i18n.DmmFsjwP.js} +7 -1
- package/library/chunks/{icon-button.C2s3pHG4.js → icon-button.CHh2iNJJ.js} +1 -1
- package/library/chunks/{iframe.DPccxsnE.js → iframe.Dd2ON7ug.js} +1 -1
- package/library/chunks/image.CR_LHEaY.js +821 -0
- package/library/chunks/{list-editor.CJQ6AEs1.js → list-editor.C-1YI7Bb.js} +10 -10
- package/library/chunks/{option.DGXQzdtb.js → option.CdZHtENS.js} +1 -1
- package/library/chunks/{pagination.DhtwOCF6.js → pagination.CDCYbCV4.js} +4 -4
- package/library/chunks/resizable-component.styles.sAhMVN1H.js +283 -0
- package/library/chunks/{responsive.Oz9HWjyQ.js → responsive._tydujAy.js} +1 -1
- package/library/chunks/{tab-group.BhCf9Smq.js → tab-group.DtGFedcf.js} +4 -4
- package/library/chunks/{table.CRDY_C9O.js → table.kjsxIRt-.js} +5 -5
- package/library/chunks/{tree.CJculPt6.js → tree.D__u64uY.js} +1 -1
- package/library/chunks/wavesurfer.esm.Cwi1pz64.js +1276 -0
- package/library/components/alert.js +2 -2
- package/library/components/asset-link-format.js +5 -5
- package/library/components/atoms.js +163 -161
- package/library/components/audio.d.ts +3 -0
- package/library/components/audio.js +237 -0
- package/library/components/border-input-group.js +1 -1
- package/library/components/breadcrumb.js +1 -1
- package/library/components/button.js +2 -2
- package/library/components/color-picker.js +2 -2
- package/library/components/color-swatch-group.js +6 -6
- package/library/components/color-swatch.js +2 -2
- package/library/components/confirm-popover.js +4 -4
- package/library/components/copy-button.js +1 -1
- package/library/components/corner-position-input-group.js +2 -2
- package/library/components/details.js +1 -1
- package/library/components/dialog.js +3 -3
- package/library/components/dot-pagination.js +2 -2
- package/library/components/drawer.js +2 -2
- package/library/components/dropdown.js +1 -1
- package/library/components/dynamic-select.js +4 -4
- package/library/components/e-chart.js +1 -1
- package/library/components/element-clamp.js +2 -2
- package/library/components/file-on-demand.js +9 -9
- package/library/components/folder-select.js +3 -3
- package/library/components/format-bytes.js +1 -1
- package/library/components/format-date.js +1 -1
- package/library/components/format-number.js +1 -1
- package/library/components/format-time.js +1 -1
- package/library/components/header.js +2 -2
- package/library/components/icon-button.js +2 -2
- package/library/components/iframe.js +2 -2
- package/library/components/image-comparer.js +1 -1
- package/library/components/image.js +4 -3
- package/library/components/input.js +3 -3
- package/library/components/line-clamp.js +1 -1
- package/library/components/list-editor.js +6 -6
- package/library/components/masonry.js +2 -2
- package/library/components/menu-item.js +1 -1
- package/library/components/menu.js +1 -1
- package/library/components/molecules.js +4 -4
- package/library/components/option.js +2 -2
- package/library/components/organisms.js +2 -2
- package/library/components/pagination.js +5 -5
- package/library/components/popup.js +1 -1
- package/library/components/position-picker.js +1 -1
- package/library/components/progress-bar.js +1 -1
- package/library/components/progress-ring.js +1 -1
- package/library/components/range.js +1 -1
- package/library/components/rating.js +1 -1
- package/library/components/relative-time.js +1 -1
- package/library/components/select.js +2 -2
- package/library/components/share-option-list.js +1 -1
- package/library/components/sidebar.js +1 -1
- package/library/components/size-input-group.js +2 -2
- package/library/components/spinner.js +1 -1
- package/library/components/split-panel.js +1 -1
- package/library/components/tab-group.js +4 -4
- package/library/components/tab.js +2 -2
- package/library/components/table.js +5 -5
- package/library/components/tag.js +2 -2
- package/library/components/tooltip.js +1 -1
- package/library/components/tree-item.js +2 -2
- package/library/components/tree.js +2 -2
- package/library/components/typeface.js +2 -2
- package/library/components/types.js +15966 -15701
- package/library/components/video.js +8 -7
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/audio/audio.d.ts +114 -0
- package/library/packages/atoms/src/components/audio/audio.styles.d.ts +2 -0
- package/library/packages/atoms/src/index.d.ts +1 -0
- package/library/packages/organisms/src/asset-transformation-dialog/asset-transformation-dialog.d.ts +4 -0
- package/library/packages/organisms/src/content-builder/configs/audio.d.ts +26 -0
- package/library/packages/organisms/src/content-builder/configs/index.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs-controller.d.ts +28 -0
- package/library/packages/organisms/src/content-builder/content-builder-config.d.ts +3 -0
- package/library/packages/organisms/src/content-builder/plugins/audio.d.ts +5 -0
- package/library/packages/organisms/src/content-builder/plugins/index.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/styleController.d.ts +1 -1
- package/library/packages/types/src/content-builder.d.ts +3 -2
- package/library/packages/utils/src/custom-element/i18n.d.ts +6 -0
- package/library/react-web-component.d.ts +199 -93
- package/library/utils.js +3 -3
- package/package.json +1 -1
- package/library/chunks/image.DB68R-yp.js +0 -1095
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { C as k } from "./button.
|
|
2
|
-
import { C as O, D as q } from "./dialog.
|
|
1
|
+
import { C as k } from "./button.B8q9TnbJ.js";
|
|
2
|
+
import { C as O, D as q } from "./dialog.BlHQ-Sh1.js";
|
|
3
3
|
import G from "../components/grid.js";
|
|
4
4
|
import R from "../components/grid-item.js";
|
|
5
5
|
import S from "../components/input.js";
|
|
6
6
|
import j from "../components/line-clamp.js";
|
|
7
|
-
import { C as P } from "./option.
|
|
7
|
+
import { C as P } from "./option.CdZHtENS.js";
|
|
8
8
|
import F from "../components/radio.js";
|
|
9
9
|
import B from "../components/radio-group.js";
|
|
10
10
|
import K from "../components/select.js";
|
|
11
11
|
import _ from "../components/space.js";
|
|
12
|
-
import { C as U, H } from "./table.
|
|
12
|
+
import { C as U, H } from "./table.kjsxIRt-.js";
|
|
13
13
|
import { C as E } from "./typography.DJC_UXgs.js";
|
|
14
14
|
import { n as o, C as T } from "./lib-cortex-element.CVMmyPMC.js";
|
|
15
15
|
import V from "../components/dynamic-select.js";
|
|
16
16
|
import { c as L } from "./component.styles.CRO4Odto.js";
|
|
17
17
|
import { c as M } from "./custom-element.L4WJXn1j.js";
|
|
18
18
|
import { d as W } from "./debounce.CIEhztrj.js";
|
|
19
|
-
import { L as D } from "./i18n.
|
|
19
|
+
import { L as D } from "./i18n.DmmFsjwP.js";
|
|
20
20
|
import { w as h } from "./watch.BCJD77bD.js";
|
|
21
21
|
import { a as J } from "./_commonjsHelpers.DQNKXVTB.js";
|
|
22
22
|
import { i as z, x as l } from "./lit-element.jLBm65_O.js";
|
|
@@ -28,11 +28,11 @@ import { o as Z } from "./map.D8heArFD.js";
|
|
|
28
28
|
import { c as x } from "./repeat.DbF2p5ae.js";
|
|
29
29
|
import { n as N } from "./when.Dr1es41R.js";
|
|
30
30
|
import { t as Q } from "./toString.CL_lYXbK.js";
|
|
31
|
-
import { C as ee } from "./icon-button.
|
|
32
|
-
import { C as ae } from "./image.
|
|
33
|
-
import { a as te } from "./asset.
|
|
31
|
+
import { C as ee } from "./icon-button.CHh2iNJJ.js";
|
|
32
|
+
import { C as ae } from "./image.CR_LHEaY.js";
|
|
33
|
+
import { a as te } from "./asset.CCjWpDnd.js";
|
|
34
34
|
import { a as ie } from "./index.Cpamj0jB.js";
|
|
35
|
-
import { A as g } from "./content-builder.
|
|
35
|
+
import { A as g } from "./content-builder.BAhOkdZ-.js";
|
|
36
36
|
import { b as ne, t as I } from "./string.DUgD4c9f.js";
|
|
37
37
|
import { t as se } from "./toast.D3AW3RWv.js";
|
|
38
38
|
var C, w;
|
|
@@ -904,7 +904,7 @@ let c = class extends T {
|
|
|
904
904
|
renderAssetPreview() {
|
|
905
905
|
if ((this.previewSrc || this.value) && this.acceptsType(g.Image))
|
|
906
906
|
return l`<cx-image part="image" class="asset-picker__image" src=${this.previewSrc || this.value} alt=${this.name} width="200px" object-fit=${ie.Cover}></cx-image>`;
|
|
907
|
-
if (this.name && this.acceptsType(g.Video))
|
|
907
|
+
if (this.name && this.acceptsType(g.Audio) || this.acceptsType(g.Video))
|
|
908
908
|
return l`<cx-typography variant="body-2">${I(this.name, 30, 11, 11)}</cx-typography>`;
|
|
909
909
|
if (this.name && (this.acceptsType(g.Other) || this.acceptsType(g.All))) {
|
|
910
910
|
const e = this.name.split(",");
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { n as s, C as x } from "./lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import { c as m } from "./component.styles.CRO4Odto.js";
|
|
3
3
|
import { c as v } from "./custom-element.L4WJXn1j.js";
|
|
4
|
-
import { L as g } from "./i18n.
|
|
4
|
+
import { L as g } from "./i18n.DmmFsjwP.js";
|
|
5
5
|
import { w as d } from "./watch.BCJD77bD.js";
|
|
6
6
|
import { i as b, x as h } from "./lit-element.jLBm65_O.js";
|
|
7
7
|
import { r as f } from "./state.CSDxrqLd.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import b from "../components/space.js";
|
|
2
2
|
import { n as o, C as _ } from "./lib-cortex-element.CVMmyPMC.js";
|
|
3
|
-
import { C as P, I as y } from "./icon-button.
|
|
3
|
+
import { C as P, I as y } from "./icon-button.CHh2iNJJ.js";
|
|
4
4
|
import { c as f } from "./custom-element.L4WJXn1j.js";
|
|
5
|
-
import { L as z } from "./i18n.
|
|
5
|
+
import { L as z } from "./i18n.DmmFsjwP.js";
|
|
6
6
|
import { c as m } from "./math.DqTA6ya4.js";
|
|
7
7
|
import { w as d } from "./watch.BCJD77bD.js";
|
|
8
8
|
import { i as C, x as s } from "./lit-element.jLBm65_O.js";
|
|
@@ -10,9 +10,9 @@ import { r as S } from "./state.CSDxrqLd.js";
|
|
|
10
10
|
import { e as $ } from "./class-map.BiVq-cVR.js";
|
|
11
11
|
import { c as x } from "./repeat.DbF2p5ae.js";
|
|
12
12
|
import { n as g } from "./when.Dr1es41R.js";
|
|
13
|
-
import { C as w } from "./button.
|
|
13
|
+
import { C as w } from "./button.B8q9TnbJ.js";
|
|
14
14
|
import v from "../components/input.js";
|
|
15
|
-
import { C as I } from "./option.
|
|
15
|
+
import { C as I } from "./option.CdZHtENS.js";
|
|
16
16
|
import B from "../components/select.js";
|
|
17
17
|
import N from "../components/tooltip.js";
|
|
18
18
|
import { C as k } from "./typography.DJC_UXgs.js";
|
|
@@ -0,0 +1,283 @@
|
|
|
1
|
+
import { x as w, i as L } from "./lit-element.jLBm65_O.js";
|
|
2
|
+
import { C as N, n as o } from "./lib-cortex-element.CVMmyPMC.js";
|
|
3
|
+
import { r as x } from "./state.CSDxrqLd.js";
|
|
4
|
+
import { e as W } from "./query.BBf1UFkC.js";
|
|
5
|
+
import { E as $, b as S } from "./index.Cpamj0jB.js";
|
|
6
|
+
var k = /* @__PURE__ */ ((t) => (t.Bottom = "bottom", t.BottomCenter = "bottom-center", t.BottomLeft = "bottom-left", t.BottomRight = "bottom-right", t.CenterCenter = "center-center", t.CenterLeft = "center-left", t.CenterRight = "center-right", t.Left = "left", t.Right = "right", t.Top = "top", t.TopCenter = "top-center", t.TopLeft = "top-left", t.TopRight = "top-right", t))(k || {}), B = /* @__PURE__ */ ((t) => (t.Jump = "jump", t.None = "none", t.TextReveal = "text-reveal", t.Zoom = "zoom", t))(B || {}), C = /* @__PURE__ */ ((t) => (t.PopOut = "pop-out", t.WithinBorders = "within-borders", t))(C || {}), H = /* @__PURE__ */ ((t) => (t.Fade = "fade", t.Slide = "slide", t))(H || {}), b = /* @__PURE__ */ ((t) => (t.Auto = "auto", t.Fixed = "fixed", t))(b || {}), p = /* @__PURE__ */ ((t) => (t.Both = "both", t.Horizontal = "horizontal", t.Vertical = "vertical", t))(p || {}), I = Object.defineProperty, l = (t, e, g, v) => {
|
|
7
|
+
for (var s = void 0, h = t.length - 1, a; h >= 0; h--)
|
|
8
|
+
(a = t[h]) && (s = a(e, g, s) || s);
|
|
9
|
+
return s && I(e, g, s), s;
|
|
10
|
+
};
|
|
11
|
+
class n extends N {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments), this.hasEvent = !1, this.easing = $.Linear, this.highlightBorder = !1, this.highlightColorOverlay = !1, this.highlightDropShadow = !1, this.highlightBackground = !1, this.highlightOpacity = !1, this.effect = B.None, this.textRevealStyle = H.Slide, this.zoomStyle = C.WithinBorders, this.hasSlotContent = !1, this.isCustomSlot = !1, this.isHovering = !1;
|
|
14
|
+
}
|
|
15
|
+
get easeCSSVariable() {
|
|
16
|
+
return S[this.easing] || S.linear;
|
|
17
|
+
}
|
|
18
|
+
getHighlighterClass() {
|
|
19
|
+
return {
|
|
20
|
+
highlighter: !0,
|
|
21
|
+
[`highlighter--effect-${this.effect}`]: !0,
|
|
22
|
+
[`highlighter--zoom-style-${this.zoomStyle}`]: !0,
|
|
23
|
+
"highlighter--background": this.highlightBackground,
|
|
24
|
+
"highlighter--border": this.highlightBorder,
|
|
25
|
+
"highlighter--color-overlay": this.highlightColorOverlay,
|
|
26
|
+
"highlighter--drop-shadow": this.highlightDropShadow,
|
|
27
|
+
"highlighter--opacity": this.highlightOpacity
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Check if the slot has actual content (not just whitespace).
|
|
32
|
+
*/
|
|
33
|
+
handleSlotChange() {
|
|
34
|
+
if (this.slotEl) {
|
|
35
|
+
const e = this.slotEl.assignedElements({ flatten: !0 });
|
|
36
|
+
this.hasSlotContent = e.length > 0, this.isCustomSlot = !e.some(
|
|
37
|
+
(g) => g.hasAttribute("data-item-id")
|
|
38
|
+
);
|
|
39
|
+
} else
|
|
40
|
+
this.hasSlotContent = this.childElementCount > 0, this.isCustomSlot = !0;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
l([
|
|
44
|
+
W("slot")
|
|
45
|
+
], n.prototype, "slotEl");
|
|
46
|
+
l([
|
|
47
|
+
o({ attribute: "has-event", reflect: !0, type: Boolean })
|
|
48
|
+
], n.prototype, "hasEvent");
|
|
49
|
+
l([
|
|
50
|
+
o({ reflect: !0, type: String })
|
|
51
|
+
], n.prototype, "easing");
|
|
52
|
+
l([
|
|
53
|
+
o({ attribute: "highlight-border", reflect: !0, type: Boolean })
|
|
54
|
+
], n.prototype, "highlightBorder");
|
|
55
|
+
l([
|
|
56
|
+
o({
|
|
57
|
+
attribute: "highlight-color-overlay",
|
|
58
|
+
reflect: !0,
|
|
59
|
+
type: Boolean
|
|
60
|
+
})
|
|
61
|
+
], n.prototype, "highlightColorOverlay");
|
|
62
|
+
l([
|
|
63
|
+
o({
|
|
64
|
+
attribute: "highlight-drop-shadow",
|
|
65
|
+
reflect: !0,
|
|
66
|
+
type: Boolean
|
|
67
|
+
})
|
|
68
|
+
], n.prototype, "highlightDropShadow");
|
|
69
|
+
l([
|
|
70
|
+
o({ attribute: "highlight-background", reflect: !0, type: Boolean })
|
|
71
|
+
], n.prototype, "highlightBackground");
|
|
72
|
+
l([
|
|
73
|
+
o({ attribute: "highlight-opacity", reflect: !0, type: Boolean })
|
|
74
|
+
], n.prototype, "highlightOpacity");
|
|
75
|
+
l([
|
|
76
|
+
o({ attribute: "effect", reflect: !0, type: String })
|
|
77
|
+
], n.prototype, "effect");
|
|
78
|
+
l([
|
|
79
|
+
o({
|
|
80
|
+
attribute: "text-reveal-style",
|
|
81
|
+
reflect: !0,
|
|
82
|
+
type: String
|
|
83
|
+
})
|
|
84
|
+
], n.prototype, "textRevealStyle");
|
|
85
|
+
l([
|
|
86
|
+
o({
|
|
87
|
+
attribute: "zoom-style",
|
|
88
|
+
reflect: !0,
|
|
89
|
+
type: String
|
|
90
|
+
})
|
|
91
|
+
], n.prototype, "zoomStyle");
|
|
92
|
+
l([
|
|
93
|
+
x()
|
|
94
|
+
], n.prototype, "hasSlotContent");
|
|
95
|
+
l([
|
|
96
|
+
x()
|
|
97
|
+
], n.prototype, "isCustomSlot");
|
|
98
|
+
l([
|
|
99
|
+
x()
|
|
100
|
+
], n.prototype, "isHovering");
|
|
101
|
+
var O = Object.defineProperty, m = (t, e, g, v) => {
|
|
102
|
+
for (var s = void 0, h = t.length - 1, a; h >= 0; h--)
|
|
103
|
+
(a = t[h]) && (s = a(e, g, s) || s);
|
|
104
|
+
return s && O(e, g, s), s;
|
|
105
|
+
};
|
|
106
|
+
class u extends n {
|
|
107
|
+
constructor() {
|
|
108
|
+
super(), this.width = "", this.height = "", this.resizable = !1, this.heightMode = b.Fixed, this.resizeDirection = p.Both, this.noLimit = !1, this.parentContainer = null, this.isResizeActive = !1, this.isResizing = !1, this.resizeSize = {
|
|
109
|
+
height: 0,
|
|
110
|
+
width: 0
|
|
111
|
+
}, this.maxWidth = 0, this.maxHeight = 0, this.minWidth = 0, this.minHeight = 0, this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);
|
|
112
|
+
}
|
|
113
|
+
get ratio() {
|
|
114
|
+
const e = this.clientWidth || 0, g = this.clientHeight || 0;
|
|
115
|
+
return !e || !g ? 1 : e / g;
|
|
116
|
+
}
|
|
117
|
+
get keepRatio() {
|
|
118
|
+
return this.heightMode === b.Auto;
|
|
119
|
+
}
|
|
120
|
+
get canResizeHorizontal() {
|
|
121
|
+
return this.resizeDirection !== p.Vertical;
|
|
122
|
+
}
|
|
123
|
+
get canResizeVertical() {
|
|
124
|
+
return this.resizeDirection !== p.Horizontal;
|
|
125
|
+
}
|
|
126
|
+
handleDocumentMouseDown(e) {
|
|
127
|
+
const g = e.composedPath();
|
|
128
|
+
this.containingElement && !g.includes(this.containingElement) && this.stopResizing();
|
|
129
|
+
}
|
|
130
|
+
startResizing() {
|
|
131
|
+
!this.resizable || this.isResizeActive || (this.isResizeActive = !0, this.ownerDocument.addEventListener(
|
|
132
|
+
"mousedown",
|
|
133
|
+
this.handleDocumentMouseDown
|
|
134
|
+
));
|
|
135
|
+
}
|
|
136
|
+
stopResizing() {
|
|
137
|
+
this.isResizeActive = !1, this.ownerDocument.removeEventListener(
|
|
138
|
+
"mousedown",
|
|
139
|
+
this.handleDocumentMouseDown
|
|
140
|
+
);
|
|
141
|
+
}
|
|
142
|
+
handleResizeDragging(e, g = !1, v = !1) {
|
|
143
|
+
e.preventDefault(), e.stopPropagation(), this.maxWidth = Number.parseInt(getComputedStyle(this).getPropertyValue("--max-width")) || this.parentContainer?.clientWidth || this.parentElement?.clientWidth || 1 / 0, this.maxHeight = Number.parseInt(
|
|
144
|
+
getComputedStyle(this).getPropertyValue("--max-height")
|
|
145
|
+
) || 1 / 0, this.minWidth = Number.parseInt(getComputedStyle(this).getPropertyValue("--min-width")) || 40, this.minHeight = Number.parseInt(
|
|
146
|
+
getComputedStyle(this).getPropertyValue("--min-height")
|
|
147
|
+
) || 40, this.isResizing = !0;
|
|
148
|
+
const s = { x: e.pageX, y: e.pageY };
|
|
149
|
+
let h = 0, a = 0;
|
|
150
|
+
const y = {
|
|
151
|
+
height: this.containingElement?.clientHeight || 0,
|
|
152
|
+
width: this.containingElement?.clientWidth || 0
|
|
153
|
+
};
|
|
154
|
+
if (!this.noLimit && this.parentElement) {
|
|
155
|
+
const c = getComputedStyle(this.parentElement), i = c.getPropertyValue("padding-left").trim() || "0px", r = c.getPropertyValue("padding-right").trim() || "0px", R = Number(i.replace("px", "")), z = Number(r.replace("px", "")), f = getComputedStyle(this.parentElement).getPropertyValue("--padding").trim() || "0px", d = Number(f.replace("px", "")), V = Math.max(
|
|
156
|
+
R + z,
|
|
157
|
+
d * 2
|
|
158
|
+
);
|
|
159
|
+
this.maxWidth = Math.max(this.maxWidth - V, 0);
|
|
160
|
+
}
|
|
161
|
+
this.emit("cx-resize-start", {
|
|
162
|
+
detail: {
|
|
163
|
+
element: this,
|
|
164
|
+
event: e
|
|
165
|
+
}
|
|
166
|
+
});
|
|
167
|
+
const D = (c) => {
|
|
168
|
+
h = Number(y.width) + (g ? s.x - c.pageX : c.pageX - s.x), a = Number(y.height) + (v ? s.y - c.pageY : c.pageY - s.y), this.canResizeHorizontal || (h = Number(y.width)), this.canResizeVertical || (a = Number(y.height)), this.resizeDirection === p.Both && this.keepRatio && (a >= h / this.ratio && (a = h / this.ratio), h >= a * this.ratio && (h = a * this.ratio));
|
|
169
|
+
let i = h, r = a;
|
|
170
|
+
if (this.resizeDirection === p.Both && this.keepRatio) {
|
|
171
|
+
const R = this.maxWidth ?? 1 / 0, z = this.maxHeight ?? 1 / 0;
|
|
172
|
+
let f = Math.min(i, R), d = f / this.ratio;
|
|
173
|
+
d > z && (d = z, f = d * this.ratio), i = f, r = d;
|
|
174
|
+
} else
|
|
175
|
+
i = this.maxWidth ? Math.min(i, this.maxWidth) : i, r = this.maxHeight ? Math.min(r, this.maxHeight) : r;
|
|
176
|
+
this.resizeSize = {
|
|
177
|
+
height: Math.round(r),
|
|
178
|
+
width: Math.round(i)
|
|
179
|
+
}, this.resizeDirection === p.Both && this.keepRatio ? (this.minHeight && this.resizeSize.height < this.minHeight && (this.resizeSize.height = this.minHeight, this.resizeSize.width = Math.round(this.minHeight * this.ratio)), this.minWidth && this.resizeSize.width < this.minWidth && (this.resizeSize.width = this.minWidth, this.resizeSize.height = Math.round(this.minWidth / this.ratio))) : (this.minHeight && this.resizeSize.height < this.minHeight && (this.resizeSize.height = this.minHeight), this.minWidth && this.resizeSize.width < this.minWidth && (this.resizeSize.width = this.minWidth));
|
|
180
|
+
}, M = (c) => {
|
|
181
|
+
if (h > 0 && a > 0) {
|
|
182
|
+
let i = h, r = a;
|
|
183
|
+
if (this.canResizeHorizontal || (i = Number(y.width)), this.canResizeVertical || (r = Number(y.height)), this.resizeDirection === p.Both && this.keepRatio) {
|
|
184
|
+
const R = this.maxWidth ?? 1 / 0, z = this.maxHeight ?? 1 / 0;
|
|
185
|
+
let f = Math.min(i, R), d = f / this.ratio;
|
|
186
|
+
d > z && (d = z, f = d * this.ratio), i = f, r = d;
|
|
187
|
+
} else
|
|
188
|
+
i = this.maxWidth ? Math.min(i, this.maxWidth) : i, r = this.maxHeight ? Math.min(r, this.maxHeight) : r;
|
|
189
|
+
this.resizeDirection === p.Both && this.keepRatio ? (this.minHeight && r < this.minHeight && (r = this.minHeight, i = Math.round(this.minHeight * this.ratio)), this.minWidth && i < this.minWidth && (i = this.minWidth, r = Math.round(this.minWidth / this.ratio))) : (this.minHeight && r < this.minHeight && (r = this.minHeight), this.minWidth && i < this.minWidth && (i = this.minWidth)), this.width = `${Math.round(i)}px`, this.height = `${Math.round(r)}px`, this.resizeSize = {
|
|
190
|
+
height: 0,
|
|
191
|
+
width: 0
|
|
192
|
+
}, this.isResizing = !1;
|
|
193
|
+
}
|
|
194
|
+
this.emit("cx-resize-end", {
|
|
195
|
+
detail: {
|
|
196
|
+
element: this,
|
|
197
|
+
event: c
|
|
198
|
+
}
|
|
199
|
+
}), this.ownerDocument.defaultView?.removeEventListener(
|
|
200
|
+
"mousemove",
|
|
201
|
+
D
|
|
202
|
+
);
|
|
203
|
+
};
|
|
204
|
+
this.ownerDocument.defaultView?.addEventListener(
|
|
205
|
+
"mousemove",
|
|
206
|
+
D
|
|
207
|
+
), this.ownerDocument.defaultView?.addEventListener("mouseup", M, {
|
|
208
|
+
once: !0
|
|
209
|
+
});
|
|
210
|
+
}
|
|
211
|
+
handleResizeDraggingTopLeft(e) {
|
|
212
|
+
this.handleResizeDragging(e, !0, !0);
|
|
213
|
+
}
|
|
214
|
+
handleResizeDraggingTopRight(e) {
|
|
215
|
+
this.handleResizeDragging(e, !1, !0);
|
|
216
|
+
}
|
|
217
|
+
handleResizeDraggingBottomLeft(e) {
|
|
218
|
+
this.handleResizeDragging(e, !0, !1);
|
|
219
|
+
}
|
|
220
|
+
handleResizeDraggingBottomRight(e) {
|
|
221
|
+
this.handleResizeDragging(e, !1, !1);
|
|
222
|
+
}
|
|
223
|
+
handleResizeDraggingLeft(e) {
|
|
224
|
+
this.handleResizeDragging(e, !0, !1);
|
|
225
|
+
}
|
|
226
|
+
handleResizeDraggingRight(e) {
|
|
227
|
+
this.handleResizeDragging(e, !1, !1);
|
|
228
|
+
}
|
|
229
|
+
handleResizeDraggingTop(e) {
|
|
230
|
+
this.handleResizeDragging(e, !1, !0);
|
|
231
|
+
}
|
|
232
|
+
handleResizeDraggingBottom(e) {
|
|
233
|
+
this.handleResizeDragging(e, !1, !1);
|
|
234
|
+
}
|
|
235
|
+
renderResizer() {
|
|
236
|
+
return this.resizeDirection === p.Horizontal ? w`<div class="resizer resizer--left" @mousedown=${this.handleResizeDraggingLeft}></div><div class="resizer resizer--right" @mousedown=${this.handleResizeDraggingRight}></div>` : this.resizeDirection === p.Vertical ? w`<div class="resizer resizer--top" @mousedown=${this.handleResizeDraggingTop}></div><div class="resizer resizer--bottom" @mousedown=${this.handleResizeDraggingBottom}></div>` : w`<div class="resizer resizer--top-left" @mousedown=${this.handleResizeDraggingTopLeft}></div><div class="resizer resizer--top-right" @mousedown=${this.handleResizeDraggingTopRight}></div><div class="resizer resizer--bottom-left" @mousedown=${this.handleResizeDraggingBottomLeft}></div><div class="resizer resizer--bottom-right" @mousedown=${this.handleResizeDraggingBottomRight}></div>`;
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
m([
|
|
240
|
+
W('[part="base"]')
|
|
241
|
+
], u.prototype, "containingElement");
|
|
242
|
+
m([
|
|
243
|
+
o({ reflect: !0, type: String })
|
|
244
|
+
], u.prototype, "width");
|
|
245
|
+
m([
|
|
246
|
+
o({ reflect: !0, type: String })
|
|
247
|
+
], u.prototype, "height");
|
|
248
|
+
m([
|
|
249
|
+
o({ type: Boolean })
|
|
250
|
+
], u.prototype, "resizable");
|
|
251
|
+
m([
|
|
252
|
+
o({ attribute: "height-mode", reflect: !0, type: String })
|
|
253
|
+
], u.prototype, "heightMode");
|
|
254
|
+
m([
|
|
255
|
+
o({ attribute: "resize-direction", reflect: !0, type: String })
|
|
256
|
+
], u.prototype, "resizeDirection");
|
|
257
|
+
m([
|
|
258
|
+
o({ attribute: "no-limit", reflect: !0, type: Boolean })
|
|
259
|
+
], u.prototype, "noLimit");
|
|
260
|
+
m([
|
|
261
|
+
o({ attribute: !1, type: Object })
|
|
262
|
+
], u.prototype, "parentContainer");
|
|
263
|
+
m([
|
|
264
|
+
x()
|
|
265
|
+
], u.prototype, "isResizeActive");
|
|
266
|
+
m([
|
|
267
|
+
x()
|
|
268
|
+
], u.prototype, "isResizing");
|
|
269
|
+
m([
|
|
270
|
+
x()
|
|
271
|
+
], u.prototype, "resizeSize");
|
|
272
|
+
const E = L`.resizer{background-color:var(--cx-color-primary);z-index:100;width:8px;height:8px;position:absolute}.resizer--top-left{top:calc(-1px - var(--border-width,0px));left:calc(-1px - var(--border-width,0px));cursor:nw-resize}.resizer--top-right{top:calc(-1px - var(--border-width,0px));right:calc(-1px - var(--border-width,0px));cursor:ne-resize}.resizer--bottom-left{bottom:calc(-1px - var(--border-width,0px));left:calc(-1px - var(--border-width,0px));cursor:sw-resize}.resizer--bottom-right{bottom:calc(-1px - var(--border-width,0px));right:calc(-1px - var(--border-width,0px));cursor:se-resize}.resizer--left{cursor:ew-resize;top:50%;left:0;transform:translateY(-50%)}.resizer--right{cursor:ew-resize;top:50%;right:0;transform:translateY(-50%)}.resizer--top{cursor:ns-resize;top:0;left:50%;transform:translate(-50%)}.resizer--bottom{cursor:ns-resize;bottom:0;left:50%;transform:translate(-50%)}`;
|
|
273
|
+
export {
|
|
274
|
+
B as H,
|
|
275
|
+
u as R,
|
|
276
|
+
k as a,
|
|
277
|
+
n as b,
|
|
278
|
+
H as c,
|
|
279
|
+
C as d,
|
|
280
|
+
p as e,
|
|
281
|
+
b as f,
|
|
282
|
+
E as r
|
|
283
|
+
};
|
|
@@ -2,7 +2,7 @@ import In from "../components/resize-observer.js";
|
|
|
2
2
|
import { n as wt, C as Fn } from "./lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import { c as Ln } from "./component.styles.CRO4Odto.js";
|
|
4
4
|
import { c as $n } from "./custom-element.L4WJXn1j.js";
|
|
5
|
-
import { L as Nn } from "./i18n.
|
|
5
|
+
import { L as Nn } from "./i18n.DmmFsjwP.js";
|
|
6
6
|
import { s as Zi } from "./scroll.xtO5yojm.js";
|
|
7
7
|
import { w as ft } from "./watch.BCJD77bD.js";
|
|
8
8
|
import { i as Bn } from "./dom.0RpWet6y.js";
|
|
@@ -17,9 +17,9 @@ import { i as Ji } from "./guard.D4axKaMo.js";
|
|
|
17
17
|
import { o as tr } from "./map.D8heArFD.js";
|
|
18
18
|
import { o as Ue } from "./style-map.llVFPd__.js";
|
|
19
19
|
import { n as Pe } from "./when.Dr1es41R.js";
|
|
20
|
-
import { C as Yn } from "./button.
|
|
20
|
+
import { C as Yn } from "./button.B8q9TnbJ.js";
|
|
21
21
|
import Xn from "../components/dropdown.js";
|
|
22
|
-
import { C as qn } from "./icon-button.
|
|
22
|
+
import { C as qn } from "./icon-button.CHh2iNJJ.js";
|
|
23
23
|
import Gn from "../components/menu.js";
|
|
24
24
|
import Kn from "../components/menu-item.js";
|
|
25
25
|
import jn from "../components/tab.js";
|
|
@@ -2321,7 +2321,7 @@ Ft.create("cubic", "0.65, 0, 0.35, 1");
|
|
|
2321
2321
|
Ft.create("expo", "0.87, 0, 0.13, 1");
|
|
2322
2322
|
Ft.create("quad", "0.45, 0, 0.55, 1");
|
|
2323
2323
|
Ft.create("linear", "0.42, 0, 0.58, 1");
|
|
2324
|
-
const Co = Vn`:host{--indicator-color:var(--cx-color-primary);--indicator-width:2px;--track-color:var(--cx-color-neutral-200);--track-width:1px;isolation:isolate;display:block}::slotted(cx-tab[data-hidden]){visibility:hidden!important;pointer-events:none!important}.tab-group{border-radius:0;display:flex}.tab-group__tabs{display:flex;position:relative}.tab-group--button .tab-group__tabs{background-color:var(--cx-color-neutral-100);padding:var(--cx-spacing-2x-small);border-radius:12px;flex:none}.tab-group--button .tab-group__indicator{--indicator-width:0}.tab-group__indicator{transition:var(--cx-transition-fast) translate ease, var(--cx-transition-fast) width ease;position:absolute}.tab-group--timeline .tab-group__indicator{display:none!important}.tab-group__dropdown{z-index:1;height:100%;display:flex;position:absolute;top:0}.tab-group__dropdown__trigger{--color:var(--tab-color,var(--cx-color-neutral-700));--background-color:var(--tab-background-color,transparent);--color-focus:var(--tab-active-color,var(--cx-color-primary));--background-color-focus:var(--tab-active-background-color,transparent);--cx-button-text-transform:none;max-width:var(--tab-dropdown-trigger-max-width,150px);flex:1;height:100%}.tab-group__dropdown__trigger::part(base){height:100%}.tab-group__dropdown__trigger--active{--color:var(--tab-active-color,var(--cx-color-neutral-600));--background-color:var(--tab-active-background-color,transparent)}.tab-group__dropdown__trigger--hidden{visibility:hidden;pointer-events:none}.tab-group__dropdown__menu{gap:var(--cx-spacing-3x-small);flex-direction:column;display:flex}.tab-group__dropdown__menu--reverse{flex-direction:column-reverse}.tab-group__dropdown__menu-item{--label-color:var(--tab-color,var(--cx-color-neutral-700));--cx-menu-item-background-color:var(--tab-background-color,transparent);--cx-menu-item-background-color-hover:var(--tab-background-color,var(--cx-color-neutral-100));--cx-menu-item-background-color-active:var(--tab-active-background-color,var(--cx-menu-item-background-color-hover));--cx-menu-item-background-color-active-hover:var(--tab-active-background-color,var(--cx-color-neutral-200))}.tab-group__dropdown__menu-item:hover:not(.tab-group__dropdown__menu-item--active){--label-color:var(--cx-color-neutral-800)}.tab-group__dropdown__menu-item--active{--label-color:var(--tab-active-color,var(--cx-color-neutral-600))}.tab-group__dropdown__menu-item::part(base){padding:var(--cx-spacing-3x-small) var(--cx-spacing-x-small);min-height:40px}.tab-group__dropdown__menu-item::part(checked-icon),.tab-group__dropdown__menu-item::part(submenu-icon){display:none}.tab-group__nav-container{padding:var(--tab-group-nav-padding,0)}.tab-group--has-scroll-controls .tab-group__nav-container{padding:0 var(--cx-spacing-x-large);position:relative}.tab-group--has-scroll-controls .tab-group__scroll-button--start--hidden,.tab-group--has-scroll-controls .tab-group__scroll-button--end--hidden{visibility:hidden}.tab-group__body{display:block}:host([use-max-panel-height]) .tab-group__body{overflow:auto}:host([hide-panel-variant=absolute]) .tab-group__body{contain:layout size;position:relative}:host([hide-panel-variant=absolute]) ::slotted(cx-tab-panel){width:100%;display:block;top:0;left:0;position:absolute!important}:host([hide-panel-variant=absolute]) ::slotted(cx-tab-panel:not([active])){visibility:hidden;opacity:0;pointer-events:none}.tab-group__scroll-button{width:var(--cx-spacing-x-large);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.tab-group__scroll-button--start{left:0}.tab-group__scroll-button--end{right:0}.tab-group--rtl .tab-group__scroll-button--start{left:auto;right:0}.tab-group--rtl .tab-group__scroll-button--end{left:0;right:auto}.tab-group__nav{justify-content:flex-start}.tab-group--top{gap:var(--cx-spacing-small);flex-direction:column}.tab-group--top .tab-group__nav-container{border-bottom:solid var(--track-width) var(--track-color);order:1}.tab-group--top .tab-group__nav{scrollbar-width:none;display:flex;overflow-x:auto}.tab-group--top.tab-group--has-hidden-tabs .tab-group__nav{overflow-x:hidden}.tab-group--top .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--top .tab-group__tabs{flex-direction:row;position:relative}.tab-group--top.tab-group--rtl .tab-group__tabs{flex-direction:row-reverse}.tab-group--default.tab-group--top .tab-group__tabs{flex:auto}.tab-group--top .tab-group__indicator{border-bottom:solid var(--indicator-width) var(--indicator-color);bottom:0}.tab-group--top .tab-group__body{order:3}.tab-group--top ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,var(--cx-spacing-medium))}.tab-group--bottom{flex-direction:column}.tab-group--bottom .tab-group__nav-container{border-top:solid var(--track-width) var(--track-color);order:3}.tab-group--bottom .tab-group__nav{scrollbar-width:none;display:flex;overflow-x:auto}.tab-group--bottom.tab-group--has-hidden-tabs .tab-group__nav{overflow-x:hidden}.tab-group--bottom .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--bottom .tab-group__tabs{flex-direction:row;position:relative}.tab-group--bottom.tab-group--rtl .tab-group__tabs{flex-direction:row-reverse}.tab-group--default.tab-group--bottom .tab-group__tabs{flex:auto}.tab-group--bottom .tab-group__indicator{border-top:solid var(--indicator-width) var(--indicator-color);top:0}.tab-group--bottom .tab-group__body{order:1}.tab-group--bottom ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,var(--cx-spacing-medium) 0)}.tab-group--start{flex-direction:row}.tab-group--start .tab-group__nav-container{order:1}.tab-group--start .tab-group__tabs{flex-direction:column;flex:none}.tab-group--start .tab-group__indicator{right:calc(-1 * var(--indicator-width))}.tab-group--default.tab-group--start .tab-group__tabs{border-inline-end:solid var(--track-width) var(--track-color)}.tab-group--default.tab-group--start .tab-group__indicator{border-right:solid var(--indicator-width) var(--indicator-color)}.tab-group--start .tab-group__body{flex:auto;order:3}.tab-group--start ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,0 var(--cx-spacing-medium))}.tab-group--end{flex-direction:row}.tab-group--end .tab-group__nav-container{border-inline-start:solid var(--track-width) var(--track-color);order:3}.tab-group--end .tab-group__tabs{flex-direction:column;flex:none}.tab-group--end .tab-group__indicator{left:calc(-1 * var(--indicator-width))}.tab-group--default.tab-group--end .tab-group__indicator{border-inline-start:solid var(--indicator-width) var(--indicator-color)}.tab-group--end .tab-group__body{flex:auto;order:1}.tab-group--end ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,0 var(--cx-spacing-medium))}.tab-pagination{justify-content:center;gap:var(--cx-spacing-small);flex-wrap:wrap;order:2;display:flex}.tab-pagination__dot{cursor:pointer;border-radius:var(--cx-border-radius-circle);width:var(--cx-spacing-small);height:var(--cx-spacing-small);background:0 0;background-color:var(--cx-color-neutral-300);border:0;margin:0;padding:0;display:block}.tab-pagination__dot--active{background-color:var(--cx-color-neutral-500)}.timeline-line{--offset:var(--min-tab-width);--horizontal-padding:var(--cx-spacing-small);top:18px;left:calc(var(--offset) / 2 + var(--horizontal-padding));width:calc(100% - var(--offset) - 2 * var(--horizontal-padding));background-color:var(--cx-color-neutral-300);height:2px;display:block;position:absolute;transform:translateY(-50%)}`;
|
|
2324
|
+
const Co = Vn`:host{--indicator-color:var(--cx-color-primary);--indicator-width:2px;--track-color:var(--cx-color-neutral-200);--track-width:1px;isolation:isolate;display:block}::slotted(cx-tab[data-hidden]){visibility:hidden!important;pointer-events:none!important}.tab-group{border-radius:0;display:flex}.tab-group__tabs{display:flex;position:relative}.tab-group--button .tab-group__tabs{background-color:var(--cx-color-neutral-100);padding:var(--cx-spacing-2x-small);border-radius:12px;flex:none}.tab-group--button .tab-group__indicator{--indicator-width:0}.tab-group__indicator{transition:var(--cx-transition-fast) translate ease, var(--cx-transition-fast) width ease;position:absolute}.tab-group--timeline .tab-group__indicator{display:none!important}.tab-group__dropdown{z-index:1;height:100%;display:flex;position:absolute;top:0}.tab-group__dropdown__trigger{--color:var(--tab-color,var(--cx-color-neutral-700));--background-color:var(--tab-background-color,transparent);--color-focus:var(--tab-active-color,var(--cx-color-primary));--background-color-focus:var(--tab-active-background-color,transparent);--cx-button-text-transform:none;max-width:var(--tab-dropdown-trigger-max-width,150px);flex:1;height:100%}.tab-group__dropdown__trigger::part(base){height:100%}.tab-group__dropdown__trigger--active{--color:var(--tab-active-color,var(--cx-color-neutral-600));--background-color:var(--tab-active-background-color,transparent)}.tab-group__dropdown__trigger--hidden{visibility:hidden;pointer-events:none}.tab-group__dropdown__menu{gap:var(--cx-spacing-3x-small);flex-direction:column;display:flex}.tab-group__dropdown__menu--reverse{flex-direction:column-reverse}.tab-group__dropdown__menu-item{--label-color:var(--tab-color,var(--cx-color-neutral-700));--cx-menu-item-background-color:var(--tab-background-color,transparent);--cx-menu-item-background-color-hover:var(--tab-background-color,var(--cx-color-neutral-100));--cx-menu-item-background-color-active:var(--tab-active-background-color,var(--cx-menu-item-background-color-hover));--cx-menu-item-background-color-active-hover:var(--tab-active-background-color,var(--cx-color-neutral-200))}.tab-group__dropdown__menu-item:hover:not(.tab-group__dropdown__menu-item--active){--label-color:var(--cx-color-neutral-800)}.tab-group__dropdown__menu-item--active{--label-color:var(--tab-active-color,var(--cx-color-neutral-600))}.tab-group__dropdown__menu-item::part(base){padding:var(--cx-spacing-3x-small) var(--cx-spacing-x-small);min-height:40px}.tab-group__dropdown__menu-item::part(checked-icon),.tab-group__dropdown__menu-item::part(submenu-icon){display:none}.tab-group__nav-container{padding:var(--tab-group-nav-padding,0);overflow:clip}.tab-group--has-scroll-controls .tab-group__nav-container{padding:0 var(--cx-spacing-x-large);position:relative}.tab-group--has-scroll-controls .tab-group__scroll-button--start--hidden,.tab-group--has-scroll-controls .tab-group__scroll-button--end--hidden{visibility:hidden}.tab-group__body{display:block}:host([use-max-panel-height]) .tab-group__body{overflow:auto}:host([hide-panel-variant=absolute]) .tab-group__body{contain:layout size;position:relative}:host([hide-panel-variant=absolute]) ::slotted(cx-tab-panel){width:100%;display:block;top:0;left:0;position:absolute!important}:host([hide-panel-variant=absolute]) ::slotted(cx-tab-panel:not([active])){visibility:hidden;opacity:0;pointer-events:none}.tab-group__scroll-button{width:var(--cx-spacing-x-large);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.tab-group__scroll-button--start{left:0}.tab-group__scroll-button--end{right:0}.tab-group--rtl .tab-group__scroll-button--start{left:auto;right:0}.tab-group--rtl .tab-group__scroll-button--end{left:0;right:auto}.tab-group__nav{justify-content:flex-start}.tab-group--top{gap:var(--cx-spacing-small);flex-direction:column}.tab-group--top .tab-group__nav-container{border-bottom:solid var(--track-width) var(--track-color);order:1}.tab-group--top .tab-group__nav{scrollbar-width:none;display:flex;overflow-x:auto}.tab-group--top.tab-group--has-hidden-tabs .tab-group__nav{width:fit-content;overflow-x:hidden}.tab-group--top .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--top .tab-group__tabs{flex-direction:row;position:relative}.tab-group--top.tab-group--rtl .tab-group__tabs{flex-direction:row-reverse}.tab-group--default.tab-group--top .tab-group__tabs{flex:auto}.tab-group--top .tab-group__indicator{border-bottom:solid var(--indicator-width) var(--indicator-color);bottom:0}.tab-group--top .tab-group__body{order:3}.tab-group--top ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,var(--cx-spacing-medium))}.tab-group--bottom{flex-direction:column}.tab-group--bottom .tab-group__nav-container{border-top:solid var(--track-width) var(--track-color);order:3}.tab-group--bottom .tab-group__nav{scrollbar-width:none;display:flex;overflow-x:auto}.tab-group--bottom.tab-group--has-hidden-tabs .tab-group__nav{width:fit-content;overflow-x:hidden}.tab-group--bottom .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--bottom .tab-group__tabs{flex-direction:row;position:relative}.tab-group--bottom.tab-group--rtl .tab-group__tabs{flex-direction:row-reverse}.tab-group--default.tab-group--bottom .tab-group__tabs{flex:auto}.tab-group--bottom .tab-group__indicator{border-top:solid var(--indicator-width) var(--indicator-color);top:0}.tab-group--bottom .tab-group__body{order:1}.tab-group--bottom ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,var(--cx-spacing-medium) 0)}.tab-group--start{flex-direction:row}.tab-group--start .tab-group__nav-container{order:1}.tab-group--start .tab-group__tabs{flex-direction:column;flex:none}.tab-group--start .tab-group__indicator{right:calc(-1 * var(--indicator-width))}.tab-group--default.tab-group--start .tab-group__tabs{border-inline-end:solid var(--track-width) var(--track-color)}.tab-group--default.tab-group--start .tab-group__indicator{border-right:solid var(--indicator-width) var(--indicator-color)}.tab-group--start .tab-group__body{flex:auto;order:3}.tab-group--start ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,0 var(--cx-spacing-medium))}.tab-group--end{flex-direction:row}.tab-group--end .tab-group__nav-container{border-inline-start:solid var(--track-width) var(--track-color);order:3}.tab-group--end .tab-group__tabs{flex-direction:column;flex:none}.tab-group--end .tab-group__indicator{left:calc(-1 * var(--indicator-width))}.tab-group--default.tab-group--end .tab-group__indicator{border-inline-start:solid var(--indicator-width) var(--indicator-color)}.tab-group--end .tab-group__body{flex:auto;order:1}.tab-group--end ::slotted(cx-tab-panel){--padding:var(--tab-panel-padding,0 var(--cx-spacing-medium))}.tab-pagination{justify-content:center;gap:var(--cx-spacing-small);flex-wrap:wrap;order:2;display:flex}.tab-pagination__dot{cursor:pointer;border-radius:var(--cx-border-radius-circle);width:var(--cx-spacing-small);height:var(--cx-spacing-small);background:0 0;background-color:var(--cx-color-neutral-300);border:0;margin:0;padding:0;display:block}.tab-pagination__dot--active{background-color:var(--cx-color-neutral-500)}.timeline-line{--offset:var(--min-tab-width);--horizontal-padding:var(--cx-spacing-small);top:18px;left:calc(var(--offset) / 2 + var(--horizontal-padding));width:calc(100% - var(--offset) - 2 * var(--horizontal-padding));background-color:var(--cx-color-neutral-300);height:2px;display:block;position:absolute;transform:translateY(-50%)}`;
|
|
2325
2325
|
var ko = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, k = (o, t, e, i) => {
|
|
2326
2326
|
for (var r = i > 1 ? void 0 : i ? Oo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2327
2327
|
(s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { C as Ve } from "./button.
|
|
1
|
+
import { C as Ve } from "./button.B8q9TnbJ.js";
|
|
2
2
|
import Qs from "../components/checkbox.js";
|
|
3
3
|
import Zs from "../components/divider.js";
|
|
4
4
|
import eo from "../components/format-number.js";
|
|
5
|
-
import { C as zs } from "./icon-button.
|
|
5
|
+
import { C as zs } from "./icon-button.CHh2iNJJ.js";
|
|
6
6
|
import to from "../components/select.js";
|
|
7
7
|
import Si from "../components/space.js";
|
|
8
8
|
import io from "../components/spinner.js";
|
|
@@ -13,9 +13,9 @@ import { g as k, a as ts } from "./dom.0RpWet6y.js";
|
|
|
13
13
|
import { x as E, i as O, E as oo } from "./lit-element.jLBm65_O.js";
|
|
14
14
|
import "./debounce.CIEhztrj.js";
|
|
15
15
|
import "./form.Ch1cwYzO.js";
|
|
16
|
-
import { L as pt } from "./i18n.
|
|
16
|
+
import { L as pt } from "./i18n.DmmFsjwP.js";
|
|
17
17
|
import "./purify.es.BIuh5IAZ.js";
|
|
18
|
-
import "./content-builder.
|
|
18
|
+
import "./content-builder.BAhOkdZ-.js";
|
|
19
19
|
import "./unsafe-html.Dff7-rCx.js";
|
|
20
20
|
import { t as ro, g as no } from "./toast.D3AW3RWv.js";
|
|
21
21
|
import { s as T, c as ft, d as Ti } from "./string.DUgD4c9f.js";
|
|
@@ -23,7 +23,7 @@ import { o as re } from "./if-defined.BRoBj_Rp.js";
|
|
|
23
23
|
import { o as Le } from "./style-map.llVFPd__.js";
|
|
24
24
|
import { T as ao, C as lo } from "./typography.DJC_UXgs.js";
|
|
25
25
|
import { d as ho } from "./debounce.C_J-9zJi.js";
|
|
26
|
-
import { C as co, P as uo } from "./pagination.
|
|
26
|
+
import { C as co, P as uo } from "./pagination.CDCYbCV4.js";
|
|
27
27
|
import { c as Be } from "./custom-element.L4WJXn1j.js";
|
|
28
28
|
import { w as A } from "./watch.BCJD77bD.js";
|
|
29
29
|
import { r as ae } from "./state.CSDxrqLd.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { C as R, n as l } from "./lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import { c as N } from "./component.styles.CRO4Odto.js";
|
|
3
3
|
import { c as G } from "./custom-element.L4WJXn1j.js";
|
|
4
|
-
import { L as M } from "./i18n.
|
|
4
|
+
import { L as M } from "./i18n.DmmFsjwP.js";
|
|
5
5
|
import { c as K } from "./math.DqTA6ya4.js";
|
|
6
6
|
import { w as f } from "./watch.BCJD77bD.js";
|
|
7
7
|
import { i as Z, x as b, E as D } from "./lit-element.jLBm65_O.js";
|