@orangelogic/design-system 2.100.0 → 2.102.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.
Files changed (70) hide show
  1. package/library/chunks/{asset.CKtT9q4k.js → asset.CtL7ACp7.js} +1 -1
  2. package/library/chunks/{color-swatch-group.Cfn8EGfK.js → color-swatch-group.C6c53two.js} +3 -3
  3. package/library/chunks/{color-swatch.BUwHT5Cx.js → color-swatch.GsiCvj1n.js} +1 -1
  4. package/library/chunks/{confirm-popover.BMGnWZnC.js → confirm-popover.PiSCZY6-.js} +1 -1
  5. package/library/chunks/debounce.CIEhztrj.js +97 -0
  6. package/library/chunks/{dialog._xvAZqaE.js → dialog.BTU6B2_4.js} +9 -10
  7. package/library/chunks/event.BeKOsirN.js +46 -0
  8. package/library/chunks/{file-on-demand.CIjtKP0H.js → file-on-demand.DCxabV6T.js} +4 -4
  9. package/library/chunks/{folder-select.D4Ft0qRc.js → folder-select.BM7yeAsU.js} +2 -2
  10. package/library/chunks/{image.BnB-fJ8g.js → image.D207g003.js} +1 -1
  11. package/library/chunks/{list-editor.B_mnvgtZ.js → list-editor.CMakbQyU.js} +182 -184
  12. package/library/chunks/{table.D4HIzy47.js → table.Cm-ynClk.js} +977 -962
  13. package/library/chunks/transformation.Dir8s_wm.js +151 -0
  14. package/library/chunks/{tree.Hh8WCK7l.js → tree.DAiWVFiY.js} +91 -80
  15. package/library/components/alert.js +7 -8
  16. package/library/components/asset-link-format.js +867 -672
  17. package/library/components/atoms.js +4 -4
  18. package/library/components/color-picker.js +1 -1
  19. package/library/components/color-swatch-group.js +4 -4
  20. package/library/components/color-swatch.js +2 -2
  21. package/library/components/confirm-popover.js +2 -2
  22. package/library/components/details.js +1 -2
  23. package/library/components/dialog.js +3 -4
  24. package/library/components/drawer.js +83 -73
  25. package/library/components/dropdown.js +7 -8
  26. package/library/components/dynamic-select.js +1 -1
  27. package/library/components/element-clamp.js +1 -2
  28. package/library/components/file-on-demand.js +5 -5
  29. package/library/components/folder-select.js +2 -2
  30. package/library/components/image.js +2 -2
  31. package/library/components/line-clamp.js +4 -5
  32. package/library/components/list-editor.js +4 -4
  33. package/library/components/masonry.js +1 -1
  34. package/library/components/molecules.js +4 -4
  35. package/library/components/organisms.js +2 -2
  36. package/library/components/popup.js +73 -74
  37. package/library/components/range.js +1 -1
  38. package/library/components/select.js +1 -2
  39. package/library/components/share-option-list.js +1 -1
  40. package/library/components/sidebar.js +6 -6
  41. package/library/components/table.js +1 -1
  42. package/library/components/tag.js +44 -31
  43. package/library/components/tooltip.js +1 -2
  44. package/library/components/tree-item.js +4 -3
  45. package/library/components/tree.js +1 -1
  46. package/library/components/types.js +760 -765
  47. package/library/components/video.js +2 -2
  48. package/library/package.json +1 -1
  49. package/library/packages/atoms/src/components/drawer/drawer.d.ts +8 -0
  50. package/library/packages/atoms/src/components/table/components/table-toolbar/table-toolbar.d.ts +11 -1
  51. package/library/packages/atoms/src/components/tag/tag.d.ts +11 -1
  52. package/library/packages/atoms/src/components/tree-item/tree-item.d.ts +10 -0
  53. package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts +8 -0
  54. package/library/packages/organisms/src/asset-link-format/components/asset-link-format-crop/asset-link-format-crop.d.ts +4 -0
  55. package/library/packages/organisms/src/asset-link-format/components/asset-link-format-quality/asset-link-format-quality.d.ts +4 -0
  56. package/library/packages/organisms/src/asset-link-format/components/asset-link-format-resize/asset-link-format-resize.d.ts +4 -0
  57. package/library/packages/organisms/src/asset-link-format/components/asset-link-format-rotation/asset-link-format-rotation.d.ts +4 -0
  58. package/library/packages/organisms/src/content-builder/styleController.d.ts +2 -1
  59. package/library/packages/types/src/asset-link-format.d.ts +2 -0
  60. package/library/packages/types/src/content-builder.d.ts +5 -1
  61. package/library/packages/types/src/tag.d.ts +1 -0
  62. package/library/packages/utils/src/transformation/transformation.d.ts +4 -1
  63. package/library/react-web-component.d.ts +19 -3
  64. package/library/utils.js +138 -140
  65. package/package.json +1 -1
  66. package/library/chunks/animate.El-MpOws.js +0 -37
  67. package/library/chunks/browser.BHOCIF_A.js +0 -84
  68. package/library/chunks/debounce.DaHuiSGU.js +0 -15
  69. package/library/chunks/event.mFzZi4sr.js +0 -11
  70. package/library/chunks/transformation.Cqz3hPaQ.js +0 -144
package/library/components/atoms.js CHANGED
@@ -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._xvAZqaE.js";
18
+ import { C as j } from "../chunks/dialog.BTU6B2_4.js";
19
19
  import { default as z } from "./divider.js";
20
20
  import { C as q } from "../chunks/dot-pagination.BzsMmgef.js";
21
21
  import { default as K } from "./dot-status.js";
@@ -34,7 +34,7 @@ import { C as ge } from "../chunks/hub-connection.Ot2odiCz.js";
34
34
  import { default as be } from "./icon.js";
35
35
  import { C as Te } from "../chunks/icon-button.CN0NGNQx.js";
