@orangelogic/design-system 4.7.0 → 4.9.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 (44) hide show
  1. package/library/chunks/{asset-link-format.Bi9J8xCQ.js → asset-link-format.CbmsLfvm.js} +1 -1
  2. package/library/chunks/{button.CUeXJXcO.js → button.rJFwhUxT.js} +1 -1
  3. package/library/chunks/button.styles.DoD2bkKL.js +5 -0
  4. package/library/chunks/{color-swatch-group.DMza5xD7.js → color-swatch-group.NkrEGUbN.js} +7 -7
  5. package/library/chunks/{confirm-popover.CeKZ8dF1.js → confirm-popover.B287gNRq.js} +1 -1
  6. package/library/chunks/{document-viewer.BmO1igBN.js → document-viewer.iu_c5JvE.js} +2 -2
  7. package/library/chunks/{folder-select.lF4v6bbN.js → folder-select.CdCc7oLi.js} +1 -1
  8. package/library/chunks/{image.CjdSn_IT.js → image.2ZXc5UiB.js} +1 -1
  9. package/library/chunks/{index.DpHjvpmp.js → index.BiyfXTj7.js} +6 -6
  10. package/library/chunks/{pagination.DCSLKv1u.js → pagination.DiIIZpeU.js} +1 -1
  11. package/library/chunks/{tab-group.Dy2fEfC-.js → tab-group.BAZBrIdM.js} +1010 -951
  12. package/library/chunks/{types.4OaADvOF.js → types.CNqFN3XH.js} +3423 -3398
  13. package/library/components/asset-link-format.js +2 -2
  14. package/library/components/atoms.js +5 -5
  15. package/library/components/button.js +2 -2
  16. package/library/components/color-picker.js +2 -2
  17. package/library/components/color-swatch-group.js +1 -1
  18. package/library/components/color-swatch.js +6 -6
  19. package/library/components/confirm-popover.js +2 -2
  20. package/library/components/document-viewer.js +2 -2
  21. package/library/components/dynamic-select.js +1 -1
  22. package/library/components/element-clamp.js +1 -1
  23. package/library/components/file-on-demand.js +3 -3
  24. package/library/components/folder-select.js +1 -1
  25. package/library/components/image.js +1 -1
  26. package/library/components/line-clamp.js +1 -1
  27. package/library/components/masonry.js +1 -1
  28. package/library/components/molecules.js +2 -2
  29. package/library/components/organisms.js +2 -2
  30. package/library/components/pagination.js +2 -2
  31. package/library/components/radio-button.js +1 -1
  32. package/library/components/select.js +1 -3
  33. package/library/components/tab-group.js +2 -2
  34. package/library/components/tab.js +2 -2
  35. package/library/components/types.js +10 -10
  36. package/library/components/video.js +1 -1
  37. package/library/package.json +1 -1
  38. package/library/packages/atoms/src/components/tab-group/tab-group.d.ts +22 -0
  39. package/library/packages/molecules/src/data-tab-group/data-tab-group.d.ts +2 -0
  40. package/library/packages/molecules/src/mentions/mentions.d.ts +17 -0
  41. package/library/packages/organisms/src/lightbox/lightbox.d.ts +2 -1
  42. package/library/react-web-component.d.ts +12 -0
  43. package/package.json +1 -1
  44. package/library/chunks/button.styles.D3GdfF7I.js +0 -5
@@ -1,5 +1,5 @@
1
1
  import "../components/cropper.js";
2
- import { C as Y } from "./button.CUeXJXcO.js";
2
+ import { C as Y } from "./button.rJFwhUxT.js";
3
3
  import q from "../components/space.js";
4
4
  import { C as U } from "./typography.BLYdTF0n.js";
5
5
  import { n as h, C as B } from "./lib-cortex-element.CVMmyPMC.js";
@@ -13,7 +13,7 @@ import { n as b } from "./when.Dr1es41R.js";
13
13
  import { u as h, i as m } from "./static.UA3G1Deq.js";
14
14
  import { C as D } from "./icon.BLXWp6CU.js";
15
15
  import B from "../components/spinner.js";
