@orangelogic/design-system 2.181.0 → 2.183.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 (38) hide show
  1. package/library/chunks/{asset-link-format.CmV7jHbC.js → asset-link-format.H5j0gJtQ.js} +2 -2
  2. package/library/chunks/{button.BijVCm3v.js → button.Dc8L4hcg.js} +1 -1
  3. package/library/chunks/{button.styles.Bcj_XoRt.js → button.styles.BWgHrfLD.js} +1 -1
  4. package/library/chunks/{color-swatch-group.Zia_zbwS.js → color-swatch-group.DqP6pp2u.js} +2 -2
  5. package/library/chunks/{confirm-popover.DgIbglt-.js → confirm-popover.DlIPMgF1.js} +1 -1
  6. package/library/chunks/{document-viewer.BzC8HrV6.js → document-viewer.DbA73wGD.js} +1 -1
  7. package/library/chunks/{folder-select.D2scByIr.js → folder-select.C4JVju2L.js} +1 -1
  8. package/library/chunks/{option.CmvB93ks.js → option.zUMZKPFe.js} +1 -1
  9. package/library/chunks/{pagination.CMjet0v-.js → pagination.CqJwMe9w.js} +2 -2
  10. package/library/chunks/{tab-group.DH3ppGSh.js → tab-group.BUj0CO1c.js} +1 -1
  11. package/library/components/asset-link-format.js +2 -2
  12. package/library/components/atoms.js +5 -5
  13. package/library/components/button.js +2 -2
  14. package/library/components/color-picker.js +1 -1
  15. package/library/components/color-swatch-group.js +1 -1
  16. package/library/components/confirm-popover.js +2 -2
  17. package/library/components/corner-position-input-group.js +1 -1
  18. package/library/components/document-viewer.js +1 -1
  19. package/library/components/dynamic-select.js +2 -2
  20. package/library/components/element-clamp.js +1 -1
  21. package/library/components/file-on-demand.js +4 -4
  22. package/library/components/folder-select.js +1 -1
  23. package/library/components/line-clamp.js +1 -1
  24. package/library/components/molecules.js +2 -2
  25. package/library/components/option.js +1 -1
  26. package/library/components/organisms.js +2 -2
  27. package/library/components/pagination.js +3 -3
  28. package/library/components/radio-button.js +1 -1
  29. package/library/components/radio-card.js +28 -23
  30. package/library/components/radio-group.js +23 -19
  31. package/library/components/select.js +1 -1
  32. package/library/components/tab-group.js +2 -2
  33. package/library/components/types.js +12 -12
  34. package/library/package.json +1 -1
  35. package/library/packages/atoms/src/components/option/option.d.ts +1 -0
  36. package/library/packages/atoms/src/components/radio-card/radio-card.d.ts +4 -0
  37. package/library/react-web-component.d.ts +8 -0
  38. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  import "../components/cropper.js";
2
- import { C as Z } from "./button.BijVCm3v.js";
2
+ import { C as Z } from "./button.Dc8L4hcg.js";
3
3
  import L from "../components/space.js";
4
4
  import { C as U } from "./typography.IqHbnd3C.js";
5
5
  import { n as l, C as B } from "./lib-cortex-element.CVMmyPMC.js";
@@ -27,7 +27,7 @@ import Jt from "../components/divider.js";
27
27
  import { C as it } from "./icon.BTuMIrIm.js";
28
28
  import { C as vt } from "./icon-button.CBZkhhs8.js";
29
29
  import { C as bt } from "./input.B5AHlTl-.js";
30
- import { C as gt } from "./option.CmvB93ks.js";
30
+ import { C as gt } from "./option.zUMZKPFe.js";
31
31
  import xt from "../components/select.js";
32
32
  import te from "../components/position-picker.js";
33
33
  import { c as ee } from "./image.Y5c_hFx8.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.BTuMIrIm.js";
15
15
  import B from "../components/spinner.js";
16
- import { b as F } from "./button.styles.Bcj_XoRt.js";
16
+ import { b as F } from "./button.styles.BWgHrfLD.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);
@@ -1,5 +1,5 @@
1
1
  import { i as o } from "./lit-element.jLBm65_O.js";
