@orangelogic/design-system 4.3.0 → 4.5.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 (112) hide show
  1. package/library/chunks/{asset-link-format.C5Ue4EGP.js → asset-link-format.DTLA2CFh.js} +407 -388
  2. package/library/chunks/{button.DbAUlIXG.js → button.cbDkxJHn.js} +1 -1
  3. package/library/chunks/{color-swatch-group.B10yWbVM.js → color-swatch-group.6ls-5ziB.js} +646 -646
  4. package/library/chunks/{confirm-popover.Cd4HM5-B.js → confirm-popover.Dvgoz-oA.js} +3 -3
  5. package/library/chunks/{dialog.CXphbq8N.js → dialog.BvSMV36r.js} +2 -2
  6. package/library/chunks/{document-viewer.B_ESlazf.js → document-viewer.BLdEjbza.js} +7 -7
  7. package/library/chunks/{dot-pagination.CzT-MZmt.js → dot-pagination.CukHxNBk.js} +1 -1
  8. package/library/chunks/{folder-select.BWeanVkA.js → folder-select.DAZQRdLq.js} +4 -4
  9. package/library/chunks/{header.Dy57RuQW.js → header.DWE-WJaC.js} +51 -43
  10. package/library/chunks/{i18n.Q5_2aVLU.js → i18n.BSPmBQ73.js} +1 -0
  11. package/library/chunks/{icon-button.BjAbCuH8.js → icon-button.DV5Fks8j.js} +1 -1
  12. package/library/chunks/{iframe.CdktjPCB.js → iframe.ddX2kGu3.js} +1 -1
  13. package/library/chunks/{image.CCo__54F.js → image.BM7bPTub.js} +174 -143
  14. package/library/chunks/{index.DiZGZkHv.js → index.D8XR8JuY.js} +70 -66
  15. package/library/chunks/{input.ftEf4GS6.js → input.7pumTpdu.js} +1 -1
  16. package/library/chunks/{markdown.RljldBNb.js → markdown.LHSzm035.js} +2 -2
  17. package/library/chunks/{menu-item.BNs1Ji48.js → menu-item.CqPvDGeN.js} +1 -1
  18. package/library/chunks/{option.C8IEnv5Q.js → option.dBUWN4sF.js} +1 -1
  19. package/library/chunks/{pagination.Bke9vgl4.js → pagination.C2f8lUVb.js} +5 -5
  20. package/library/chunks/{resizable-component.styles.CAfXABBc.js → resizable-component.styles.kMFDlGgv.js} +2 -2
  21. package/library/chunks/{responsive.BmBJSzC4.js → responsive.DqF_v1XY.js} +9 -7
  22. package/library/chunks/{tab-group.DZ32f41G.js → tab-group.DOnaT12G.js} +4 -4
  23. package/library/chunks/{tree.Umn7TAkc.js → tree.CHQ1WjZV.js} +1 -1
  24. package/library/chunks/{types.BW36Gr9c.js → types.DVqUSJlF.js} +2522 -2414
  25. package/library/components/alert.js +2 -2
  26. package/library/components/asset-link-format.js +3 -3
  27. package/library/components/atoms.js +15 -15
  28. package/library/components/audio.js +3 -3
  29. package/library/components/border-input-group.js +2 -2
  30. package/library/components/breadcrumb.js +1 -1
  31. package/library/components/button.js +2 -2
  32. package/library/components/color-picker.js +6 -6
  33. package/library/components/color-swatch-group.js +3 -3
  34. package/library/components/color-swatch.js +1 -1
  35. package/library/components/confirm-popover.js +4 -4
  36. package/library/components/copy-button.js +1 -1
  37. package/library/components/corner-position-input-group.js +3 -3
  38. package/library/components/date-calendar.js +1 -1
  39. package/library/components/details.js +1 -1
  40. package/library/components/dialog.js +3 -3
  41. package/library/components/document-viewer.js +4 -4
  42. package/library/components/dot-pagination.js +2 -2
  43. package/library/components/drawer.js +2 -2
  44. package/library/components/dropdown.js +2 -2
  45. package/library/components/dynamic-select.js +4 -4
  46. package/library/components/e-chart.js +1 -1
  47. package/library/components/element-clamp.js +2 -2
  48. package/library/components/file-on-demand.js +9 -9
  49. package/library/components/folder-select.js +4 -4
  50. package/library/components/format-bytes.js +1 -1
  51. package/library/components/format-date.js +1 -1
  52. package/library/components/format-number.js +1 -1
  53. package/library/components/format-time.js +1 -1
  54. package/library/components/header.js +5 -4
  55. package/library/components/icon-button.js +2 -2
  56. package/library/components/iframe.js +2 -2
  57. package/library/components/image-comparer.js +1 -1
  58. package/library/components/image.js +3 -3
  59. package/library/components/input.js +2 -2
  60. package/library/components/line-clamp.js +1 -1
  61. package/library/components/markdown.js +3 -3
  62. package/library/components/masonry.js +2 -2
  63. package/library/components/menu-item.js +2 -2
  64. package/library/components/menu.js +2 -2
  65. package/library/components/molecules.js +2 -2
  66. package/library/components/option.js +2 -2
  67. package/library/components/organisms.js +2 -2
  68. package/library/components/padding-input-group.js +1 -1
  69. package/library/components/pagination.js +6 -6
  70. package/library/components/popup.js +1 -1
  71. package/library/components/position-picker.js +1 -1
  72. package/library/components/progress-bar.js +1 -1
  73. package/library/components/progress-ring.js +1 -1
  74. package/library/components/range.js +1 -1
  75. package/library/components/rating.js +1 -1
  76. package/library/components/relative-time.js +1 -1
  77. package/library/components/select.js +2 -2
  78. package/library/components/shadow-input-group.js +1 -1
  79. package/library/components/share-option-list.js +1 -1
  80. package/library/components/sidebar.js +1 -1
  81. package/library/components/size-input-group.js +3 -3
  82. package/library/components/spinner.js +1 -1
  83. package/library/components/split-panel.js +1 -1
  84. package/library/components/tab-group.js +5 -5
  85. package/library/components/tab.js +2 -2
  86. package/library/components/tag.js +2 -2
  87. package/library/components/tooltip.js +1 -1
  88. package/library/components/tree-item.js +2 -2
  89. package/library/components/tree.js +2 -2
  90. package/library/components/typeface.js +2 -2
  91. package/library/components/types.js +128 -127
  92. package/library/components/video.js +1341 -1294
  93. package/library/package.json +1 -1
  94. package/library/packages/atoms/src/components/header/header.d.ts +2 -0
  95. package/library/packages/atoms/src/components/image/image.d.ts +16 -0
  96. package/library/packages/atoms/src/components/video/video.d.ts +6 -0
  97. package/library/packages/events/src/cx-asset-transformation-dialog-confirm.d.ts +2 -0
  98. package/library/packages/molecules/src/icon-picker/icon-picker.d.ts +5 -6
  99. package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts +6 -0
  100. package/library/packages/organisms/src/asset-transformation-dialog/asset-transformation-dialog.d.ts +5 -1
  101. package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +10 -3
  102. package/library/packages/organisms/src/content-builder/configs/header.d.ts +1 -1
  103. package/library/packages/organisms/src/content-builder/configs/image.d.ts +2 -0
  104. package/library/packages/organisms/src/content-builder/configs-controller.d.ts +13 -0
  105. package/library/packages/organisms/src/content-builder/styleController.d.ts +2 -0
  106. package/library/packages/organisms/src/form/control-renderer/control-renderer.d.ts +6 -0
  107. package/library/packages/types/src/content-builder.d.ts +6 -2
  108. package/library/packages/utils/src/custom-element/i18n.d.ts +1 -0
  109. package/library/packages/utils/src/responsive/responsive.d.ts +1 -0
  110. package/library/react-web-component.d.ts +4 -0
  111. package/library/utils.js +54 -53
  112. package/package.json +1 -1
