@orangelogic/design-system 2.135.0 → 2.137.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 (104) hide show
  1. package/library/chunks/{asset-link-format.BBWyY5fn.js → asset-link-format.C7qLkR5q.js} +6 -6
  2. package/library/chunks/{button.3giRMk79.js → button.C1SliH9f.js} +1 -1
  3. package/library/chunks/{checkbox.B-2O517F.js → checkbox.Cjcht4xR.js} +18 -18
  4. package/library/chunks/{color-swatch-group.DC6vIYo4.js → color-swatch-group.-16VIoq6.js} +7 -7
  5. package/library/chunks/{color-swatch.g3FPUnxM.js → color-swatch.C26o9Mgz.js} +1 -1
  6. package/library/chunks/{confirm-popover.DtndPsMa.js → confirm-popover.UaaAL0w7.js} +3 -3
  7. package/library/chunks/{dialog.BQq3xBeH.js → dialog.Bb0_EAwb.js} +2 -2
  8. package/library/chunks/{document-viewer.BQPJD2lJ.js → document-viewer.Bfg059Ip.js} +1737 -1668
  9. package/library/chunks/{dot-pagination.DBk9Rz1e.js → dot-pagination.BzRjwmKy.js} +1 -1
  10. package/library/chunks/{file-on-demand.Bnloo9Ui.js → file-on-demand.j_V2IDwl.js} +9 -9
  11. package/library/chunks/{folder-select.DuG4dSPm.js → folder-select.B2trdP78.js} +111 -97
  12. package/library/chunks/{header.Bpjw08j7.js → header.CAG_RmQg.js} +1 -1
  13. package/library/chunks/{i18n.DJikbkDK.js → i18n.Dqb15q5k.js} +6 -2
  14. package/library/chunks/{icon-button.xobY-9OH.js → icon-button.BqFraOfp.js} +1 -1
  15. package/library/chunks/{iframe.BkvxcywO.js → iframe.Cg0YBl8p.js} +1 -1
  16. package/library/chunks/{image.KZRXIthe.js → image.VNvhPhZ1.js} +3 -2
  17. package/library/chunks/{input.GUw7x9tK.js → input.C_db7iND.js} +1 -1
  18. package/library/chunks/{option.uHye0aDT.js → option.D5NdA-Cm.js} +1 -1
  19. package/library/chunks/{pagination.D8Hzwlan.js → pagination.C_4fPcD4.js} +5 -5
  20. package/library/chunks/{tab-group.0_aOE22R.js → tab-group.CRTjU6He.js} +3 -3
  21. package/library/chunks/{tree.C14rLLol.js → tree.BYcnDDKg.js} +2 -2
  22. package/library/components/alert.js +2 -2
  23. package/library/components/asset-link-format.js +3 -3
  24. package/library/components/atoms.js +14 -14
  25. package/library/components/audio.js +2 -2
  26. package/library/components/border-input-group.js +2 -2
  27. package/library/components/breadcrumb.js +1 -1
  28. package/library/components/button.js +2 -2
  29. package/library/components/checkbox.js +1 -1
  30. package/library/components/color-picker.js +3 -3
  31. package/library/components/color-swatch-group.js +3 -3
  32. package/library/components/color-swatch.js +2 -2
  33. package/library/components/confirm-popover.js +4 -4
  34. package/library/components/copy-button.js +1 -1
  35. package/library/components/corner-position-input-group.js +3 -3
  36. package/library/components/date-calendar.js +1 -1
  37. package/library/components/details.js +1 -1
  38. package/library/components/dialog.js +3 -3
  39. package/library/components/document-viewer.js +3 -3
  40. package/library/components/dot-pagination.js +2 -2
  41. package/library/components/drawer.js +2 -2
  42. package/library/components/dropdown.js +2 -2
  43. package/library/components/dynamic-select.js +4 -4
  44. package/library/components/e-chart.js +1 -1
  45. package/library/components/element-clamp.js +2 -2
  46. package/library/components/file-on-demand.js +10 -10
  47. package/library/components/folder-select.js +4 -4
  48. package/library/components/format-bytes.js +1 -1
  49. package/library/components/format-date.js +1 -1
  50. package/library/components/format-number.js +1 -1
  51. package/library/components/format-time.js +1 -1
  52. package/library/components/header.js +2 -2
  53. package/library/components/icon-button.js +2 -2
  54. package/library/components/iframe.js +2 -2
  55. package/library/components/image-comparer.js +1 -1
  56. package/library/components/image.js +2 -2
  57. package/library/components/input.js +2 -2
  58. package/library/components/line-clamp.js +1 -1
  59. package/library/components/masonry.js +2 -2
  60. package/library/components/menu-item.js +1 -1
  61. package/library/components/menu.js +1 -1
  62. package/library/components/molecules.js +3 -3
  63. package/library/components/option.js +2 -2
  64. package/library/components/organisms.js +3 -3
  65. package/library/components/padding-input-group.js +1 -1
  66. package/library/components/pagination.js +6 -6
  67. package/library/components/popup.js +1 -1
  68. package/library/components/position-picker.js +1 -1
  69. package/library/components/progress-bar.js +1 -1
  70. package/library/components/progress-ring.js +1 -1
  71. package/library/components/range.js +1 -1
  72. package/library/components/rating.js +1 -1
  73. package/library/components/relative-time.js +1 -1
  74. package/library/components/select.js +2 -2
  75. package/library/components/shadow-input-group.js +1 -1
  76. package/library/components/share-option-list.js +1 -1
  77. package/library/components/sidebar.js +1 -1
  78. package/library/components/size-input-group.js +3 -3
  79. package/library/components/spinner.js +1 -1
  80. package/library/components/split-panel.js +1 -1
  81. package/library/components/tab-group.js +4 -4
  82. package/library/components/tab.js +2 -2
  83. package/library/components/tag.js +2 -2
  84. package/library/components/tooltip.js +1 -1
  85. package/library/components/tree-item.js +3 -3
  86. package/library/components/tree.js +2 -2
  87. package/library/components/typeface.js +2 -2
  88. package/library/components/types.js +14887 -14857
  89. package/library/components/video.js +2 -2
  90. package/library/package.json +1 -1
  91. package/library/packages/molecules/src/folder-select/components/folder-select-tree/folder-select-tree.d.ts +6 -0
  92. package/library/packages/molecules/src/folder-select/folder-select.d.ts +5 -0
  93. package/library/packages/organisms/src/content-builder/components/config-form/config-form.d.ts +5 -0
  94. package/library/packages/organisms/src/content-builder/components/config-manager/config-manager.d.ts +5 -0
  95. package/library/packages/organisms/src/content-builder/components/folder-picker/folder-picker.d.ts +6 -0
  96. package/library/packages/organisms/src/content-builder/content-builder.d.ts +5 -0
  97. package/library/packages/organisms/src/content-builder/styleController.d.ts +1 -0
  98. package/library/packages/tools/src/attribute-converter/string-array.d.ts +5 -0
  99. package/library/packages/types/src/content-builder.d.ts +1 -0
  100. package/library/packages/types/src/pdf-viewer-toolbar.d.ts +3 -3
  101. package/library/packages/utils/src/custom-element/i18n.d.ts +4 -0
  102. package/library/react-web-component.d.ts +562 -5
  103. package/library/utils.js +1 -1
  104. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  import "../components/cropper.js";
2
- import { C as G } from "./button.3giRMk79.js";
2
+ import { C as G } from "./button.C1SliH9f.js";
3
3
  import D from "../components/space.js";
4
4
  import { C as T } from "./typography.DJC_UXgs.js";
5
5
  import { n as h, C as N } from "./lib-cortex-element.CVMmyPMC.js";
@@ -8,7 +8,7 @@ import { M as bt, U as o, T as c } from "./asset-link-format.QzzboHHE.js";
8
8
  import "./browser.BHOCIF_A.js";
9
9
  import { i as L, x, E as Ut } from "./lit-element.jLBm65_O.js";
10
10
  import "./form.K1XOtu3S.js";
11
- import { L as O } from "./i18n.DJikbkDK.js";
11
+ import { L as O } from "./i18n.Dqb15q5k.js";
12
12
  import { a as qt } from "./string.CjJ09HK3.js";
13
13
  import "./date-picker.DTUICGb9.js";
14
14
  import "./content-builder.BGzxZUgi.js";
@@ -24,9 +24,9 @@ import { n as _ } from "./when.Dr1es41R.js";
24
24
  import Z from "../components/details.js";
25
25
  import jt from "../components/divider.js";
26
26
  import { C as Y } from "./icon.DnBh6-56.js";
27
- import { C as ut } from "./icon-button.xobY-9OH.js";
28
- import { C as mt } from "./input.GUw7x9tK.js";
29
- import { C as rt } from "./option.uHye0aDT.js";
27
+ import { C as ut } from "./icon-button.BqFraOfp.js";
28
+ import { C as mt } from "./input.C_db7iND.js";
29
+ import { C as rt } from "./option.D5NdA-Cm.js";
30
30
  import nt from "../components/select.js";