2
- const r = o`:host{--background-color:var(--cx-color-primary);--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);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-color:var(--background-color);color:var(--color)}.button--standard.button--custom:hover:not(.button--disabled){background-color:var(--background-color-focus,var(--background-color));border-color:var(--background-color-focus,var(--background-color));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);border-color:var(--background-color);color:var(--color)}.button--standard.button--custom:active:not(.button--disabled){background-color:var(--background-color-active,var(--background-color));border-color:var(--background-color-active,var(--background-color));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(--cx-button-border-radius-medium)}.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 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}`;
2
+ const r = o`:host{--background-color:var(--cx-color-primary);--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);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-color:var(--background-color);color:var(--color)}.button--standard.button--custom:hover:not(.button--disabled){background-color:var(--background-color-focus,var(--background-color));border-color:var(--background-color-focus,var(--background-color));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);border-color:var(--background-color);color:var(--color)}.button--standard.button--custom:active:not(.button--disabled){background-color:var(--background-color-active,var(--background-color));border-color:var(--background-color-active,var(--background-color));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(--cx-button-border-radius-medium)}.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
3
  export {
4
4
  r as b
5
5
  };
@@ -3,7 +3,7 @@ import { C as Ir, T as xn } from "./typography.IqHbnd3C.js";
3
3
  import { n as m, C as Pe } from "./lib-cortex-element.CVMmyPMC.js";
4
4
  import { C as Hr, a as es } from "./color-swatch.D6Gg5bpz.js";
5
5
  import { c as $e } from "./component.styles.CRO4Odto.js";
6
- import { C as Et } from "./button.BijVCm3v.js";
6
+ import { C as Et } from "./button.Dc8L4hcg.js";
7
7
  import { C as Rn, o as Sn, O as No } from "./dialog.BD012ZUN.js";
8
8
  import { C as oi } from "./icon-button.CBZkhhs8.js";
9
9
  import Pt from "../components/tooltip.js";
@@ -40,7 +40,7 @@ import { o as ft } from "./style-map.llVFPd__.js";
40
40
  import ai from "../components/dropdown.js";
41
41
  import ea from "../components/menu-section.js";
42
42
  import Gr from "../components/checkbox.js";
43
- import { C as ta, P as ia } from "./pagination.CMjet0v-.js";
43
+ import { C as ta, P as ia } from "./pagination.CqJwMe9w.js";
44
44
  import { H as Ur } from "./slot.j5oheLJC.js";
45
45
  import { g as B, a as Bo } from "./dom.gRV2cDjL.js";
46
46
  import "./browser.BHOCIF_A.js";
@@ -1,4 +1,4 @@
1
- import { C as _ } from "./button.BijVCm3v.js";
1
+ import { C as _ } from "./button.Dc8L4hcg.js";
2
2
  import { C as u, D as h } from "./dialog.BD012ZUN.js";
3
3
  import g from "../components/dropdown.js";
4
4
  import { C as x } from "./typography.IqHbnd3C.js";
@@ -1,5 +1,5 @@
1
1
  import { r as resizableComponentStyles, R as ResizableElement, a as ResizeDirection, b as HeightMode } from "./resizable-component.styles.CAfXABBc.js";
2
- import { C as CxButton } from "./button.BijVCm3v.js";
2
+ import { C as CxButton } from "./button.Dc8L4hcg.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.BTuMIrIm.js";
@@ -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.BijVCm3v.js";
19
+ import { C as ae } from "./button.Dc8L4hcg.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";
@@ -11,7 +11,7 @@ import { n as u } from "./when.Dr1es41R.js";
11
11
  import { C as w } from "./icon.BTuMIrIm.js";
12
12
  import k from "../components/space.js";
13
13
  var r = /* @__PURE__ */ ((t) => (t.Left = "left", t.Right = "right", t))(r || {});
14
- const C = _`:host{-webkit-user-select:none;user-select:none;display:block}:host(:focus){outline:none}.option{font-family:var(--option-font-family), var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--option-font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--option-color,var(--cx-color-neutral-700));padding:var(--cx-spacing-x-small) var(--cx-spacing-medium) var(--cx-spacing-x-small) var(--cx-spacing-x-small);transition:var(--cx-transition-fast) fill;cursor:pointer;align-items:center;display:flex;position:relative}.option:not(.option--show-check){padding-inline:var(--cx-spacing-small)}.option--hover:not(.option--current):not(.option--disabled){background-color:var(--cx-menu-item-background-color-hover)}.option--current,.option--current.option--disabled{background-color:var(--cx-menu-item-background-color-hover);opacity:1}.option--selected{color:var(--option-selected-color,var(--cx-color-primary));font-weight:var(--option-selected-font-weight,var(--cx-font-weight-regular))}.option--disabled{opacity:.5;cursor:default;outline:none}.option__content{flex:1}.option__label{line-height:var(--cx-line-height-medium);flex:auto;display:inline-block}.option .option__check{visibility:hidden;flex:none;justify-content:center;align-items:center;padding-inline-end:var(--cx-spacing-2x-small);display:none}.option--show-check .option__check{display:block}.option--show-check.option--selected .option__check{visibility:visible}.option__help-text{color:var(--option-help-text-color,var(--cx-color-neutral-600));font-weight:var(--option-help-text-font-weight,var(--cx-font-weight-regular))}.option--selected .option__content .option__help-text{color:var(--option-selected-help-text-color,var(--cx-color-primary));font-weight:var(--option-selected-help-text-font-weight,var(--cx-font-weight-regular))}.option__prefix,.option__suffix{flex:none;align-items:center;display:flex}.option__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.option__suffix::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.option__prefix{align-self:var(--prefix-alignment,center)}.option__suffix{align-self:var(--suffix-alignment,center)}.option__check{align-self:var(--check-alignment,center)}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .option{outline-offset:-1px;outline:1px dashed selecteditem}}`;
14
+ const C = _`:host{-webkit-user-select:none;user-select:none;display:block}:host(:focus){outline:none}.option{font-family:var(--option-font-family), var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--option-font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--option-color,var(--cx-color-neutral-700));padding:var(--cx-spacing-x-small) var(--cx-spacing-medium) var(--cx-spacing-x-small) var(--cx-spacing-x-small);transition:var(--cx-transition-fast) fill;cursor:pointer;align-items:center;display:flex;position:relative}.option:not(.option--show-check){padding-inline:var(--cx-spacing-small)}.option--hover:not(.option--disabled){background-color:var(--cx-menu-item-background-color-hover)}.option--current,.option--current.option--disabled{background-color:var(--option-current-background-color,transparent);opacity:1}.option--selected{color:var(--option-selected-color,var(--cx-color-primary));font-weight:var(--option-selected-font-weight,var(--cx-font-weight-regular))}.option--disabled{opacity:.5;cursor:default;outline:none}.option__content{flex:1}.option__label{line-height:var(--cx-line-height-medium);flex:auto;display:inline-block}.option .option__check{visibility:hidden;flex:none;justify-content:center;align-items:center;padding-inline-end:var(--cx-spacing-2x-small);display:none}.option--show-check .option__check{display:block}.option--show-check.option--selected .option__check{visibility:visible}.option__help-text{color:var(--option-help-text-color,var(--cx-color-neutral-600));font-weight:var(--option-help-text-font-weight,var(--cx-font-weight-regular))}.option--selected .option__content .option__help-text{color:var(--option-selected-help-text-color,var(--cx-color-primary));font-weight:var(--option-selected-help-text-font-weight,var(--cx-font-weight-regular))}.option__prefix,.option__suffix{flex:none;align-items:center;display:flex}.option__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.option__suffix::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.option__prefix{align-self:var(--prefix-alignment,center)}.option__suffix{align-self:var(--suffix-alignment,center)}.option__check{align-self:var(--check-alignment,center)}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .option{outline-offset:-1px;outline:1px dashed selecteditem}}`;
15
15
  var L = Object.defineProperty, E = Object.getOwnPropertyDescriptor, o = (t, n, i, l) => {
16
16
  for (var a = l > 1 ? void 0 : l ? E(n, i) : n, c = t.length - 1, p; c >= 0; c--)
17
17
  (p = t[c]) && (a = (l ? p(n, i, a) : p(a)) || a);
@@ -10,9 +10,9 @@ import { r as S } from "./state.CSDxrqLd.js";
10
10
  import { e as $ } from "./class-map.BiVq-cVR.js";
11
11
  import { c as x } from "./repeat.CFjcER6_.js";
12
12
  import { n as g } from "./when.Dr1es41R.js";
13
- import { C as w } from "./button.BijVCm3v.js";
13
+ import { C as w } from "./button.Dc8L4hcg.js";
14
14
  import { C as v } from "./input.B5AHlTl-.js";
15
- import { C as I } from "./option.CmvB93ks.js";
15
+ import { C as I } from "./option.zUMZKPFe.js";
16
16
  import B from "../components/select.js";
17
17
  import N from "../components/tooltip.js";
18
18
  import { C as k } from "./typography.IqHbnd3C.js";
@@ -17,7 +17,7 @@ import { i as Ji } from "./guard.D4axKaMo.js";
17
17
  import { o as tr } from "./map.D8heArFD.js";
18
18
  import { o as Ue } from "./style-map.llVFPd__.js";
19
19
  import { n as Pe } from "./when.Dr1es41R.js";
20
- import { C as Yn } from "./button.BijVCm3v.js";
20
+ import { C as Yn } from "./button.Dc8L4hcg.js";
21
21
  import Xn from "../components/dropdown.js";
22
22
  import { C as qn } from "./icon-button.CBZkhhs8.js";
23
23
  import Gn from "../components/menu.js";
@@ -1,9 +1,9 @@
1
1
  import "./cropper.js";
2
- import "../chunks/button.BijVCm3v.js";
2
+ import "../chunks/button.Dc8L4hcg.js";
3
3
  import "./space.js";
4
4
  import "../chunks/typography.IqHbnd3C.js";
5
5
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
6
- import { C as h } from "../chunks/asset-link-format.CmV7jHbC.js";
6
+ import { C as h } from "../chunks/asset-link-format.H5j0gJtQ.js";
7
7
  import "../chunks/component.styles.CRO4Odto.js";
8
8
  import "../chunks/asset-link-format.ClaYu_v8.js";
9
9
  import "../chunks/position-picker.DjnhxIKF.js";
@@ -9,7 +9,7 @@ import { default as h } from "./avatar.js";
9
9
  import { default as P } from "./badge.js";
10
10
  import { default as M } from "./breadcrumb.js";
11
11
  import { default as F } from "./breadcrumb-item.js";
12
- import { C as O } from "../chunks/button.BijVCm3v.js";
12
+ import { C as O } from "../chunks/button.Dc8L4hcg.js";
13
13
  import { default as E } from "./button-group.js";
14
14
  import { default as L } from "./card.js";
15
15
  import { default as j } from "./checkbox.js";
@@ -20,7 +20,7 @@ import { default as W } from "./details.js";
20
20
  import { default as Y } from "./diff.js";
21
21
  import { C as _ } from "../chunks/dialog.BD012ZUN.js";
22
22
  import { default as oe } from "./divider.js";
23
- import { C as ae } from "../chunks/document-viewer.BzC8HrV6.js";
23
+ import { C as ae } from "../chunks/document-viewer.DbA73wGD.js";
24
24
  import { C as xe } from "../chunks/dot-pagination.BqGFeFXK.js";
25
25
  import { default as me } from "./dot-status.js";
26
26
  import { default as pe } from "./drawer.js";
@@ -51,8 +51,8 @@ import { default as oo } from "./menu-item.js";
51
51
  import { default as ao } from "./menu-label.js";
52
52
  import { default as xo } from "./menu-section.js";
53
53
  import { default as mo } from "./mutation-observer.js";
54
- import { C as po } from "../chunks/option.CmvB93ks.js";
55
- import { C as uo } from "../chunks/pagination.CMjet0v-.js";
54
+ import { C as po } from "../chunks/option.zUMZKPFe.js";
55
+ import { C as uo } from "../chunks/pagination.CqJwMe9w.js";
56
56
  import { default as no } from "./popup.js";
57
57
  import { default as co } from "./progress-bar.js";
58
58
  import { default as bo } from "./progress-ring.js";
@@ -74,7 +74,7 @@ import { default as Uo } from "./step.js";
74
74
  import { default as Xo } from "./stepper.js";
75
75
  import { default as Zo } from "./switch.js";
76
76
  import { default as et } from "./tab.js";
77
- import { C as tt } from "../chunks/tab-group.DH3ppGSh.js";
77
+ import { C as tt } from "../chunks/tab-group.BUj0CO1c.js";
78
78
  import { default as rt } from "./tab-panel.js";
79
79
  import { default as ft } from "./tag.js";
80
80
  import { default as st } from "./textarea.js";
@@ -1,6 +1,6 @@
1
1
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import "../chunks/component.styles.CRO4Odto.js";
3
- import { C as h } from "../chunks/button.BijVCm3v.js";
3
+ import { C as h } from "../chunks/button.Dc8L4hcg.js";
4
4
  import "../chunks/custom-element.L4WJXn1j.js";
5
5
  import "../chunks/form.DSsy3Fcy.js";
6
6
  import "../chunks/i18n.DbXTTLXx.js";
@@ -14,7 +14,7 @@ import "../chunks/when.Dr1es41R.js";
14
14
  import "../chunks/static.UA3G1Deq.js";
15
15
  import "../chunks/icon.BTuMIrIm.js";
16
16
  import "./spinner.js";
17
- import "../chunks/button.styles.Bcj_XoRt.js";
17
+ import "../chunks/button.styles.BWgHrfLD.js";
18
18
  export {
19
19
  h as default
20
20
  };
@@ -16,7 +16,7 @@ import { e as _ } from "../chunks/class-map.BiVq-cVR.js";
16
16
  import { o as y } from "../chunks/if-defined.BRoBj_Rp.js";
17
17
  import { o as f } from "../chunks/style-map.llVFPd__.js";
18
18
  import { n as d } from "../chunks/when.Dr1es41R.js";
19
- import { C as B } from "../chunks/button.BijVCm3v.js";
19
+ import { C as B } from "../chunks/button.Dc8L4hcg.js";
20
20
  import L from "./button-group.js";
21
21
  import T from "./dropdown.js";
22
22
  import { C as N } from "../chunks/icon.BTuMIrIm.js";
@@ -3,7 +3,7 @@ import "../chunks/typography.IqHbnd3C.js";
3
3
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
4
4
  import "../chunks/color-swatch.D6Gg5bpz.js";
5
5
  import "../chunks/component.styles.CRO4Odto.js";
6
- import { C as v } from "../chunks/color-swatch-group.Zia_zbwS.js";
6
+ import { C as v } from "../chunks/color-swatch-group.DqP6pp2u.js";
7
7
  import "../chunks/transformation.8uLv6uwG.js";
8
8
  import "../chunks/custom-element.L4WJXn1j.js";
9
9
  import "../chunks/debounce.DaHuiSGU.js";
@@ -1,10 +1,10 @@
1
- import "../chunks/button.BijVCm3v.js";
1
+ import "../chunks/button.Dc8L4hcg.js";
2
2
  import "../chunks/dialog.BD012ZUN.js";
3
3
  import "./dropdown.js";
4
4
  import "../chunks/typography.IqHbnd3C.js";
5
5
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
6
6
  import "../chunks/component.styles.CRO4Odto.js";
7
- import { C as x } from "../chunks/confirm-popover.DgIbglt-.js";
7
+ import { C as x } from "../chunks/confirm-popover.DlIPMgF1.js";
8
8
  import "../chunks/custom-element.L4WJXn1j.js";
9
9
  import "../chunks/i18n.DbXTTLXx.js";
10
10
  import "../chunks/lit-element.jLBm65_O.js";
@@ -1,5 +1,5 @@
1
1
  import { C as u } from "../chunks/input.B5AHlTl-.js";
2
- import { C as h } from "../chunks/option.CmvB93ks.js";
2
+ import { C as h } from "../chunks/option.zUMZKPFe.js";
3
3
  import m from "./select.js";
4
4
  import x from "./space.js";
5
5
  import { n as l, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
@@ -1,5 +1,5 @@
1
1
  import "../chunks/resizable-component.styles.CAfXABBc.js";
2
- import { C as b } from "../chunks/document-viewer.BzC8HrV6.js";
2
+ import { C as b } from "../chunks/document-viewer.DbA73wGD.js";
3
3
  import "../chunks/component.styles.CRO4Odto.js";
4
4
  import "../chunks/index.Cpamj0jB.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
@@ -1,6 +1,6 @@
1
- import { C as g } from "../chunks/button.BijVCm3v.js";
1
+ import { C as g } from "../chunks/button.Dc8L4hcg.js";
2
2
  import { C as O } from "../chunks/icon-button.CBZkhhs8.js";
3
- import { C as h, a as C } from "../chunks/option.CmvB93ks.js";
3
+ import { C as h, a as C } from "../chunks/option.zUMZKPFe.js";
4
4
  import $ from "./select.js";
5
5
  import { n as s, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
6
6
  import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
@@ -9,7 +9,7 @@ import { r as k } from "../chunks/state.CSDxrqLd.js";
9
9
  import { e as E } from "../chunks/query.BBf1UFkC.js";
10
10
  import { e as H } from "../chunks/class-map.BiVq-cVR.js";
11
11
  import { a as p, g } from "../chunks/animation-registry.HmpwNuGH.js";
12
- import { C as B } from "../chunks/button.BijVCm3v.js";
12
+ import { C as B } from "../chunks/button.Dc8L4hcg.js";
13
13
  const T = C`:host{--toggler-color:var(--cx-color-primary);display:block;overflow:hidden}.element-clamp{overflow-anchor:none}.element-clamp--disabled{opacity:.5}.element-clamp-icon{transition:var(--cx-transition-medium) rotate ease;flex:none;align-items:center;display:flex}.details--open .element-clamp-icon{rotate:90deg}.details--open.details--rtl .element-clamp-icon{rotate:-90deg}.element-clamp--open slot[name=expand-icon],.element-clamp:not(.element-clamp--open) slot[name=collapse-icon]{display:none}.element-clamp__content{display:block;overflow:hidden}.toggler{margin-top:var(--cx-spacing-2x-small);display:block}.toggler::part(base){color:var(--toggler-color);font-weight:var(--cx-font-weight-medium);text-transform:none;width:auto}.toggler::part(label){padding-left:0}`;
14
14
  var z = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (e, t, i, r) => {
15
15
  for (var s = r > 1 ? void 0 : r ? O(t, i) : t, h = e.length - 1, l; h >= 0; h--)
@@ -16,22 +16,22 @@ import { n as p } from "../chunks/when.Dr1es41R.js";
16
16
  import { b as At } from "../chunks/_baseEach.DQk0As2f.js";
17
17
  import { b as Dt } from "../chunks/_baseIteratee.sC2wLi2m.js";
18
18
  import Tt from "./avatar.js";
19
- import { C as zt } from "../chunks/button.BijVCm3v.js";
19
+ import { C as zt } from "../chunks/button.Dc8L4hcg.js";
20
20
  import { C as Pt } from "../chunks/dialog.BD012ZUN.js";
21
21
  import Et from "./divider.js";
22
22
  import nt from "./format-bytes.js";
23
23
  import { C as vt } from "../chunks/icon-button.CBZkhhs8.js";
24
24
  import { C as Lt } from "../chunks/input.B5AHlTl-.js";
25
- import { C as Ut } from "../chunks/option.CmvB93ks.js";
25
+ import { C as Ut } from "../chunks/option.zUMZKPFe.js";
26
26
  import yt from "./relative-time.js";
27
27
  import Ft from "./select.js";
28
28
  import Rt from "./space.js";
29
29
  import kt from "./tab.js";
30
- import { C as Ot } from "../chunks/tab-group.DH3ppGSh.js";
30
+ import { C as Ot } from "../chunks/tab-group.BUj0CO1c.js";
31
31
  import Nt from "./tab-panel.js";
32
32
  import bt from "./tooltip.js";
33
33
  import { C as rt } from "../chunks/typography.IqHbnd3C.js";
34
- import { C as jt } from "../chunks/confirm-popover.DgIbglt-.js";
34
+ import { C as jt } from "../chunks/confirm-popover.DlIPMgF1.js";
35
35
  import { d as Bt } from "../chunks/debounce.DaHuiSGU.js";
36
36
  import { c as Z } from "../chunks/number.Cx2ncfJJ.js";
37
37
  import { i as X, b as pt } from "../chunks/url.B17OsCqV.js";
@@ -5,7 +5,7 @@ import "./select.js";
5
5
  import "./tag.js";
6
6
  import "../chunks/tree.CgBxt5my.js";
7
7
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
8
- import { C as j } from "../chunks/folder-select.D2scByIr.js";
8
+ import { C as j } from "../chunks/folder-select.C4JVju2L.js";
9
9
  import "../chunks/component.styles.CRO4Odto.js";
10
10
  import "../chunks/custom-element.L4WJXn1j.js";
11
11
  import "../chunks/i18n.DbXTTLXx.js";
@@ -1,4 +1,4 @@
1
- import "../chunks/button.BijVCm3v.js";
1
+ import "../chunks/button.Dc8L4hcg.js";
2
2
  import "./tooltip.js";
3
3
  import "./resize-observer.js";
4
4
  import { n as s, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
@@ -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
3
  import { C as x } from "../chunks/color-swatch.D6Gg5bpz.js";
4
- import { C as u } from "../chunks/confirm-popover.DgIbglt-.js";
4
+ import { C as u } from "../chunks/confirm-popover.DlIPMgF1.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.D2scByIr.js";
8
+ import { C as c } from "../chunks/folder-select.C4JVju2L.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";
@@ -1,6 +1,6 @@
1
1
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import "../chunks/component.styles.CRO4Odto.js";
3
- import { C } from "../chunks/option.CmvB93ks.js";
3
+ import { C } from "../chunks/option.zUMZKPFe.js";
4
4
  import "../chunks/custom-element.L4WJXn1j.js";
5
5
  import "../chunks/i18n.DbXTTLXx.js";
6
6
  import "../chunks/watch.DJF5K-8U.js";
@@ -1,5 +1,5 @@
1
- import { C as a } from "../chunks/asset-link-format.CmV7jHbC.js";
2
- import { C as t } from "../chunks/color-swatch-group.Zia_zbwS.js";
1
+ import { C as a } from "../chunks/asset-link-format.H5j0gJtQ.js";
2
+ import { C as t } from "../chunks/color-swatch-group.DqP6pp2u.js";
3
3
  import { default as C } from "./file-on-demand.js";
4
4
  export {
5
5
  a as CxAssetLinkFormat,
@@ -1,7 +1,7 @@
1
1
  import "./space.js";
2
2
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
3
3
  import "../chunks/icon-button.CBZkhhs8.js";
4
- import { C as k } from "../chunks/pagination.CMjet0v-.js";
4
+ import { C as k } from "../chunks/pagination.CqJwMe9w.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
6
6
  import "../chunks/i18n.DbXTTLXx.js";
7
7
  import "../chunks/math.DuKzLacZ.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.BijVCm3v.js";
14
+ import "../chunks/button.Dc8L4hcg.js";
15
15
  import "../chunks/input.B5AHlTl-.js";
16
- import "../chunks/option.CmvB93ks.js";
16
+ import "../chunks/option.zUMZKPFe.js";
17
17
  import "./select.js";
18
18
  import "./tooltip.js";
19
19
  import "../chunks/typography.IqHbnd3C.js";
@@ -9,7 +9,7 @@ import { e as y } from "../chunks/class-map.BiVq-cVR.js";
9
9
  import { o as h } from "../chunks/if-defined.BRoBj_Rp.js";
10
10
  import { u as _ } from "../chunks/static.UA3G1Deq.js";
11
11
  import { i as v } from "../chunks/lit-element.jLBm65_O.js";
12
- import { b as w } from "../chunks/button.styles.Bcj_XoRt.js";
12
+ import { b as w } from "../chunks/button.styles.BWgHrfLD.js";
13
13
  const C = v`