@@ -1,11 +1,11 @@
1
- import { C as _ } from "./button.DbAUlIXG.js";
2
- import { C as u, D as h } from "./dialog.CXphbq8N.js";
1
+ import { C as _ } from "./button.cbDkxJHn.js";
2
+ import { C as u, D as h } from "./dialog.BvSMV36r.js";
3
3
  import g from "../components/dropdown.js";
4
4
  import { C as x } from "./typography.BLYdTF0n.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.CAS3c9pM.js";
7
7
  import { c as w } from "./custom-element.L4WJXn1j.js";
8
- import { L as $ } from "./i18n.Q5_2aVLU.js";
8
+ import { L as $ } from "./i18n.BSPmBQ73.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 vr } from "./component.styles.CAS3c9pM.js";
3
3
  import { i as _s, x as He, E as fr } from "./lit-element.jLBm65_O.js";
4
4
  import { a as ie, s as Te, w as os } from "./event.BeKOsirN.js";
5
5
  import { c as br } from "./custom-element.L4WJXn1j.js";
6
- import { L as yr } from "./i18n.Q5_2aVLU.js";
6
+ import { L as yr } from "./i18n.BSPmBQ73.js";
7
7
  import { M as gr } from "./modal.Ct0bJBSe.js";
8
8
  import { l as ss, u as rs } from "./scroll.xtO5yojm.js";