36
36
  import { C as Ae } from "../chunks/iframe.BsLEwsvI.js";
37
- import { C as De } from "../chunks/image.BnB-fJ8g.js";
37
+ import { C as De } from "../chunks/image.D207g003.js";
38
38
  import { default as Pe } from "./image-comparer.js";
39
39
  import { default as Ge } from "./include.js";
40
40
  import { default as he } from "./input.js";
@@ -70,13 +70,13 @@ import { default as ka } from "./stepper.js";
70
70
  import { default as Ea } from "./switch.js";
71
71
  import { default as La } from "./tab.js";
72
72
  import { C as ja } from "../chunks/tab-group.DpyBG0JQ.js";
73
- import { C as za } from "../chunks/table.D4HIzy47.js";
73
+ import { C as za } from "../chunks/table.Cm-ynClk.js";
74
74
  import { default as qa } from "./tab-panel.js";
75
75
  import { default as Ka } from "./tag.js";
76
76
  import { default as Wa } from "./textarea.js";
77
77
  import { default as Ya } from "./timecode.js";
78
78
  import { default as _a } from "./tooltip.js";
79
- import { a as eo, C as ao } from "../chunks/tree.Hh8WCK7l.js";
79
+ import { a as eo, C as ao } from "../chunks/tree.DAiWVFiY.js";
80
80
  import { C as ro } from "../chunks/typography.DJC_UXgs.js";
81
81
  import { default as xo } from "./video.js";
82
82
  import { default as mo } from "./visually-hidden.js";
package/library/components/color-picker.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { n as l, C as V } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as S } from "../chunks/component.styles.CRO4Odto.js";
3
3
  import { c as F } from "../chunks/custom-element.L4WJXn1j.js";
4
- import { d as C } from "../chunks/debounce.DaHuiSGU.js";
4
+ import { d as C } from "../chunks/debounce.CIEhztrj.js";
5
5
  import { d as z } from "../chunks/default-value.COZopaet.js";
6
6
  import { d as y } from "../chunks/drag.DXEXVXPv.js";
7
7
  import { F as D } from "../chunks/form.Ch1cwYzO.js";
package/library/components/color-swatch-group.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import "./space.js";
2
- import "../chunks/table.D4HIzy47.js";
2
+ import "../chunks/table.Cm-ynClk.js";
3
3
  import "../chunks/typography.DJC_UXgs.js";
4
4
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
5
- import "../chunks/color-swatch.BUwHT5Cx.js";
5
+ import "../chunks/color-swatch.GsiCvj1n.js";
6
6
  import "../chunks/component.styles.CRO4Odto.js";
7
- import { C as w } from "../chunks/color-swatch-group.Cfn8EGfK.js";
7
+ import { C as w } from "../chunks/color-swatch-group.C6c53two.js";
8
8
  import "../chunks/content-builder.CcgZciZN.js";
9
9
  import "../chunks/custom-element.L4WJXn1j.js";
10
- import "../chunks/debounce.DaHuiSGU.js";
10
+ import "../chunks/debounce.CIEhztrj.js";
11
11
  import "../chunks/i18n.DK1uYlJT.js";
12
12
  import "../chunks/watch.BCJD77bD.js";
13
13
  import "../chunks/responsive.Oz9HWjyQ.js";
package/library/components/color-swatch.js CHANGED
@@ -5,10 +5,10 @@ import "./space.js";
5
5
  import "../chunks/typography.DJC_UXgs.js";
6
6
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
7
7
  import "../chunks/component.styles.CRO4Odto.js";
8
- import { C as q } from "../chunks/color-swatch.BUwHT5Cx.js";
8
+ import { C as q } from "../chunks/color-swatch.GsiCvj1n.js";
9
9
  import "../chunks/color.vLD2sNTs.js";
10
10
  import "../chunks/custom-element.L4WJXn1j.js";
11
- import "../chunks/debounce.DaHuiSGU.js";
11
+ import "../chunks/debounce.CIEhztrj.js";
12
12
  import "../chunks/i18n.DK1uYlJT.js";
13
13
  import "../chunks/watch.BCJD77bD.js";
14
14
  import "../chunks/lit-element.jLBm65_O.js";
package/library/components/confirm-popover.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import "../chunks/button.DfRnA70F.js";
2
- import "../chunks/dialog._xvAZqaE.js";
2
+ import "../chunks/dialog.BTU6B2_4.js";
3
3
  import "./dropdown.js";
4
4
  import "../chunks/typography.DJC_UXgs.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.BMGnWZnC.js";
7
+ import { C as x } from "../chunks/confirm-popover.PiSCZY6-.js";
8
8
  import "../chunks/custom-element.L4WJXn1j.js";
9
9
  import "../chunks/i18n.DK1uYlJT.js";
10
10
  import "../chunks/lit-element.jLBm65_O.js";
package/library/components/details.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import { n as l, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as v } from "../chunks/component.styles.CRO4Odto.js";
3
- import { s as h, a as p, b as m } from "../chunks/animate.El-MpOws.js";
3
+ import { s as h, a as p, b as m, w as u } from "../chunks/event.BeKOsirN.js";
4
4
  import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
5
- import { w as u } from "../chunks/event.mFzZi4sr.js";
6
5
  import { L as _ } from "../chunks/i18n.DK1uYlJT.js";
7
6
  import { w as g } from "../chunks/watch.BCJD77bD.js";
8
7
  import { i as w, x as k } from "../chunks/lit-element.jLBm65_O.js";
package/library/components/dialog.js CHANGED
@@ -1,10 +1,9 @@
1
1
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import "../chunks/component.styles.CRO4Odto.js";
3
3
  import "../chunks/overlayscrollbars.BMav4RQ4.js";