14
14
  ${w}
15
15
 
@@ -1,24 +1,24 @@
1
- import { n as o, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
1
+ import { n as a, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as u } from "../chunks/component.styles.CRO4Odto.js";
3
- import { c as p } from "../chunks/custom-element.L4WJXn1j.js";
4
- import { H as m } from "../chunks/slot.j5oheLJC.js";
3
+ import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
4
+ import { H as f } from "../chunks/slot.j5oheLJC.js";
5
5
  import { w as h } from "../chunks/watch.DJF5K-8U.js";
6
- import { i as f, x as g } from "../chunks/lit-element.jLBm65_O.js";
6
+ import { i as m, x as g } from "../chunks/lit-element.jLBm65_O.js";
7
7
  import { r as n } from "../chunks/state.CSDxrqLd.js";
8
8
  import { e as x } from "../chunks/query.BBf1UFkC.js";
9
9
  import { e as v } from "../chunks/class-map.BiVq-cVR.js";
10
10
  import _ from "./card.js";
11
- import C from "./line-clamp.js";
12
- import y from "./radio.js";
13
- const w = f`:host{--label-color:var(--cx-input-label-color);--label-text-align:left;--description-color:var(--cx-input-label-color);--description-text-align:left;--toggle-size:var(--cx-toggle-size-large);flex-direction:column;align-items:center;width:100%;display:flex;position:relative}:host(:focus-visible){outline:0}.radio-card{--border-radius:var(--cx-border-radius-large);--box-shadow:none;--padding:var(--cx-spacing-small);--image-border-radius:var(--cx-border-radius-medium);cursor:pointer;width:var(--card-width,100%);height:var(--card-height,100%)}.radio-card--checked:not(.radio-card--grouped)::part(base){height:100%}.radio-card--grouped::part(base){border-top-width:0;border-radius:0;height:100%}.radio-card--grouped.radio-card--horizontal::part(base){border-left-width:0;border-top-width:var(--border-width)}:host(:first-child) .radio-card--grouped::part(base){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-top-width:var(--border-width);border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:last-child) .radio-card--grouped::part(base){border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-top-left-radius:0;border-top-right-radius:0}:host(:first-child) .radio-card--grouped.radio-card--horizontal::part(base){border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);border-left-width:var(--border-width);border-top-right-radius:0;border-bottom-right-radius:0}:host(:last-child) .radio-card--grouped.radio-card--horizontal::part(base){border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-top-left-radius:0;border-bottom-left-radius:0}.radio-card::part(image){background-color:#0000}.radio-card--compact::part(image){display:none}.radio-card--checked:not(.radio-card--grouped){--border-color:var(--cx-color-primary)}.radio-card--checked::part(base){background-color:var(--cx-color-primary-50)}.radio-card--disabled{opacity:.5;cursor:default}.radio-card__label{justify-content:space-between;align-items:center;gap:var(--cx-spacing-2x-small);text-transform:var(--cx-radio-card-label-text-transform,none);display:flex}.radio-card__description{margin-left:calc(var(--toggle-size) + .5em)}.radio-card__description>cx-line-clamp{color:var(--description-color);line-height:var(--cx-line-height-medium);text-align:var(--description-text-align)}.radio-card__label>cx-line-clamp{color:var(--label-color);text-align:var(--label-text-align);flex:auto}.radio-card--has-suffix .radio-card__label__suffix{width:3rem}.radio-card__label__suffix{justify-content:flex-end;height:fit-content;display:flex}.radio-card__image::slotted(img),.radio-card__image::slotted(svg){border-radius:var(--cx-border-radius-small);width:100%}.radio-card__image::slotted(*){flex-direction:column;display:flex}cx-radio{--toggle-size:var(--toggle-size)}cx-radio::part(base){align-items:center;width:100%}`;
14
- var k = Object.defineProperty, A = Object.getOwnPropertyDescriptor, e = (i, a, s, d) => {
15
- for (var t = d > 1 ? void 0 : d ? A(a, s) : a, l = i.length - 1, c; l >= 0; l--)
16
- (c = i[l]) && (t = (d ? c(a, s, t) : c(t)) || t);
17
- return d && t && k(a, s, t), t;
11
+ import y from "./line-clamp.js";
12
+ import C from "./radio.js";
13
+ const w = m`:host{--label-color:var(--cx-input-label-color);--label-text-align:left;--description-color:var(--cx-input-label-color);--description-text-align:left;--toggle-size:var(--cx-toggle-size-large);flex-direction:column;align-items:center;width:100%;display:flex;position:relative}:host(:focus-visible){outline:0}.radio-card{--border-radius:var(--cx-border-radius-large);--box-shadow:none;--padding:var(--cx-spacing-small);--image-border-radius:var(--cx-border-radius-medium);cursor:pointer;width:var(--card-width,100%);height:var(--card-height,100%)}.radio-card--checked:not(.radio-card--grouped)::part(base){height:100%}.radio-card--grouped::part(base){border-top-width:0;border-radius:0;height:100%}.radio-card--grouped.radio-card--horizontal::part(base){border-left-width:0;border-top-width:var(--border-width)}:host(:first-child) .radio-card--grouped::part(base){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-top-width:var(--border-width);border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:last-child) .radio-card--grouped::part(base){border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-top-left-radius:0;border-top-right-radius:0}:host(:first-child) .radio-card--grouped.radio-card--horizontal::part(base){border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);border-left-width:var(--border-width);border-top-right-radius:0;border-bottom-right-radius:0}:host(:last-child) .radio-card--grouped.radio-card--horizontal::part(base){border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-top-left-radius:0;border-bottom-left-radius:0}.radio-card::part(image){background-color:#0000}.radio-card--compact::part(image){display:none}.radio-card--checked:not(.radio-card--grouped){--border-color:var(--cx-color-primary)}.radio-card--checked::part(base){background-color:var(--cx-color-primary-50)}.radio-card--disabled{opacity:.5;cursor:default}.radio-card__label{justify-content:space-between;align-items:center;gap:var(--cx-spacing-2x-small);text-transform:var(--cx-radio-card-label-text-transform,none);display:flex}.radio-card__description{margin-left:calc(var(--toggle-size) + .5em)}.radio-card__description>cx-line-clamp{color:var(--description-color);line-height:var(--cx-line-height-medium);text-align:var(--description-text-align)}.radio-card__label>cx-line-clamp{color:var(--label-color);text-align:var(--label-text-align);flex:auto}.radio-card--has-suffix .radio-card__label__suffix{width:3rem}.radio-card__label__suffix{justify-content:flex-end;height:fit-content;display:flex}.radio-card__image::slotted(img),.radio-card__image::slotted(svg){border-radius:var(--cx-border-radius-small);width:100%}.radio-card__image::slotted(*){flex-direction:column;display:flex}cx-radio{--toggle-size:var(--toggle-size)}cx-radio::part(base){align-items:center;width:100%}`;
14
+ var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, e = (c, i, o, d) => {
15
+ for (var t = d > 1 ? void 0 : d ? z(i, o) : i, s = c.length - 1, l; s >= 0; s--)
16
+ (l = c[s]) && (t = (d ? l(i, o, t) : l(t)) || t);
17
+ return d && t && k(i, o, t), t;
18
18
  };
19
- let r = class extends b {
19
+ let r = class extends p {
20
20
  constructor() {
21
- super(), this.hasSlotController = new m(this, "suffix"), this.checked = !1, this.hasFocus = !1, this.disabled = !1, this.hideIndicator = !1, this.disabledLineClamp = !1, this.handleBlur = this.handleBlur.bind(this), this.handleClick = this.handleClick.bind(this), this.handleFocus = this.handleFocus.bind(this), this.addEventListener("blur", this.handleBlur), this.addEventListener("click", this.handleClick), this.addEventListener("focus", this.handleFocus);
21
+ super(), this.hasSlotController = new f(this, "suffix"), this.checked = !1, this.hasFocus = !1, this.disabled = !1, this.hideIndicator = !1, this.disabledLineClamp = !1, this.grouped = !1, this.horizontal = !1, this.handleBlur = this.handleBlur.bind(this), this.handleClick = this.handleClick.bind(this), this.handleFocus = this.handleFocus.bind(this), this.addEventListener("blur", this.handleBlur), this.addEventListener("click", this.handleClick), this.addEventListener("focus", this.handleFocus);
22
22
  }
23
23
  runFirstUpdated() {
24
24
  this.setInitialAttributes();
@@ -42,24 +42,23 @@ let r = class extends b {
42
42
  this.setAttribute("aria-disabled", this.disabled ? "true" : "false"), this.radio.setAttribute("aria-disabled", this.disabled ? "true" : "false");
43
43
  }
44
44
  render() {
45
- const i = this.parentElement?.getAttribute("compact") !== null, a = this.parentElement?.getAttribute("horizontal") !== null;
46
45
  return g`<cx-card part="base" class=${v({
47
46
  "radio-card": !0,
48
47
  "radio-card--checked": this.checked,
49
48
  "radio-card--compact": !this.querySelector('[slot="image"]'),
50
49
  "radio-card--disabled": this.disabled,
51
50
  "radio-card--focused": this.hasFocus,
52
- "radio-card--grouped": i,
51
+ "radio-card--grouped": this.grouped,
53
52
  "radio-card--has-suffix": this.hasSlotController.test("suffix"),
54
- "radio-card--horizontal": a
53
+ "radio-card--horizontal": this.horizontal
55
54
  })}><slot name="image" slot="image" class="radio-card__image"></slot><cx-radio ?disabled=${this.disabled} ?hide-indicator=${this.hideIndicator}><div class="radio-card__label"><cx-line-clamp lines=${this.disabledLineClamp ? 0 : 1}><slot></slot></cx-line-clamp><slot name="suffix" class="radio-card__label__suffix"></slot></div></cx-radio><div class="radio-card__description"><cx-line-clamp lines=${this.disabledLineClamp ? 0 : 3}><slot name="help-text"></slot></cx-line-clamp></div></cx-card>`;
56
55
  }
57
56
  };
58
57
  r.styles = [u, w];
59
58
  r.dependencies = {
60
59
  "cx-card": _,
61
- "cx-line-clamp": C,
62
- "cx-radio": y
60
+ "cx-line-clamp": y,
61
+ "cx-radio": C
63
62
  };
64
63
  e([
65
64
  x("cx-radio")
@@ -71,17 +70,23 @@ e([
71
70
  n()
72
71
  ], r.prototype, "hasFocus", 2);
73
72
  e([
74
- o()
73
+ a()
75
74
  ], r.prototype, "value", 2);
76
75
  e([
77
- o({ reflect: !0, type: Boolean })
76
+ a({ reflect: !0, type: Boolean })
78
77
  ], r.prototype, "disabled", 2);
79
78
  e([
80
- o({ attribute: "hide-indicator", reflect: !0, type: Boolean })
79
+ a({ attribute: "hide-indicator", reflect: !0, type: Boolean })
81
80
  ], r.prototype, "hideIndicator", 2);
82
81
  e([
83
- o({ attribute: "disabled-line-clamp", reflect: !0, type: Boolean })
82
+ a({ attribute: "disabled-line-clamp", reflect: !0, type: Boolean })
84
83
  ], r.prototype, "disabledLineClamp", 2);
84
+ e([
85
+ a({ reflect: !0, type: Boolean })
86
+ ], r.prototype, "grouped", 2);
87
+ e([
88
+ a({ reflect: !0, type: Boolean })
89
+ ], r.prototype, "horizontal", 2);
85
90
  e([
86
91
  h("checked", { waitUntilFirstUpdate: !0 })
87
92
  ], r.prototype, "handleCheckedChange", 1);
@@ -89,7 +94,7 @@ e([
89
94
  h("disabled", { waitUntilFirstUpdate: !0 })
90
95
  ], r.prototype, "handleDisabledChange", 1);
91
96
  r = e([
92
- p("cx-radio-card")
97
+ b("cx-radio-card")
93
98
  ], r);
94
99
  export {
95
100
  r as default
@@ -13,10 +13,10 @@ import { e as c } from "../chunks/class-map.BiVq-cVR.js";
13
13
  import { o as _ } from "../chunks/style-map.llVFPd__.js";
14
14
  import A from "./button-group.js";
15
15
  const M = E`:host{--radio-group-gap:var(--cx-spacing-x-small);display:block}.form-control{border:none;margin:0;padding:0;position:relative}.form-control__label{padding:0}.radio-group{align-items:flex-start;gap:var(--radio-group-gap);flex-direction:column;display:flex}.radio-group--compact{--radio-group-gap:0px}.radio-group--horizontal{flex-flow:wrap;align-items:stretch}.radio-group--horizontal slot::slotted(cx-radio-card){flex-basis:calc(100% / var(--radio-group-columns) - var(--radio-group-gap) / var(--radio-group-columns) * (var(--radio-group-columns) - 1))}.radio-group--horizontal.radio-group--filled slot::slotted(cx-radio-card){flex-basis:auto}.radio-group--required .radio-group__label:after{content:var(--cx-input-required-content);margin-inline-start:var(--cx-input-required-content-offset)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;
16
- var k = Object.defineProperty, S = Object.getOwnPropertyDescriptor, i = (e, t, s, a) => {
17
- for (var r = a > 1 ? void 0 : a ? S(t, s) : t, l = e.length - 1, n; l >= 0; l--)
18
- (n = e[l]) && (r = (a ? n(t, s, r) : n(r)) || r);
19
- return a && r && k(t, s, r), r;
16
+ var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, i = (e, t, r, s) => {
17
+ for (var a = s > 1 ? void 0 : s ? z(t, r) : t, l = e.length - 1, n; l >= 0; l--)
18
+ (n = e[l]) && (a = (s ? n(t, r, a) : n(a)) || a);
19
+ return s && a && k(t, r, a), a;
20
20
  };
21
21
  let o = class extends f {
22
22
  constructor() {
@@ -47,23 +47,23 @@ let o = class extends f {
47
47
  ];
48
48
  }
49
49
  handleRadioClick(e) {
50
- const t = e.target.closest("cx-radio, cx-radio-button, cx-radio-card"), s = this.getAllRadios(), a = this.value;
51
- !t || t.disabled || (this.value = t.value, s.forEach((r) => r.checked = r === t), this.value !== a && (this.emit("cx-change"), this.emit("cx-input")));
50
+ const t = e.target.closest("cx-radio, cx-radio-button, cx-radio-card"), r = this.getAllRadios(), s = this.value;
51
+ !t || t.disabled || (this.value = t.value, r.forEach((a) => a.checked = a === t), this.value !== s && (this.emit("cx-change"), this.emit("cx-input")));
52
52
  }
53
53
  handleKeyDown(e) {
54
54
  if (!["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", " "].includes(
55
55
  e.key
56
56
  ))
57
57
  return;
58
- const t = this.getAllRadios().filter((n) => !n.disabled), s = t.find((n) => n.checked) ?? t[0], a = e.key === " " ? 0 : ["ArrowUp", "ArrowLeft"].includes(e.key) ? -1 : 1, r = this.value;
59
- let l = t.indexOf(s) + a;
58
+ const t = this.getAllRadios().filter((n) => !n.disabled), r = t.find((n) => n.checked) ?? t[0], s = e.key === " " ? 0 : ["ArrowUp", "ArrowLeft"].includes(e.key) ? -1 : 1, a = this.value;
59
+ let l = t.indexOf(r) + s;
60
60
  l < 0 && (l = t.length - 1), l > t.length - 1 && (l = 0), this.getAllRadios().forEach((n) => {
61
61
  n.checked = !1, this.hasButtonGroup || n.setAttribute("tabindex", "-1");
62
- }), this.value = t[l].value, t[l].checked = !0, this.hasButtonGroup ? t[l].shadowRoot.querySelector("button").focus() : (t[l].setAttribute("tabindex", "0"), t[l].focus()), this.value !== r && (this.emit("cx-change"), this.emit("cx-input")), e.preventDefault();
62
+ }), this.value = t[l].value, t[l].checked = !0, this.hasButtonGroup ? t[l].shadowRoot.querySelector("button").focus() : (t[l].setAttribute("tabindex", "0"), t[l].focus()), this.value !== a && (this.emit("cx-change"), this.emit("cx-input")), e.preventDefault();
63
63
  }
64
64
  handleLabelClick() {
65
- const e = this.getAllRadios(), s = e.find((a) => a.checked) || e[0];
66
- s && s.focus();
65
+ const e = this.getAllRadios(), r = e.find((s) => s.checked) || e[0];
66
+ r && r.focus();
67
67
  }
68
68
  handleInvalid(e) {
69
69
  this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
@@ -71,9 +71,13 @@ let o = class extends f {
71
71
  async syncRadioElements() {
72
72
  const e = this.getAllRadios();
73
73
  if (await Promise.all(
74
- // Sync the checked state and size
74
+ // Sync the checked state, size, and grouped layout
75
75
  e.map(async (t) => {
76
- await t.updateComplete, t.checked = t.value === this.value, t.tagName.toLowerCase() !== "cx-radio-card" && (t.size = this.size);
76
+ if (await t.updateComplete, t.checked = t.value === this.value, t.tagName.toLowerCase() === "cx-radio-card") {
77
+ const r = t;
78
+ r.grouped = this.compact, r.horizontal = this.horizontal;
79
+ } else
80
+ t.size = this.size;
77
81
  })
78
82
  ), this.hasButtonGroup = e.some(
79
83
  (t) => t.tagName.toLowerCase() === "cx-radio-button"
@@ -126,23 +130,23 @@ let o = class extends f {
126
130
  this.customValidityMessage = e, this.errorMessage = e, this.validationInput.setCustomValidity(e), this.formControlController.updateValidity();
127
131
  }
128
132
  render() {
129
- const e = this.hasSlotController.test("label"), t = this.hasSlotController.test("help-text"), s = this.label ? !0 : !!e, a = this.helpText ? !0 : !!t, r = u`<slot @slotchange=${this.syncRadios} @click=${this.handleRadioClick} @keydown=${this.handleKeyDown}></slot>`;
133
+ const e = this.hasSlotController.test("label"), t = this.hasSlotController.test("help-text"), r = this.label ? !0 : !!e, s = this.helpText ? !0 : !!t, a = u`<slot @slotchange=${this.syncRadios} @click=${this.handleRadioClick} @keydown=${this.handleKeyDown}></slot>`;
130
134
  return u`<fieldset part="form-control" class=${c({
131
135
  "form-control": !0,
132
- "form-control--has-help-text": a,
133
- "form-control--has-label": s,
136
+ "form-control--has-help-text": s,
137
+ "form-control--has-label": r,
134
138
  "form-control--large": this.size === "large",
135
139
  "form-control--medium": this.size === "medium",
136
140
  "form-control--radio-group": !0,
137
141
  "form-control--small": this.size === "small"
138
- })} role="radiogroup" aria-labelledby="label" aria-describedby="help-text" aria-errormessage="error-message"><label part="form-control-label" id="label" class="form-control__label" aria-hidden=${s ? "false" : "true"} @click=${this.handleLabelClick}><slot name="label">${this.label}</slot></label><div part="form-control-input" class="form-control-input"><div class="visually-hidden"><div id="error-message" aria-live="assertive">${this.errorMessage}</div><label class="radio-group__validation"><input type="text" class="radio-group__validation-input" ?required=${this.required} tabindex="-1" hidden @invalid=${this.handleInvalid}></label></div>${this.hasButtonGroup ? u`<cx-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${r}</cx-button-group>` : u`<div role="radiogroup" class=${c({
142
+ })} role="radiogroup" aria-labelledby="label" aria-describedby="help-text" aria-errormessage="error-message"><label part="form-control-label" id="label" class="form-control__label" aria-hidden=${r ? "false" : "true"} @click=${this.handleLabelClick}><slot name="label">${this.label}</slot></label><div part="form-control-input" class="form-control-input"><div class="visually-hidden"><div id="error-message" aria-live="assertive">${this.errorMessage}</div><label class="radio-group__validation"><input type="text" class="radio-group__validation-input" ?required=${this.required} tabindex="-1" hidden @invalid=${this.handleInvalid}></label></div>${this.hasButtonGroup ? u`<cx-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${a}</cx-button-group>` : u`<div role="radiogroup" class=${c({
139
143
  "radio-group": !0,
140
144
  "radio-group--compact": this.compact,
141
145
  "radio-group--filled": this.itemsPerRow < 1,
142
146
  "radio-group--horizontal": this.horizontal
143
147
  })} style=${_({
144
148
  "--radio-group-columns": this.itemsPerRow
145
- })}>${r}</div>`}</div><div part="form-control-help-text" id="help-text" class="form-control__help-text" aria-hidden=${a ? "false" : "true"}><slot name="help-text">${this.helpText}</slot></div></fieldset>`;
149
+ })}>${a}</div>`}</div><div part="form-control-help-text" id="help-text" class="form-control__help-text" aria-hidden=${s ? "false" : "true"}><slot name="help-text">${this.helpText}</slot></div></fieldset>`;
146
150
  }
147
151
  };
148
152
  o.styles = [
@@ -197,7 +201,7 @@ i([
197
201
  d({ attribute: "items-per-row", type: Number })
198
202
  ], o.prototype, "itemsPerRow", 2);
199
203
  i([
200
- h("size", { waitUntilFirstUpdate: !0 })
204
+ h(["size", "compact", "horizontal"], { waitUntilFirstUpdate: !0 })
201
205
  ], o.prototype, "handleSizeChange", 1);
202
206
  i([
203
207
  h("value")
@@ -21,7 +21,7 @@ import { o as P } from "../chunks/unsafe-html.Dff7-rCx.js";
21
21
  import { n as f } from "../chunks/when.Dr1es41R.js";
22
22
  import { s as O, g as _ } from "../chunks/animation-registry.HmpwNuGH.js";
23
23
  import { C as U } from "../chunks/icon.BTuMIrIm.js";
24
- import { C as d } from "../chunks/option.CmvB93ks.js";
24
+ import { C as d } from "../chunks/option.zUMZKPFe.js";
25
25
  import M from "./popup.js";
26
26
  import N from "./spinner.js";
27
27
  import R from "./tag.js";
@@ -1,7 +1,7 @@
1
1
  import "./resize-observer.js";
2
2
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
3
3
  import "../chunks/component.styles.CRO4Odto.js";
4
- import { C as A } from "../chunks/tab-group.DH3ppGSh.js";
4
+ import { C as A } from "../chunks/tab-group.BUj0CO1c.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
6
6
  import "../chunks/i18n.DbXTTLXx.js";
7
7
  import "../chunks/scroll.xtO5yojm.js";
@@ -18,7 +18,7 @@ import "../chunks/guard.D4axKaMo.js";
18
18
  import "../chunks/map.D8heArFD.js";
19
19
  import "../chunks/style-map.llVFPd__.js";
20
20
  import "../chunks/when.Dr1es41R.js";
21
- import "../chunks/button.BijVCm3v.js";
21
+ import "../chunks/button.Dc8L4hcg.js";
22
22
  import "./dropdown.js";
23
23
  import "../chunks/icon-button.CBZkhhs8.js";
24
24
  import "./menu.js";
@@ -9,7 +9,7 @@ import { default as dXt } from "./avatar.js";
9
9
  import ax from "./badge.js";
10
10
  import { default as pXt } from "./breadcrumb.js";
11
11
  import { default as gXt } from "./breadcrumb-item.js";
12
- import { C as Gi, B as El, a as bc } from "../chunks/button.BijVCm3v.js";
12
+ import { C as Gi, B as El, a as bc } from "../chunks/button.Dc8L4hcg.js";
13
13
  import ZZ from "./button-group.js";
14
14
  import Jg from "./card.js";
15
15
  import Rh from "./checkbox.js";
@@ -20,8 +20,8 @@ import lx from "./details.js";
20
20
  import { default as fXt } from "./diff.js";
21
21
  import { C as Ja, D as xf, O as lF, a as eQ, H as tQ, z as nQ, o as iQ } from "../chunks/dialog.BD012ZUN.js";
22
22
  import Mc from "./divider.js";
23
- import { r as rQ, a as cF, b as oQ, c as aQ } from "../chunks/document-viewer.BzC8HrV6.js";
24
- import { C as yXt } from "../chunks/document-viewer.BzC8HrV6.js";
23
+ import { r as rQ, a as cF, b as oQ, c as aQ } from "../chunks/document-viewer.DbA73wGD.js";
24
+ import { C as yXt } from "../chunks/document-viewer.DbA73wGD.js";
25
25
  import { d as sQ, C as lQ } from "../chunks/dot-pagination.BqGFeFXK.js";
26
26
  import { default as wXt } from "./dot-status.js";
27
27
  import { default as kXt } from "./drawer.js";
@@ -52,8 +52,8 @@ import cl from "./menu-item.js";
52
52
  import j4 from "./menu-label.js";
53
53
  import pF from "./menu-section.js";
54
54
  import _Q from "./mutation-observer.js";
55
- import { C as Xo, a as CQ } from "../chunks/option.CmvB93ks.js";
56
- import { C as SQ } from "../chunks/pagination.CMjet0v-.js";
55
+ import { C as Xo, a as CQ } from "../chunks/option.zUMZKPFe.js";
56
+ import { C as SQ } from "../chunks/pagination.CqJwMe9w.js";
57
57
  import Gd from "./popup.js";
58
58
  import TQ from "./progress-bar.js";
59
59
  import { default as BXt } from "./progress-ring.js";
@@ -75,7 +75,7 @@ import { default as KXt } from "./step.js";
75
75
  import { default as XXt } from "./stepper.js";
76
76
  import nb from "./switch.js";
77
77
  import VC from "./tab.js";
78
- import { C as UC, T as hF, a as gF, b as mF, g as $I } from "../chunks/tab-group.DH3ppGSh.js";
78
+ import { C as UC, T as hF, a as gF, b as mF, g as $I } from "../chunks/tab-group.BUj0CO1c.js";
79
79
  import U4 from "./tab-panel.js";
80
80
  import { default as ZXt } from "./tag.js";
81
81
  import q4 from "./textarea.js";
@@ -115,7 +115,7 @@ import { d as Kl } from "../chunks/debounce.DaHuiSGU.js";
115
115
  import { t as PS, c as WI, d as WQ, i as Uk, G as zg, j as ap, h as GQ, s as GI, T as G4, k as xn, l as kF, u as KQ, m as YQ, n as _F, o as KI } from "../chunks/string.CfI2ejyR.js";
116
116
  import { b as QJt, e as eZt, f as tZt, y as nZt, g as iZt, p as rZt, z as oZt, x as aZt, a as sZt, w as lZt, r as cZt, q as dZt, v as uZt } from "../chunks/string.CfI2ejyR.js";
117
117
  import { c as pn } from "../chunks/repeat.CFjcER6_.js";
118
- import { a as Dy, F as Iy, i as K4, b as YI, c as XI, d as XQ, e as CF, f as SF, g as Y4, h as qk, C as JQ, j as JI, k as ZI, l as QI, m as e8, n as t8, o as n8, O as i8, D as NS, p as ZQ, q as r8, u as Wk } from "../chunks/asset-link-format.CmV7jHbC.js";
118
+ import { a as Dy, F as Iy, i as K4, b as YI, c as XI, d as XQ, e as CF, f as SF, g as Y4, h as qk, C as JQ, j as JI, k as ZI, l as QI, m as e8, n as t8, o as n8, O as i8, D as NS, p as ZQ, q as r8, u as Wk } from "../chunks/asset-link-format.H5j0gJtQ.js";
119
119
  import { H as qC } from "../chunks/slot.j5oheLJC.js";
120
120
  import { a as hZt, g as gZt } from "../chunks/slot.j5oheLJC.js";
121
121
  import { c as Mr, d as QQ, H as Mn, e as ka, f as ds, a as eee, b as er } from "../chunks/resizable-component.styles.CAfXABBc.js";
@@ -128,7 +128,7 @@ import { j as xZt, f as kZt, e as _Zt, i as CZt, a as SZt, h as TZt, m as EZt, d
128
128
  import EF from "./bicolor-picker.js";
129
129
  import AF from "./border-input-group.js";
130
130
  import { C as IZt } from "../chunks/color-swatch.D6Gg5bpz.js";
131
- import { C as GC, a as OF } from "../chunks/confirm-popover.DgIbglt-.js";
131
+ import { C as GC, a as OF } from "../chunks/confirm-popover.DlIPMgF1.js";
132
132
  import iee from "./corner-position-input-group.js";
133
133
  import ree from "./cropper.js";
134
134
  import { h as cn, D as DF, e as c8, C as Rs, M as ib, T as cx } from "../chunks/endpoints.mJ5S-tIs.js";
@@ -141,9 +141,9 @@ import { g as MF, F as uee } from "../chunks/form.DSsy3Fcy.js";
141
141
  import { c as $Zt, f as FZt, v as zZt, a as jZt } from "../chunks/form.DSsy3Fcy.js";
142
142
  import { d as RS, c as p8, e as pee, i as h8, h as hee, p as gee, t as mee } from "../chunks/date.iWq_pkIk.js";
143
143
  import { b as VZt, f as UZt, g as qZt, a as WZt, n as GZt } from "../chunks/date.iWq_pkIk.js";
144
- import { F as PF, a as fee, b as X4, H as vee, c as i0, d as yee, o as vu } from "../chunks/color-swatch-group.Zia_zbwS.js";
145
- import { C as YZt, e as XZt, f as JZt } from "../chunks/color-swatch-group.Zia_zbwS.js";
146
- import { F as zd, C as J4, s as YC, a as $S } from "../chunks/folder-select.D2scByIr.js";
144
+ import { F as PF, a as fee, b as X4, H as vee, c as i0, d as yee, o as vu } from "../chunks/color-swatch-group.DqP6pp2u.js";
145
+ import { C as YZt, e as XZt, f as JZt } from "../chunks/color-swatch-group.DqP6pp2u.js";
146
+ import { F as zd, C as J4, s as YC, a as $S } from "../chunks/folder-select.C4JVju2L.js";
147
147
  import { b as XC, a as mw, c as bee, r as Ue, j as _e, w as wee, R as xee } from "../chunks/jsx-runtime.CTpPVMxj.js";
148
148
  import { j as FS } from "../chunks/index.CrhRU5m8.js";
149
149
  import { i as Z4, T as zS, t as kee } from "../chunks/transform.BuqENXeT.js";
@@ -151146,7 +151146,7 @@ yd([
151146
151146
  al = yd([
151147
151147
  on("cx-lightbox")
151148
151148
  ], al);
151149
- const QUt = dn`:host{display:contents}:host([mode=inline]) cx-menu{width:100%}cx-dropdown{min-width:max-content}@media (width<=991px){:host([mode=dropdown][panel-visibility=desktop-only]) cx-menu{display:none}}.space-selector__trigger{max-width:500px}.space-selector__list{max-height:60vh;overflow:hidden auto}.space-selector__space--current{pointer-events:none}.space-selector__status{padding:var(--cx-spacing-x-small) var(--cx-spacing-medium);color:var(--cx-color-neutral-600)}.space-selector__action--danger{--label-color:var(--cx-color-danger-600)}.space-selector__action--danger cx-icon{color:var(--cx-color-danger-600)}cx-menu-item{--checked-icon-display:none}`;
151149
+ const QUt = dn`:host{display:inline-block}:host([mode=inline]){display:contents}:host([mode=inline]) cx-menu{width:100%}cx-dropdown{min-width:max-content}@media (width<=991px){:host([mode=dropdown][panel-visibility=desktop-only]) cx-menu{display:none}}.space-selector__trigger{max-width:500px}.space-selector__list{max-height:60vh;overflow:hidden auto}.space-selector__space--current{pointer-events:none}.space-selector__status{padding:var(--cx-spacing-x-small) var(--cx-spacing-medium);color:var(--cx-color-neutral-600)}.space-selector__action--danger{--label-color:var(--cx-color-danger-600)}.space-selector__action--danger cx-icon{color:var(--cx-color-danger-600)}cx-menu-item{--checked-icon-display:none}`;
151150
151150
  var eqt = Object.defineProperty, tqt = Object.getOwnPropertyDescriptor, TX = (n) => {
151151
151151
  throw TypeError(n);
151152
151152
  }, bs = (n, e, t, i) => {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "2.181.0",
4
+ "version": "2.183.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {
@@ -19,6 +19,7 @@ import { default as CxSpace } from '../space/space';
19
19
  * @csspart suffix - The container that wraps the suffix.
20
20
  *
21
21
  * @cssproperty [--option-color=var(--cx-color-neutral-700)] - The option's color.
22
+ * @cssproperty [--option-current-background-color=transparent] - The background color of the option under the keyboard cursor (`aria-activedescendant`). Only one option is current at a time, and it is not necessarily the selected one.
22
23
  * @cssproperty [--option-font-weight=var(--cx-font-weight-regular)] - The option's font weight.
23
24
  * @cssproperty [--option-help-text-color=var(--cx-color-neutral-600)] - The option's help text color.
24
25
  * @cssproperty [--option-help-text-font-weight=var(--cx-font-weight-regular)] - The option's help text font weight.
@@ -51,6 +51,10 @@ export default class CxRadioCard extends CortexElement {
51
51
  * Whether to show full text or ellipsis
52
52
  */
53
53
  disabledLineClamp: boolean;
54
+ /** Draws the card as one segment of a joined group. Set by the radio group. */
55
+ grouped: boolean;
56
+ /** Joins the group horizontally instead of vertically. Set by the radio group. */
57
+ horizontal: boolean;
54
58
  constructor();
55
59
  runFirstUpdated(): void;
56
60
  private handleBlur;
@@ -4097,6 +4097,14 @@
4097
4097
  * Whether to show full text or ellipsis
4098
4098
  */
4099
4099
  disabledLineClamp?: boolean;
4100
+ /**
4101
+ * Draws the card as one segment of a joined group. Set by the radio group.
4102
+ */
4103
+ grouped?: boolean;
4104
+ /**
4105
+ * Joins the group horizontally instead of vertically. Set by the radio group.
4106
+ */
4107
+ horizontal?: boolean;
4100
4108
  /**
4101
4109
  * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
4102
4110
  */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "2.181.0",
4
+ "version": "2.183.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {