@orangelogic/design-system 2.138.0 → 2.139.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 (100) hide show
  1. package/library/chunks/{asset-link-format.Cj3Jb2A9.js → asset-link-format.oOC8fxvV.js} +5 -5
  2. package/library/chunks/{button.C8bgBiYj.js → button.J4LDuhyW.js} +1 -1
  3. package/library/chunks/{color-swatch-group.CtRKXJDT.js → color-swatch-group.CYI2N8gp.js} +6 -6
  4. package/library/chunks/{color-swatch.BPKlNXIX.js → color-swatch.DimFgBSf.js} +1 -1
  5. package/library/chunks/{confirm-popover.CgXY2_uO.js → confirm-popover.DV5q0KyE.js} +3 -3
  6. package/library/chunks/{dialog.Bs7RQgSa.js → dialog.C79Kd2S4.js} +2 -2
  7. package/library/chunks/{document-viewer.Bs3U0_wd.js → document-viewer.Ga2Ppgit.js} +3910 -3812
  8. package/library/chunks/{dot-pagination.t0VzNnjC.js → dot-pagination.CoG0XmAq.js} +1 -1
  9. package/library/chunks/{file-on-demand.BWrBwTOn.js → file-on-demand.C3ib6J00.js} +9 -9
  10. package/library/chunks/focus-when-visible.jWSw9ks0.js +21 -0
  11. package/library/chunks/{folder-select.CItC06TB.js → folder-select.BQXuKb-8.js} +4 -4
  12. package/library/chunks/{header.D_TqvPdB.js → header.zCbb-t6m.js} +1 -1
  13. package/library/chunks/{i18n.BlLEIqQ0.js → i18n.DeUAP8n2.js} +1 -0
  14. package/library/chunks/{icon-button.D5sM02Cd.js → icon-button.LhIEmHNF.js} +1 -1
  15. package/library/chunks/{iframe.D3PpeqXx.js → iframe.c0IPEUiJ.js} +1 -1
  16. package/library/chunks/{image.qP6cTWCN.js → image.u2nQNoZ8.js} +1 -1
  17. package/library/chunks/{input.B8CV80Da.js → input.DID1aXiO.js} +1 -1
  18. package/library/chunks/{option.D9SqVdjL.js → option.n6PDuSs1.js} +1 -1
  19. package/library/chunks/{pagination.DAI32_PA.js → pagination.BNU2UmTy.js} +5 -5
  20. package/library/chunks/{tab-group.e83Yy-jY.js → tab-group.5O3lqvyG.js} +3 -3
  21. package/library/chunks/{tree.D7eyb405.js → tree.CbwFiRJI.js} +1 -1
  22. package/library/components/alert.js +2 -2
  23. package/library/components/asset-link-format.js +3 -3
  24. package/library/components/atoms.js +13 -13
  25. package/library/components/audio.js +19 -19
  26. package/library/components/border-input-group.js +2 -2
  27. package/library/components/breadcrumb.js +1 -1
  28. package/library/components/button.js +2 -2
  29. package/library/components/color-picker.js +4 -4
  30. package/library/components/color-swatch-group.js +3 -3
  31. package/library/components/color-swatch.js +2 -2
  32. package/library/components/confirm-popover.js +4 -4
  33. package/library/components/copy-button.js +1 -1
  34. package/library/components/corner-position-input-group.js +3 -3
  35. package/library/components/date-calendar.js +1 -1
  36. package/library/components/details.js +1 -1
  37. package/library/components/dialog.js +3 -3
  38. package/library/components/document-viewer.js +3 -3
  39. package/library/components/dot-pagination.js +2 -2
  40. package/library/components/drawer.js +2 -2
  41. package/library/components/dropdown.js +33 -32
  42. package/library/components/dynamic-select.js +4 -4
  43. package/library/components/e-chart.js +1 -1
  44. package/library/components/element-clamp.js +2 -2
  45. package/library/components/file-on-demand.js +10 -10
  46. package/library/components/folder-select.js +4 -4
  47. package/library/components/format-bytes.js +1 -1
  48. package/library/components/format-date.js +1 -1
  49. package/library/components/format-number.js +1 -1
  50. package/library/components/format-time.js +1 -1
  51. package/library/components/header.js +2 -2
  52. package/library/components/icon-button.js +2 -2
  53. package/library/components/iframe.js +2 -2
  54. package/library/components/image-comparer.js +1 -1
  55. package/library/components/image.js +2 -2
  56. package/library/components/input.js +2 -2
  57. package/library/components/line-clamp.js +1 -1
  58. package/library/components/masonry.js +2 -2
  59. package/library/components/menu-item.js +202 -150
  60. package/library/components/menu.js +1 -1
  61. package/library/components/molecules.js +3 -3
  62. package/library/components/option.js +2 -2
  63. package/library/components/organisms.js +3 -3
  64. package/library/components/padding-input-group.js +1 -1
  65. package/library/components/pagination.js +6 -6
  66. package/library/components/popup.js +1 -1
  67. package/library/components/position-picker.js +1 -1
  68. package/library/components/progress-bar.js +1 -1
  69. package/library/components/progress-ring.js +1 -1
  70. package/library/components/range.js +1 -1
  71. package/library/components/rating.js +1 -1
  72. package/library/components/relative-time.js +1 -1
  73. package/library/components/select.js +2 -2
  74. package/library/components/shadow-input-group.js +1 -1
  75. package/library/components/share-option-list.js +1 -1
  76. package/library/components/sidebar.js +1 -1
  77. package/library/components/size-input-group.js +3 -3
  78. package/library/components/spinner.js +1 -1
  79. package/library/components/split-panel.js +1 -1
  80. package/library/components/tab-group.js +4 -4
  81. package/library/components/tab.js +2 -2
  82. package/library/components/tag.js +2 -2
  83. package/library/components/tooltip.js +1 -1
  84. package/library/components/tree-item.js +2 -2
  85. package/library/components/tree.js +2 -2
  86. package/library/components/typeface.js +2 -2
  87. package/library/components/types.js +10778 -10769
  88. package/library/components/video.js +2 -2
  89. package/library/package.json +1 -1
  90. package/library/packages/atoms/src/components/dropdown/dropdown.d.ts +6 -1
  91. package/library/packages/atoms/src/components/menu-item/menu-item.d.ts +2 -0
  92. package/library/packages/atoms/src/components/menu-item/submenu-controller.d.ts +28 -0
  93. package/library/packages/hybrid/book-reader/src/react/constant.d.ts +1 -0
  94. package/library/packages/hybrid/book-reader/src/react/hooks/useDrawer.d.ts +1 -1
  95. package/library/packages/organisms/src/content-builder/components/config-form/config-form.d.ts +8 -0
  96. package/library/packages/utils/src/custom-element/focus-when-visible.d.ts +14 -0
  97. package/library/packages/utils/src/custom-element/i18n.d.ts +1 -0
  98. package/library/packages/utils/src/index.d.ts +1 -0
  99. package/library/utils.js +133 -131
  100. package/package.json +1 -1
