@orangelogic/design-system 4.9.0 → 4.11.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 (26) hide show
  1. package/library/chunks/{color-swatch-group.NkrEGUbN.js → color-swatch-group.DrtI1ZzP.js} +1 -1
  2. package/library/chunks/{document-viewer.iu_c5JvE.js → document-viewer.4cyGVPa9.js} +1 -1
  3. package/library/chunks/{header.BHwN2xMS.js → header.aJgy-4Iw.js} +1 -1
  4. package/library/chunks/{index.BiyfXTj7.js → index.ComzsS1W.js} +3 -3
  5. package/library/chunks/{menu-item.Js1qz9h2.js → menu-item.BS4PnQK8.js} +1 -1
  6. package/library/chunks/{tab-group.BAZBrIdM.js → tab-group.HkalH7hh.js} +1 -1
  7. package/library/chunks/{types.CNqFN3XH.js → types.CED5gcC0.js} +12714 -12668
  8. package/library/components/atoms.js +4 -4
  9. package/library/components/color-picker.js +1 -1
  10. package/library/components/color-swatch-group.js +1 -1
  11. package/library/components/document-viewer.js +1 -1
  12. package/library/components/file-on-demand.js +1 -1
  13. package/library/components/header.js +1 -1
  14. package/library/components/menu-item.js +1 -1
  15. package/library/components/menu.js +1 -1
  16. package/library/components/organisms.js +1 -1
  17. package/library/components/popup.js +864 -887
  18. package/library/components/tab-group.js +2 -2
  19. package/library/components/types.js +6 -6
  20. package/library/components/video.js +1 -0
  21. package/library/package.json +1 -1
  22. package/library/packages/organisms/src/content-builder-viewer/content-builder-viewer.d.ts +13 -0
  23. package/library/packages/organisms/src/downloader/data/core/worker/app/DownloadManager.d.ts +1 -0
  24. package/library/packages/services/src/api/asset/asset.d.ts +1 -0
  25. package/library/packages/types/src/content-builder.d.ts +2 -0
  26. package/package.json +1 -1
package/library/chunks/{color-swatch-group.NkrEGUbN.js → color-swatch-group.DrtI1ZzP.js} RENAMED
@@ -42,7 +42,7 @@ import { S as va } from "./sortable.esm.oSzf6C5Q.js";
42
42
  import ya from "../components/line-clamp.js";
43
43
  import { o as Ca } from "./unsafe-html.Dff7-rCx.js";
44
44
  import ci from "../components/menu.js";
45
- import { C as di } from "./menu-item.Js1qz9h2.js";
45
+ import { C as di } from "./menu-item.BS4PnQK8.js";
46
46
  import xa from "../components/popup.js";
47
47
  import { r as Ea } from "./choose.BTbF6BAn.js";
48
48
  import Ra from "../components/menu-section.js";
package/library/chunks/{document-viewer.iu_c5JvE.js → document-viewer.4cyGVPa9.js} RENAMED
@@ -6,7 +6,7 @@ import { C as CxIcon } from "./icon.BLXWp6CU.js";
6
6
  import { C as CxIconButton } from "./icon-button.BXs29IQE.js";
7
7
  import { C as CxInput } from "./input.zRoRq5mq.js";
8
8
  import CxMenu from "../components/menu.js";
9
- import { C as CxMenuItem } from "./menu-item.Js1qz9h2.js";
9
+ import { C as CxMenuItem } from "./menu-item.BS4PnQK8.js";
10
10
  import CxPopup from "../components/popup.js";
11
11
  import CxProgressBar from "../components/progress-bar.js";
12
12
  import CxResizeObserver from "../components/resize-observer.js";
package/library/chunks/{header.BHwN2xMS.js → header.aJgy-4Iw.js} RENAMED
@@ -706,7 +706,7 @@ let t = class extends w {
706
706
  container: !0,
707
707
  "container--has-copy-button": n
708
708
  })}>${this.renderHeading()}
709
- ${L(n, () => u`<cx-copy-button part="copy-button" class="copy-button" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
709
+ ${L(n, () => u`<cx-copy-button part="copy-button" class="copy-button" size="small" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
710
710
  }
711
711
  };