16
- import { b as F } from "./button.styles.D3GdfF7I.js";
16
+ import { b as F } from "./button.styles.DoD2bkKL.js";
17
17
  var v = /* @__PURE__ */ ((t) => (t.Adaptive = "adaptive", t.Fill = "fill", t.Hug = "hug", t))(v || {}), l = /* @__PURE__ */ ((t) => (t.Custom = "custom", t.Large = "large", t.Medium = "medium", t.Small = "small", t.XLarge = "x-large", t))(l || {}), k = Object.defineProperty, V = Object.getOwnPropertyDescriptor, r = (t, s, p, n) => {
18
18
  for (var a = n > 1 ? void 0 : n ? V(s, p) : s, d = t.length - 1, c; d >= 0; d--)
19
19
  (c = t[d]) && (a = (n ? c(s, p, a) : c(a)) || a);
@@ -0,0 +1,5 @@
1
+ import { i as o } from "./lit-element.jLBm65_O.js";
2
+ const r = o`:host{--background-color:var(--cx-color-primary);--button-custom-border-radius:var(--cx-button-border-radius-medium);--color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));--font-size:var(--cx-font-size-medium);--font-weight:var(--cx-font-weight-medium);--height:var(--cx-input-height-medium);--justify-content:center;--gap:0;--min-height:auto;--padding:0;--label-line-height:1.15;--button-custom-height:32px;--button-custom-padding:4px 8px 4px 8px;--button-custom-font-size:var(--cx-font-size-medium);--button-custom-border:light-dark(#0000,#0000) 0px;--button-custom-hover-shift:.06;--button-custom-active-shift:.12;cursor:pointer;width:auto;max-width:100%;line-height:normal;display:inline-block;position:relative}:host([width-type=fill]),:host([width-type=adaptive][device-type=tablet]),:host([width-type=adaptive][device-type=mobile]){width:100%}.button{align-items:center;justify-content:var(--justify-content,center);gap:var(--gap,0);border-style:solid;border-width:var(--cx-input-border-width);width:100%;font-family:var(--font-family,var(--cx-input-font-family)), var(--cx-font-sans);font-style:var(--font-style,normal);font-weight:var(--font-weight,var(--cx-font-weight-regular));font-size:var(--font-size,var(--cx-font-size-medium));height:var(--height,var(--cx-input-height-medium));min-height:var(--min-height,auto);padding:var(--padding,0);text-transform:var(--cx-button-text-transform,none);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:var(--cx-transition-x-fast) background-color, var(--cx-transition-x-fast) color, var(--cx-transition-x-fast) border, var(--cx-transition-x-fast) box-shadow;cursor:inherit;text-decoration:none;display:inline-flex}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.button--disabled{opacity:.5;cursor:default}.button--disabled *{pointer-events:none}.button__prefix,.button__suffix{pointer-events:none;flex:none;align-items:center;display:flex}.button__label{line-height:var(--label-line-height);white-space:nowrap;text-overflow:ellipsis;display:none;overflow:hidden}.button__label::slotted(cx-icon){vertical-align:-2px}.button__label--has-label{display:inline-block}.button--standard.button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral-700)}.button--standard.button--default:hover:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-700)}.button--standard.button--default.button--focused:not(.button--disabled):not(:hover),.button--standard.button--default:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral-700)}.button--standard.button--default:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral-700)}.button--standard.button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:hover:not(.button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--standard.button--primary.button--focused:not(.button--disabled):not(:hover),.button--standard.button--primary:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:active:not(.button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--standard.button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:hover:not(.button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--standard.button--success.button--focused:not(.button--disabled):not(:hover),.button--standard.button--success:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:active:not(.button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.button--standard.button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:hover:not(.button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--standard.button--warning.button--focused:not(.button--disabled):not(:hover),.button--standard.button--warning:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:active:not(.button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--standard.button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:hover:not(.button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--standard.button--danger.button--focused:not(.button--disabled):not(:hover),.button--standard.button--danger:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:active:not(.button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.button--standard.button--custom{background-color:var(--background-color);border:var(--button-custom-border);color:var(--color);border-style:solid}.button--standard.button--custom:hover:not(.button--disabled){background-color:var(--background-color-focus,oklch(from var(--background-color) max(calc(l - var(--button-custom-hover-shift)), calc(var(--button-custom-hover-shift) - l)) c h));color:var(--color-focus,var(--color))}.button--standard.button--custom.button--focused:not(.button--disabled):not(:hover),.button--standard.button--custom:focus-visible:not(.button--disabled):not(:hover){background-color:var(--background-color);color:var(--color)}.button--standard.button--custom:active:not(.button--disabled){background-color:var(--background-color-active,oklch(from var(--background-color) max(calc(l - var(--button-custom-active-shift)), calc(var(--button-custom-active-shift) - l)) c h));color:var(--color-active,var(--color))}.button--outline{border:solid var(--cx-input-border-width);background:0 0}.button--outline.button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.button--outline.button--default:hover:not(.button--disabled),.button--outline.button--default.button--checked:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--outline.button--default.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--default:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-input-border-color);color:var(--cx-color-neutral);background-color:#0000}.button--outline.button--default:active:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--outline.button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.button--outline.button--primary:hover:not(.button--disabled),.button--outline.button--primary.button--checked:not(.button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--outline.button--primary.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--primary:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-primary);color:var(--cx-color-primary);background-color:#0000}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--outline.button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.button--outline.button--success:hover:not(.button--disabled),.button--outline.button--success.button--checked:not(.button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--outline.button--success.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--success:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-success);color:var(--cx-color-success);background-color:#0000}.button--outline.button--success:active:not(.button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--outline.button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.button--outline.button--warning:hover:not(.button--disabled),.button--outline.button--warning.button--checked:not(.button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--outline.button--warning.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--warning:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-warning);color:var(--cx-color-warning);background-color:#0000}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--outline.button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.button--outline.button--danger:hover:not(.button--disabled),.button--outline.button--danger.button--checked:not(.button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--outline.button--danger.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--danger:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-danger);color:var(--cx-color-danger);background-color:#0000}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}@media (forced-colors:active){.button.button--outline.button--checked:not(.button--disabled){outline:2px solid #0000}}.button--text{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:hover:not(.button--disabled){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--text.button--focused:not(.button--disabled):not(:hover),.button--text:focus-visible:not(.button--disabled):not(:hover){color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:active:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:hover:not(.button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary.button--focused:not(.button--disabled):not(:hover),.button--tertiary:focus-visible:not(.button--disabled):not(:hover){color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.button--small{height:auto;min-height:var(--cx-input-height-small);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-small)}.button--small ::slotted(cx-icon){--font-size:var(--cx-font-size-medium)}.button--medium{height:auto;min-height:var(--cx-input-height-medium);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-medium)}.button--large{height:auto;min-height:var(--cx-input-height-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--x-large{height:auto;min-height:var(--cx-input-height-x-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--custom-size{--height:var(--button-custom-height);--padding:var(--button-custom-padding);--font-size:var(--button-custom-font-size);--font-family:var(--button-custom-font-family), var(--cx-font-sans);--font-style:var(--button-custom-font-style);--font-weight:var(--button-custom-font-weight);border-radius:var(--button-custom-border-radius)}.button--pill.button--small{border-radius:var(--cx-input-height-small)}.button--pill.button--medium{border-radius:var(--cx-input-height-medium)}.button--pill.button--large{border-radius:var(--cx-input-height-large)}.button--pill.button--x-large{border-radius:var(--cx-input-height-x-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--cx-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--cx-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--cx-input-height-large);border-radius:50%}.button--circle.button--x-large{width:var(--cx-input-height-x-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--circle .button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.button--caret .button__caret{--font-size:var(--caret-font-size,var(--cx-font-size-large));margin-block:auto}.button--caret.button--small .button__caret{--font-size:var(--caret-font-size,var(--cx-font-size-medium))}.button--caret .button__suffix{display:none}.button--loading{cursor:wait;position:relative}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}.button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}.button ::slotted(cx-badge){pointer-events:none;position:absolute;top:0;right:0;translate:50% -50%}.button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.button--has-label.button--small .button__label{padding:0 var(--cx-spacing-x-small)}.button--has-label.button--medium .button__label{padding:0 var(--cx-spacing-small)}.button--has-label.button--large .button__label{padding:0 var(--cx-spacing-medium)}.button--has-label.button--x-large .button__label{padding:0 var(--cx-spacing-large)}.button--has-prefix.button--small,.button--has-prefix.button--small .button__label,.button--has-prefix.button--medium,.button--has-prefix.button--medium .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--large{padding-inline-start:var(--cx-spacing-small)}.button--has-prefix.button--large .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--x-large,.button--has-prefix.button--x-large .button__label{padding-inline-start:var(--cx-spacing-medium)}.button--has-suffix.button--small,.button--caret.button--small,.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label,.button--has-suffix.button--medium,.button--caret.button--medium,.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-inline-end:var(--cx-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--x-large,.button--caret.button--x-large,.button--has-suffix.button--x-large .button__label,.button--caret.button--x-large .button__label{padding-inline-end:var(--cx-spacing-medium)}.button--caret:not(.button--has-prefix):not(.button--has-label).button--small,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--small,.button--caret:not(.button--has-prefix):not(.button--has-label).button--medium,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--medium{padding-inline-start:var(--cx-spacing-x-small)}.button--caret:not(.button--has-prefix):not(.button--has-label).button--large,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--large{padding-inline-start:var(--cx-spacing-small)}.button--caret:not(.button--has-prefix):not(.button--has-label).button--x-large,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--x-large{padding-inline-start:var(--cx-spacing-medium)}.button--has-prefix:not(.button--has-label).button--small,.button--has-prefix:not(.button--has-label).button--medium{gap:var(--cx-spacing-x-small)}.button--has-prefix:not(.button--has-label).button--large{gap:var(--cx-spacing-small)}.button--has-prefix:not(.button--has-label).button--x-large{gap:var(--cx-spacing-medium)}.button--caret cx-icon::part(span){height:auto}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .button:after{content:"";top:0;inset-inline-start:0;mix-blend-mode:multiply;border-left:1px solid #80808054;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}`;
3
+ export {
4
+ r as b
5
+ };
@@ -3,7 +3,7 @@ import { C as tn, T as Wn } from "./typography.BLYdTF0n.js";
3
3
  import { n as f, C as Ie } from "./lib-cortex-element.CVMmyPMC.js";
4
4
  import sn from "../components/color-swatch.js";
5
5
  import { c as Ge } from "./component.styles.CAS3c9pM.js";
6
- import { C as Et } from "./button.CUeXJXcO.js";
6
+ import { C as Et } from "./button.rJFwhUxT.js";
7
7
  import { C as jn, o as Gn, O as Un } from "./dialog.C2q9XwLW.js";
8
8
  import { C as lt } from "./icon.BLXWp6CU.js";
9
9
  import { C as li } from "./icon-button.BXs29IQE.js";
@@ -47,7 +47,7 @@ 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";
49
49
  import fn from "../components/checkbox.js";
50
- import { C as Sa, P as Da } from "./pagination.DCSLKv1u.js";
50
+ import { C as Sa, P as Da } from "./pagination.DiIIZpeU.js";
51
51
  import { H as mn } from "./slot.j5oheLJC.js";
52
52
  import { g as W, a as Yo } from "./dom.D0lSUoEI.js";
53
53
  import "./browser.BHOCIF_A.js";
@@ -23231,7 +23231,7 @@ g = v([
23231
23231
  ], g);
23232
23232
  const xf = g;
23233
23233
  var Ve = /* @__PURE__ */ ((r) => (r.Circles = "circles", r.Grid = "grid", r.Table = "table", r))(Ve || {}), Qt = /* @__PURE__ */ ((r) => (r.FillContainer = "fill-container", r.HugContents = "hug-contents", r))(Qt || {}), Ef = /* @__PURE__ */ ((r) => (r.Center = "center", r.Left = "left", r.Right = "right", r))(Ef || {}), kt = /* @__PURE__ */ ((r) => (r.ColumnTitles = "column-titles", r.PaletteName = "palette-name", r.SeparatorLine = "separator-line", r))(kt || {});
23234
- const Gm = {
23234
+ const Um = {
23235
23235
  alignment: "left",
23236
23236
  color: "",
23237
23237
  constraints: !1,
@@ -23380,13 +23380,13 @@ function Mf(r) {
23380
23380
  function go(r) {
23381
23381
  return `custom-${r}`;
23382
23382
  }
23383
- const Tf = Q`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--grid-gap);--grid-row-gap:var(--grid-gap);--padding:0;--palette-title-font-size:var(--cx-font-size-x-large);--palette-title-color:light-dark(#000,#fff);--column-title-font-size:var(--cx-font-size-large);--column-title-color:light-dark(#000,#fff);--name-swatch-width:64px;--name-swatch-height:32px;--name-swatch-border-radius:0;--swatch-circle-size:350px;--swatch-circle-border-radius:1000px;--swatch-circle-content-align:center;--swatch-circle-content-justify:center;--swatch-circle-content-margin:0px;--swatch-group-horizontal-gap:-120px;--swatch-border:light-dark(#0000,#0000) 0px;--swatch-border-radius:var(--cx-border-radius-x-large);--swatch-box-shadow:0px 0px 0px 0px light-dark(#0000,#0000);--swatch-content-justify:space-between;--swatch-content-margin:var(--cx-spacing-medium);--swatch-min-height:50px;--swatch-text-color:light-dark(#000,#fff);--swatch-font-size:var(--cx-font-size-large);padding:var(--cx-focus-ring-width);width:100%;min-width:0;display:block}.color-swatch-group__swatches{padding:var(--padding,0);width:100%;max-width:100%;height:100%}.color-swatch-group__table-container{max-width:100%}.color-swatch-group__measure{visibility:hidden;pointer-events:none;box-sizing:border-box;white-space:nowrap;padding-right:calc(var(--row-padding-right,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));font-size:var(--swatch-font-size,var(--cx-font-size-large));position:absolute;top:0;left:0}.color-swatch-group__measure--title{padding-right:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));font-style:var(--column-title-font-style,var(--swatch-font-style,normal));font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)))}.color-swatch-group__measure--copyable{border:var(--cx-input-border-width) solid transparent;text-transform:var(--cx-button-text-transform,none)}.color-swatch-group__measure--name{padding-left:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--name-swatch-width,64px) + var(--cx-spacing-medium))}.color-swatch-group__title{--font-family:var(--palette-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--font-style:var(--palette-title-font-style);--font-weight:var(--palette-title-font-weight);--font-size:var(--palette-title-font-size);--color:var(--palette-title-color)}.color-swatch-group__table-container:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch-group__swatches--circles--horizontal,.color-swatch-group__swatches--circles--vertical{--spacing-container-gap:0px}.color-swatch-group__swatches--circles--horizontal{overflow:auto}.color-swatch-group__swatches--circles--horizontal>cx-color-swatch:not(:first-child){margin-left:var(--swatch-group-horizontal-gap,-120px)}.color-swatch-group__swatches--circles--vertical>cx-color-swatch:not(:first-child){margin-top:var(--swatch-group-vertical-gap,-50px)}.color-swatch-group__swatches--circles--vertical__item--mobile{--swatch-size:100%}.color-swatch-group__swatches--grid{align-items:stretch;column-gap:var(--grid-column-gap,var(--grid-gap,var(--cx-spacing-medium)));row-gap:var(--grid-row-gap,var(--grid-gap,var(--cx-spacing-medium)));display:grid}.color-swatch-group__table{font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);--width:var(--table-width,100%);--body-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-background-color:transparent;--group-row-background-color:transparent;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--header-font-style:var(--column-title-font-style,var(--swatch-font-style,normal));--header-font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)));--header-font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));--header-color:var(--column-title-color,var(--cx-color-neutral-700));--header-border-right:none;--cell-font-family:var(--swatch-font-family,var(--cx-font-sans));--cell-font-size:var(--swatch-font-size,var(--cx-font-size-large));--cell-font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));--cell-line-height:normal;--cell-hover-background-color:transparent;--color:var(--swatch-text-color,var(--cx-color-neutral-900));--placeholder-font-size:var(--cx-font-size-medium-large);--cell-horizontal-padding:var(--cx-spacing-2x-small);--cell-padding-top:var(--row-padding-top,var(--cx-spacing-2x-small));--cell-padding-right:var(--row-padding-right,var(--cx-spacing-2x-small));--cell-padding-bottom:var(--row-padding-bottom,var(--cx-spacing-2x-small));--cell-padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));--header-horizontal-padding:var(--row-padding-left,var(--cx-spacing-2x-small));--row-gap:var(--table-row-gap,0);--column-gap:var(--table-column-gap,0px);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color);--outer-border-color:transparent}.color-swatch-group__table--no-separator{--header-border-bottom:none}.color-swatch-group__table::part(table){background-color:#0000}`;
23383
+ const Tf = Q`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--grid-gap);--grid-row-gap:var(--grid-gap);--padding:0;--palette-title-font-size:var(--cx-font-size-x-large);--palette-title-color:light-dark(#000,#fff);--column-title-font-size:var(--cx-font-size-large);--column-title-color:light-dark(#000,#fff);--name-swatch-width:64px;--name-swatch-height:32px;--name-swatch-border-radius:0;--swatch-circle-size:350px;--swatch-circle-border-radius:1000px;--swatch-circle-content-align:center;--swatch-circle-content-justify:center;--swatch-circle-content-margin:0px;--swatch-group-horizontal-gap:-120px;--swatch-border:light-dark(#0000,#0000) 0px;--swatch-border-radius:var(--cx-border-radius-x-large);--swatch-box-shadow:0px 0px 0px 0px light-dark(#0000,#0000);--swatch-content-justify:space-between;--swatch-content-margin:var(--cx-spacing-medium);--swatch-min-height:50px;--swatch-text-color:light-dark(#000,#fff);--swatch-font-size:var(--cx-font-size-large);padding:var(--cx-focus-ring-width);width:100%;min-width:0;display:block}.color-swatch-group__swatches{padding:var(--padding,0);width:100%;max-width:100%;height:100%}.color-swatch-group__table-container{max-width:100%}.color-swatch-group__measure{visibility:hidden;pointer-events:none;box-sizing:border-box;white-space:nowrap;padding-right:calc(var(--row-padding-right,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));font-size:var(--swatch-font-size,var(--cx-font-size-large));position:absolute;top:0;left:0}.color-swatch-group__measure--title{padding-right:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));font-style:var(--column-title-font-style,var(--swatch-font-style,normal));font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)))}.color-swatch-group__measure--copyable{border:var(--cx-input-border-width) solid transparent;text-transform:var(--cx-button-text-transform,none)}.color-swatch-group__measure--name{padding-left:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--name-swatch-width,64px) + var(--cx-spacing-medium))}.color-swatch-group__title{--font-family:var(--palette-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--font-style:var(--palette-title-font-style);--font-weight:var(--palette-title-font-weight);--font-size:var(--palette-title-font-size);--color:var(--palette-title-color)}.color-swatch-group__table-container:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch-group__swatches--circles--horizontal,.color-swatch-group__swatches--circles--vertical{--spacing-container-gap:0px}.color-swatch-group__swatches--circles--horizontal{overflow:auto}.color-swatch-group__swatches--circles--horizontal>cx-color-swatch:not(:first-child){margin-left:var(--swatch-group-horizontal-gap,-120px)}.color-swatch-group__swatches--circles--vertical>cx-color-swatch:not(:first-child){margin-top:var(--swatch-group-vertical-gap,var(--swatch-group-horizontal-gap,-50px))}.color-swatch-group__swatches--circles--vertical__item--mobile{--swatch-size:100%}.color-swatch-group__swatches--grid{align-items:stretch;column-gap:var(--grid-column-gap,var(--grid-gap,var(--cx-spacing-medium)));row-gap:var(--grid-row-gap,var(--grid-gap,var(--cx-spacing-medium)));display:grid}.color-swatch-group__table{font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);--width:var(--table-width,100%);--body-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-background-color:transparent;--group-row-background-color:transparent;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--header-font-style:var(--column-title-font-style,var(--swatch-font-style,normal));--header-font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)));--header-font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));--header-color:var(--column-title-color,var(--cx-color-neutral-700));--header-border-right:none;--cell-font-family:var(--swatch-font-family,var(--cx-font-sans));--cell-font-size:var(--swatch-font-size,var(--cx-font-size-large));--cell-font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));--cell-line-height:normal;--cell-hover-background-color:transparent;--color:var(--swatch-text-color,var(--cx-color-neutral-900));--placeholder-font-size:var(--cx-font-size-medium-large);--cell-horizontal-padding:var(--cx-spacing-2x-small);--cell-padding-top:var(--row-padding-top,var(--cx-spacing-2x-small));--cell-padding-right:var(--row-padding-right,var(--cx-spacing-2x-small));--cell-padding-bottom:var(--row-padding-bottom,var(--cx-spacing-2x-small));--cell-padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));--header-horizontal-padding:var(--row-padding-left,var(--cx-spacing-2x-small));--row-gap:var(--table-row-gap,0);--column-gap:var(--table-column-gap,0px);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color);--outer-border-color:transparent}.color-swatch-group__table--no-separator{--header-border-bottom:none}.color-swatch-group__table::part(table){background-color:#0000}`;
23384
23384
  var Ff = Object.defineProperty, Lf = Object.getOwnPropertyDescriptor, j = (r, e, t, i) => {
23385
23385
  for (var s = i > 1 ? void 0 : i ? Lf(e, t) : e, o = r.length - 1, n; o >= 0; o--)
23386
23386
  (n = r[o]) && (s = (i ? n(e, t, s) : n(s)) || s);
23387
23387
  return i && s && Ff(e, t, s), s;
23388
23388
  };
23389
- const en = "unnamed", ai = {
23389
+ const en = "unnamed", zf = 5, ai = {
23390
23390
  fromAttribute: (r) => {
23391
23391
  const e = Number.parseFloat(r ?? "");
23392
23392
  return Number.isFinite(e) ? e : void 0;
@@ -23536,7 +23536,7 @@ let V = class extends Ie {
23536
23536
  * render measures again.
23537
23537
  */
23538
23538
  recordHugWidth(r, e, t) {
23539
- t > 0 && (r[e] = Math.ceil(t) + 2);
23539
+ t > 0 && (r[e] = Math.ceil(t) + zf);
23540
23540
  }
23541
23541
  /**
23542
23542
  * The card at `index`'s slice of one ramp spanning the whole row.
@@ -23923,7 +23923,7 @@ V = j([
23923
23923
  ], V);
23924
23924
  export {
23925
23925
  V as C,
23926
- Gm as D,
23926
+ Um as D,
23927
23927
  at as F,
23928
23928
  jt as H,
23929
23929
  Ct as a,
@@ -1,4 +1,4 @@
1
- import { C as _ } from "./button.CUeXJXcO.js";
1
+ import { C as _ } from "./button.rJFwhUxT.js";
2
2
  import { C as u, D as h } from "./dialog.C2q9XwLW.js";
3
3
  import g from "../components/dropdown.js";
4
4
  import { C as x } from "./typography.BLYdTF0n.js";
@@ -1,5 +1,5 @@
1
1
  import { r as resizableComponentStyles, R as ResizableElement, b as ResizeDirection, a as HeightMode } from "./resizable-component.styles.kMFDlGgv.js";
2
- import { C as CxButton } from "./button.CUeXJXcO.js";
2
+ import { C as CxButton } from "./button.rJFwhUxT.js";
3
3
  import CxDrawer from "../components/drawer.js";
4
4
  import CxDropdown from "../components/dropdown.js";
5
5
  import { C as CxIcon } from "./icon.BLXWp6CU.js";
@@ -35,7 +35,7 @@ import { a as ObjectFit } from "./index.Cpamj0jB.js";
35
35
  import { r as r$1 } from "./state.CSDxrqLd.js";
36
36
  import { e } from "./class-map.BiVq-cVR.js";
37
37
  import { n as n$1 } from "./when.Dr1es41R.js";
38
- import { C as CxImage } from "./image.CjdSn_IT.js";
38
+ import { C as CxImage } from "./image.2ZXc5UiB.js";
39
39
  var BookReaderMode$1 = /* @__PURE__ */ ((l) => (l.Image = "Image", l.Pdf = "Pdf", l))(BookReaderMode$1 || {}), BookReaderViewMode = /* @__PURE__ */ ((l) => (l.FourPage = "FourPage", l.OnePage = "OnePage", l.TwoPage = "TwoPage", l))(BookReaderViewMode || {});
40
40
  function commonjsRequire(l) {
41
41
  throw new Error('Could not dynamically require "' + l + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -16,7 +16,7 @@ import { x as g, i as ve } from "./lit-element.jLBm65_O.js";
16
16
  import { r as x } from "./state.CSDxrqLd.js";
17
17
  import { e as H } from "./query.BBf1UFkC.js";
18
18
  import { r as Ie } from "./choose.BTbF6BAn.js";
19
- import { C as ae } from "./button.CUeXJXcO.js";
19
+ import { C as ae } from "./button.rJFwhUxT.js";
20
20
  import { d as Se } from "./debounce.DaHuiSGU.js";
21
21
  import { o as p } from "./if-defined.BRoBj_Rp.js";
22
22
  import { c as G } from "./repeat.CFjcER6_.js";
@@ -866,7 +866,7 @@ let a = class extends je {
866
866
  })} src=${this.applyRetryCacheBust(this.currentSrc) || this.placeholder} alt="" aria-hidden="true" decoding="async" draggable="false" crossorigin=${S(this.crossorigin)}>`
867
867
  )}</div>${A(this.showPlaceholderSkeleton, () => R`<slot name="skeleton" part="skeleton"><div class=${L({
868
868
  skeleton: !0
869
- })}><cx-skeleton effect="none" role="status" aria-live="polite" aria-label=${this.localize.term("loading")}></cx-skeleton></div></slot>`)}
869
+ })}><cx-skeleton effect="sheen" role="status" aria-live="polite" aria-label=${this.localize.term("loading")}></cx-skeleton></div></slot>`)}
870
870
  ${A(this.isError, () => R`<slot name="fallback" part="fallback"><cx-space class=${L({ fallback: !0 })} direction="column" align-items="center" justify-content="center"><cx-icon name="hide_image" part="fallback-icon"> </cx-icon></cx-space></slot>`)}</div></cx-resize-observer>${A(this.resizable && this.isResizeActive, () => this.renderResizer())}</div>`;
871
871
  }
872
872
  };
@@ -1,7 +1,7 @@
1
1
  import { C as N } from "./typography.BLYdTF0n.js";
2
2
  import { n, C as O } from "./lib-cortex-element.CVMmyPMC.js";
3
3
  import { c as M } from "./component.styles.CAS3c9pM.js";
4
- import { s as V } from "./folder-select.lF4v6bbN.js";
4
+ import { s as V } from "./folder-select.CdCc7oLi.js";
5
5
  import { E as F, B as H } from "./content-builder.CBBdfVOl.js";
6
6
  import { c as j } from "./custom-element.L4WJXn1j.js";
7
7
  import { L as R } from "./i18n.D5L6xAYT.js";
@@ -13,8 +13,8 @@ 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.4OaADvOF.js";
17
- import { C as wt } from "./button.CUeXJXcO.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";
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";
20
20
  import $t from "../components/checkbox.js";
@@ -36,14 +36,14 @@ 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.Dy2fEfC-.js";
39
+ import { C as jt } from "./tab-group.BAZBrIdM.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";
43
43
  import Ht from "../components/visually-hidden.js";
44
44
  import Ut from "../components/bicolor-picker.js";
45
45
  import Jt from "../components/border-input-group.js";
46
- import { C as Xt, a as Yt } from "./confirm-popover.CeKZ8dF1.js";
46
+ import { C as Xt, a as Yt } from "./confirm-popover.B287gNRq.js";
47
47
  import Qt from "../components/corner-position-input-group.js";
48
48
  import Zt from "../components/dynamic-select.js";
49
49
  import te from "../components/padding-input-group.js";
@@ -59,7 +59,7 @@ import { n as y } from "./when.Dr1es41R.js";
59
59
  import { b as pe } from "./_baseXor.BCxbgizO.js";
60
60
  import { a as he, i as E, b as de } from "./isArrayLikeObject.D7afXo-f.js";
61
61
  import { i as ue } from "./isEmpty.DtTJTUcf.js";
62
- import { u as K } from "./asset-link-format.Bi9J8xCQ.js";
62
+ import { u as K } from "./asset-link-format.CbmsLfvm.js";
63
63
  import { r as me } from "./choose.BTbF6BAn.js";
64
64
  import { o as S } from "./if-defined.BRoBj_Rp.js";
65
65
  import { o as fe } from "./map.D8heArFD.js";
@@ -10,7 +10,7 @@ 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 c } from "./when.Dr1es41R.js";
13
- import { C as w } from "./button.CUeXJXcO.js";
13
+ import { C as w } from "./button.rJFwhUxT.js";
14
14
  import { C as v } from "./input.zRoRq5mq.js";
15
15
  import { C as I } from "./option.CwbFof9H.js";
16
16
  import B from "../components/select.js";