31
31
  import { c as Vt } from "./image.BzmclWBR.js";
32
32
  import { e as J } from "./query.BBf1UFkC.js";
@@ -34,7 +34,7 @@ import { c as tt } from "./repeat.CFjcER6_.js";
34
34
  import { o as I } from "./style-map.llVFPd__.js";
35
35
  import It from "../components/tooltip.js";
36
36
  import Gt from "../components/button-group.js";
37
- import { C as Qt } from "./checkbox.B-2O517F.js";
37
+ import { C as Qt } from "./checkbox.Cjcht4xR.js";
38
38
  function Kt(t) {
39
39
  return t && t.length ? Bt(t) : [];
40
40
  }
@@ -2,7 +2,7 @@ import { n as i, C as v } from "./lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as g } from "./component.styles.CRO4Odto.js";
3
3
  import { c as C } from "./custom-element.L4WJXn1j.js";
4
4
  import { F as x, v as w } from "./form.K1XOtu3S.js";
5
- import { L as $ } from "./i18n.DJikbkDK.js";
5
+ import { L as $ } from "./i18n.Dqb15q5k.js";
6
6
  import { H as S, g as O } from "./slot.j5oheLJC.js";
7
7
  import { w as m } from "./watch.CThbualB.js";
8
8
  import { r as u } from "./state.CSDxrqLd.js";
@@ -1,27 +1,27 @@
1
- import { n as r, C as f } from "./lib-cortex-element.CVMmyPMC.js";
2
- import { c as k } from "./component.styles.CRO4Odto.js";
1
+ import { n as r, C as k } from "./lib-cortex-element.CVMmyPMC.js";
2
+ import { c as f } from "./component.styles.CRO4Odto.js";
3
3
  import { f as v } from "./form-control.styles.CaGWmeAS.js";
4
4
  import { c as g } from "./custom-element.L4WJXn1j.js";
5
5
  import { d as y } from "./default-value.COZopaet.js";
6
6
  import { F as _ } from "./form.K1XOtu3S.js";
7
7
  import { H as C } from "./slot.j5oheLJC.js";
8
- import { w as b } from "./watch.CThbualB.js";
8
+ import { w as u } from "./watch.CThbualB.js";
9
9
  import { i as w, x as n } from "./lit-element.jLBm65_O.js";
10
10
  import { r as $ } from "./state.CSDxrqLd.js";
11
11
  import { e as z } from "./query.BBf1UFkC.js";
12
12
  import { e as d } from "./class-map.BiVq-cVR.js";
13
13
  import { o as p } from "./if-defined.BRoBj_Rp.js";
14
- import { l as u } from "./live.DCegntDo.js";
14
+ import { l as b } from "./live.DCegntDo.js";
15
15
  import { n as F } from "./when.Dr1es41R.js";
16
16
  import { C as V } from "./icon.DnBh6-56.js";
17
17
  var x = /* @__PURE__ */ ((e) => (e.Large = "large", e.Medium = "medium", e.Small = "small", e))(x || {}), m = /* @__PURE__ */ ((e) => (e.Bottom = "bottom", e.Left = "left", e.Right = "right", e.Top = "top", e))(m || {});