package/library/components/menu-item.js CHANGED
@@ -1,22 +1,23 @@
1
- import { n as a, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
- import { c as C } from "../chunks/component.styles.CRO4Odto.js";
3
- import { c as _ } from "../chunks/custom-element.L4WJXn1j.js";
4
- import { d as g, L } from "../chunks/i18n.BlLEIqQ0.js";
5
- import { H as M, g as P } from "../chunks/slot.j5oheLJC.js";
1
+ import { n as r, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
+ import { c as _ } from "../chunks/component.styles.CRO4Odto.js";
3
+ import { c as L } from "../chunks/custom-element.L4WJXn1j.js";
4
+ import { d as y, L as M } from "../chunks/i18n.DeUAP8n2.js";
5
+ import { H as z, g as P } from "../chunks/slot.j5oheLJC.js";
6
6
  import { w as v } from "../chunks/watch.CThbualB.js";
7
- import { i as E, x as h, E as y } from "../chunks/lit-element.jLBm65_O.js";
7
+ import { i as E, x as h, E as g } from "../chunks/lit-element.jLBm65_O.js";
8
8
  import { e as p } from "../chunks/query.BBf1UFkC.js";
9
- import { e as b } from "../chunks/class-map.BiVq-cVR.js";
9
+ import { e as f } from "../chunks/class-map.BiVq-cVR.js";
10
10
  import { o as m } from "../chunks/if-defined.BRoBj_Rp.js";
11
- import { C as z } from "../chunks/icon.DnBh6-56.js";
12
- import $ from "./popup.js";
13
- import D from "./spinner.js";
14
- import { e as R, n as T } from "../chunks/ref.DktKp7fP.js";
11
+ import { C as T } from "../chunks/icon.DnBh6-56.js";
12
+ import R from "./popup.js";
13
+ import $ from "./spinner.js";
14
+ import { f as k } from "../chunks/focus-when-visible.jWSw9ks0.js";
15
+ import { e as D, n as O } from "../chunks/ref.DktKp7fP.js";
15
16
  var d = /* @__PURE__ */ ((o) => (o.Prefix = "prefix", o.Suffix = "suffix", o))(d || {});
16
- const O = E`: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-regular);display:block}:host([inert]){display:none}.menu-item{font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);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(--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{background-color:var(--cx-menu-item-background-color-hover);opacity:1;outline:none}.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 I = E`: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-regular);display:block}:host([inert]){display:none}.menu-item{font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);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(--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{background-color:var(--cx-menu-item-background-color-hover);opacity:1;outline:none}.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
18
  class B {
18
- constructor(e, n) {
19
- this.popupRef = R(), this.parent = null, this.enableSubmenuTimer = -1, this.isHorizontalMenu = !1, this.isConnected = !1, this.isPopupConnected = !1, this.skidding = 0, this.submenuOpenDelay = 100, (this.host = e).addController(this), this.hasSlotController = n, 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);
19
+ constructor(e, t) {
20
+ this.popupRef = D(), 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);
20
21
  }
21
22
  get popup() {
22
23
  return this.popupRef.value;
@@ -29,7 +30,7 @@ class B {
29
30
  }));
30
31
  }
31
32
  hostDisconnected() {
32
- this.removeListeners(), this.parentObserver && this.parentObserver.disconnect();
33
+ this.removeListeners(), this.parentObserver && this.parentObserver.disconnect(), this.cancelPendingFocus();
33
34
  }