712
712
  t.styles = [
package/library/chunks/{index.BiyfXTj7.js → index.ComzsS1W.js} RENAMED
@@ -13,7 +13,7 @@ import { b as W } from "./_baseIteratee.sC2wLi2m.js";
13
13
  import { a as J } from "./toString.B1zKIiZc.js";
14
14
  import { b as X } from "./cloneDeep.tKGbEwzn.js";
15
15
  import { c as Y } from "./_baseClone.ipmFlCAx.js";
16
- import { F as _, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.CNqFN3XH.js";
16
+ import { F as _, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.CED5gcC0.js";
17
17
  import { C as wt } from "./button.rJFwhUxT.js";
18
18
  import vt from "../components/button-group.js";
19
19
  import kt from "../components/card.js";
@@ -27,7 +27,7 @@ import { C as _t } from "./icon.BLXWp6CU.js";
27
27
  import { C as Rt } from "./input.zRoRq5mq.js";
28
28
  import Dt from "../components/line-clamp.js";
29
29
  import It from "../components/menu.js";
30
- import { C as qt } from "./menu-item.Js1qz9h2.js";
30
+ import { C as qt } from "./menu-item.BS4PnQK8.js";
31
31
  import { C as Lt } from "./option.CwbFof9H.js";
32
32
  import Bt from "../components/radio.js";
33
33
  import Et from "../components/radio-card.js";
@@ -36,7 +36,7 @@ import Nt from "../components/select.js";
36
36
  import Ot from "../components/space.js";
37
37
  import Mt from "../components/switch.js";
38
38
  import Vt from "../components/tab.js";
39
- import { C as jt } from "./tab-group.BAZBrIdM.js";
39
+ import { C as jt } from "./tab-group.HkalH7hh.js";
40
40
  import Gt from "../components/tab-panel.js";
41
41
  import Wt from "../components/textarea.js";
42
42
  import Kt from "../components/tooltip.js";
package/library/chunks/{menu-item.Js1qz9h2.js → menu-item.BS4PnQK8.js} RENAMED
@@ -14,7 +14,7 @@ import O from "../components/spinner.js";
14
14
  import { f as C } from "./focus-when-visible.jWSw9ks0.js";
15
15
  import { e as I, n as A } from "./ref.DktKp7fP.js";
16
16
  var p = /* @__PURE__ */ ((i) => (i.Prefix = "prefix", i.Suffix = "suffix", i))(p || {}), y = /* @__PURE__ */ ((i) => (i.Checkbox = "menuitemcheckbox", i.Item = "menuitem", i.Radio = "menuitemradio", i))(y || {}), c = /* @__PURE__ */ ((i) => (i.Checkbox = "checkbox", i.Normal = "normal", i))(c || {});
17
- const B = D`:host{--submenu-offset:0px;--prefix-font-size:var(--cx-font-size-small);--prefix-color:var(--cx-color-neutral-500);--label-color:var(--cx-color-neutral);--suffix-color:var(--cx-color-neutral);--font-weight:var(--cx-font-weight-medium);display:block}:host([inert]){display:none}.menu-item{font:var(--cx-font-label-small);font-weight:var(--font-weight,var(--cx-font-weight-medium));letter-spacing:var(--cx-letter-spacing-normal);color:var(--cx-color-neutral);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);transition:var(--cx-transition-fast) fill;background-color:var(--cx-menu-item-background-color,unset);-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;align-items:stretch;text-decoration:none;display:flex;position:relative}.menu-item.menu-item--disabled{cursor:default;outline:none}.menu-item.menu-item--disabled .menu-item__label,.menu-item.menu-item--disabled .menu-item__prefix,.menu-item.menu-item--disabled .menu-item__chevron,.menu-item.menu-item--disabled .menu-item__check{opacity:.5}.menu-item.menu-item--disabled .menu-item__suffix:not(:slotted(cx-tooltip)){opacity:.5}.menu-item.menu-item--loading{cursor:wait;outline:none}.menu-item.menu-item--loading :not(cx-spinner){opacity:.5}.menu-item--loading cx-spinner{--indicator-color:currentColor;--track-width:1px;opacity:1;font-size:.75em;position:absolute;top:calc(50% - .5em);left:.65rem}.menu-item .menu-item__label{color:var(--label-color,var(--cx-color-neutral));text-overflow:ellipsis;flex:auto;margin:auto;display:inline-block;overflow:hidden}.menu-item--checked .menu-item__label{color:var(--checked-label-color,var(--cx-color-primary))}.menu-item .menu-item__prefix{color:var(--prefix-color,var(--cx-color-neutral-500));font-size:var(--prefix-font-size,var(--cx-font-size-small));flex:none;align-items:center;display:flex}.menu-item--checked{--prefix-color:var(--cx-color-primary);--suffix-color:var(--cx-color-primary)}.menu-item--checked .menu-item__check{color:var(--checked-icon-color,var(--cx-color-primary))}.menu-item .menu-item__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.menu-item .menu-item__suffix{color:var(--suffix-color);flex:none;align-items:center;display:flex}.menu-item .menu-item__suffix::slotted(*){margin-inline-start:var(--cx-spacing-medium)}.menu-item--submenu-expanded:after{content:"";z-index:calc(var(--cx-z-index-dropdown) - 1);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0), var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0), var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));position:fixed;inset:0}@media (pointer:none),(pointer:coarse){.menu-item--submenu-expanded:after{display:none}}:host(:focus-visible){outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width))}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item,.menu-item--submenu-expanded{background-color:var(--cx-menu-item-background-color-hover);color:var(--cx-color-neutral-1000)}:host(:not([aria-disabled=true])) .menu-item--active{background-color:var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover));color:var(--cx-color-neutral-1000)}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item--active{background-color:var(--cx-menu-item-background-color-active-hover,var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover)))}:host(:focus-visible) .menu-item{outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width));background-color:var(--cx-menu-item-background-color-hover);opacity:1}.menu-item .menu-item__check,.menu-item .menu-item__chevron{width:var(--checked-icon-size,1.5em);visibility:hidden;flex:none;justify-content:center;align-items:center}.menu-item .menu-item__check{display:var(--checked-icon-display,flex);margin-inline-end:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--suffix{margin-inline:auto 0;padding-inline-start:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--always-show{visibility:visible}.menu-item .menu-item__chevron{display:var(--submenu-icon-display,flex)}.menu-item--checked .menu-item__check,.menu-item--has-submenu .menu-item__chevron{visibility:visible}cx-popup::part(popup){border:var(--cx-panel-border-width) solid var(--cx-popup-border-color);border-radius:var(--cx-border-radius-large);box-shadow:var(--cx-shadow-large);z-index:var(--cx-z-index-dropdown);margin-left:var(--submenu-offset,0px);overflow:hidden}.menu-item--rtl cx-popup::part(popup){margin-left:calc(-1 * var(--submenu-offset))}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .menu-item,:host(:focus-visible) .menu-item{outline-offset:-1px;outline:1px dashed selecteditem}}::slotted(cx-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`;
17
+ const B = D`:host{--submenu-offset:0px;--prefix-font-size:var(--cx-font-size-small);--prefix-color:var(--cx-color-neutral-500);--label-color:var(--cx-color-neutral);--suffix-color:var(--cx-color-neutral);--font-weight:var(--cx-font-weight-medium);display:block}:host([inert]){display:none}.menu-item{font:var(--cx-font-label-small);font-weight:var(--font-weight,var(--cx-font-weight-medium));letter-spacing:var(--cx-letter-spacing-normal);color:var(--cx-color-neutral);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);transition:var(--cx-transition-fast) fill;background-color:var(--cx-menu-item-background-color,unset);-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;align-items:stretch;text-decoration:none;display:flex;position:relative}.menu-item.menu-item--disabled{cursor:default;outline:none}.menu-item.menu-item--disabled .menu-item__label,.menu-item.menu-item--disabled .menu-item__prefix,.menu-item.menu-item--disabled .menu-item__chevron,.menu-item.menu-item--disabled .menu-item__check{opacity:.5}.menu-item.menu-item--disabled .menu-item__suffix:not(:slotted(cx-tooltip)){opacity:.5}.menu-item.menu-item--loading{cursor:wait;outline:none}.menu-item.menu-item--loading :not(cx-spinner){opacity:.5}.menu-item--loading cx-spinner{--indicator-color:currentColor;--track-width:1px;opacity:1;font-size:.75em;position:absolute;top:calc(50% - .5em);left:.65rem}.menu-item .menu-item__label{color:var(--label-color,var(--cx-color-neutral));text-overflow:ellipsis;flex:auto;margin:auto;display:inline-block;overflow:hidden}.menu-item--checked .menu-item__label{color:var(--checked-label-color,var(--cx-color-primary))}.menu-item .menu-item__prefix{color:var(--prefix-color,var(--cx-color-neutral-500));font-size:var(--prefix-font-size,var(--cx-font-size-small));flex:none;align-items:center;display:flex}.menu-item--checked{--prefix-color:var(--cx-color-primary);--suffix-color:var(--cx-color-primary)}.menu-item--checked .menu-item__check{color:var(--checked-icon-color,var(--cx-color-primary))}.menu-item .menu-item__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.menu-item .menu-item__suffix{color:var(--suffix-color);flex:none;align-items:center;display:flex}.menu-item .menu-item__suffix::slotted(*){margin-inline-start:var(--cx-spacing-medium)}.menu-item--submenu-expanded:after{content:"";z-index:calc(var(--cx-z-index-dropdown) - 1);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0), var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0), var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));position:fixed;inset:0}@media (pointer:none),(pointer:coarse){.menu-item--submenu-expanded:after{display:none}}:host(:focus-visible){outline:none}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item,.menu-item--submenu-expanded{background-color:var(--cx-menu-item-background-color-hover);color:var(--cx-color-neutral-1000)}:host(:not([aria-disabled=true])) .menu-item--active{background-color:var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover));color:var(--cx-color-neutral-1000)}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item--active{background-color:var(--cx-menu-item-background-color-active-hover,var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover)))}:host(:focus-visible) .menu-item{outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width));background-color:var(--cx-menu-item-background-color-hover);opacity:1}.menu-item .menu-item__check,.menu-item .menu-item__chevron{width:var(--checked-icon-size,1.5em);visibility:hidden;flex:none;justify-content:center;align-items:center}.menu-item .menu-item__check{display:var(--checked-icon-display,flex);margin-inline-end:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--suffix{margin-inline:auto 0;padding-inline-start:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--always-show{visibility:visible}.menu-item .menu-item__chevron{display:var(--submenu-icon-display,flex)}.menu-item--checked .menu-item__check,.menu-item--has-submenu .menu-item__chevron{visibility:visible}cx-popup::part(popup){border:var(--cx-panel-border-width) solid var(--cx-popup-border-color);border-radius:var(--cx-border-radius-large);box-shadow:var(--cx-shadow-large);z-index:var(--cx-z-index-dropdown);margin-left:var(--submenu-offset,0px);overflow:hidden}.menu-item--rtl cx-popup::part(popup){margin-left:calc(-1 * var(--submenu-offset))}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .menu-item,:host(:focus-visible) .menu-item{outline-offset:-1px;outline:1px dashed selecteditem}}::slotted(cx-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`;
18
18
  class H {
19
19
  constructor(e, t) {
20
20
  this.popupRef = I(), this.parent = null, this.enableSubmenuTimer = -1, this.isHorizontalMenu = !1, this.isConnected = !1, this.isPopupConnected = !1, this.skidding = 0, this.submenuOpenDelay = 100, this.focusVisibilityTimeoutMs = 1e4, this.lazyLoadObserver = null, this.pendingFocusCancel = null, (this.host = e).addController(this), this.hasSlotController = t, this.handleMouseMove = this.handleMouseMove.bind(this), this.handleMouseOver = this.handleMouseOver.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleClick = this.handleClick.bind(this), this.handleSubmenuIconClick = this.handleSubmenuIconClick.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handleMouseLeave = this.handleMouseLeave.bind(this), this.handlePopupMouseover = this.handlePopupMouseover.bind(this), this.handlePopupReposition = this.handlePopupReposition.bind(this);
package/library/chunks/{tab-group.BAZBrIdM.js → tab-group.HkalH7hh.js} RENAMED
@@ -21,7 +21,7 @@ import { C as Yn } from "./button.rJFwhUxT.js";
21
21
  import Xn from "../components/dropdown.js";
22
22
  import { C as Gn } from "./icon-button.BXs29IQE.js";
23
23
  import qn from "../components/menu.js";
24
- import { C as Kn } from "./menu-item.Js1qz9h2.js";
24
+ import { C as Kn } from "./menu-item.BS4PnQK8.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 || {}), Tr = /* @__PURE__ */ ((o) => (o.Auto = "auto", o.Manual = "manual", o))(Tr || {}), he = /* @__PURE__ */ ((o) => (o.Button = "button", o.Default = "default", o.Timeline = "timeline", o))(he || {}), wt = /* @__PURE__ */ ((o) => (o.Dropdown = "dropdown", o.Pagination = "pagination", o.Scroll = "scroll", o))(wt || {}), Ut = /* @__PURE__ */ ((o) => (o.Absolute = "absolute", o.DisplayNone = "display-none", o))(Ut || {});
27
27
  function Dt(o) {