9
9
  import { H as mr } from "./slot.j5oheLJC.js";
@@ -16,7 +16,7 @@ import { o as wr } from "./style-map.llVFPd__.js";
16
16
  import { n as lo } from "./when.Dr1es41R.js";
17
17
  import { s as be, g as ae } from "./animation-registry.HmpwNuGH.js";
18
18
  import xr from "../components/divider.js";
19
- import { C as Sr } from "./icon-button.BjAbCuH8.js";
19
+ import { C as Sr } from "./icon-button.DV5Fks8j.js";
20
20
  import zr from "../components/popup.js";
21
21
  const Cr = _s`.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;visibility:hidden;box-sizing:border-box;overflow:hidden;scroll-behavior:auto!important}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;top:0;left:0}.os-size-observer{z-index:-1;contain:strict;padding:inherit;border:inherit;box-sizing:inherit;flex-flow:row;margin:-133px;display:flex;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";box-sizing:inherit;flex:none;width:10px;height:10px;padding:10px}.os-size-observer-appear{animation:1ms forwards os-size-observer-appear-animation}.os-size-observer-listener{box-sizing:border-box;padding:inherit;border:inherit;flex:auto;margin:-133px;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{padding:inherit;border:inherit;box-sizing:content-box;flex:auto;display:block;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{direction:ltr;flex:none;bottom:0;right:0;overflow:hidden}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{box-sizing:border-box;z-index:-1;contain:strict;border:none;flex:none;max-width:0;height:0;max-height:1px;margin:0;padding:0;position:relative;top:calc(100% + 1px);overflow:hidden}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;min-width:1px;height:1000%;min-height:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;scroll-behavior:auto!important;flex-flow:row!important;align-items:stretch!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;z-index:0;border:none;flex:auto;width:100%;min-width:0;height:auto;margin:0;padding:0;position:relative}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah);position:absolute}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:none!important;position:absolute!important;overflow:hidden!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{grid-template:1fr/1fr;display:grid}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{width:auto!important;height:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));contain:size layout;contain:size layout style;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;position:absolute}body>.os-scrollbar{z-index:99999;position:fixed}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;border:none!important;padding:0!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));left:auto}.os-scrollbar-vertical .os-scrollbar-handle{transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));top:auto}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:10px;--os-padding-perpendicular:4px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:13px;--os-handle-bg:var(--cx-color-neutral-400);--os-handle-bg-hover:var(--cx-color-neutral-500);--os-handle-bg-active:var(--cx-color-neutral-500);--os-handle-border:4px solid #0000;--os-handle-border-hover:4px solid #0000;--os-handle-border-active:4px solid #0000;--os-handle-min-size:50px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:4px}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{background:var(--os-handle-bg-hover);border:var(--os-handle-border-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";display:block;position:absolute;inset:0}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc(( var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset) ) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc(( var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset) ) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc(( var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset) ) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:4px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}`;