18
- const H = w`:host([disabled]){pointer-events:none}:host{white-space:normal;padding:var(--checkbox-padding,0);margin:var(--checkbox-margin,0);display:inline-block}:host([data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color)}:host([data-user-invalid])::part(label){color:var(--cx-input-invalid-color)}:host([data-user-invalid])::part(control){outline:none}:host(:focus-within[data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.checkbox{font-family:var(--cx-input-font-family);font-weight:var(--cx-input-font-weight);color:var(--label-color,var(--cx-color-neutral));vertical-align:middle;cursor:pointer;box-sizing:border-box;align-items:flex-start;gap:var(--checkbox-label-gap,var(--cx-spacing-x-small));display:inline-flex;position:relative}.checkbox--label-left{flex-direction:row-reverse}.checkbox--label-top{flex-direction:column-reverse;align-items:flex-start}.checkbox--label-bottom{flex-direction:column;align-items:flex-start}.checkbox--small{--toggle-size:var(--cx-toggle-size-small);font-size:var(--cx-input-font-size-small)}.checkbox--medium{--toggle-size:var(--cx-toggle-size-medium);font-size:var(--cx-input-font-size-small)}.checkbox--large{--toggle-size:var(--cx-toggle-size-large);font-size:var(--cx-input-font-size-small)}.form-control{flex-direction:column;display:flex}.checkbox__control{width:var(--toggle-size);height:var(--toggle-size);border:solid var(--cx-input-border-width) var(--cx-input-border-color);border-radius:var(--cx-border-radius-small);background-color:var(--cx-input-background-color);color:var(--cx-color-neutral-0);transition:var(--cx-transition-fast) border-color, var(--cx-transition-fast) background-color, var(--cx-transition-fast) color, var(--cx-transition-fast) box-shadow;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.checkbox__input{opacity:0;pointer-events:none;margin:0;padding:0;position:absolute}.checkbox__checked-icon,.checkbox__indeterminate-icon{display:inline-flex}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--cx-input-border-color-hover);background-color:var(--cx-input-background-color-hover)}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--checked .checkbox__control,.checkbox--indeterminate .checkbox__control{border-color:var(--cx-color-primary);background-color:var(--cx-color-primary)}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--cx-color-primary-500);background-color:var(--cx-color-primary-500)}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--disabled{opacity:.5;cursor:default}.checkbox--disabled:not(.checkbox--checked):not(.checkbox--indeterminate) .checkbox__control{background-color:var(--cx-checkbox-disabled-background,var(--cx-input-background-color));border-color:var(--cx-checkbox-disabled-border-color,var(--cx-input-border-color))}.checkbox__label{width:var(--label-width,auto);color:var(--label-color,var(--cx-color-neutral));font:var(--label-font,var(--cx-font-label-small));line-height:var(--toggle-size);-webkit-user-select:none;user-select:none;text-transform:var(--cx-checkbox-label-text-transform,none);white-space:var(--cx-checkbox-label-white-space,normal);pointer-events:none;display:inline-block}.form-control__help-text{font:var(--help-text-font,var(--cx-font-label-x-small));color:var(--help-text-color,var(--cx-color-neutral-600))}:host([required]) .checkbox__label:after{color:var(--cx-input-required-content-color);content:var(--cx-input-required-content);margin-inline-start:var(--cx-input-required-content-offset)}`;
19
- var S = Object.defineProperty, q = Object.getOwnPropertyDescriptor, o = (e, i, l, a) => {
20
- for (var c = a > 1 ? void 0 : a ? q(i, l) : i, s = e.length - 1, h; s >= 0; s--)
21
- (h = e[s]) && (c = (a ? h(i, l, c) : h(c)) || c);
22
- return a && c && S(i, l, c), c;
18
+ const H = w`:host([disabled]){pointer-events:none}:host{white-space:normal;padding:var(--checkbox-padding,0);margin:var(--checkbox-margin,0);display:inline-block}:host([data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color)}:host([data-user-invalid])::part(label){color:var(--cx-input-invalid-color)}:host([data-user-invalid])::part(control){outline:none}:host(:focus-within[data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.checkbox{font-family:var(--cx-input-font-family);font-weight:var(--cx-input-font-weight);color:var(--label-color,var(--cx-color-neutral));vertical-align:middle;cursor:pointer;box-sizing:border-box;align-items:flex-start;gap:var(--checkbox-label-gap,var(--cx-spacing-x-small));display:inline-flex;position:relative}.checkbox--label-left{flex-direction:row-reverse}.checkbox--label-top{flex-direction:column-reverse;align-items:flex-start}.checkbox--label-bottom{flex-direction:column;align-items:flex-start}.checkbox--small{--toggle-size:var(--cx-toggle-size-small);font-size:var(--cx-input-font-size-small)}.checkbox--medium{--toggle-size:var(--cx-toggle-size-medium);font-size:var(--cx-input-font-size-small)}.checkbox--large{--toggle-size:var(--cx-toggle-size-large);font-size:var(--cx-input-font-size-small)}.form-control{flex-direction:column;display:flex}.checkbox__control{width:var(--toggle-size);height:var(--toggle-size);border:solid var(--cx-input-border-width) var(--cx-input-border-color);border-radius:var(--cx-border-radius-small);background-color:var(--cx-input-background-color);color:var(--cx-color-neutral-0);transition:var(--cx-transition-fast) border-color, var(--cx-transition-fast) background-color, var(--cx-transition-fast) color, var(--cx-transition-fast) box-shadow;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.checkbox__input{opacity:0;pointer-events:none;margin:0;padding:0;position:absolute}.checkbox__checked-icon,.checkbox__indeterminate-icon{display:inline-flex}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--checkbox-checked-color,var(--cx-input-border-color-hover));background-color:var(--checkbox-hover-color,var(--cx-input-background-color-hover))}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--checked .checkbox__control{border-color:var(--checkbox-checked-color,var(--cx-color-primary));background-color:var(--checkbox-checked-color,var(--cx-color-primary))}.checkbox--indeterminate .checkbox__control{border-color:var(--checkbox-indeterminate-color,var(--cx-color-primary));background-color:var(--checkbox-indeterminate-color,var(--cx-color-primary))}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--checkbox-hover-color,var(--checkbox-checked-color,var(--cx-color-primary-500)));background-color:var(--checkbox-hover-color,var(--checkbox-checked-color,var(--cx-color-primary-500)))}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--disabled{opacity:.5;cursor:default}.checkbox--disabled:not(.checkbox--checked):not(.checkbox--indeterminate) .checkbox__control{background-color:var(--cx-checkbox-disabled-background,var(--cx-input-background-color));border-color:var(--cx-checkbox-disabled-border-color,var(--cx-input-border-color))}.checkbox__label{width:var(--label-width,auto);color:var(--label-color,var(--cx-color-neutral));font:var(--label-font,var(--cx-font-label-small));line-height:var(--toggle-size);-webkit-user-select:none;user-select:none;text-transform:var(--cx-checkbox-label-text-transform,none);white-space:var(--cx-checkbox-label-white-space,normal);pointer-events:none;display:inline-block}.form-control__help-text{font:var(--help-text-font,var(--cx-font-label-x-small));color:var(--help-text-color,var(--cx-color-neutral-600))}:host([required]) .checkbox__label:after{color:var(--cx-input-required-content-color);content:var(--cx-input-required-content);margin-inline-start:var(--cx-input-required-content-offset)}`;
19
+ var S = Object.defineProperty, q = Object.getOwnPropertyDescriptor, o = (e, c, l, a) => {
20
+ for (var i = a > 1 ? void 0 : a ? q(c, l) : c, s = e.length - 1, h; s >= 0; s--)
21
+ (h = e[s]) && (i = (a ? h(c, l, i) : h(i)) || i);
22
+ return a && i && S(c, l, i), i;
23
23
  };
24
- let t = class extends f {
24
+ let t = class extends k {
25
25
  constructor() {
26
26
  super(...arguments), this.formControlController = new _(this, {
27
27
  // eslint-disable-next-line
@@ -29,7 +29,7 @@ let t = class extends f {
29
29
  defaultValue: (e) => e.defaultChecked,
30
30
  // eslint-disable-next-line
31
31
  // @ts-ignore
32
- setValue: (e, i) => e.checked = i,
32
+ setValue: (e, c) => e.checked = c,
33
33
  // eslint-disable-next-line
34
34
  // @ts-ignore
35
35
  value: (e) => e.checked ? e.value || "on" : void 0
@@ -112,11 +112,11 @@ let t = class extends f {
112
112
  super.disconnectedCallback(), this.removeEventListener("click", this.handleHostClick, { capture: !0 }), this.removeEventListener("keydown", this.handleHostKeydown, { capture: !0 });
113
113
  }
114
114
  render() {
115
- const e = this.hasSlotController.test("help-text"), i = this.helpText ? !0 : !!e, l = this.hasSlotController.test("[default]");
115
+ const e = this.hasSlotController.test("help-text"), c = this.helpText ? !0 : !!e, l = this.hasSlotController.test("[default]");
116
116
  return n`<div class=${d({
117
117
  "form-control": !0,
118
118
  [`form-control--${this.size}`]: !0,
119
- "form-control--has-help-text": i
119
+ "form-control--has-help-text": c
120
120
  })}><div part="base" class=${d({
121
121
  checkbox: !0,
122
122
  "checkbox--checked": this.checked,
@@ -125,15 +125,15 @@ let t = class extends f {
125
125
  "checkbox--indeterminate": this.indeterminate,
126
126
  [`checkbox--label-${this.labelPlacement}`]: !0,
127
127
  [`checkbox--${this.size}`]: !0
128
- })}><input id="checkbox" aria-label=${p(this.ariaLabel?.trim() || void 0)} class="checkbox__input" type="checkbox" title=${this.title} name=${this.name} .value=${p(this.value)} .indeterminate=${u(this.indeterminate)} .checked=${u(this.checked)} .disabled=${this.disabled} .required=${this.required} aria-checked=${this.indeterminate ? "mixed" : this.checked ? "true" : "false"} aria-describedby="help-text" @change=${this.handleChange} @invalid=${this.handleInvalid} @blur=${this.handleBlur} @focus=${this.handleFocus}><span part="control${this.checked ? " control--checked" : ""}${this.indeterminate ? " control--indeterminate" : ""}" class="checkbox__control">${this.checked ? n`<slot name="checked-icon"><cx-icon part="checked-icon" class="checkbox__checked-icon" name="check"></cx-icon></slot>` : ""}
128
+ })}><input id="checkbox" aria-label=${p(this.ariaLabel?.trim() || void 0)} class="checkbox__input" type="checkbox" title=${this.title} name=${this.name} .value=${p(this.value)} .indeterminate=${b(this.indeterminate)} .checked=${b(this.checked)} .disabled=${this.disabled} .required=${this.required} aria-checked=${this.indeterminate ? "mixed" : this.checked ? "true" : "false"} aria-describedby="help-text" @change=${this.handleChange} @invalid=${this.handleInvalid} @blur=${this.handleBlur} @focus=${this.handleFocus}><span part="control${this.checked ? " control--checked" : ""}${this.indeterminate ? " control--indeterminate" : ""}" class="checkbox__control">${this.checked ? n`<slot name="checked-icon"><cx-icon part="checked-icon" class="checkbox__checked-icon" name="check"></cx-icon></slot>` : ""}
129
129
  ${!this.checked && this.indeterminate ? n`<slot name="indeterminate-icon"><cx-icon part="indeterminate-icon" class="checkbox__indeterminate-icon" name="remove"></cx-icon></slot>` : ""}</span>${F(
130
130
  l,
131
131
  () => n`<label for="checkbox" part="label" class="checkbox__label"><slot></slot></label>`
132
- )}</div><div aria-hidden=${i ? "false" : "true"} class="form-control__help-text" id="help-text" part="form-control-help-text"><slot name="help-text">${this.helpText}</slot></div></div>`;
132
+ )}</div><div aria-hidden=${c ? "false" : "true"} class="form-control__help-text" id="help-text" part="form-control-help-text"><slot name="help-text">${this.helpText}</slot></div></div>`;
133
133
  }
134
134
  };
135
135
  t.styles = [
136
- k,
136
+ f,
137
137
  v,
138
138
  H
139
139
  ];
@@ -184,10 +184,10 @@ o([
184
184
  r({ attribute: "aria-label", reflect: !0, type: String })
185
185
  ], t.prototype, "ariaLabel", 2);
186
186
  o([
187
- b("disabled", { waitUntilFirstUpdate: !0 })
187
+ u("disabled", { waitUntilFirstUpdate: !0 })
188
188
  ], t.prototype, "handleDisabledChange", 1);
189
189
  o([
190
- b(["checked", "indeterminate"], { waitUntilFirstUpdate: !0 })
190
+ u(["checked", "indeterminate"], { waitUntilFirstUpdate: !0 })
191
191
  ], t.prototype, "handleStateChange", 1);
192
192
  t = o([
193
193
  g("cx-checkbox")
@@ -1,11 +1,11 @@
1
1
  import si from "../components/space.js";
2
2
  import { C as hr, T as Nr } from "./typography.DJC_UXgs.js";
3
3
  import { n as g, C as tt } from "./lib-cortex-element.CVMmyPMC.js";
4
- import { C as cr, a as _i } from "./color-swatch.g3FPUnxM.js";
4
+ import { C as cr, a as _i } from "./color-swatch.C26o9Mgz.js";
5
5
  import { c as ht } from "./component.styles.CRO4Odto.js";
6
6
  import { c as it } from "./custom-element.L4WJXn1j.js";
7
7
  import { i as Z, x as S, E as pt, B as Vr } from "./lit-element.jLBm65_O.js";
8
- import { C as Rt } from "./button.3giRMk79.js";
8
+ import { C as Rt } from "./button.C1SliH9f.js";
9
9
  import { C as oi } from "./icon.DnBh6-56.js";
10
10
  import ri from "../components/tooltip.js";
11
11
  import { r as Ir } from "./choose.BTbF6BAn.js";
@@ -17,14 +17,14 @@ import ni from "../components/menu.js";
17
17
  import ai from "../components/menu-item.js";
18
18
  import Br from "../components/menu-section.js";
19
19
  import { g as Wr, t as $r, a as jr, b as Gr } from "./toast.Bz-j7zP2.js";
20
- import { L as zt } from "./i18n.DJikbkDK.js";
20
+ import { L as zt } from "./i18n.Dqb15q5k.js";
21
21
  import { w as K } from "./watch.CThbualB.js";
22
22
  import { r as ce } from "./state.CSDxrqLd.js";
23
23
  import { n as J } from "./when.Dr1es41R.js";
24
- import { C as dr, a as Ur } from "./checkbox.B-2O517F.js";
25
- import { C as Is } from "./icon-button.xobY-9OH.js";
26
- import { C as Kr } from "./input.GUw7x9tK.js";
27
- import { C as qr, P as Xr } from "./pagination.D8Hzwlan.js";
24
+ import { C as dr, a as Ur } from "./checkbox.Cjcht4xR.js";
25
+ import { C as Is } from "./icon-button.BqFraOfp.js";
26
+ import { C as Kr } from "./input.C_db7iND.js";
27
+ import { C as qr, P as Xr } from "./pagination.C_4fPcD4.js";
28
28
  import { H as Jr } from "./slot.j5oheLJC.js";
29
29
  import { e as ct } from "./query.BBf1UFkC.js";
30
30
  import { e as at } from "./class-map.BiVq-cVR.js";
@@ -8,7 +8,7 @@ import { c as F } from "./component.styles.CRO4Odto.js";
8
8
  import { c as n, C as h, H as $, l as z } from "./color.LzSGBy7o.js";
9
9
  import { c as O } from "./custom-element.L4WJXn1j.js";
10
10
  import { d as W } from "./debounce.DaHuiSGU.js";
11
- import { L as A } from "./i18n.DJikbkDK.js";
11
+ import { L as A } from "./i18n.Dqb15q5k.js";
12
12
  import { w as i } from "./watch.CThbualB.js";
13
13
  import { i as G, x as u } from "./lit-element.jLBm65_O.js";
14
14
  import { r as c } from "./state.CSDxrqLd.js";
@@ -1,11 +1,11 @@
1
- import { C as _ } from "./button.3giRMk79.js";
2
- import { C as u, D as h } from "./dialog.BQq3xBeH.js";
1
+ import { C as _ } from "./button.C1SliH9f.js";
2
+ import { C as u, D as h } from "./dialog.Bb0_EAwb.js";
3
3
  import g from "../components/dropdown.js";
4
4
  import { C as x } from "./typography.DJC_UXgs.js";
5
5
  import { n as e, C as b } from "./lib-cortex-element.CVMmyPMC.js";
6
6
  import { c as y } from "./component.styles.CRO4Odto.js";
7
7
  import { c as w } from "./custom-element.L4WJXn1j.js";
8
- import { L as $ } from "./i18n.DJikbkDK.js";
8
+ import { L as $ } from "./i18n.Dqb15q5k.js";
9
9
  import { i as z, x as d } from "./lit-element.jLBm65_O.js";
10
10
  import { e as m } from "./query.BBf1UFkC.js";
11
11
  import { e as a } from "./class-map.BiVq-cVR.js";
@@ -3,7 +3,7 @@ import { c as S } from "./component.styles.CRO4Odto.js";
3
3
  import { O, C as D, H, z as A, o as B } from "./overlayscrollbars.BMav4RQ4.js";
4
4
  import { a as c, s as p, w as x } from "./event.BeKOsirN.js";
5
5
  import { c as $ } from "./custom-element.L4WJXn1j.js";
6
- import { L } from "./i18n.DJikbkDK.js";
6
+ import { L } from "./i18n.Dqb15q5k.js";
7
7
  import { M as P } from "./modal.U1QltQKe.js";
8
8
  import { l as w, u as _ } from "./scroll.xtO5yojm.js";
9
9
  import { H as E } from "./slot.j5oheLJC.js";
@@ -17,7 +17,7 @@ import { o as q } from "./style-map.llVFPd__.js";
17
17
  import { n as b } from "./when.Dr1es41R.js";
18
18
  import { s as u, g as h } from "./animation-registry.HmpwNuGH.js";
19
19
  import F from "../components/divider.js";
20
- import { C as I } from "./icon-button.xobY-9OH.js";
20
+ import { C as I } from "./icon-button.BqFraOfp.js";
21
21
  import U from "../components/popup.js";
22
22
  var l = /* @__PURE__ */ ((e) => (e.Both = "both", e.Footer = "footer", e.Header = "header", e.None = "none", e))(l || {});
23
23
  const j = R`:host{--width:31rem;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large);--body-spacing:var(--cx-spacing-medium) var(--cx-spacing-large);--divider-spacing:0;--footer-spacing:var(--cx-spacing-medium);--max-width:100%;--max-height:100%;--overlay-background-color:var(--cx-overlay-background-color);display:contents}.dialog{justify-content:center;align-items:center;display:flex}.dialog--absolute{position:absolute}.dialog__panel{width:var(--width);height:var(--dialog-height,auto);background-color:var(--cx-panel-background-color);border-radius:var(--cx-border-radius-medium);box-shadow:var(--cx-shadow-x-large);max-width:calc(var(--max-width) - var(--cx-spacing-2x-large));max-height:calc(var(--max-height) - var(--cx-spacing-2x-large));flex-direction:column;display:flex;overflow:hidden}.dialog__panel:focus{outline:none}@media screen and (width<=420px){.dialog__panel{max-height:80vh}}.dialog--open .dialog__panel{opacity:1;display:flex}.dialog__header{padding:var(--header-spacing);flex:none;display:flex}.dialog__header-divider,.dialog__footer-divider{--spacing:0;padding:var(--divider-spacing)}.dialog__title{font:inherit;font-family:var(--cx-font-sans);font-size:var(--cx-font-size-large);font-weight:var(--cx-font-weight-regular);line-height:var(--cx-line-height-large);flex:auto;align-items:center;margin:0;display:flex}.dialog__header-actions{justify-content:end;gap:var(--cx-spacing-2x-small);flex-wrap:wrap;flex-shrink:0;display:flex}.dialog__header-actions cx-icon-button,.dialog__header-actions ::slotted(cx-icon-button){font-size:var(--cx-font-size-3x-large);flex:none;align-items:center;display:flex}.dialog__body{padding:var(--body-spacing);-webkit-overflow-scrolling:touch;font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);line-height:var(--cx-line-height-small);z-index:2;flex:auto;display:block;position:relative;overflow:auto}.dialog--overlay-scrollbar .dialog__body{flex-direction:column;display:flex}.dialog__footer{text-align:right;padding:var(--footer-spacing);z-index:1;flex:none;position:relative}.dialog__footer ::slotted(cx-button:not(:first-of-type)){margin-inline-start:var(--cx-spacing-x-small)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}@media (forced-colors:active){.dialog__panel{border:solid 1px var(--cx-color-neutral-0)}}.dialog__overlay{background-color:var(--overlay-background-color);opacity:0;pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex}.dialog--open .dialog__overlay{opacity:1;pointer-events:auto}`;