@orangelogic/design-system 3.18.0 → 3.20.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 (138) hide show
  1. package/library/chunks/{asset-link-format.Bk1qHIQA.js → asset-link-format.BnE0FbUH.js} +6 -6
  2. package/library/chunks/{button.DCyoZrRj.js → button.D1YIxtv-.js} +1 -1
  3. package/library/chunks/{color-swatch-group.BtVbKp-v.js → color-swatch-group.GEu5gVrg.js} +4788 -4335
  4. package/library/chunks/{color-swatch.DxxOpJXT.js → color-swatch.DdsUysbF.js} +1 -1
  5. package/library/chunks/{confirm-popover.-_1n24v-.js → confirm-popover.CJXyEa5A.js} +3 -3
  6. package/library/chunks/{dialog.Dl9aHLD4.js → dialog.BbQ4Du0M.js} +2 -2
  7. package/library/chunks/{document-viewer.B-jtpLuD.js → document-viewer.Bkf3JbWk.js} +7 -7
  8. package/library/chunks/{dot-pagination.BNoG-qx7.js → dot-pagination.CJRAtM51.js} +1 -1
  9. package/library/chunks/{folder-select.DWaC4EWa.js → folder-select.D8_6pC8Y.js} +4 -4
  10. package/library/chunks/gradient.CIzq8fOU.js +176 -0
  11. package/library/chunks/{header.v8maWlzT.js → header.BioJzPlg.js} +1 -1
  12. package/library/chunks/{i18n.CNnI4-0K.js → i18n.rtxrs1c1.js} +11 -3
  13. package/library/chunks/{icon-button.5-oAlIkv.js → icon-button.CbUddcgI.js} +1 -1
  14. package/library/chunks/{iframe.DOwG9Q7o.js → iframe.y7iCAVZP.js} +1 -1
  15. package/library/chunks/{image.BSh7WAGF.js → image.A2hE1WoV.js} +1 -1
  16. package/library/chunks/{index.Byin4Jfx.js → index.Ct-dh3Y5.js} +14 -14
  17. package/library/chunks/{input.Csf-S2nB.js → input.D1FFprPl.js} +1 -1
  18. package/library/chunks/{markdown.b03AOvFT.js → markdown.Dd_GFJK8.js} +2 -2
  19. package/library/chunks/{menu-item.HtTWOcq4.js → menu-item.0TbnDEDp.js} +1 -1
  20. package/library/chunks/{option.DgxoCq1j.js → option.CyorNG0S.js} +17 -17
  21. package/library/chunks/{pagination.C9NblxKt.js → pagination.D0BeaEIi.js} +5 -5
  22. package/library/chunks/{tab-group.B6Aej-jM.js → tab-group.C98CWzEH.js} +4 -4
  23. package/library/chunks/{toast.BxiewnAG.js → toast.CGIDPKV8.js} +1 -1
  24. package/library/chunks/{transformation.CjWnFhab.js → transformation.OaRYixzE.js} +11 -12
  25. package/library/chunks/{tree.pId63hLe.js → tree.DB-QLic1.js} +4 -7
  26. package/library/chunks/{types.Fkwo_sYp.js → types.DrJgdbwu.js} +13853 -14165
  27. package/library/components/alert.js +2 -2
  28. package/library/components/asset-link-format.js +4 -4
  29. package/library/components/atoms.js +15 -15
  30. package/library/components/audio.js +3 -3
  31. package/library/components/border-input-group.js +2 -2
  32. package/library/components/breadcrumb.js +1 -1
  33. package/library/components/button.js +2 -2
  34. package/library/components/color-picker.js +971 -337
  35. package/library/components/color-swatch-group.js +5 -5
  36. package/library/components/color-swatch.js +2 -2
  37. package/library/components/confirm-popover.js +4 -4
  38. package/library/components/copy-button.js +1 -1
  39. package/library/components/corner-position-input-group.js +3 -3
  40. package/library/components/date-calendar.js +1 -1
  41. package/library/components/details.js +1 -1
  42. package/library/components/dialog.js +3 -3
  43. package/library/components/document-viewer.js +3 -3
  44. package/library/components/dot-pagination.js +2 -2
  45. package/library/components/drawer.js +2 -2
  46. package/library/components/dropdown.js +2 -2
  47. package/library/components/dynamic-select.js +4 -4
  48. package/library/components/e-chart.js +1 -1
  49. package/library/components/element-clamp.js +2 -2
  50. package/library/components/file-on-demand.js +9 -9
  51. package/library/components/folder-select.js +4 -4
  52. package/library/components/format-bytes.js +1 -1
  53. package/library/components/format-date.js +1 -1
  54. package/library/components/format-number.js +1 -1
  55. package/library/components/format-time.js +1 -1
  56. package/library/components/header.js +2 -2
  57. package/library/components/icon-button.js +2 -2
  58. package/library/components/iframe.js +2 -2
  59. package/library/components/image-comparer.js +1 -1
  60. package/library/components/image.js +2 -2
  61. package/library/components/input.js +2 -2
  62. package/library/components/line-clamp.js +1 -1
  63. package/library/components/markdown.js +3 -3
  64. package/library/components/masonry.js +2 -2
  65. package/library/components/menu-item.js +2 -2
  66. package/library/components/menu.js +2 -2
  67. package/library/components/molecules.js +3 -3
  68. package/library/components/mutation-observer.js +1 -1
  69. package/library/components/option.js +2 -2
  70. package/library/components/organisms.js +2 -2
  71. package/library/components/padding-input-group.js +1 -1
  72. package/library/components/pagination.js +6 -6
  73. package/library/components/popup.js +1 -1
  74. package/library/components/position-picker.js +1 -1
  75. package/library/components/progress-bar.js +1 -1
  76. package/library/components/progress-ring.js +1 -1
  77. package/library/components/range.js +1 -1
  78. package/library/components/rating.js +1 -1
  79. package/library/components/relative-time.js +1 -1
  80. package/library/components/select.js +2 -2
  81. package/library/components/shadow-input-group.js +1 -1
  82. package/library/components/share-option-list.js +1 -1
  83. package/library/components/sidebar.js +1 -1
  84. package/library/components/size-input-group.js +3 -3
  85. package/library/components/spinner.js +1 -1
  86. package/library/components/split-panel.js +1 -1
  87. package/library/components/tab-group.js +5 -5
  88. package/library/components/tab.js +2 -2
  89. package/library/components/tag.js +2 -2
  90. package/library/components/tooltip.js +1 -1
  91. package/library/components/tree-item.js +2 -2
  92. package/library/components/tree.js +2 -2
  93. package/library/components/typeface.js +2 -2
  94. package/library/components/types.js +209 -200
  95. package/library/components/video.js +3 -3
  96. package/library/package.json +1 -1
  97. package/library/packages/atoms/src/components/audio/audio.d.ts +0 -1
  98. package/library/packages/atoms/src/components/color-picker/color-picker.d.ts +160 -2
  99. package/library/packages/atoms/src/components/color-picker/components/gradient-slider/gradient-slider.d.ts +80 -0
  100. package/library/packages/atoms/src/components/color-picker/components/gradient-slider/gradient-slider.styles.d.ts +2 -0
  101. package/library/packages/atoms/src/components/color-picker/components/gradient-stop-list/gradient-stop-list.d.ts +85 -0
  102. package/library/packages/atoms/src/components/color-picker/components/gradient-stop-list/gradient-stop-list.styles.d.ts +2 -0
  103. package/library/packages/atoms/src/components/input/input.d.ts +1 -1
  104. package/library/packages/atoms/src/components/option/option.d.ts +1 -1
  105. package/library/packages/atoms/src/components/tree/tree.d.ts +2 -2
  106. package/library/packages/atoms/src/components/video/video.d.ts +0 -1
  107. package/library/packages/events/src/cx-gradient-change.d.ts +10 -0
  108. package/library/packages/events/src/cx-gradient-stop-add.d.ts +9 -0
  109. package/library/packages/events/src/cx-gradient-stop-change.d.ts +10 -0
  110. package/library/packages/events/src/cx-gradient-stop-remove.d.ts +8 -0
  111. package/library/packages/events/src/cx-gradient-stop-select.d.ts +8 -0
  112. package/library/packages/events/src/cx-keydown.d.ts +4 -1
  113. package/library/packages/events/src/events.d.ts +5 -0
  114. package/library/packages/molecules/src/multi-select/components/board/board.d.ts +58 -2
  115. package/library/packages/molecules/src/multi-select/components/board-list-item/board-list-item.d.ts +14 -0
  116. package/library/packages/molecules/src/multi-select/controllers/filter-controller.d.ts +68 -0
  117. package/library/packages/molecules/src/multi-select/multi-select.d.ts +211 -0
  118. package/library/packages/molecules/src/multi-select/utils/base.d.ts +44 -0
  119. package/library/packages/molecules/src/multi-select/utils/reconcile.d.ts +57 -0
  120. package/library/packages/organisms/src/bento-grid/bento-grid.d.ts +11 -32
  121. package/library/packages/organisms/src/content-builder/blocks/audio/audio.d.ts +0 -1
  122. package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +4 -27
  123. package/library/packages/organisms/src/content-builder/content-builder-constants.d.ts +0 -12
  124. package/library/packages/organisms/src/content-builder/content-builder.d.ts +0 -150
  125. package/library/packages/organisms/src/content-builder/content-builder.utils.d.ts +0 -20
  126. package/library/packages/organisms/src/content-builder/plugins/wrapper-container.d.ts +0 -11
  127. package/library/packages/organisms/src/content-builder-viewer/content-builder-viewer.d.ts +2 -10
  128. package/library/packages/types/src/board.d.ts +25 -0
  129. package/library/packages/types/src/color-picker.d.ts +35 -2
  130. package/library/packages/utils/src/custom-element/i18n.d.ts +8 -0
  131. package/library/packages/utils/src/gradient/gradient.d.ts +65 -0
  132. package/library/packages/utils/src/gradient/index.d.ts +1 -0
  133. package/library/packages/utils/src/index.d.ts +1 -0
  134. package/library/packages/utils/src/transformation/transformation.d.ts +0 -2
  135. package/library/react-web-component.d.ts +493 -473
  136. package/library/utils.js +127 -118
  137. package/package.json +1 -1
  138. package/library/packages/molecules/src/multi-select/multi-select.utils.d.ts +0 -3
@@ -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.5-oAlIkv.js";
3
+ import { C as P, I as y } from "./icon-button.CbUddcgI.js";
4
4
  import { c as f } from "./custom-element.L4WJXn1j.js";
5
- import { L as z } from "./i18n.CNnI4-0K.js";
5
+ import { L as z } from "./i18n.rtxrs1c1.js";
6
6
  import { c as m } from "./math.DuKzLacZ.js";
7
7
  import { w as d } from "./watch.DJF5K-8U.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.CFjcER6_.js";
12
12
  import { n as g } from "./when.Dr1es41R.js";
13
- import { C as w } from "./button.DCyoZrRj.js";
14
- import { C as v } from "./input.Csf-S2nB.js";
15
- import { C as I } from "./option.DgxoCq1j.js";
13
+ import { C as w } from "./button.D1YIxtv-.js";
14
+ import { C as v } from "./input.D1FFprPl.js";
15
+ import { C as I } from "./option.CyorNG0S.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.T72DuoCa.js";
@@ -2,7 +2,7 @@ import zn from "../components/resize-observer.js";
2
2
  import { n as wt, C as Bn } from "./lib-cortex-element.CVMmyPMC.js";
3
3
  import { c as Fn } from "./component.styles.CAS3c9pM.js";
4
4
  import { c as Nn } from "./custom-element.L4WJXn1j.js";
5
- import { L as Ln } from "./i18n.CNnI4-0K.js";
5
+ import { L as Ln } from "./i18n.rtxrs1c1.js";
6
6
  import { s as Zi } from "./scroll.xtO5yojm.js";
7
7
  import { w as ft } from "./watch.DJF5K-8U.js";
8
8
  import { i as $n } from "./dom.DL-cNKsj.js";
@@ -17,11 +17,11 @@ import { i as Ji } from "./guard.D4axKaMo.js";
17
17
  import { o as tr } from "./map.D8heArFD.js";
18
18
  import { o as Ve } from "./style-map.llVFPd__.js";
19
19
  import { n as Pe } from "./when.Dr1es41R.js";
20
- import { C as Yn } from "./button.DCyoZrRj.js";
20
+ import { C as Yn } from "./button.D1YIxtv-.js";
21
21
  import Xn from "../components/dropdown.js";
22
- import { C as qn } from "./icon-button.5-oAlIkv.js";
22
+ import { C as qn } from "./icon-button.CbUddcgI.js";
23
23
  import Gn from "../components/menu.js";
24
- import { C as Kn } from "./menu-item.HtTWOcq4.js";
24
+ import { C as Kn } from "./menu-item.0TbnDEDp.js";
25
25
  import jn from "../components/tab.js";
26
26
  var bi = /* @__PURE__ */ ((o) => (o.Bottom = "bottom", o.End = "end", o.Start = "start", o.Top = "top", o))(bi || {}), Ke = /* @__PURE__ */ ((o) => (o.Center = "center", o.End = "flex-end", o.Start = "flex-start", o))(Ke || {}), wr = /* @__PURE__ */ ((o) => (o.Auto = "auto", o.Manual = "manual", o))(wr || {}), ue = /* @__PURE__ */ ((o) => (o.Button = "button", o.Default = "default", o.Timeline = "timeline", o))(ue || {}), Tt = /* @__PURE__ */ ((o) => (o.Dropdown = "dropdown", o.Pagination = "pagination", o.Scroll = "scroll", o))(Tt || {}), Ut = /* @__PURE__ */ ((o) => (o.Absolute = "absolute", o.DisplayNone = "display-none", o))(Ut || {});
27
27
  function Dt(o) {
@@ -1,4 +1,4 @@
1
- import { D as f } from "./transformation.CjWnFhab.js";
1
+ import { D as f } from "./transformation.OaRYixzE.js";
2
2
  function h(n, e) {
3
3
  return n.filter((r, t) => t !== e);
4
4
  }
@@ -40,8 +40,8 @@ const w = {
40
40
  /* Mobile */
41
41
  )
42
42
  }, re = [w, F, W];