4
- import { C as w } from "../chunks/dialog._xvAZqaE.js";
5
- import "../chunks/animate.El-MpOws.js";
4
+ import { C as v } from "../chunks/dialog.BTU6B2_4.js";
5
+ import "../chunks/event.BeKOsirN.js";
6
6
  import "../chunks/custom-element.L4WJXn1j.js";
7
- import "../chunks/event.mFzZi4sr.js";
8
7
  import "../chunks/i18n.DK1uYlJT.js";
9
8
  import "../chunks/modal.U1QltQKe.js";
10
9
  import "../chunks/scroll.xtO5yojm.js";
@@ -22,5 +21,5 @@ import "./divider.js";
22
21
  import "../chunks/icon-button.CN0NGNQx.js";
23
22
  import "./popup.js";
24
23
  export {
25
- w as default
24
+ v as default
26
25
  };
package/library/components/drawer.js CHANGED
@@ -1,36 +1,39 @@
1
- import { n, C } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
- import { c as k } from "../chunks/component.styles.CRO4Odto.js";
3
- import { a as d, s as p } from "../chunks/animate.El-MpOws.js";
4
- import { c as z } from "../chunks/custom-element.L4WJXn1j.js";
5
- import { w as v } from "../chunks/event.mFzZi4sr.js";
1
+ import { n as s, C as k } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
+ import { c as z } from "../chunks/component.styles.CRO4Odto.js";
3
+ import { a as d, s as p, w as v } from "../chunks/event.BeKOsirN.js";
4
+ import { c as P } from "../chunks/custom-element.L4WJXn1j.js";
6
5
  import { L as O } from "../chunks/i18n.DK1uYlJT.js";
7
6
  import { M as $ } from "../chunks/modal.U1QltQKe.js";
8
- import { l as m, u } from "../chunks/scroll.xtO5yojm.js";
7
+ import { l as w, u } from "../chunks/scroll.xtO5yojm.js";
9
8
  import { H as B } from "../chunks/slot.j5oheLJC.js";
10
- import { w as _ } from "../chunks/watch.BCJD77bD.js";
11
- import { i as P, x as y } from "../chunks/lit-element.jLBm65_O.js";
12
- import { r as S } from "../chunks/state.CSDxrqLd.js";
13
- import { e as w } from "../chunks/query.BBf1UFkC.js";
9
+ import { w as C } from "../chunks/watch.BCJD77bD.js";
10
+ import { i as S, x as h } from "../chunks/lit-element.jLBm65_O.js";
11
+ import { r as A } from "../chunks/state.CSDxrqLd.js";
12
+ import { e as y } from "../chunks/query.BBf1UFkC.js";
14
13
  import { e as g } from "../chunks/class-map.BiVq-cVR.js";
15
- import { o as b } from "../chunks/if-defined.BRoBj_Rp.js";
16
- import { n as A } from "../chunks/when.Dr1es41R.js";
14
+ import { o as _ } from "../chunks/if-defined.BRoBj_Rp.js";
15
+ import { n as b } from "../chunks/when.Dr1es41R.js";
17
16
  import { c as x } from "../chunks/capitalize.CNStXZBq.js";
18
- import { s as r, g as c } from "../chunks/animation-registry.HmpwNuGH.js";
17
+ import { s as o, g as c } from "../chunks/animation-registry.HmpwNuGH.js";
19
18
  import { C as q } from "../chunks/icon-button.CN0NGNQx.js";