22
22
  var jt = /* @__PURE__ */ ((t) => (t.Both = "both", t.Footer = "footer", t.Header = "header", t.None = "none", t))(jt || {});
@@ -1,12 +1,12 @@
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.DbAUlIXG.js";
1
+ import { r as resizableComponentStyles, R as ResizableElement, b as ResizeDirection, a as HeightMode } from "./resizable-component.styles.kMFDlGgv.js";
2
+ import { C as CxButton } from "./button.cbDkxJHn.js";
3
3
  import CxDrawer from "../components/drawer.js";
4
4
  import CxDropdown from "../components/dropdown.js";
5
5
  import { C as CxIcon } from "./icon.BLXWp6CU.js";
6
- import { C as CxIconButton } from "./icon-button.BjAbCuH8.js";
7
- import { C as CxInput } from "./input.ftEf4GS6.js";
6
+ import { C as CxIconButton } from "./icon-button.DV5Fks8j.js";
7
+ import { C as CxInput } from "./input.7pumTpdu.js";
8
8
  import CxMenu from "../components/menu.js";
9
- import { C as CxMenuItem } from "./menu-item.BNs1Ji48.js";
9
+ import { C as CxMenuItem } from "./menu-item.CqPvDGeN.js";
10
10
  import CxPopup from "../components/popup.js";
11
11
  import CxProgressBar from "../components/progress-bar.js";
12
12
  import CxResizeObserver from "../components/resize-observer.js";
@@ -19,7 +19,7 @@ import "./browser.BHOCIF_A.js";
19
19
  import { c as customElement } from "./custom-element.L4WJXn1j.js";
20
20
  import { i, x, E } from "./lit-element.jLBm65_O.js";
21
21
  import "./form.LpappO1d.js";
22
- import { L as LocalizeController } from "./i18n.Q5_2aVLU.js";
22
+ import { L as LocalizeController } from "./i18n.BSPmBQ73.js";
23
23
  import "./purify.es.BIuh5IAZ.js";
24
24
  import { w as watch } from "./watch.DJF5K-8U.js";
25
25
  import "./date-picker.BGHn6qg8.js";
@@ -35,7 +35,7 @@ import { a as ObjectFit } from "./index.Cpamj0jB.js";
35
35
  import { r as r$1 } from "./state.CSDxrqLd.js";
36
36
  import { e } from "./class-map.BiVq-cVR.js";
37
37
  import { n as n$1 } from "./when.Dr1es41R.js";
38
- import { C as CxImage } from "./image.CCo__54F.js";
38
+ import { C as CxImage } from "./image.BM7bPTub.js";
39
39
  var BookReaderMode$1 = /* @__PURE__ */ ((l) => (l.Image = "Image", l.Pdf = "Pdf", l))(BookReaderMode$1 || {}), BookReaderViewMode = /* @__PURE__ */ ((l) => (l.FourPage = "FourPage", l.OnePage = "OnePage", l.TwoPage = "TwoPage", l))(BookReaderViewMode || {});