43
- var B = /* @__PURE__ */ ((e) => (e.All = "ALL", e.CanDelete = "CanDelete", e.CanDownload = "CanDownload", e.CanFind = "CanFind", e.CanManageRights = "CanManageRights", e.CanMove = "CanMove", e.CanRead = "CanRead", e.CanReadAll = "CanReadAll", e.CanReadAndWrite = "CanReadAndWrite", e.CanReadLarge = "CanReadLarge", e.CanReadMedium = "CanReadMedium", e.CanReadOriginal = "CanReadOriginal", e.CanShare = "CanShare", e.CanUpload = "CanUpload", e.CanWrite = "CanWrite", e.None = "NONE", e))(B || {}), D = /* @__PURE__ */ ((e) => (e.All = "all", e.Audio = "audio", e.Image = "image", e.Other = "other", e.Video = "video", e))(D || {}), U = /* @__PURE__ */ ((e) => (e.Content = "content", e.Template = "template", e))(U || {}), G = /* @__PURE__ */ ((e) => (e.Administrator = "Administrator", e.Designer = "Designer", e.Editor = "Editor", e))(G || {}), O = /* @__PURE__ */ ((e) => (e.Accordion = "BlockAccordion", e.Analytics = "BlockAnalytics", e.Audio = "BlockAudio", e.Button = "BlockButton", e.Carousel = "BlockCarousel", e.ColorSwatches = "BlockColorSwatches", e.Column = "BlockCell", e.ColumnGroup = "BlockColumns", e.DamView = "BlockDamView", e.Divider = "BlockDivider", e.DocumentViewer = "BlockDocumentViewer", e.FontKit = "BlockFontKit", e.Gallery = "BlockGallery", e.Header = "BlockHeader", e.Image = "BlockImage", e.RichText = "BlockRichText", e.SearchBox = "BlockSearchBox", e.TabGroup = "BlockTabs", e.Text = "BlockText", e.Timeline = "BlockTimeline", e.Video = "BlockVideo", e))(O || {});
44
- const se = Object.values(O).filter(
43
+ var B = /* @__PURE__ */ ((e) => (e.All = "ALL", e.CanDelete = "CanDelete", e.CanDownload = "CanDownload", e.CanFind = "CanFind", e.CanManageRights = "CanManageRights", e.CanMove = "CanMove", e.CanRead = "CanRead", e.CanReadAll = "CanReadAll", e.CanReadAndWrite = "CanReadAndWrite", e.CanReadLarge = "CanReadLarge", e.CanReadMedium = "CanReadMedium", e.CanReadOriginal = "CanReadOriginal", e.CanShare = "CanShare", e.CanUpload = "CanUpload", e.CanWrite = "CanWrite", e.None = "NONE", e))(B || {}), D = /* @__PURE__ */ ((e) => (e.All = "all", e.Audio = "audio", e.Image = "image", e.Other = "other", e.Video = "video", e))(D || {}), U = /* @__PURE__ */ ((e) => (e.Content = "content", e.Template = "template", e))(U || {}), G = /* @__PURE__ */ ((e) => (e.Administrator = "Administrator", e.Designer = "Designer", e.Editor = "Editor", e))(G || {}), I = /* @__PURE__ */ ((e) => (e.Accordion = "BlockAccordion", e.Analytics = "BlockAnalytics", e.Audio = "BlockAudio", e.Button = "BlockButton", e.Carousel = "BlockCarousel", e.ColorSwatches = "BlockColorSwatches", e.Column = "BlockCell", e.ColumnGroup = "BlockColumns", e.DamView = "BlockDamView", e.Divider = "BlockDivider", e.DocumentViewer = "BlockDocumentViewer", e.FontKit = "BlockFontKit", e.Gallery = "BlockGallery", e.Header = "BlockHeader", e.Image = "BlockImage", e.RichText = "BlockRichText", e.SearchBox = "BlockSearchBox", e.TabGroup = "BlockTabs", e.Text = "BlockText", e.Timeline = "BlockTimeline", e.Video = "BlockVideo", e))(I || {});
44
+ const se = Object.values(I).filter(
45
45
  (e) => e !== "BlockCell"
46
46
  /* Column */
47
47
  );
@@ -288,14 +288,14 @@ const T = "TRX", N = "TR1", Z = /* @__PURE__ */ new Set([
288
288
  "tiff",
289
289
  "webp"
290
290
  ]);
291
- function I(e) {
291
+ function O(e) {
292
292
  if (!e)
293
293
  return "";
294
294
  const i = e.trim().toLowerCase();
295
295
  return i.startsWith(".") ? i.slice(1) : i;
296
296
  }
297
297
  function S(e) {
298
- return I(e) === "gif";
298
+ return O(e) === "gif";
299
299
  }
300
300
  const J = 1e3 * 1024 * 1024, P = {
301
301
  b: 1,
@@ -330,7 +330,7 @@ function de(e, i) {
330
330
  return Number.isFinite(n) && n > 0 ? n : void 0;
331
331
  }
332
332
  function ue(e, i) {
333
- if (!Z.has(I(e)))
333
+ if (!Z.has(O(e)))
334
334
  return N;
335
335
  const n = ee(i);
336
336
  return n !== void 0 && n > J ? N : T;
@@ -358,10 +358,9 @@ function he(e, i = 100) {
358
358
  }
359
359
  export {
360
360
  D as A,
361
- O as B,
361
+ I as B,
362
362
  L as D,
363
363
  U as E,
364
- T as O,
365
364
  B as P,
366
365
  oe as S,
367
366
  G as T,
@@ -375,11 +374,11 @@ export {
375
374
  j as h,
376
375
  se as i,
377
376
  re as j,
378
- N as k,
379
- X as l,
380
- E as m,
381
- q as n,
382
- le as o,
377
+ X as k,
378
+ E as l,
379
+ q as m,
380
+ le as n,
381
+ N as o,
383
382
  J as p,
384
383
  ee as q,
385
384
  ue as r
@@ -1,7 +1,7 @@
1
1
  import { C as F, n as l } from "./lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as O } from "./component.styles.CAS3c9pM.js";
3
3
  import { c as U } from "./custom-element.L4WJXn1j.js";
4
- import { L as N } from "./i18n.CNnI4-0K.js";
4
+ import { L as N } from "./i18n.rtxrs1c1.js";
5
5
  import { c as j } from "./math.DuKzLacZ.js";
6
6
  import { w as b } from "./watch.DJF5K-8U.js";
7
7
  import { i as R, x as m, E } from "./lit-element.jLBm65_O.js";
@@ -736,7 +736,7 @@ let c = class extends F {
736
736
  this.removeAttribute("dragging");
737
737
  }
738
738
  initSortable() {
739
- this.destroySortable(), this.addEventListener("cx-drag-start", this.handleSortableStart), this.addEventListener("cx-drag-end", this.handleSortableEnd), this.sortableInstance = v.create(this, {
739
+ this.addEventListener("cx-drag-start", this.handleSortableStart), this.addEventListener("cx-drag-end", this.handleSortableEnd), this.sortableInstance = v.create(this, {
740
740
  ...M({
741
741
  group: this.getSortableGroup(),
742
742
  onAdd: this.handleSortableUpdate,
@@ -761,8 +761,8 @@ let c = class extends F {
761
761
  i.selected = !1, i.indeterminate = !1;
762
762
  });
763
763
  }
764
- async handleSortableChange() {
765
- this.sortable ? this.initSortable() : this.destroySortable();
764
+ updated(e) {
765
+ super.updated(e), e.has("sortable") && (this.destroySortable(), this.sortable && this.initSortable());
766
766
  }
767
767
  /**
768
768
  * Returns the list of tree items that are selected in the tree.
@@ -853,9 +853,6 @@ h([
853
853
  h([
854
854
  b("selection")
855
855
  ], c.prototype, "handleSelectionChange", 1);
856
- h([
857
- b("sortable")
858
- ], c.prototype, "handleSortableChange", 1);
859
856
  c = h([
860
857
  U("cx-tree")
861
858
  ], c);