20
- const D = P`:host{--size:25rem;--header-spacing:var(--cx-spacing-large);--body-spacing:var(--cx-spacing-large);--footer-spacing:var(--cx-spacing-large);--font-family:var(--cx-font-sans);display:contents}.drawer{top:0;pointer-events:none;width:0;height:0;inset-inline-start:0;overflow:hidden}.drawer--open{width:100%;height:100%}.drawer--persistent.drawer--open{width:var(--size);min-width:var(--size)}.drawer--contained{z-index:initial;position:absolute}.drawer--persistent{position:relative}.drawer--fixed{z-index:var(--cx-z-index-drawer);position:fixed}.drawer__panel{z-index:2;background-color:var(--cx-panel-background-color);max-width:100%;max-height:100%;box-shadow:var(--cx-shadow-large);pointer-events:all;flex-direction:column;display:flex;position:absolute;overflow:auto}.drawer__panel:focus{outline:none}.drawer--top .drawer__panel{top:0;inset-inline-end:auto;bottom:auto;width:100%;height:var(--size);inset-inline-start:0}.drawer--end .drawer__panel{top:0;inset-inline-end:0;bottom:auto;width:var(--size);height:100%;inset-inline-start:auto}.drawer--bottom .drawer__panel{top:auto;inset-inline-end:auto;bottom:0;width:100%;height:var(--size);inset-inline-start:0}.drawer--start .drawer__panel{top:0;inset-inline-end:auto;bottom:auto;width:var(--size);height:100%;inset-inline-start:0}.drawer__header{gap:var(--cx-spacing-small);padding:var(--header-spacing);border-bottom:solid 1px var(--cx-input-border-color);font-family:var(--font-family);display:flex}.drawer__title{font:inherit;font-size:var(--cx-font-size-large);font-weight:var(--cx-font-weight-semibold);line-height:var(--cx-line-height-medium);flex:auto;align-items:center;margin:0;display:flex}.drawer__header-actions{justify-content:end;gap:var(--cx-spacing-2x-small);flex-wrap:wrap;flex-shrink:0;display:flex}.drawer__header-actions cx-icon-button,.drawer__header-actions ::slotted(cx-icon-button){font-size:var(--cx-font-size-medium);flex:none;align-items:center;display:flex}.drawer__body{padding:var(--body-spacing);-webkit-overflow-scrolling:touch;font-family:var(--font-family);flex:auto;display:block;overflow:auto}.drawer__footer{text-align:right;padding:var(--footer-spacing);font-family:var(--font-family)}.drawer__footer ::slotted(cx-button:not(:last-of-type)){margin-inline-end:var(--cx-spacing-x-small)}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{background-color:var(--cx-overlay-background-color);pointer-events:all;display:block;position:fixed;inset:0}.drawer--contained .drawer__overlay{opacity:0;position:absolute}.drawer__overlay--disabled{display:none}@media (forced-colors:active){.drawer__panel{border:solid 1px var(--cx-color-neutral-0)}}`;
21
- var E = Object.defineProperty, L = Object.getOwnPropertyDescriptor, i = (e, a, o, l) => {
22
- for (var s = l > 1 ? void 0 : l ? L(a, o) : a, h = e.length - 1, f; h >= 0; h--)
23
- (f = e[h]) && (s = (l ? f(a, o, s) : f(s)) || s);
24
- return l && s && E(a, o, s), s;
19
+ const D = S`:host{--size:25rem;--header-spacing:var(--cx-spacing-large);--body-spacing:var(--cx-spacing-large);--footer-spacing:var(--cx-spacing-large);--font-family:var(--cx-font-sans);display:contents}.drawer{top:0;pointer-events:none;width:0;height:0;inset-inline-start:0;overflow:hidden}.drawer--open{width:100%;height:100%}.drawer--persistent.drawer--open{width:var(--size);min-width:var(--size)}.drawer--contained{z-index:initial;position:absolute}.drawer--persistent{position:relative}.drawer--fixed{z-index:var(--cx-z-index-drawer);position:fixed}.drawer__panel{z-index:2;background-color:var(--cx-panel-background-color);max-width:100%;max-height:100%;box-shadow:var(--cx-shadow-large);pointer-events:all;flex-direction:column;display:flex;position:absolute;overflow:auto}.drawer__panel:focus{outline:none}.drawer--top .drawer__panel{top:0;inset-inline-end:auto;bottom:auto;width:100%;height:var(--size);inset-inline-start:0}.drawer--end .drawer__panel{top:0;inset-inline-end:0;bottom:auto;width:var(--size);height:100%;inset-inline-start:auto}.drawer--bottom .drawer__panel{top:auto;inset-inline-end:auto;bottom:0;width:100%;height:var(--size);inset-inline-start:0}.drawer--start .drawer__panel{top:0;inset-inline-end:auto;bottom:auto;width:var(--size);height:100%;inset-inline-start:0}.drawer__header{gap:var(--cx-spacing-small);padding:var(--header-spacing);border-bottom:solid 1px var(--cx-input-border-color);font-family:var(--font-family);display:flex}.drawer__header__content{flex:auto}.drawer__title{font:inherit;font-size:var(--cx-font-size-large);font-weight:var(--cx-font-weight-semibold);line-height:var(--cx-line-height-medium);align-items:center;margin:0;display:flex}.drawer__header-actions{justify-content:end;gap:var(--cx-spacing-2x-small);flex-wrap:wrap;flex-shrink:0;display:flex}.drawer__header-actions cx-icon-button,.drawer__header-actions ::slotted(cx-icon-button){font-size:var(--cx-font-size-medium);flex:none;align-items:center;display:flex}.drawer__description{font-family:var(--font-family);font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-700)}.drawer__description ::slotted(*){margin:0}.drawer__body{padding:var(--body-spacing);-webkit-overflow-scrolling:touch;font-family:var(--font-family);flex:auto;display:block;overflow:auto}.drawer__footer{text-align:right;padding:var(--footer-spacing);font-family:var(--font-family)}.drawer__footer ::slotted(cx-button:not(:last-of-type)){margin-inline-end:var(--cx-spacing-x-small)}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{background-color:var(--cx-overlay-background-color);pointer-events:all;display:block;position:fixed;inset:0}.drawer--contained .drawer__overlay{opacity:0;position:absolute}.drawer--contained.drawer--ignore-parent-width.drawer--open{width:0;overflow:visible}.drawer--ignore-parent-width .drawer__panel{max-width:none}.drawer__overlay--disabled{display:none}@media (forced-colors:active){.drawer__panel{border:solid 1px var(--cx-color-neutral-0)}}`;
20
+ var E = Object.defineProperty, L = Object.getOwnPropertyDescriptor, r = (e, a, i, l) => {
21
+ for (var n = l > 1 ? void 0 : l ? L(a, i) : a, f = e.length - 1, m; f >= 0; f--)
22
+ (m = e[f]) && (n = (l ? m(a, i, n) : m(n)) || n);
23
+ return l && n && E(a, i, n), n;
25
24
  };
26
- let t = class extends C {
25
+ let t = class extends k {
27
26
  constructor() {
28
- super(...arguments), this.hasSlotController = new B(this, "footer"), this.localize = new O(this), this.modal = new $(this), this.isClosing = !1, this.open = !1, this.label = "", this.placement = "end", this.contained = !1, this.noHeader = !1, this.variant = "overlay", this.noCloseButton = !1, this.handleDocumentKeyDown = (e) => {
27
+ super(...arguments), this.hasSlotController = new B(
28
+ this,
29
+ "description",
30
+ "footer"
31
+ ), this.localize = new O(this), this.modal = new $(this), this.isClosing = !1, this.open = !1, this.label = "", this.placement = "end", this.contained = !1, this.ignoreParentWidth = !1, this.noHeader = !1, this.variant = "overlay", this.noCloseButton = !1, this.handleDocumentKeyDown = (e) => {
29
32
  this.contained || e.key === "Escape" && this.modal.isActive() && this.open && (e.stopImmediatePropagation(), this.requestClose("keyboard"));
30
33
  };
31
34
  }
32
35
  connectedUpdatedCallback() {
33
- this.drawer.hidden = !this.open, this.open && (this.addOpenListeners(), this.contained || (this.modal.activate(), m(this)));
36
+ this.drawer.hidden = !this.open, this.open && (this.addOpenListeners(), this.contained || (this.modal.activate(), w(this)));
34
37
  }
35
38
  disconnectedCallback() {
36
39
  super.disconnectedCallback(), u(this), this.removeOpenListeners();
@@ -45,10 +48,10 @@ let t = class extends C {
45
48
  cancelable: !0,
46
49
  detail: { source: e }
47
50
  }).defaultPrevented) {
48
- const o = c(this, "drawer.denyClose", {
51
+ const i = c(this, "drawer.denyClose", {
49
52
  dir: this.localize.dir()
50
53
  });
51
- d(this.panel, o.keyframes, o.options);
54
+ d(this.panel, i.keyframes, i.options);
52
55
  return;
53
56
  }
54
57
  this.hide();
@@ -66,7 +69,7 @@ let t = class extends C {
66
69
  }
67
70
  async handleOpenChange() {
68
71
  if (this.open) {
69
- this.emit("cx-show"), this.addOpenListeners(), this.originalTrigger = document.activeElement, this.contained || (this.modal.activate(), m(this));
72
+ this.emit("cx-show"), this.addOpenListeners(), this.originalTrigger = document.activeElement, this.contained || (this.modal.activate(), w(this));
70
73
  const e = this.querySelector("[autofocus]");
71
74
  e && e.removeAttribute("autofocus"), await Promise.all([
72
75
  p(this.drawer),
@@ -84,15 +87,15 @@ let t = class extends C {
84
87
  {
85
88
  dir: this.localize.dir()
86
89
  }
87
- ), o = c(this, "drawer.overlay.show", {
90
+ ), i = c(this, "drawer.overlay.show", {
88
91
  dir: this.localize.dir()
89
92
  });
90
93
  await Promise.all([
91
94
  d(this.panel, a.keyframes, a.options),
92
95
  this.contained ? Promise.resolve() : d(
93
96
  this.overlay,
94
- o.keyframes,
95
- o.options
97
+ i.keyframes,
98
+ i.options
96
99
  )
97
100
  ]), this.emit("cx-after-show");
98
101
  } else {
@@ -125,12 +128,12 @@ let t = class extends C {
125
128
  this.panel.hidden = !0;
126
129
  })
127
130
  ]), this.drawer.hidden = !0, this.isClosing = !1, this.overlay.hidden = !1, this.panel.hidden = !1;
128
- const o = this.originalTrigger;
129
- typeof o?.focus == "function" && setTimeout(() => o.focus()), this.resetMultipleMenus(), this.emit("cx-after-hide");
131
+ const i = this.originalTrigger;
132
+ typeof i?.focus == "function" && setTimeout(() => i.focus()), this.resetMultipleMenus(), this.emit("cx-after-hide");
130
133
  }
131
134
  }
132
135
  handleNoModalChange() {
133
- this.open && !this.contained && (this.modal.activate(), m(this)), this.open && this.contained && (this.modal.deactivate(), u(this));
136
+ this.open && !this.contained && (this.modal.activate(), w(this)), this.open && this.contained && (this.modal.deactivate(), u(this));
134
137
  }
135
138
  /** Shows the drawer. */
136
139
  async show() {
@@ -150,13 +153,14 @@ let t = class extends C {
150
153
  }
151
154
  render() {
152
155
  const e = this.variant === "persistent";
153
- return y`<div part="base" class=${g({
156
+ return h`<div part="base" class=${g({
154
157
  drawer: !0,
155
158
  "drawer--bottom": this.placement === "bottom",
156
159
  "drawer--contained": this.contained,
157
160
  "drawer--end": this.placement === "end",
158
161
  "drawer--fixed": !this.contained,
159
162
  "drawer--has-footer": this.hasSlotController.test("footer"),
163
+ "drawer--ignore-parent-width": this.contained && this.ignoreParentWidth,
160
164
  "drawer--open": this.open || this.isClosing,
161
165
  "drawer--persistent": e,
162
166
  "drawer--rtl": this.localize.dir() === "rtl",
@@ -165,71 +169,77 @@ let t = class extends C {
165
169
  })}><div part="overlay" class=${g({
166
170
  drawer__overlay: !0,
167
171
  "drawer__overlay--disabled": e
168
- })} @click=${this.handleOverlayClick} tabindex="-1"></div><div part="panel" class="drawer__panel" role="dialog" aria-modal="true" aria-hidden=${this.open ? "false" : "true"} aria-label=${b(this.noHeader ? this.label : void 0)} aria-labelledby=${b(this.noHeader ? void 0 : "title")} tabindex="0">${this.noHeader ? "" : y`<header part="header" class="drawer__header"><h2 part="title" class="drawer__title" id="title"><!-- If there's no label, use an invisible character to prevent the header from collapsing --><slot name="label">${this.label.length > 0 ? this.label : "\uFEFF"}</slot></h2><div part="header-actions" class="drawer__header-actions"><slot name="header-actions"></slot>${A(
172
+ })} @click=${this.handleOverlayClick} tabindex="-1"></div><div part="panel" class="drawer__panel" role="dialog" aria-modal="true" aria-hidden=${this.open ? "false" : "true"} aria-label=${_(this.noHeader ? this.label : void 0)} aria-labelledby=${_(this.noHeader ? void 0 : "title")} tabindex="0">${this.noHeader ? "" : h`<header part="header" class="drawer__header"><div class="drawer__header__content"><h2 part="title" class="drawer__title" id="title"><!-- If there's no label, use an invisible character to prevent the header from collapsing --><slot name="label">${this.label.length > 0 ? this.label : "\uFEFF"}</slot></h2>${b(
173
+ this.hasSlotController.test("description"),
174
+ () => h`<div part="description" class="drawer__description"><slot name="description"></slot></div>`
175
+ )}</div><div part="header-actions" class="drawer__header-actions"><slot name="header-actions"></slot>${b(
169
176
  !this.noCloseButton,
170
- () => y`<cx-icon-button part="close-button" exportparts="base:close-button__base" class="drawer__close" name="close" label=${this.localize.term("close")} @click=${this.handleCloseButtonClick}></cx-icon-button>`
177
+ () => h`<cx-icon-button part="close-button" exportparts="base:close-button__base" class="drawer__close" name="close" label=${this.localize.term("close")} @click=${this.handleCloseButtonClick}></cx-icon-button>`
171
178
  )}</div></header>`}<slot part="body" class="drawer__body"></slot><footer part="footer" class="drawer__footer"><slot name="footer"></slot></footer></div></div>`;
172
179
  }
173
180
  };
174
- t.styles = [k, D];
181
+ t.styles = [z, D];
175
182
  t.dependencies = { "cx-icon-button": q };
176
- i([
177
- w(".drawer")
183
+ r([
184
+ y(".drawer")
178
185
  ], t.prototype, "drawer", 2);
179
- i([
180
- w(".drawer__panel")
186
+ r([
187
+ y(".drawer__panel")
181
188
  ], t.prototype, "panel", 2);
182
- i([
183
- w(".drawer__overlay")
189
+ r([
190
+ y(".drawer__overlay")
184
191
  ], t.prototype, "overlay", 2);
185
- i([
186
- S()
192
+ r([
193
+ A()
187
194
  ], t.prototype, "isClosing", 2);
188
- i([
189
- n({ reflect: !0, type: Boolean })
195
+ r([
196
+ s({ reflect: !0, type: Boolean })
190
197
  ], t.prototype, "open", 2);
191
- i([
192
- n({ reflect: !0 })
198
+ r([
199
+ s({ reflect: !0 })
193
200
  ], t.prototype, "label", 2);
194
- i([
195
- n({ reflect: !0 })
201
+ r([
202
+ s({ reflect: !0 })
196
203
  ], t.prototype, "placement", 2);
197
- i([
198
- n({ reflect: !0, type: Boolean })
204
+ r([
205
+ s({ reflect: !0, type: Boolean })
199
206
  ], t.prototype, "contained", 2);
200
- i([
201
- n({ attribute: "no-header", reflect: !0, type: Boolean })
207
+ r([
208
+ s({ attribute: "ignore-parent-width", reflect: !0, type: Boolean })
209
+ ], t.prototype, "ignoreParentWidth", 2);
210
+ r([
211
+ s({ attribute: "no-header", reflect: !0, type: Boolean })
202
212
  ], t.prototype, "noHeader", 2);
203
- i([
204
- n({ reflect: !0, type: String })
213
+ r([
214
+ s({ reflect: !0, type: String })
205
215
  ], t.prototype, "variant", 2);
206
- i([
207
- n({ attribute: "no-close-button", reflect: !0, type: Boolean })
216
+ r([
217
+ s({ attribute: "no-close-button", reflect: !0, type: Boolean })
208
218
  ], t.prototype, "noCloseButton", 2);
209
- i([
210
- _("open", { waitUntilFirstUpdate: !0 })
219
+ r([
220
+ C("open", { waitUntilFirstUpdate: !0 })
211
221
  ], t.prototype, "handleOpenChange", 1);
212
- i([
213
- _("contained", { waitUntilFirstUpdate: !0 })
222
+ r([
223
+ C("contained", { waitUntilFirstUpdate: !0 })
214
224
  ], t.prototype, "handleNoModalChange", 1);
215
- t = i([
216
- z("cx-drawer")
225
+ t = r([
226
+ P("cx-drawer")
217
227
  ], t);
218
- r("drawer.showTop", {
228
+ o("drawer.showTop", {
219
229
  keyframes: [
220
230
  { opacity: 0, translate: "0 -100%" },
221
231
  { opacity: 1, translate: "0 0" }
222
232
  ],
223
233
  options: { duration: 250, easing: "ease" }
224
234
  });
225
- r("drawer.hideTop", {
235
+ o("drawer.hideTop", {
226
236
  keyframes: [
227
237
  { opacity: 1, translate: "0 0" },
228
238
  { opacity: 0, translate: "0 -100%" }
229
239
  ],
230
240
  options: { duration: 250, easing: "ease" }
231
241
  });
232
- r("drawer.showEnd", {
242
+ o("drawer.showEnd", {
233
243
  keyframes: [
234
244
  { opacity: 0, translate: "100%" },
235
245
  { opacity: 1, translate: "0" }
@@ -240,7 +250,7 @@ r("drawer.showEnd", {
240
250
  { opacity: 1, translate: "0" }
241
251
  ]
242
252
  });
243
- r("drawer.hideEnd", {
253
+ o("drawer.hideEnd", {
244
254
  keyframes: [
245
255
  { opacity: 1, translate: "0" },
246
256
  { opacity: 0, translate: "100%" }
@@ -251,21 +261,21 @@ r("drawer.hideEnd", {
251
261
  { opacity: 0, translate: "-100%" }
252
262
  ]
253
263
  });
254
- r("drawer.showBottom", {
264
+ o("drawer.showBottom", {
255
265
  keyframes: [
256
266
  { opacity: 0, translate: "0 100%" },
257
267
  { opacity: 1, translate: "0 0" }
258
268
  ],
259
269
  options: { duration: 250, easing: "ease" }
260
270
  });
261
- r("drawer.hideBottom", {
271
+ o("drawer.hideBottom", {
262
272
  keyframes: [
263
273
  { opacity: 1, translate: "0 0" },
264
274
  { opacity: 0, translate: "0 100%" }
265
275
  ],
266
276
  options: { duration: 250, easing: "ease" }
267
277
  });
268
- r("drawer.showStart", {
278
+ o("drawer.showStart", {
269
279
  keyframes: [
270
280
  { opacity: 0, translate: "-100%" },
271
281
  { opacity: 1, translate: "0" }
@@ -276,7 +286,7 @@ r("drawer.showStart", {
276
286
  { opacity: 1, translate: "0" }
277
287
  ]
278
288
  });
279
- r("drawer.hideStart", {
289
+ o("drawer.hideStart", {
280
290
  keyframes: [
281
291
  { opacity: 1, translate: "0" },
282
292
  { opacity: 0, translate: "-100%" }
@@ -287,15 +297,15 @@ r("drawer.hideStart", {
287
297
  { opacity: 0, translate: "100%" }
288
298
  ]
289
299
  });
290
- r("drawer.denyClose", {
300
+ o("drawer.denyClose", {
291
301
  keyframes: [{ scale: 1 }, { scale: 1.01 }, { scale: 1 }],
292
302
  options: { duration: 250 }
293
303
  });
294
- r("drawer.overlay.show", {
304
+ o("drawer.overlay.show", {
295
305
  keyframes: [{ opacity: 0 }, { opacity: 1 }],
296
306
  options: { duration: 250 }
297
307
  });
298
- r("drawer.overlay.hide", {
308
+ o("drawer.overlay.hide", {
299
309
  keyframes: [{ opacity: 1 }, { opacity: 0 }],
300
310
  options: { duration: 250 }
301
311
  });
package/library/components/dropdown.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import { n as s, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as b } from "../chunks/component.styles.CRO4Odto.js";
3
- import { s as c, a as u } from "../chunks/animate.El-MpOws.js";
3
+ import { w as c, s as u, a as m } from "../chunks/event.BeKOsirN.js";
4
4
  import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
5
- import { w as m } from "../chunks/event.mFzZi4sr.js";
6
5
  import { L as v } from "../chunks/i18n.DK1uYlJT.js";
7
6
  import { H as k } from "../chunks/slot.j5oheLJC.js";
8
7
  import { g as f } from "../chunks/tabbable.CcMz3mIL.js";
@@ -132,12 +131,12 @@ let o = class extends w {
132
131
  /** Shows the dropdown panel. */
133
132
  async show() {
134
133
  if (!this.open)
135
- return this.open = !0, await this.updateComplete, m(this, "cx-after-show");
134
+ return this.open = !0, await this.updateComplete, c(this, "cx-after-show");
136
135
  }
137
136
  /** Hides the dropdown panel */
138
137
  async hide() {
139
138
  if (this.open)
140
- return this.open = !1, m(this, "cx-after-hide");
139
+ return this.open = !1, c(this, "cx-after-hide");
141
140
  }
142
141
  /**
143
142
  * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
@@ -160,19 +159,19 @@ let o = class extends w {
160
159
  return;
161
160
  }
162
161
  if (this.updateAccessibleTrigger(), this.open && this.hasSlotController.test("[default]")) {
163
- this.emit("cx-show"), this.addOpenListeners(), await c(this), this.panel.hidden = !1, this.popup.active = !0;
162
+ this.emit("cx-show"), this.addOpenListeners(), await u(this), this.panel.hidden = !1, this.popup.active = !0;
164
163
  const { keyframes: e, options: t } = g(this, "dropdown.show", {
165
164
  dir: this.localize.dir()
166
165
  });
167
- await u(this.popup.popup, e, t), this.emit("cx-after-show"), this.panel.assignedElements().forEach(async (i) => {
166
+ await m(this.popup.popup, e, t), this.emit("cx-after-show"), this.panel.assignedElements().forEach(async (i) => {
168
167
  i instanceof d && i.variant === "multiple" && (await i.updateComplete, i.adjustMenuSize(0));
169
168
  });
170
169
  } else {
171
- this.emit("cx-hide"), this.removeOpenListeners(), await c(this);
170
+ this.emit("cx-hide"), this.removeOpenListeners(), await u(this);
172
171
  const { keyframes: e, options: t } = g(this, "dropdown.hide", {
173
172
  dir: this.localize.dir()
174
173
  });
175
- await u(this.popup.popup, e, t), this.panel.hidden = !0, this.popup.active = !1, this.emit("cx-after-hide"), this.panel.assignedElements().forEach(async (i) => {
174
+ await m(this.popup.popup, e, t), this.panel.hidden = !0, this.popup.active = !1, this.emit("cx-after-hide"), this.panel.assignedElements().forEach(async (i) => {
176
175
  i instanceof d && i.variant === "multiple" && i.resetActiveMenu();
177
176
  });
178
177
  }
package/library/components/dynamic-select.js CHANGED
@@ -4,7 +4,7 @@ import { C as l, a as g } from "../chunks/option.B7SoEb_q.js";
4
4
  import $ from "./select.js";
5
5
  import { n as o, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
6
6
  import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
7
- import { d as O } from "../chunks/debounce.DaHuiSGU.js";
7
+ import { d as O } from "../chunks/debounce.CIEhztrj.js";
8
8
  import { L as w } from "../chunks/i18n.DK1uYlJT.js";
9
9
  import { w as f } from "../chunks/watch.BCJD77bD.js";
10
10
  import { x as h } from "../chunks/lit-element.jLBm65_O.js";
package/library/components/element-clamp.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import { n as a, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as w } from "../chunks/component.styles.CRO4Odto.js";
3
- import { s as d, a as c, b as m } from "../chunks/animate.El-MpOws.js";
3
+ import { s as d, a as c, b as m, w as u } from "../chunks/event.BeKOsirN.js";
4
4
  import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
5
- import { w as u } from "../chunks/event.mFzZi4sr.js";
6
5
  import { L as v } from "../chunks/i18n.DK1uYlJT.js";
7
6
  import { w as y } from "../chunks/watch.BCJD77bD.js";
8
7
  import { i as C, x as f } from "../chunks/lit-element.jLBm65_O.js";
package/library/components/file-on-demand.js CHANGED
@@ -1,7 +1,7 @@
1
- import { C as K } from "../chunks/file-on-demand.CIjtKP0H.js";
1
+ import { C as K } from "../chunks/file-on-demand.DCxabV6T.js";
2
2
  import "./avatar.js";
3
3
  import "../chunks/button.DfRnA70F.js";
4
- import "../chunks/dialog._xvAZqaE.js";
4
+ import "../chunks/dialog.BTU6B2_4.js";
5
5
  import "./divider.js";
6
6
  import "./format-bytes.js";
7
7
  import "./icon.js";
@@ -16,12 +16,12 @@ import "./tab.js";
16
16
  import "../chunks/tab-group.DpyBG0JQ.js";
17
17
  import "./tab-panel.js";
18
18
  import "./tooltip.js";
19
- import "../chunks/tree.Hh8WCK7l.js";
19
+ import "../chunks/tree.DAiWVFiY.js";
20
20
  import "../chunks/typography.DJC_UXgs.js";
21
21
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
22
- import "../chunks/confirm-popover.BMGnWZnC.js";
22
+ import "../chunks/confirm-popover.PiSCZY6-.js";
23
23
  import "../chunks/custom-element.L4WJXn1j.js";
24
- import "../chunks/debounce.DaHuiSGU.js";
24
+ import "../chunks/debounce.CIEhztrj.js";
25
25
  import "../chunks/i18n.DK1uYlJT.js";
26
26
  import "../chunks/watch.BCJD77bD.js";
27
27
  import "../chunks/number.B4PQLJIg.js";
package/library/components/folder-select.js CHANGED
@@ -3,9 +3,9 @@ import "./input.js";
3
3
  import "./line-clamp.js";
4
4
  import "./select.js";
5
5
  import "./tag.js";
6
- import "../chunks/tree.Hh8WCK7l.js";
6
+ import "../chunks/tree.DAiWVFiY.js";
7
7
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
8
- import { C as h } from "../chunks/folder-select.D4Ft0qRc.js";
8
+ import { C as h } from "../chunks/folder-select.BM7yeAsU.js";
9
9
  import "../chunks/component.styles.CRO4Odto.js";
10
10
  import "../chunks/custom-element.L4WJXn1j.js";
11
11
  import "../chunks/i18n.DK1uYlJT.js";
package/library/components/image.js CHANGED
@@ -1,8 +1,8 @@
1
- import { C as n } from "../chunks/image.BnB-fJ8g.js";
1
+ import { C as n } from "../chunks/image.D207g003.js";
2
2
  import "../chunks/component.styles.CRO4Odto.js";
3
3
  import "../chunks/index.Cpamj0jB.js";
4
4
  import "../chunks/custom-element.L4WJXn1j.js";
5
- import "../chunks/debounce.DaHuiSGU.js";
5
+ import "../chunks/debounce.CIEhztrj.js";
6
6
  import "../chunks/i18n.DK1uYlJT.js";
7
7
  import "../chunks/watch.BCJD77bD.js";
8
8
  import "../chunks/lit-element.jLBm65_O.js";
package/library/components/line-clamp.js CHANGED
@@ -3,9 +3,8 @@ import "./tooltip.js";
3
3
  import "./resize-observer.js";
4
4
  import { n as r, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
5
5
  import { c as g } from "../chunks/component.styles.CRO4Odto.js";
6
- import { i as f } from "../chunks/browser.BHOCIF_A.js";
7
- import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
8
- import { d as x } from "../chunks/debounce.DaHuiSGU.js";
6
+ import { d as w, i as f } from "../chunks/debounce.CIEhztrj.js";
7
+ import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
9
8
  import { i as v, x as h } from "../chunks/lit-element.jLBm65_O.js";
10
9
  import { r as u } from "../chunks/state.CSDxrqLd.js";
11
10
  import { e as m } from "../chunks/query.BBf1UFkC.js";
@@ -142,10 +141,10 @@ e([
142
141
  m(".tooltip")
143
142
  ], t.prototype, "tooltipElement", 2);
144
143
  e([
145
- x(100)
144
+ w(100)
146
145
  ], t.prototype, "handleResize", 1);
147
146
  t = e([
148
- w("cx-line-clamp")
147
+ x("cx-line-clamp")
149
148
  ], t);
150
149
  export {
151
150
  t as default
package/library/components/list-editor.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "../chunks/button.DfRnA70F.js";
2
- import "../chunks/dialog._xvAZqaE.js";
2
+ import "../chunks/dialog.BTU6B2_4.js";
3
3
  import "./grid.js";
4
4
  import "./grid-item.js";
5
5
  import "./input.js";
@@ -9,16 +9,16 @@ import "./radio.js";
9
9
  import "./radio-group.js";
10
10
  import "./select.js";
11
11
  import "./space.js";
12
- import "../chunks/table.D4HIzy47.js";
12
+ import "../chunks/table.Cm-ynClk.js";
13
13
  import "../chunks/typography.DJC_UXgs.js";
14
14
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
15
15
  import "./dynamic-select.js";
16
16
  import "../chunks/component.styles.CRO4Odto.js";
17
17
  import "../chunks/custom-element.L4WJXn1j.js";
18
- import "../chunks/debounce.DaHuiSGU.js";
18
+ import "../chunks/debounce.CIEhztrj.js";
19
19
  import "../chunks/i18n.DK1uYlJT.js";
20
20
  import "../chunks/watch.BCJD77bD.js";
21
- import { c as E, C as F } from "../chunks/list-editor.B_mnvgtZ.js";
21
+ import { c as E, C as F } from "../chunks/list-editor.CMakbQyU.js";
22
22
  import "../chunks/lit-element.jLBm65_O.js";
23
23
  import "../chunks/state.CSDxrqLd.js";
24
24
  import "../chunks/query.BBf1UFkC.js";
package/library/components/masonry.js CHANGED
@@ -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.CN0NGNQx.js";
4
- import { C as S } from "../chunks/image.BnB-fJ8g.js";
4
+ import { C as S } from "../chunks/image.D207g003.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";