40
40
  function commonjsRequire(l) {
41
41
  throw new Error('Could not dynamically require "' + l + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -2,7 +2,7 @@ import { n as s, C as P } from "./lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as z } from "./component.styles.CAS3c9pM.js";
3
3
  import { O as C } from "./index.Cpamj0jB.js";
4
4
  import { c as F } from "./custom-element.L4WJXn1j.js";
5
- import { L as S } from "./i18n.Q5_2aVLU.js";
5
+ import { L as S } from "./i18n.BSPmBQ73.js";
6
6
  import { w as f } from "./watch.DJF5K-8U.js";
7
7
  import { i as O, x as y } from "./lit-element.jLBm65_O.js";
8
8
  import { r as j } from "./state.CSDxrqLd.js";
@@ -1,22 +1,22 @@
1
1
  import { C as re } from "./icon.BLXWp6CU.js";
2
- import { C as me } from "./input.ftEf4GS6.js";
2
+ import { C as me } from "./input.7pumTpdu.js";
3
3
  import se from "../components/line-clamp.js";
4
4
  import ye from "../components/select.js";
5
5
  import ge from "../components/tag.js";
6
- import { C as F, a as xe } from "./tree.Umn7TAkc.js";
6
+ import { C as F, a as xe } from "./tree.CHQ1WjZV.js";
7
7
  import { n as s, C as N } from "./lib-cortex-element.CVMmyPMC.js";
8
8
  import { h as A, F as be, A as $e } from "./endpoints.mJ5S-tIs.js";
9
9
  import { M as P } from "./asset-link-format.ClaYu_v8.js";
10
10
  import { c as ie } from "./component.styles.CAS3c9pM.js";
11
11
  import { c as W } from "./custom-element.L4WJXn1j.js";
12
- import { L as q } from "./i18n.Q5_2aVLU.js";
12
+ import { L as q } from "./i18n.BSPmBQ73.js";
13
13
  import { w as y } from "./watch.DJF5K-8U.js";
14
14
  import { g as V, p as X, e as E } from "./string.CfI2ejyR.js";
15
15
  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.DbAUlIXG.js";
19
+ import { C as ae } from "./button.cbDkxJHn.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";
@@ -1,19 +1,20 @@
1
- import v from "../components/copy-button.js";
2
- import { n as i, C as y } from "./lib-cortex-element.CVMmyPMC.js";
3
- import { c as w } from "./component.styles.CAS3c9pM.js";
1
+ import y from "../components/copy-button.js";
2
+ import { n as i, C as w } from "./lib-cortex-element.CVMmyPMC.js";
3
+ import { c as P } from "./component.styles.CAS3c9pM.js";
4
4
  import { i as m } from "./lit-element.jLBm65_O.js";
5
5
  import { D as p } from "./content-builder.CBBdfVOl.js";
6
- import { c as P } from "./custom-element.L4WJXn1j.js";
7
- import { L as z } from "./i18n.Q5_2aVLU.js";
8
- import { w as b } from "./watch.DJF5K-8U.js";
9
- import { g as M, a as g } from "./responsive.BmBJSzC4.js";
10
- import { r as C } from "./state.CSDxrqLd.js";
11
- import { e as k } from "./query.BBf1UFkC.js";
12
- import { e as f } from "./class-map.BiVq-cVR.js";
13
- import { o as S } from "./style-map.llVFPd__.js";
14
- import { n as T } from "./when.Dr1es41R.js";
6
+ import { c as z } from "./custom-element.L4WJXn1j.js";
7
+ import { d as M } from "./debounce.DaHuiSGU.js";
8
+ import { L as C } from "./i18n.BSPmBQ73.js";
9
+ import { w as k } from "./watch.DJF5K-8U.js";
10
+ import { D as T, g as f, a as g } from "./responsive.DqF_v1XY.js";
11
+ import { r as S } from "./state.CSDxrqLd.js";
12
+ import { e as x } from "./query.BBf1UFkC.js";
13
+ import { e as b } from "./class-map.BiVq-cVR.js";
14
+ import { o as D } from "./style-map.llVFPd__.js";
15
+ import { n as L } from "./when.Dr1es41R.js";
15
16
  import { i as l, u } from "./static.UA3G1Deq.js";
16
- const L = m`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, #fff 10px, #fff 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, D = m`
17
+ const A = m`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, #fff 10px, #fff 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, H = m`
17
18
  .column-resize-handle {
18
19
  background-color: var(--editor-table-resize-handle-color);
19
20
  bottom: -2px;
@@ -574,23 +575,23 @@ const L = m`insert,span[format]{background-color:var(--cx-color-success-200)}del
574
575
  cursor: not-allowed;
575
576
  }
576
577
 
577
- ${L}
578
+ ${A}
578
579
  `;
579
- var r = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(r || {}), x = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(x || {});
580
- const H = m`:host{--color:light-dark(#000,#fff);--line-height:1.5;--text-align:left;--padding:0;width:100%;display:block}:host([alignment=center]) .container{--text-align:center;justify-content:center}:host([alignment=right]) .container{--text-align:right;flex-direction:row-reverse}:host([alignment=left]) .container{--text-align:left;justify-content:flex-start}:host([alignment=justify]) .container{--text-align:justify;justify-content:flex-start}.container{padding:var(--padding,0px);flex-direction:row;align-items:center;display:flex}.container ::slotted(p),.container p{line-height:var(--line-height,1.5);word-wrap:break-word}.heading{color:var(--color);font-family:var(--font-family), var(--cx-font-sans);font-style:var(--font-style,normal);text-align:var(--text-align,left);max-width:100%;min-height:calc(var(--line-height,1) * 1em);flex:auto;min-height:1lh;margin-block:0}.container.container--has-copy-button .heading{flex:none;max-width:calc(100% - 32px)}.copy-button{opacity:0;transition:opacity var(--cx-transition-fast);color:var(--cx-color-neutral-600);pointer-events:none;user-select:none;line-height:0}.container:hover .copy-button,.copy-button:focus-within{opacity:1;pointer-events:auto;user-select:auto}.heading-1{font-size:var(--cx-font-size-3x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-2{font-size:var(--cx-font-size-2x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-3{font-size:var(--cx-font-size-x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-2x-large))}.heading-4{font-size:var(--cx-font-size-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-x-large))}.heading-5{font-size:var(--cx-font-size-medium);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-large))}.heading-6{font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-medium))}:host([custom-line-height]) .heading{line-height:unset}`;
581
- var A = Object.defineProperty, E = Object.getOwnPropertyDescriptor, o = (e, n, a, s) => {
582
- for (var c = s > 1 ? void 0 : s ? E(n, a) : n, d = e.length - 1, h; d >= 0; d--)
583
- (h = e[d]) && (c = (s ? h(n, a, c) : h(c)) || c);
584
- return s && c && A(n, a, c), c;
580
+ var r = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(r || {}), v = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(v || {});
581
+ const E = m`:host{--color:light-dark(#000,#fff);--line-height:1.5;--text-align:left;--padding:0;width:100%;display:block}:host([alignment=center]) .container{--text-align:center;justify-content:center}:host([alignment=right]) .container{--text-align:right;flex-direction:row-reverse}:host([alignment=left]) .container{--text-align:left;justify-content:flex-start}:host([alignment=justify]) .container{--text-align:justify;justify-content:flex-start}.container{padding:var(--padding,0px);flex-direction:row;align-items:center;display:flex}.container ::slotted(p),.container p{line-height:var(--line-height,1.5);word-wrap:break-word}.heading{color:var(--color);font-family:var(--font-family), var(--cx-font-sans);font-style:var(--font-style,normal);text-align:var(--text-align,left);max-width:100%;min-height:calc(var(--line-height,1) * 1em);flex:auto;min-height:1lh;margin-block:0}.container.container--has-copy-button .heading{flex:none;max-width:calc(100% - 32px)}.copy-button{opacity:0;transition:opacity var(--cx-transition-fast);color:var(--cx-color-neutral-600);pointer-events:none;user-select:none;line-height:0}.container:hover .copy-button,.copy-button:focus-within{opacity:1;pointer-events:auto;user-select:auto}.heading-1{font-size:var(--cx-font-size-3x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-2{font-size:var(--cx-font-size-2x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-3{font-size:var(--cx-font-size-x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-2x-large))}.heading-4{font-size:var(--cx-font-size-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-x-large))}.heading-5{font-size:var(--cx-font-size-medium);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-large))}.heading-6{font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-medium))}:host([custom-line-height]) .heading{line-height:unset}`;
582
+ var R = Object.defineProperty, F = Object.getOwnPropertyDescriptor, o = (e, n, a, c) => {
583
+ for (var s = c > 1 ? void 0 : c ? F(n, a) : n, d = e.length - 1, h; d >= 0; d--)
584
+ (h = e[d]) && (s = (c ? h(n, a, s) : h(s)) || s);
585
+ return c && s && R(n, a, s), s;
585
586
  };
586
- const R = {
587
+ const I = {
587
588
  [r.H1]: "heading-1",
588
589
  [r.H2]: "heading-2",
589
590
  [r.H3]: "heading-3",
590
591
  [r.H4]: "heading-4",
591
592
  [r.H5]: "heading-5",
592
593
  [r.H6]: "heading-6"
593
- }, F = {
594
+ }, W = {
594
595
  [r.H1]: l`h1`,
595
596
  [r.H2]: l`h2`,
596
597
  [r.H3]: l`h3`,
@@ -598,9 +599,9 @@ const R = {
598
599
  [r.H5]: l`h5`,
599
600
  [r.H6]: l`h6`
600
601
  };
601
- let t = class extends y {
602
+ let t = class extends w {
602
603
  constructor() {
603
- super(), this.localize = new z(this), this.variant = r.H6, this.fontSize = void 0, this.fontSizeTablet = void 0, this.fontSizeDesktop = void 0, this.deviceType = p.Desktop, this.breakpoints = [350, 696, 1024], this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = x.Left, this.disabledCopyButton = !1, this.customLineHeight = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
604
+ super(), this.localize = new C(this), this.variant = r.H6, this.fontSize = void 0, this.fontSizeTablet = void 0, this.fontSizeDesktop = void 0, this.deviceType = p.Desktop, this.breakpoints = T, this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = v.Left, this.disabledCopyButton = !1, this.customLineHeight = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
604
605
  const e = this.getAnchorID();
605
606
  !e || e !== this.anchorID || this.scrollIntoView({
606
607
  block: "start"
@@ -631,12 +632,12 @@ let t = class extends y {
631
632
  return this.deviceType === p.Desktop ? this.fontSizeDesktop || this.fontSize || "" : this.deviceType === p.Tablet ? this.fontSizeTablet || this.fontSize || "" : this.fontSize || "";
632
633
  }
633
634
  runFirstUpdated() {
634
- this.setAttribute("role", "heading"), this.breakpoints = M(this, this.breakpoints), this.deviceType = g(this.breakpoints), setTimeout(() => {
635
+ this.setAttribute("role", "heading"), this.breakpoints = f(this, this.breakpoints), this.deviceType = g(this.breakpoints), setTimeout(() => {
635
636
  this.scrollToAnchor();
636
637
  }, 200);
637
638
  }
638
639
  connectedCallback() {
639
- super.connectedCallback(), this.addEventListener("click", this.handleClick), window.addEventListener("resize", this.handleWindowResize), this.hasAnchorLink && (this.ownerWindow.addEventListener("hashchange", this.scrollToAnchor), this.ownerWindow.addEventListener(
640
+ super.connectedCallback(), this.syncDeviceType(), this.addEventListener("click", this.handleClick), window.addEventListener("resize", this.handleWindowResize), this.hasAnchorLink && (this.ownerWindow.addEventListener("hashchange", this.scrollToAnchor), this.ownerWindow.addEventListener(
640
641
  "cx-cms5-page-ready",
641
642
  this.handleCMS5PageReady,
642
643
  {
@@ -660,7 +661,11 @@ let t = class extends y {
660
661
  }, 100);
661
662
  }
662
663
  handleWindowResize() {
663
- this.deviceType = g(this.breakpoints);
664
+ this.syncDeviceType();
665
+ }
666
+ /** Reads the current breakpoints from CSS and derives the active device. */
667
+ syncDeviceType() {
668
+ this.breakpoints = f(this, this.breakpoints), this.deviceType = g(this.breakpoints);
664
669
  }
665
670
  handleClick(e) {
666
671
  this.contentEditable === "true" && e.stopPropagation();
@@ -690,33 +695,33 @@ let t = class extends y {
690
695
  e.stopPropagation();
691
696
  }
692
697
  renderHeading() {
693
- const e = R[this.variant], n = F[this.variant], a = this.currentFontSize, s = /\d/.test(a);
694
- return u`<${n} part="heading" class=${f({ heading: !0, [e]: !0 })} style=${S({
695
- fontSize: s ? a : void 0
698
+ const e = I[this.variant], n = W[this.variant], a = this.currentFontSize, c = /\d/.test(a);
699
+ return u`<${n} part="heading" class=${b({ heading: !0, [e]: !0 })} style=${D({
700
+ fontSize: c ? a : void 0
696
701
  })}><slot></slot></${n}>`;
697
702
  }
698
703
  render() {
699
704
  const e = this.hasAnchorLink ? `${this.ownerWindow.location.href.split("#")[0]}#${encodeURIComponent(this.anchorID)}` : "", n = this.hasAnchorLink && !this.disabledCopyButton;
700
- return u`<div part="base" class=${f({
705
+ return u`<div part="base" class=${b({
701
706
  container: !0,
702
707
  "container--has-copy-button": n
703
708
  })}>${this.renderHeading()}
704
- ${T(n, () => u`<cx-copy-button part="copy-button" class="copy-button" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
709
+ ${L(n, () => u`<cx-copy-button part="copy-button" class="copy-button" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
705
710
  }
706
711
  };
707
712
  t.styles = [
708
- w,
709
- D,
710
- H
713
+ P,
714
+ H,
715
+ E
711
716
  ];
712
717
  t.dependencies = {
713
- "cx-copy-button": v
718
+ "cx-copy-button": y
714
719
  };
715
720
  o([
716
- k("slot")
721
+ x("slot")
717
722
  ], t.prototype, "defaultSlot", 2);
718
723
  o([
719
- k(".heading")
724
+ x(".heading")
720
725
  ], t.prototype, "heading", 2);
721
726
  o([
722
727
  i({ reflect: !0, type: String })
@@ -734,7 +739,7 @@ o([
734
739
  i({ attribute: "device-type", reflect: !0, type: String })
735
740
  ], t.prototype, "deviceType", 2);
736
741
  o([
737
- C()
742
+ S()
738
743
  ], t.prototype, "breakpoints", 2);
739
744
  o([
740
745
  i({ attribute: "has-anchor-link", type: Boolean })
@@ -752,16 +757,19 @@ o([
752
757
  i({ attribute: "custom-line-height", reflect: !0, type: Boolean })
753
758
  ], t.prototype, "customLineHeight", 2);
754
759
  o([
755
- b("deviceType")
760
+ M(100)
761
+ ], t.prototype, "handleWindowResize", 1);
762
+ o([
763
+ k("deviceType")
756
764
  ], t.prototype, "handleDeviceTypeChange", 1);
757
765
  o([
758
- b("variant")
766
+ k("variant")
759
767
  ], t.prototype, "handleHeadingChange", 1);
760
768
  t = o([
761
- P("cx-header")
769
+ z("cx-header")
762
770
  ], t);
763
771
  export {
764
- x as A,
772
+ v as A,
765
773
  t as C,
766
774
  r as V
767
775
  };
@@ -1171,6 +1171,7 @@ const b = {
1171
1171
  specialCharacters: "Special characters",
1172
1172
  specialCharactersEmpty: "No characters match your search.",
1173
1173
  specificWidthInPixelsOrPercentage: "Specific width in pixels or percentage",
1174
+ specifiedWidthAsPercentageOfContainer: "Specified width as a percentage of the container",
1174
1175
  specifiedWidthInPixels: "Specified width in pixels",
1175
1176
  speed: "Speed",
1176
1177
  spellcheck: "Spellcheck",
@@ -1,7 +1,7 @@
1
1
  import { n as r, C as p } from "./lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as g } from "./component.styles.CAS3c9pM.js";
3
3
  import { c as h } from "./custom-element.L4WJXn1j.js";
4
- import { L as m } from "./i18n.Q5_2aVLU.js";
4
+ import { L as m } from "./i18n.BSPmBQ73.js";
5
5
  import { r as f } from "./state.CSDxrqLd.js";
6
6
  import { e as v } from "./query.BBf1UFkC.js";
7
7
  import { e as y } from "./class-map.BiVq-cVR.js";
@@ -1,7 +1,7 @@
1
1
  import { n as r, C as d } from "./lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as h } from "./component.styles.CAS3c9pM.js";
3
3
  import { c as y } from "./custom-element.L4WJXn1j.js";
4
- import { L as u } from "./i18n.Q5_2aVLU.js";
4
+ import { L as u } from "./i18n.BSPmBQ73.js";
5
5
  import { w as g } from "./watch.DJF5K-8U.js";
6
6
  import { i as b, x as p } from "./lit-element.jLBm65_O.js";
7
7
  import { e as v } from "./query.BBf1UFkC.js";