34
35
  hostUpdated() {
35
36
  this.removeListeners(), this.hasSlotController.test("submenu") && !this.host.disabled && (this.addListeners(), this.updateSkidding(), this.syncIsHorizontalMenu());
@@ -63,10 +64,10 @@ class B {
63
64
  }
64
65
  // Set the safe triangle cursor position
65
66
  handleMouseMove(e) {
66
- const n = getComputedStyle(this.host).direction === "rtl" || this.popupRef.value?.dataset.currentPlacement?.startsWith("left");
67
+ const t = getComputedStyle(this.host).direction === "rtl" || this.popupRef.value?.dataset.currentPlacement?.startsWith("left");
67
68
  this.host.style.setProperty(
68
69
  "--safe-triangle-cursor-x",
69
- `${e.clientX + (n ? 1 : 0)}px`
70
+ `${e.clientX + (t ? 1 : 0)}px`
70
71
  ), this.host.style.setProperty(
71
72
  "--safe-triangle-cursor-y",
72
73
  `${e.clientY}px`
@@ -76,32 +77,63 @@ class B {
76
77
  this.hasSlotController.test("submenu") && this.enableSubmenu();
77
78
  }
78
79
  handleSubmenuEntry(e) {
79
- const n = this.host.renderRoot.querySelector("slot[name='submenu']");
80
- if (!n) {
80
+ const t = this.host.renderRoot.querySelector("slot[name='submenu']");
81
+ if (!t) {
81
82
  console.error(
82
83
  "Cannot activate a submenu if no corresponding menuitem can be found.",
83
84
  this
84
85
  );
85
86
  return;
86
87
  }
87
- let i = null;
88
- for (const r of n.assignedElements())
89
- if (i = r.querySelectorAll("cx-menu-item, [role^='menuitem']"), i.length !== 0)
90
- break;
88
+ const i = this.queryMenuItems(t);
91
89
  if (!i || i.length === 0) {
92
- this.host.lazy && (e.preventDefault(), e.stopPropagation(), this.enableSubmenu(!1));
90
+ this.host.lazy && (e.preventDefault(), e.stopPropagation(), this.focusFirstMenuItemAfterLazyLoad(t));
93
91
  return;
94
92
  }
95
- i[0].setAttribute("tabindex", "0");
96
- for (let r = 1; r !== i.length; ++r)
97
- i[r].setAttribute("tabindex", "-1");
98
- this.popupRef.value && (e.preventDefault(), e.stopPropagation(), this.popupRef.value.active ? i[0] instanceof HTMLElement && i[0].focus() : (this.enableSubmenu(!1), this.popupRef.value.addEventListener("cx-opened", () => {
99
- i[0] instanceof HTMLElement && i[0].focus();
100
- }), this.host.requestUpdate()));
93
+ this.setRovingTabIndex(i), this.popupRef.value && (e.preventDefault(), e.stopPropagation(), this.popupRef.value.active || this.enableSubmenu(!1), i[0] instanceof HTMLElement && (this.pendingFocusCancel?.(), this.pendingFocusCancel = k(
94
+ i[0],
95
+ this.focusVisibilityTimeoutMs
96
+ )));
97
+ }
98
+ // Sets up the roving tabindex for a freshly revealed set of submenu items: first item tabbable, rest not.
99
+ setRovingTabIndex(e) {
100
+ e[0].setAttribute("tabindex", "0");
101
+ for (let t = 1; t !== e.length; ++t)
102
+ e[t].setAttribute("tabindex", "-1");
103
+ }
104
+ // Find the first menu-item (or menuitem-role element) assigned to the submenu slot, if any exist yet.
105
+ queryMenuItems(e) {
106
+ let t = null;
107
+ for (const i of e.assignedElements())
108
+ if (t = i.querySelectorAll("cx-menu-item, [role^='menuitem']"), t.length !== 0)
109
+ break;
110
+ return t;
111
+ }
112
+ // Disconnect any pending lazy-load item watch and cancel any pending focus attempt (submenu closed, host
113
+ // disconnected, or the item was already found/focused).
114
+ cancelPendingFocus() {
115
+ this.lazyLoadObserver?.disconnect(), this.lazyLoadObserver = null, this.pendingFocusCancel?.(), this.pendingFocusCancel = null;
116
+ }
117
+ /**
118
+ * Enables the submenu and, once its content finishes loading and the first menu-item appears, focuses it.
119
+ * focusWhenVisible already tolerates the popup not being visually ready yet, so this only needs to wait for
120
+ * the item itself to exist.
121
+ */
122
+ focusFirstMenuItemAfterLazyLoad(e) {
123
+ this.lazyLoadObserver?.disconnect(), this.lazyLoadObserver = new MutationObserver(() => {
124
+ const t = this.queryMenuItems(e), i = t?.[0];
125
+ !(i instanceof HTMLElement) || !t || (this.setRovingTabIndex(t), this.lazyLoadObserver?.disconnect(), this.lazyLoadObserver = null, this.pendingFocusCancel?.(), this.pendingFocusCancel = k(
126
+ i,
127
+ this.focusVisibilityTimeoutMs
128
+ ));
129
+ });
130
+ for (const t of e.assignedElements())
131
+ this.lazyLoadObserver.observe(t, { childList: !0, subtree: !0 });
132
+ this.enableSubmenu(!1);
101
133
  }
102
134
  // Focus on the first menu-item of a submenu.
103
135
  handleKeyDown(e) {
104
- const n = () => {
136
+ const t = () => {
105
137
  e.preventDefault(), e.stopPropagation(), this.host.focus(), this.disableSubmenu();
106
138
  };
107
139
  switch (e.key) {
@@ -114,11 +146,11 @@ class B {
114
146
  break;
115
147
  }
116
148
  case "ArrowLeft": {
117
- e.target !== this.host && !this.isHorizontalMenu && n();
149
+ e.target !== this.host && !this.isHorizontalMenu && t();
118
150
  break;
119
151
  }
120
152
  case "ArrowUp": {
121
- e.target !== this.host && this.isHorizontalMenu && n();
153
+ e.target !== this.host && this.isHorizontalMenu && t();
122
154
  break;
123
155
  }
124
156
  case "ArrowRight": {
@@ -143,8 +175,8 @@ class B {
143
175
  e.preventDefault(), e.stopPropagation(), this.isExpanded() ? this.disableSubmenu() : this.enableSubmenu();
144
176
  }
145
177
  handleDocumentMouseDown(e) {
146
- const n = e.composedPath();
147
- this.host && !n.includes(this.host) && this.disableSubmenu();
178
+ const t = e.composedPath();
179
+ this.host && !t.includes(this.host) && this.disableSubmenu();
148
180
  }
149
181
  // Close this submenu on focus outside of the parent or any descendants.
150
182
  handleMouseLeave(e) {
@@ -156,19 +188,19 @@ class B {
156
188
  }
157
189
  // Set the safe triangle values for the submenu when the position changes
158
190
  handlePopupReposition() {
159
- const n = this.host.renderRoot.querySelector("slot[name='submenu']")?.assignedElements({ flatten: !0 }).filter((f) => f.localName === "cx-menu")[0], i = getComputedStyle(this.host).direction === "rtl" || this.popupRef.value?.dataset.currentPlacement?.startsWith("left");
160
- if (!n)
191
+ const t = this.host.renderRoot.querySelector("slot[name='submenu']")?.assignedElements({ flatten: !0 }).filter((b) => b.localName === "cx-menu")[0], i = getComputedStyle(this.host).direction === "rtl" || this.popupRef.value?.dataset.currentPlacement?.startsWith("left");
192
+ if (!t)
161
193
  return;
162
- const { height: r, left: l, top: u, width: c } = n.getBoundingClientRect();
194
+ const { height: l, left: a, top: u, width: c } = t.getBoundingClientRect();
163
195
  this.host.style.setProperty(
164
196
  "--safe-triangle-submenu-start-x",
165
- `${i ? l + c : l}px`
197
+ `${i ? a + c : a}px`
166
198
  ), this.host.style.setProperty("--safe-triangle-submenu-start-y", `${u}px`), this.host.style.setProperty(
167
199
  "--safe-triangle-submenu-end-x",
168
- `${i ? l + c : l}px`
200
+ `${i ? a + c : a}px`
169
201
  ), this.host.style.setProperty(
170
202
  "--safe-triangle-submenu-end-y",
171
- `${u + r}px`
203
+ `${u + l}px`
172
204
  );
173
205
  }
174
206
  setSubmenuState(e) {
@@ -182,18 +214,34 @@ class B {
182
214
  }, this.submenuOpenDelay)) : this.setSubmenuState(!0);
183
215
  }
184
216
  disableSubmenu() {
185
- window.clearTimeout(this.enableSubmenuTimer), this.setSubmenuState(!1);
217
+ window.clearTimeout(this.enableSubmenuTimer), this.cancelPendingFocus(), this.setSubmenuState(!1), this.disableNestedSubmenus();
218
+ }
219
+ /**
220
+ * Closing this submenu hides nested submenus visually (via the parent popup's own hidden state) without
221
+ * resetting their own `active` flag, since they never receive a property change to react to. Left stale,
222
+ * reopening a nested submenu later hits the "already active" fast path and skips the re-sync a fresh open
223
+ * would normally do. Cascade the close so every nested submenu starts clean the next time it's opened.
224
+ */
225
+ disableNestedSubmenus() {
226
+ if (!this.hasSlotController.test("submenu"))
227
+ return;
228
+ const e = this.host.renderRoot.querySelector("slot[name='submenu']");
229
+ if (e)
230
+ for (const t of e.assignedElements({ flatten: !0 }))
231
+ t.querySelectorAll("cx-menu-item").forEach((i) => {
232
+ i.closeSubmenu?.();
233
+ });
186
234
  }
187
235
  // Calculate the space the top of a menu takes-up, for aligning the popup menu-item with the activating element.
188
236
  updateSkidding() {
189
237
  if (!this.host.parentElement?.computedStyleMap)
190
238
  return;
191
- const e = this.host.parentElement.computedStyleMap(), n = g(this.host) === "rtl", i = this.host.submenuPlacement ?? (n ? "left-start" : "right-start"), r = i.startsWith("left") || i.startsWith("right");
192
- let l = [];
193
- r && (i.endsWith("-start") ? l = ["padding-top", "border-top-width", "margin-top"] : i.endsWith("-end") && (l = ["padding-bottom", "border-bottom-width", "margin-bottom"]));
194
- const u = l.reduce((c, f) => {
195
- const x = e.get(f) ?? new CSSUnitValue(0, "px"), k = (x instanceof CSSUnitValue ? x : new CSSUnitValue(0, "px")).to("px"), S = i.endsWith("-end") ? 1 : -1;
196
- return c + k.value * S;
239
+ const e = this.host.parentElement.computedStyleMap(), t = y(this.host) === "rtl", i = this.host.submenuPlacement ?? (t ? "left-start" : "right-start"), l = i.startsWith("left") || i.startsWith("right");
240
+ let a = [];
241
+ l && (i.endsWith("-start") ? a = ["padding-top", "border-top-width", "margin-top"] : i.endsWith("-end") && (a = ["padding-bottom", "border-bottom-width", "margin-bottom"]));
242
+ const u = a.reduce((c, b) => {
243
+ const x = e.get(b) ?? new CSSUnitValue(0, "px"), S = (x instanceof CSSUnitValue ? x : new CSSUnitValue(0, "px")).to("px"), C = i.endsWith("-end") ? 1 : -1;
244
+ return c + S.value * C;
197
245
  }, 0);
198
246
  this.skidding = u;
199
247
  }
@@ -201,21 +249,21 @@ class B {
201
249
  return this.popupRef.value ? this.popupRef.value.active : !1;
202
250
  }
203
251
  renderSubmenu() {
204
- const e = g(this.host) === "rtl";
252
+ const e = y(this.host) === "rtl";
205
253
  if (!this.hasSlotController.test("submenu"))
206
254
  return null;
207
- const n = this.host.submenuPlacement ?? (e ? "left-start" : "right-start");
208
- return h`<cx-popup ${T(this.popupRef)} placement=${n} anchor="anchor" part="submenu-popup" flip flip-fallback-strategy="best-fit" skidding=${this.skidding} strategy="overlay" auto-size="both" auto-size-padding="10" ?shift=${!!this.host.shiftBoundary} .flipBoundary=${this.host.flipBoundary} .shiftBoundary=${this.host.shiftBoundary} .autoSizeBoundary=${this.host.autoSizeBoundary}><slot name="submenu"></slot></cx-popup>`;
255
+ const t = this.host.submenuPlacement ?? (e ? "left-start" : "right-start");
256
+ return h`<cx-popup ${O(this.popupRef)} placement=${t} anchor="anchor" part="submenu-popup" flip flip-fallback-strategy="best-fit" skidding=${this.skidding} strategy="overlay" auto-size="both" auto-size-padding="10" ?shift=${!!this.host.shiftBoundary} .flipBoundary=${this.host.flipBoundary} .shiftBoundary=${this.host.shiftBoundary} .autoSizeBoundary=${this.host.autoSizeBoundary}><slot name="submenu"></slot></cx-popup>`;
209
257
  }
210
258
  }
211
- var I = Object.defineProperty, H = Object.getOwnPropertyDescriptor, s = (o, e, n, i) => {
212
- for (var r = i > 1 ? void 0 : i ? H(e, n) : e, l = o.length - 1, u; l >= 0; l--)
213
- (u = o[l]) && (r = (i ? u(e, n, r) : u(r)) || r);
214
- return i && r && I(e, n, r), r;
259
+ var A = Object.defineProperty, H = Object.getOwnPropertyDescriptor, n = (o, e, t, i) => {
260
+ for (var l = i > 1 ? void 0 : i ? H(e, t) : e, a = o.length - 1, u; a >= 0; a--)
261
+ (u = o[a]) && (l = (i ? u(e, t, l) : u(l)) || l);
262
+ return i && l && A(e, t, l), l;
215
263
  };
216
- let t = class extends w {
264
+ let s = class extends w {
217
265
  constructor() {
218
- super(), this.type = "normal", this.submenuTrigger = "both", this.checked = !1, this.noUncheck = !1, this.value = "", this.href = "", this.rel = "noreferrer noopener", this.loading = !1, this.disabled = !1, this.active = !1, this.readonly = !1, this.menu = "", this.alwaysShowCheckedIcon = !1, this.checkPlacement = d.Suffix, this.lazy = !1, this.localize = new L(this), this.hasSlotController = new M(
266
+ super(), this.type = "normal", this.submenuTrigger = "both", this.checked = !1, this.noUncheck = !1, this.value = "", this.href = "", this.rel = "noreferrer noopener", this.loading = !1, this.disabled = !1, this.active = !1, this.readonly = !1, this.menu = "", this.alwaysShowCheckedIcon = !1, this.checkPlacement = d.Suffix, this.lazy = !1, this.localize = new M(this), this.hasSlotController = new z(
219
267
  this,
220
268
  "submenu",
221
269
  "submenu-icon"
@@ -279,9 +327,13 @@ let t = class extends w {
279
327
  isSubmenu() {
280
328
  return this.hasSlotController.test("submenu") || !!this.menu.trim();
281
329
  }
330
+ /** Closes this menu item's own submenu, if it has one open. Used to cascade-close nested submenus. */
331
+ closeSubmenu() {
332
+ this.submenuController.disableSubmenu();
333
+ }
282
334
  renderBase(o) {
283
- const e = !!this.href, n = this.localize.dir() === "rtl", i = this.submenuController.isExpanded();
284
- return e ? h`<a id="anchor" part="base" class=${b({
335
+ const e = !!this.href, t = this.localize.dir() === "rtl", i = this.submenuController.isExpanded();
336
+ return e ? h`<a id="anchor" part="base" class=${f({
285
337
  "menu-item": !0,
286
338
  "menu-item--active": this.active,
287
339
  "menu-item--checkbox": this.type === "checkbox",
@@ -289,9 +341,9 @@ let t = class extends w {
289
341
  "menu-item--disabled": this.disabled,
290
342
  "menu-item--has-submenu": this.isSubmenu(),
291
343
  "menu-item--loading": this.loading,
292
- "menu-item--rtl": n,
344
+ "menu-item--rtl": t,
293
345
  "menu-item--submenu-expanded": i
294
- })} aria-haspopup=${this.isSubmenu()} href=${m(this.href)} target=${m(this.target)} download=${m(this.download)} rel=${m(this.rel)} aria-label=${this.getTextLabel()} ?inert=${this.disabled} @click=${this.handleAnchorClick}>${o}</a>` : h`<div id="anchor" part="base" class=${b({
346
+ })} aria-haspopup=${this.isSubmenu()} href=${m(this.href)} target=${m(this.target)} download=${m(this.download)} rel=${m(this.rel)} aria-label=${this.getTextLabel()} ?inert=${this.disabled} @click=${this.handleAnchorClick}>${o}</a>` : h`<div id="anchor" part="base" class=${f({
295
347
  "menu-item": !0,
296
348
  "menu-item--active": this.active,
297
349
  "menu-item--checkbox": this.type === "checkbox",
@@ -299,7 +351,7 @@ let t = class extends w {
299
351
  "menu-item--disabled": this.disabled,
300
352
  "menu-item--has-submenu": this.isSubmenu(),
301
353
  "menu-item--loading": this.loading,
302
- "menu-item--rtl": n,
354
+ "menu-item--rtl": t,
303
355
  "menu-item--submenu-expanded": i
304
356
  })} aria-haspopup=${this.isSubmenu()} aria-label=${this.getTextLabel()}>${o}</div>`;
305
357
  }
@@ -307,112 +359,112 @@ let t = class extends w {
307
359
  const o = this.localize.dir() === "rtl";
308
360
  let e;
309
361
  this.submenuPlacement && (this.submenuPlacement.startsWith("top") || this.submenuPlacement.startsWith("bottom")) ? e = "keyboard_arrow_down" : e = o ? "chevron_left" : "chevron_right";
310
- const n = h`<slot part="checked-icon" name="checked-icon" class=${b({
362
+ const t = h`<slot part="checked-icon" name="checked-icon" class=${f({
311
363
  "menu-item__check": !0,
312
364
  "menu-item__check--always-show": this.alwaysShowCheckedIcon,
313
365
  "menu-item__check--suffix": this.checkPlacement === d.Suffix
314
366
  })}><cx-icon name="check"></cx-icon></slot>`, i = this.checkPlacement === d.Suffix;
315
367
  return this.renderBase(h`
316
- ${i ? y : n}<slot name="prefix" part="prefix" class="menu-item__prefix"></slot><slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot><slot name="suffix" part="suffix" class="menu-item__suffix"></slot><slot name="submenu-icon" part="submenu-icon" class="menu-item__chevron"><cx-icon name=${e} aria-hidden="true"></cx-icon></slot>${i ? n : y}
368
+ ${i ? g : t}<slot name="prefix" part="prefix" class="menu-item__prefix"></slot><slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot><slot name="suffix" part="suffix" class="menu-item__suffix"></slot><slot name="submenu-icon" part="submenu-icon" class="menu-item__chevron"><cx-icon name=${e} aria-hidden="true"></cx-icon></slot>${i ? t : g}
317
369
 
318
370
  ${this.submenuController.renderSubmenu()}
319
371
  ${this.loading ? h`<cx-spinner part="spinner" exportparts="base:spinner__base"></cx-spinner>` : ""}
320
372
  `);
321
373
  }
322
374
  };
323
- t.styles = [C, O];
324
- t.dependencies = {
325
- "cx-icon": z,
326
- "cx-popup": $,
327
- "cx-spinner": D
375
+ s.styles = [_, I];
376
+ s.dependencies = {
377
+ "cx-icon": T,
378
+ "cx-popup": R,
379
+ "cx-spinner": $
328
380
  };
329
- s([
381
+ n([
330
382
  p("slot:not([name])")
331
- ], t.prototype, "defaultSlot", 2);
332
- s([
383
+ ], s.prototype, "defaultSlot", 2);
384
+ n([
333
385
  p("a#anchor", !0)
334
- ], t.prototype, "anchor", 2);
335
- s([
386
+ ], s.prototype, "anchor", 2);
387
+ n([
336
388
  p(".menu-item")
337
- ], t.prototype, "menuItem", 2);
338
- s([
389
+ ], s.prototype, "menuItem", 2);
390
+ n([
339
391
  p(".menu-item__chevron")
340
- ], t.prototype, "submenuIcon", 2);
341
- s([
342
- a()
343
- ], t.prototype, "type", 2);
344
- s([
345
- a({ attribute: "submenu-trigger", type: String })
346
- ], t.prototype, "submenuTrigger", 2);
347
- s([
348
- a({ reflect: !0, type: Boolean })
349
- ], t.prototype, "checked", 2);
350
- s([
351
- a({ attribute: "no-uncheck", reflect: !0, type: Boolean })
352
- ], t.prototype, "noUncheck", 2);
353
- s([
354
- a()
355
- ], t.prototype, "value", 2);
356
- s([
357
- a()
358
- ], t.prototype, "href", 2);
359
- s([
360
- a()
361
- ], t.prototype, "target", 2);
362
- s([
363
- a()
364
- ], t.prototype, "rel", 2);
365
- s([
366
- a()
367
- ], t.prototype, "download", 2);
368
- s([
369
- a({ reflect: !0, type: Boolean })
370
- ], t.prototype, "loading", 2);
371
- s([
372
- a({ reflect: !0, type: Boolean })
373
- ], t.prototype, "disabled", 2);
374
- s([
375
- a({ reflect: !0, type: Boolean })
376
- ], t.prototype, "active", 2);
377
- s([
378
- a({ reflect: !0, type: Boolean })
379
- ], t.prototype, "readonly", 2);
380
- s([
381
- a({ attribute: "flip-boundary", type: Object })
382
- ], t.prototype, "flipBoundary", 2);
383
- s([
384
- a({ attribute: "shift-boundary", type: Object })
385
- ], t.prototype, "shiftBoundary", 2);
386
- s([
387
- a({ attribute: "auto-size-boundary", type: Object })
388
- ], t.prototype, "autoSizeBoundary", 2);
389
- s([
390
- a({ reflect: !0 })
391
- ], t.prototype, "menu", 2);
392
- s([
393
- a({ attribute: "always-show-checked-icon", reflect: !0, type: Boolean })
394
- ], t.prototype, "alwaysShowCheckedIcon", 2);
395
- s([
396
- a({ attribute: "check-placement", reflect: !0, type: String })
397
- ], t.prototype, "checkPlacement", 2);
398
- s([
399
- a({ attribute: "submenu-placement" })
400
- ], t.prototype, "submenuPlacement", 2);
401
- s([
402
- a({ reflect: !0, type: Boolean })
403
- ], t.prototype, "lazy", 2);
404
- s([
392
+ ], s.prototype, "submenuIcon", 2);
393
+ n([
394
+ r()
395
+ ], s.prototype, "type", 2);
396
+ n([
397
+ r({ attribute: "submenu-trigger", type: String })
398
+ ], s.prototype, "submenuTrigger", 2);
399
+ n([
400
+ r({ reflect: !0, type: Boolean })
401
+ ], s.prototype, "checked", 2);
402
+ n([
403
+ r({ attribute: "no-uncheck", reflect: !0, type: Boolean })
404
+ ], s.prototype, "noUncheck", 2);
405
+ n([
406
+ r()
407
+ ], s.prototype, "value", 2);
408
+ n([
409
+ r()
410
+ ], s.prototype, "href", 2);
411
+ n([
412
+ r()
413
+ ], s.prototype, "target", 2);
414
+ n([
415
+ r()
416
+ ], s.prototype, "rel", 2);
417
+ n([
418
+ r()
419
+ ], s.prototype, "download", 2);
420
+ n([
421
+ r({ reflect: !0, type: Boolean })
422
+ ], s.prototype, "loading", 2);
423
+ n([
424
+ r({ reflect: !0, type: Boolean })
425
+ ], s.prototype, "disabled", 2);
426
+ n([
427
+ r({ reflect: !0, type: Boolean })
428
+ ], s.prototype, "active", 2);
429
+ n([
430
+ r({ reflect: !0, type: Boolean })
431
+ ], s.prototype, "readonly", 2);
432
+ n([
433
+ r({ attribute: "flip-boundary", type: Object })
434
+ ], s.prototype, "flipBoundary", 2);
435
+ n([
436
+ r({ attribute: "shift-boundary", type: Object })
437
+ ], s.prototype, "shiftBoundary", 2);
438
+ n([
439
+ r({ attribute: "auto-size-boundary", type: Object })
440
+ ], s.prototype, "autoSizeBoundary", 2);
441
+ n([
442
+ r({ reflect: !0 })
443
+ ], s.prototype, "menu", 2);
444
+ n([
445
+ r({ attribute: "always-show-checked-icon", reflect: !0, type: Boolean })
446
+ ], s.prototype, "alwaysShowCheckedIcon", 2);
447
+ n([
448
+ r({ attribute: "check-placement", reflect: !0, type: String })
449
+ ], s.prototype, "checkPlacement", 2);
450
+ n([
451
+ r({ attribute: "submenu-placement" })
452
+ ], s.prototype, "submenuPlacement", 2);
453
+ n([
454
+ r({ reflect: !0, type: Boolean })
455
+ ], s.prototype, "lazy", 2);
456
+ n([
405
457
  v("checked")
406
- ], t.prototype, "handleCheckedChange", 1);
407
- s([
458
+ ], s.prototype, "handleCheckedChange", 1);
459
+ n([
408
460
  v("disabled")
409
- ], t.prototype, "handleDisabledChange", 1);
410
- s([
461
+ ], s.prototype, "handleDisabledChange", 1);
462
+ n([
411
463
  v("type")
412
- ], t.prototype, "handleTypeChange", 1);
413
- t = s([
414
- _("cx-menu-item")
415
- ], t);
464
+ ], s.prototype, "handleTypeChange", 1);
465
+ s = n([
466
+ L("cx-menu-item")
467
+ ], s);
416
468
  export {
417
- t as default
469
+ s as default
418
470
  };
package/library/components/menu.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { n as c, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as b } from "../chunks/component.styles.CRO4Odto.js";
3
3
  import { c as g } from "../chunks/custom-element.L4WJXn1j.js";
4
- import { L as v } from "../chunks/i18n.BlLEIqQ0.js";
4
+ import { L as v } from "../chunks/i18n.DeUAP8n2.js";
5
5
  import { i as y, x as f } from "../chunks/lit-element.jLBm65_O.js";
6
6
  import { r as w } from "../chunks/state.CSDxrqLd.js";
7
7
  import { e as x } from "../chunks/query.BBf1UFkC.js";
package/library/components/molecules.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { default as e } from "./bicolor-picker.js";
2
2
  import { default as a } from "./border-input-group.js";
3
- import { C as x } from "../chunks/color-swatch.BPKlNXIX.js";
4
- import { C as u } from "../chunks/confirm-popover.CgXY2_uO.js";
3
+ import { C as x } from "../chunks/color-swatch.DimFgBSf.js";
4
+ import { C as u } from "../chunks/confirm-popover.DV5q0KyE.js";
5
5
  import { default as d } from "./corner-position-input-group.js";
6
6
  import { default as l } from "./cropper.js";
7
7
  import { default as i } from "./dynamic-select.js";
8
- import { C as c } from "../chunks/folder-select.CItC06TB.js";
8
+ import { C as c } from "../chunks/folder-select.BQXuKb-8.js";
9
9
  import { default as P } from "./masonry.js";
10
10
  import { default as I } from "./padding-input-group.js";
11
11
  import { default as y } from "./position-picker.js";
package/library/components/option.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import "../chunks/component.styles.CRO4Odto.js";
3
- import { C } from "../chunks/option.D9SqVdjL.js";
3
+ import { C } from "../chunks/option.n6PDuSs1.js";
4
4
  import "../chunks/custom-element.L4WJXn1j.js";
5
- import "../chunks/i18n.BlLEIqQ0.js";
5
+ import "../chunks/i18n.DeUAP8n2.js";
6
6
  import "../chunks/watch.CThbualB.js";
7
7
  import "../chunks/lit-element.jLBm65_O.js";
8
8
  import "../chunks/state.CSDxrqLd.js";
package/library/components/organisms.js CHANGED
@@ -1,6 +1,6 @@
1
- import { C } from "../chunks/asset-link-format.Cj3Jb2A9.js";
2
- import { C as e } from "../chunks/color-swatch-group.CtRKXJDT.js";
3
- import { C as x } from "../chunks/file-on-demand.BWrBwTOn.js";
1
+ import { C } from "../chunks/asset-link-format.oOC8fxvV.js";
2
+ import { C as e } from "../chunks/color-swatch-group.CYI2N8gp.js";
3
+ import { C as x } from "../chunks/file-on-demand.C3ib6J00.js";
4
4
  export {
5
5
  C as CxAssetLinkFormat,
6
6
  e as CxColorSwatchGroup,
package/library/components/padding-input-group.js CHANGED
@@ -1,4 +1,4 @@
1
- import { C as i } from "../chunks/input.B8CV80Da.js";
1
+ import { C as i } from "../chunks/input.DID1aXiO.js";
2
2
  import l from "./input-group.js";
3
3
  import { n as c, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";
4
4
  import { c as f } from "../chunks/component.styles.CRO4Odto.js";
package/library/components/pagination.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import "./space.js";
2
2
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
3
- import "../chunks/icon-button.D5sM02Cd.js";
4
- import { C as k } from "../chunks/pagination.DAI32_PA.js";
3
+ import "../chunks/icon-button.LhIEmHNF.js";
4
+ import { C as k } from "../chunks/pagination.BNU2UmTy.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
6
- import "../chunks/i18n.BlLEIqQ0.js";
6
+ import "../chunks/i18n.DeUAP8n2.js";
7
7
  import "../chunks/math.DuKzLacZ.js";
8
8
  import "../chunks/watch.CThbualB.js";
9
9
  import "../chunks/lit-element.jLBm65_O.js";
@@ -11,9 +11,9 @@ import "../chunks/state.CSDxrqLd.js";
11
11
  import "../chunks/class-map.BiVq-cVR.js";
12
12
  import "../chunks/repeat.CFjcER6_.js";
13
13
  import "../chunks/when.Dr1es41R.js";
14
- import "../chunks/button.C8bgBiYj.js";
15
- import "../chunks/input.B8CV80Da.js";
16
- import "../chunks/option.D9SqVdjL.js";
14
+ import "../chunks/button.J4LDuhyW.js";
15
+ import "../chunks/input.DID1aXiO.js";
16
+ import "../chunks/option.n6PDuSs1.js";
17
17
  import "./select.js";
18
18
  import "./tooltip.js";
19
19
  import "../chunks/typography.DJC_UXgs.js";
package/library/components/popup.js CHANGED
@@ -10,7 +10,7 @@ import { i as gt, p as ne, f as Ie, a as We } from "../chunks/browser.BHOCIF_A.j
10
10
  import { c as ye } from "../chunks/component.styles.CRO4Odto.js";
11
11
  import { c as qe } from "../chunks/custom-element.L4WJXn1j.js";
12
12
  import { d as Ve } from "../chunks/debounce.DaHuiSGU.js";
13
- import { L as je } from "../chunks/i18n.BlLEIqQ0.js";
13
+ import { L as je } from "../chunks/i18n.DeUAP8n2.js";
14
14
  import { n as Ue } from "../chunks/when.Dr1es41R.js";
15
15
  /**
16
16
  * @license
package/library/components/position-picker.js CHANGED
@@ -5,7 +5,7 @@ import x from "./radio-group.js";
5
5
  import { n as h, C as u } from "../chunks/lib-cortex-element.CVMmyPMC.js";
6
6
  import { c as g } from "../chunks/component.styles.CRO4Odto.js";
7
7
  import { c as _ } from "../chunks/custom-element.L4WJXn1j.js";
8
- import { L as f } from "../chunks/i18n.BlLEIqQ0.js";
8
+ import { L as f } from "../chunks/i18n.DeUAP8n2.js";
9
9
  import { i as v, x as C } from "../chunks/lit-element.jLBm65_O.js";
10
10
  var r = /* @__PURE__ */ ((e) => (e.BottomCenter = "bottom-center", e.BottomLeft = "bottom-left", e.BottomRight = "bottom-right", e.CenterCenter = "center-center", e.CenterLeft = "center-left", e.CenterRight = "center-right", e.TopCenter = "top-center", e.TopLeft = "top-left", e.TopRight = "top-right", e))(r || {});
11
11
  const b = v`.position-picker__column{width:fit-content}.position-picker__column::part(base){justify-content:center;align-items:center;gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.position-picker__radio{--checked-color:var(--cx-color-neutral-0);--checked-border-color:var(--cx-color-neutral-0);--checked-background-color:var(--cx-color-primary);--checked-hover-border-color:var(--cx-color-neutral-0);--checked-hover-background-color:var(--cx-color-primary)}`;
package/library/components/progress-bar.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { n as i, C as d } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as h } from "../chunks/component.styles.CRO4Odto.js";
3
3
  import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
4
- import { L as b } from "../chunks/i18n.BlLEIqQ0.js";
4
+ import { L as b } from "../chunks/i18n.DeUAP8n2.js";
5
5
  import { i as g, x as c } from "../chunks/lit-element.jLBm65_O.js";
6
6
  import { e as u } from "../chunks/class-map.BiVq-cVR.js";
7
7
  import { o as v } from "../chunks/if-defined.BRoBj_Rp.js";