@orangelogic/design-system 4.3.0 → 4.4.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 (109) 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.CZSeCrot.js} +7 -7
  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.2RH_nPmz.js} +1 -1
  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.DKKvxBAi.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/{tab-group.DZ32f41G.js → tab-group.DOnaT12G.js} +4 -4
  22. package/library/chunks/{tree.Umn7TAkc.js → tree.CHQ1WjZV.js} +1 -1
  23. package/library/chunks/{types.BW36Gr9c.js → types.PdpKNndx.js} +2519 -2411
  24. package/library/components/alert.js +2 -2
  25. package/library/components/asset-link-format.js +3 -3
  26. package/library/components/atoms.js +15 -15
  27. package/library/components/audio.js +3 -3
  28. package/library/components/border-input-group.js +2 -2
  29. package/library/components/breadcrumb.js +1 -1
  30. package/library/components/button.js +2 -2
  31. package/library/components/color-picker.js +6 -6
  32. package/library/components/color-swatch-group.js +2 -2
  33. package/library/components/color-swatch.js +1 -1
  34. package/library/components/confirm-popover.js +4 -4
  35. package/library/components/copy-button.js +1 -1
  36. package/library/components/corner-position-input-group.js +3 -3
  37. package/library/components/date-calendar.js +1 -1
  38. package/library/components/details.js +1 -1
  39. package/library/components/dialog.js +3 -3
  40. package/library/components/document-viewer.js +4 -4
  41. package/library/components/dot-pagination.js +2 -2
  42. package/library/components/drawer.js +2 -2
  43. package/library/components/dropdown.js +2 -2
  44. package/library/components/dynamic-select.js +4 -4
  45. package/library/components/e-chart.js +1 -1
  46. package/library/components/element-clamp.js +2 -2
  47. package/library/components/file-on-demand.js +9 -9
  48. package/library/components/folder-select.js +4 -4
  49. package/library/components/format-bytes.js +1 -1
  50. package/library/components/format-date.js +1 -1
  51. package/library/components/format-number.js +1 -1
  52. package/library/components/format-time.js +1 -1
  53. package/library/components/header.js +2 -2
  54. package/library/components/icon-button.js +2 -2
  55. package/library/components/iframe.js +2 -2
  56. package/library/components/image-comparer.js +1 -1
  57. package/library/components/image.js +3 -3
  58. package/library/components/input.js +2 -2
  59. package/library/components/line-clamp.js +1 -1
  60. package/library/components/markdown.js +3 -3
  61. package/library/components/masonry.js +2 -2
  62. package/library/components/menu-item.js +2 -2
  63. package/library/components/menu.js +2 -2
  64. package/library/components/molecules.js +2 -2
  65. package/library/components/option.js +2 -2
  66. package/library/components/organisms.js +2 -2
  67. package/library/components/padding-input-group.js +1 -1
  68. package/library/components/pagination.js +6 -6
  69. package/library/components/popup.js +1 -1
  70. package/library/components/position-picker.js +1 -1
  71. package/library/components/progress-bar.js +1 -1
  72. package/library/components/progress-ring.js +1 -1
  73. package/library/components/range.js +1 -1
  74. package/library/components/rating.js +1 -1
  75. package/library/components/relative-time.js +1 -1
  76. package/library/components/select.js +2 -2
  77. package/library/components/shadow-input-group.js +1 -1
  78. package/library/components/share-option-list.js +1 -1
  79. package/library/components/sidebar.js +1 -1
  80. package/library/components/size-input-group.js +3 -3
  81. package/library/components/spinner.js +1 -1
  82. package/library/components/split-panel.js +1 -1
  83. package/library/components/tab-group.js +5 -5
  84. package/library/components/tab.js +2 -2
  85. package/library/components/tag.js +2 -2
  86. package/library/components/tooltip.js +1 -1
  87. package/library/components/tree-item.js +2 -2
  88. package/library/components/tree.js +2 -2
  89. package/library/components/typeface.js +2 -2
  90. package/library/components/types.js +21 -21
  91. package/library/components/video.js +1341 -1294
  92. package/library/package.json +1 -1
  93. package/library/packages/atoms/src/components/image/image.d.ts +16 -0
  94. package/library/packages/atoms/src/components/video/video.d.ts +6 -0
  95. package/library/packages/events/src/cx-asset-transformation-dialog-confirm.d.ts +2 -0
  96. package/library/packages/molecules/src/icon-picker/icon-picker.d.ts +5 -6
  97. package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts +6 -0
  98. package/library/packages/organisms/src/asset-transformation-dialog/asset-transformation-dialog.d.ts +5 -1
  99. package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +10 -3
  100. package/library/packages/organisms/src/content-builder/configs/header.d.ts +1 -1
  101. package/library/packages/organisms/src/content-builder/configs/image.d.ts +2 -0
  102. package/library/packages/organisms/src/content-builder/configs-controller.d.ts +13 -0
  103. package/library/packages/organisms/src/content-builder/styleController.d.ts +2 -0
  104. package/library/packages/organisms/src/form/control-renderer/control-renderer.d.ts +6 -0
  105. package/library/packages/types/src/content-builder.d.ts +6 -2
  106. package/library/packages/utils/src/custom-element/i18n.d.ts +1 -0
  107. package/library/react-web-component.d.ts +4 -0
  108. package/library/utils.js +1 -1
  109. package/package.json +1 -1
@@ -2,7 +2,7 @@ import { n as i, C as g } from "./lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as C } from "./component.styles.CAS3c9pM.js";
3
3
  import { c as x } from "./custom-element.L4WJXn1j.js";
4
4
  import { F as w, v as $ } from "./form.LpappO1d.js";
5
- import { L as S } from "./i18n.Q5_2aVLU.js";
5
+ import { L as S } from "./i18n.BSPmBQ73.js";
6
6
  import { H as L, g as O } from "./slot.j5oheLJC.js";
7
7
  import { w as y } from "./watch.DJF5K-8U.js";
8
8
  import { r as u } from "./state.CSDxrqLd.js";
@@ -3,11 +3,11 @@ import { C as tn, T as Wn } from "./typography.BLYdTF0n.js";
3
3
  import { n as f, C as Ie } from "./lib-cortex-element.CVMmyPMC.js";
4
4
  import sn from "../components/color-swatch.js";
5
5
  import { c as Ge } from "./component.styles.CAS3c9pM.js";
6
- import { C as Et } from "./button.DbAUlIXG.js";
7
- import { C as jn, o as Gn, O as Un } from "./dialog.CXphbq8N.js";
6
+ import { C as Et } from "./button.cbDkxJHn.js";
7
+ import { C as jn, o as Gn, O as Un } from "./dialog.BvSMV36r.js";
8
8
  import { C as lt } from "./icon.BLXWp6CU.js";
9
- import { C as li } from "./icon-button.BjAbCuH8.js";
10
- import { C as bo } from "./input.ftEf4GS6.js";
9
+ import { C as li } from "./icon-button.DV5Fks8j.js";
10
+ import { C as bo } from "./input.7pumTpdu.js";
11
11
  import Nt from "../components/tooltip.js";
12
12
  import Kn from "../components/badge.js";
13
13
  import qn from "../components/details.js";
@@ -16,7 +16,7 @@ import on from "../components/spinner.js";
16
16
  import Xn from "../components/tag.js";
17
17
  import { D as rn, a as Jn, t as Yn, b as nn } from "./date-picker.BGHn6qg8.js";
18
18
  import { c as He } from "./custom-element.L4WJXn1j.js";
19
- import { L as it } from "./i18n.Q5_2aVLU.js";
19
+ import { L as it } from "./i18n.BSPmBQ73.js";
20
20
  import { w as H, b as Zn, S as Qn, c as Jo, p as ea, E as ta } from "./watch.DJF5K-8U.js";
21
21
  import { c as ia } from "./date.iWq_pkIk.js";
22
22
  import { x as E, i as Q, E as nt, B as an } from "./lit-element.jLBm65_O.js";
@@ -42,12 +42,12 @@ import { S as va } from "./sortable.esm.oSzf6C5Q.js";
42
42
  import ya from "../components/line-clamp.js";
43
43
  import { o as Ca } from "./unsafe-html.Dff7-rCx.js";
44
44
  import ci from "../components/menu.js";
45
- import { C as di } from "./menu-item.BNs1Ji48.js";
45
+ import { C as di } from "./menu-item.CqPvDGeN.js";
46
46
  import xa from "../components/popup.js";
47
47
  import { r as Ea } from "./choose.BTbF6BAn.js";
48
48
  import Ra from "../components/menu-section.js";
49
49
  import fn from "../components/checkbox.js";
50
- import { C as Sa, P as Da } from "./pagination.Bke9vgl4.js";
50
+ import { C as Sa, P as Da } from "./pagination.C2f8lUVb.js";
51
51
  import { H as mn } from "./slot.j5oheLJC.js";
52
52
  import { g as W, a as Yo } from "./dom.D0lSUoEI.js";
53
53
  import "./browser.BHOCIF_A.js";
@@ -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";
@@ -4,7 +4,7 @@ import { c as w } 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
6
  import { c as P } from "./custom-element.L4WJXn1j.js";
7
- import { L as z } from "./i18n.Q5_2aVLU.js";
7
+ import { L as z } from "./i18n.BSPmBQ73.js";
8
8
  import { w as b } from "./watch.DJF5K-8U.js";
9
9
  import { g as M, a as g } from "./responsive.BmBJSzC4.js";
10
10
  import { r as C } from "./state.CSDxrqLd.js";
@@ -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";