@orangelogic/design-system 3.0.0 → 3.2.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 (120) hide show
  1. package/library/chunks/{asset-link-format.D--xQVgR.js → asset-link-format.BnIUG_vO.js} +19 -18
  2. package/library/chunks/{button.BnkkUqiI.js → button.CpY4FCwE.js} +1 -1
  3. package/library/chunks/{color-swatch-group.CCgwey9f.js → color-swatch-group.CTcv62MK.js} +367 -330
  4. package/library/chunks/{color-swatch.D6Gg5bpz.js → color-swatch.Caved2kL.js} +1 -1
  5. package/library/chunks/{confirm-popover.CrQKEChc.js → confirm-popover.BSS1VhB2.js} +3 -3
  6. package/library/chunks/content-builder.BX4pHujE.js +60 -0
  7. package/library/chunks/{dialog.CWGtufDA.js → dialog.ICoCAj6Z.js} +4 -4
  8. package/library/chunks/{document-viewer.C90j1Xrr.js → document-viewer.D6PxGcEL.js} +8 -7
  9. package/library/chunks/{dot-pagination.BqGFeFXK.js → dot-pagination.CzVpiv00.js} +1 -1
  10. package/library/chunks/{folder-select.CIqVGGFl.js → folder-select.DN-JomDt.js} +4 -4
  11. package/library/chunks/{header.CWlWNree.js → header.BQg_JjHw.js} +1 -1
  12. package/library/chunks/{i18n.DbXTTLXx.js → i18n.BA19xtyU.js} +6 -3
  13. package/library/chunks/{icon-button.CVrxJcZq.js → icon-button.BWJ1Vqn5.js} +17 -11
  14. package/library/chunks/{iframe.-GCTFas1.js → iframe.Dm-nXSBv.js} +1 -1
  15. package/library/chunks/{image.CTMzUqCC.js → image.B-4cVbol.js} +187 -188
  16. package/library/chunks/{input.33UmFGqR.js → input.xgeLCG8I.js} +1 -1
  17. package/library/chunks/{markdown.DOHru2Rz.js → markdown.bkEjjjS9.js} +2 -2
  18. package/library/chunks/menu-item.DgUMVYe5.js +493 -0
  19. package/library/chunks/{option.B6odSlS2.js → option.jeaj7_Lr.js} +1 -1
  20. package/library/chunks/{pagination.mzolTIpF.js → pagination.CSPKsj4y.js} +5 -5
  21. package/library/chunks/{tab-group.uSHlsFu8.js → tab-group.BSl6GdIO.js} +4 -4
  22. package/library/chunks/{toast.CXEAfCvN.js → toast.C5Ir5yKA.js} +1 -1
  23. package/library/chunks/transformation.CWKaoGaY.js +254 -0
  24. package/library/chunks/{tree.CmEdKtzK.js → tree.DYFFjW1-.js} +1 -1
  25. package/library/components/alert.js +2 -2
  26. package/library/components/asset-link-format.js +4 -4
  27. package/library/components/atoms.js +31 -31
  28. package/library/components/audio.js +2 -2
  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 +3 -3
  33. package/library/components/color-swatch-group.js +5 -5
  34. package/library/components/color-swatch.js +2 -2
  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 +3 -3
  42. package/library/components/dot-pagination.js +2 -2
  43. package/library/components/drawer.js +4 -4
  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 +2 -2
  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 -4
  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 +113 -100
  63. package/library/components/menu-item.js +15 -483
  64. package/library/components/menu.js +20 -20
  65. package/library/components/molecules.js +3 -3
  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 +101 -98
  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 +18 -13
  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 +18617 -18388
  92. package/library/components/video.js +2 -2
  93. package/library/package.json +1 -1
  94. package/library/packages/atoms/src/components/icon-button/icon-button.d.ts +11 -0
  95. package/library/packages/atoms/src/components/image/image.d.ts +30 -4
  96. package/library/packages/atoms/src/components/menu-item/menu-item.d.ts +5 -2
  97. package/library/packages/atoms/src/components/menu-item/submenu-controller.d.ts +1 -0
  98. package/library/packages/atoms/src/components/popup/popup.d.ts +11 -0
  99. package/library/packages/atoms/src/components/select/select.d.ts +8 -0
  100. package/library/packages/hybrid/table-core/src/table/styles/table-frozen.styles.d.ts +4 -4
  101. package/library/packages/hybrid/table-core/src/table/styles/table-overlay-scrollbar.styles.d.ts +8 -5
  102. package/library/packages/hybrid/table-core/src/table/table.d.ts +2 -12
  103. package/library/packages/hybrid/table-core/src/tabulator-tables/core/RowManager.d.ts +1 -0
  104. package/library/packages/hybrid/table-core/src/tabulator-tables/modules/ResizeColumns/ResizeColumns.d.ts +5 -3
  105. package/library/packages/molecules/src/gallery-item/gallery-item.d.ts +10 -0
  106. package/library/packages/molecules/src/icon-picker/icon-picker.d.ts +1 -0
  107. package/library/packages/molecules/src/masonry/masonry.d.ts +9 -0
  108. package/library/packages/molecules/src/view-and-sort/view-and-sort.d.ts +8 -0
  109. package/library/packages/organisms/src/bento-grid/bento-grid.d.ts +88 -0
  110. package/library/packages/organisms/src/comment/components/comment-menu/comment-menu.d.ts +10 -0
  111. package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +11 -1
  112. package/library/packages/organisms/src/content-builder/content-builder.d.ts +31 -6
  113. package/library/packages/organisms/src/downloader/downloader.d.ts +1 -1
  114. package/library/packages/types/src/menu-item.d.ts +12 -1
  115. package/library/packages/utils/src/custom-element/i18n.d.ts +3 -0
  116. package/library/packages/utils/src/transformation/transformation.d.ts +52 -0
  117. package/library/react-web-component.d.ts +25 -1
  118. package/library/utils.js +173 -167
  119. package/package.json +1 -1
  120. package/library/chunks/transformation.8uLv6uwG.js +0 -264
@@ -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.DbXTTLXx.js";
11
+ import { L as A } from "./i18n.BA19xtyU.js";
12
12
  import { w as i } from "./watch.DJF5K-8U.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.BnkkUqiI.js";
2
- import { C as u, D as h } from "./dialog.CWGtufDA.js";
1
+ import { C as _ } from "./button.CpY4FCwE.js";
2
+ import { C as u, D as h } from "./dialog.ICoCAj6Z.js";
3
3
  import g from "../components/dropdown.js";
4
4
  import { C as x } from "./typography.IqHbnd3C.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.DbXTTLXx.js";
8
+ import { L as $ } from "./i18n.BA19xtyU.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";
@@ -0,0 +1,60 @@
1
+ import { c as l } from "./capitalize.CIBKBL10.js";
2
+ const d = window.location.origin.includes("localhost:") ? "https://local.orangelogic.com" : window.location.origin;
3
+ function L(a, o, e, i = d) {
4
+ const n = new URL(i + "/" + a);
5
+ return Array.isArray(e) ? e.forEach((t) => {
6
+ t[1] && n.searchParams.append(t[0], t[1]);
7
+ }) : e && Object.keys(e).forEach((t) => {
8
+ e[t] && n.searchParams.append(t, e[t]);
9
+ }), fetch(n, o);
10
+ }
11
+ const E = "space-default";
12
+ var c = /* @__PURE__ */ ((a) => (a.Desktop = "desktop", a.Mobile = "mobile", a.Tablet = "tablet", a))(c || {});
13
+ const C = {
14
+ canvasWidth: "",
15
+ height: "",
16
+ id: "desktop",
17
+ maxWidth: "",
18
+ name: l(
19
+ "desktop"
20
+ /* Desktop */
21
+ )
22
+ }, u = {
23
+ canvasWidth: "770px",
24
+ height: "",
25
+ id: "tablet",
26
+ maxWidth: "1280px",
27
+ name: l(
28
+ "tablet"
29
+ /* Tablet */
30
+ )
31
+ }, h = {
32
+ canvasWidth: "320px",
33
+ height: "",
34
+ id: "mobile",
35
+ maxWidth: "480px",
36
+ name: l(
37
+ "mobile"
38
+ /* Mobile */
39
+ )
40
+ }, f = [C, u, h];
41
+ var A = /* @__PURE__ */ ((a) => (a.All = "ALL", a.CanDelete = "CanDelete", a.CanDownload = "CanDownload", a.CanFind = "CanFind", a.CanManageRights = "CanManageRights", a.CanMove = "CanMove", a.CanRead = "CanRead", a.CanReadAll = "CanReadAll", a.CanReadAndWrite = "CanReadAndWrite", a.CanReadLarge = "CanReadLarge", a.CanReadMedium = "CanReadMedium", a.CanReadOriginal = "CanReadOriginal", a.CanShare = "CanShare", a.CanUpload = "CanUpload", a.CanWrite = "CanWrite", a.None = "NONE", a))(A || {}), g = /* @__PURE__ */ ((a) => (a.All = "all", a.Audio = "audio", a.Image = "image", a.Other = "other", a.Video = "video", a))(g || {}), s = /* @__PURE__ */ ((a) => (a.Content = "content", a.Template = "template", a))(s || {}), R = /* @__PURE__ */ ((a) => (a.Administrator = "Administrator", a.Designer = "Designer", a.Editor = "Editor", a))(R || {}), r = /* @__PURE__ */ ((a) => (a.Accordion = "BlockAccordion", a.Analytics = "BlockAnalytics", a.Audio = "BlockAudio", a.Button = "BlockButton", a.Carousel = "BlockCarousel", a.ColorSwatches = "BlockColorSwatches", a.Column = "BlockCell", a.ColumnGroup = "BlockColumns", a.DamView = "BlockDamView", a.Divider = "BlockDivider", a.DocumentViewer = "BlockDocumentViewer", a.FontKit = "BlockFontKit", a.Gallery = "BlockGallery", a.Header = "BlockHeader", a.Image = "BlockImage", a.RichText = "BlockRichText", a.SearchBox = "BlockSearchBox", a.TabGroup = "BlockTabs", a.Text = "BlockText", a.Timeline = "BlockTimeline", a.Video = "BlockVideo", a))(r || {});
42
+ const B = Object.values(r).filter(
43
+ (a) => a !== "BlockCell"
44
+ /* Column */
45
+ );
46
+ var b = /* @__PURE__ */ ((a) => (a.Carousel = "carousel", a.Gallery = "gallery", a))(b || {}), v = /* @__PURE__ */ ((a) => (a.Templates = "TEMPLATES", a.TranslatableAttributes = "TRANSLATABLE_ATTRIBUTES", a.TranslatableTexts = "TRANSLATABLE_TEXTS", a))(v || {});
47
+ export {
48
+ g as A,
49
+ r as B,
50
+ c as D,
51
+ s as E,
52
+ A as P,
53
+ E as S,
54
+ R as T,
55
+ b as a,
56
+ v as b,
57
+ B as c,
58
+ f as d,
59
+ L as f
60
+ };
@@ -3,7 +3,7 @@ import { c as vr } from "./component.styles.CRO4Odto.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.DbXTTLXx.js";
6
+ import { L as yr } from "./i18n.BA19xtyU.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.CVrxJcZq.js";
19
+ import { C as Sr } from "./icon-button.BWJ1Vqn5.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 || {});
@@ -1483,7 +1483,7 @@ let Z = class extends hr {
1483
1483
  this.popup.hidden = !this.open, this.open && (this.addOpenListeners(), this.modal.activate(), (!this.boundary || this.boundary === document.body) && ss(this)), this.updatePopupAnchor();
1484
1484
  }
1485
1485
  disconnectedCallback() {
1486
- super.disconnectedCallback(), this.modal.deactivate(), (!this.boundary || this.boundary === document.body) && rs(this), this.removeOpenListeners(), window.removeEventListener("resize", this.handleWindowResize), this.boundaryObserver?.disconnect(), this.boundaryObserver = null;
1486
+ super.disconnectedCallback(), this.modal.deactivate(), this.originalTrigger = null, (!this.boundary || this.boundary === document.body) && rs(this), this.removeOpenListeners(), window.removeEventListener("resize", this.handleWindowResize), this.boundaryObserver?.disconnect(), this.boundaryObserver = null;
1487
1487
  }
1488
1488
  shouldUpdate(t) {
1489
1489
  if (t.has("boundary")) {
@@ -1644,7 +1644,7 @@ let Z = class extends hr {
1644
1644
  })
1645
1645
  ]), this.overlay && (this.overlay.hidden = !1), this.panel.hidden = !1, (!this.boundary || this.boundary === document.body) && rs(this);
1646
1646
  const o = this.originalTrigger;
1647
- typeof o?.focus == "function" && setTimeout(() => o.focus()), this.emit("cx-after-hide");
1647
+ this.originalTrigger = null, typeof o?.focus == "function" && setTimeout(() => o.focus()), this.emit("cx-after-hide");
1648
1648
  }
1649
1649
  }
1650
1650
  /** Shows the dialog. */
@@ -1,12 +1,12 @@
1
1
  import { r as resizableComponentStyles, R as ResizableElement, a as ResizeDirection, b as HeightMode } from "./resizable-component.styles.CAfXABBc.js";
2
- import { C as CxButton } from "./button.BnkkUqiI.js";
2
+ import { C as CxButton } from "./button.CpY4FCwE.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.CpHbi8tH.js";
6
- import { C as CxIconButton } from "./icon-button.CVrxJcZq.js";
7
- import { C as CxInput } from "./input.33UmFGqR.js";
6
+ import { C as CxIconButton } from "./icon-button.BWJ1Vqn5.js";
7
+ import { C as CxInput } from "./input.xgeLCG8I.js";
8
8
  import CxMenu from "../components/menu.js";
9
- import CxMenuItem from "../components/menu-item.js";
9
+ import { C as CxMenuItem } from "./menu-item.DgUMVYe5.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,12 +19,13 @@ 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.DSsy3Fcy.js";
22
- import { L as LocalizeController } from "./i18n.DbXTTLXx.js";
22
+ import { L as LocalizeController } from "./i18n.BA19xtyU.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";
26
- import { f as fetchCortexApi } from "./transformation.8uLv6uwG.js";
26
+ import { f as fetchCortexApi } from "./content-builder.BX4pHujE.js";
27
27
  import "./unsafe-html.Dff7-rCx.js";
28
+ import "./transformation.CWKaoGaY.js";
28
29
  import { r as reactExports, a as React, j as jsxRuntimeExports, w, R as ReactDOM } from "./jsx-runtime.CTpPVMxj.js";
29
30
  import { a as getDefaultExportFromCjs, c as commonjsGlobal } from "./_commonjsHelpers.DQNKXVTB.js";
30
31
  import { r as require$$0 } from "./___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
@@ -34,7 +35,7 @@ import { a as ObjectFit } from "./index.Cpamj0jB.js";
34
35
  import { r as r$1 } from "./state.CSDxrqLd.js";
35
36
  import { e } from "./class-map.BiVq-cVR.js";
36
37
  import { n as n$1 } from "./when.Dr1es41R.js";
37
- import { C as CxImage } from "./image.CTMzUqCC.js";
38
+ import { C as CxImage } from "./image.B-4cVbol.js";
38
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 || {});
39
40
  function commonjsRequire(l) {
40
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.CRO4Odto.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.DbXTTLXx.js";
5
+ import { L as S } from "./i18n.BA19xtyU.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.CpHbi8tH.js";
2
- import { C as me } from "./input.33UmFGqR.js";
2
+ import { C as me } from "./input.xgeLCG8I.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.CmEdKtzK.js";
6
+ import { C as F, a as xe } from "./tree.DYFFjW1-.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.CRO4Odto.js";
11
11
  import { c as W } from "./custom-element.L4WJXn1j.js";
12
- import { L as q } from "./i18n.DbXTTLXx.js";
12
+ import { L as q } from "./i18n.BA19xtyU.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.BnkkUqiI.js";
19
+ import { C as ae } from "./button.CpY4FCwE.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";
@@ -3,7 +3,7 @@ import { n as c, C as b } from "./lib-cortex-element.CVMmyPMC.js";
3
3
  import { c as k } from "./component.styles.CRO4Odto.js";
4
4
  import { i as p } from "./lit-element.jLBm65_O.js";
5
5
  import { c as v } from "./custom-element.L4WJXn1j.js";
6
- import { L as w } from "./i18n.DbXTTLXx.js";
6
+ import { L as w } from "./i18n.BA19xtyU.js";
7
7
  import { w as y } from "./watch.DJF5K-8U.js";
8
8
  import { e as m } from "./query.BBf1UFkC.js";
9
9
  import { e as u } from "./class-map.BiVq-cVR.js";
@@ -1,7 +1,7 @@
1
1
  import { p as v } from "./purify.es.BIuh5IAZ.js";
2
- const S = /* @__PURE__ */ new Set(["weekday", "era", "year", "month", "day"]), A = /* @__PURE__ */ new Set(["hour", "minute", "second", "dayPeriod", "timeZoneName"]), u = /* @__PURE__ */ new Set(), T = new MutationObserver(y), n = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
2
+ const S = /* @__PURE__ */ new Set(["weekday", "era", "year", "month", "day"]), T = /* @__PURE__ */ new Set(["hour", "minute", "second", "dayPeriod", "timeZoneName"]), u = /* @__PURE__ */ new Set(), A = new MutationObserver(y), n = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
3
3
  let h = document.documentElement.dir || "ltr", f = document.documentElement.lang || navigator.language, r;
4
- T.observe(document.documentElement, {
4
+ A.observe(document.documentElement, {
5
5
  attributeFilter: ["dir", "lang"],
6
6
  attributes: !0
7
7
  });
@@ -110,7 +110,7 @@ let C = class {
110
110
  if (s.type !== "literal")
111
111
  return s.value;
112
112
  const c = a[d - 1], l = a[d + 1];
113
- return c != null && S.has(c.type) && l != null && A.has(l.type) ? " " : s.value;
113
+ return c != null && S.has(c.type) && l != null && T.has(l.type) ? " " : s.value;
114
114
  }).join("");
115
115
  }
116
116
  /** Outputs a localized number in the specified format. */
@@ -440,9 +440,12 @@ const b = {
440
440
  defaultWidth: "Default width",
441
441
  definition: "Definition",
442
442
  delete: "Delete",
443
+ deleteAllTransitions: "Delete all transitions",
443
444
  deleteColumn: "Delete column",
445
+ deleteOptions: "Delete options",
444
446
  deleteRow: "Delete row",
445
447
  deleteTable: "Delete table",
448
+ deleteTransition: "Delete transition",
446
449
  deployStacks: "Deploy stacks",
447
450
  descending: "Descending",
448
451
  description: "Description",
@@ -1,7 +1,7 @@
1
- import { n as r, C as g } from "./lib-cortex-element.CVMmyPMC.js";
2
- import { c as p } from "./component.styles.CRO4Odto.js";
1
+ import { n as r, C as p } from "./lib-cortex-element.CVMmyPMC.js";
2
+ import { c as g } from "./component.styles.CRO4Odto.js";
3
3
  import { c as h } from "./custom-element.L4WJXn1j.js";
4
- import { L as m } from "./i18n.DbXTTLXx.js";
4
+ import { L as m } from "./i18n.BA19xtyU.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";
@@ -13,12 +13,12 @@ import w from "../components/spinner.js";
13
13
  import { i as $ } from "./lit-element.jLBm65_O.js";
14
14
  var x = /* @__PURE__ */ ((o) => (o.Large = "large", o.Medium = "medium", o.Small = "small", o.XLarge = "x-large", o))(x || {});
15
15
  const z = $`:host{color:var(--cx-color-neutral-600);--group-divider-color:#80808054;display:inline-block}.icon-button{border-radius:var(--cx-border-radius-medium);font-size:inherit;color:inherit;padding:var(--cx-spacing-x-small);cursor:pointer;transition:var(--cx-transition-x-fast) color;background:0 0;border:none;flex:none;align-items:center;display:flex;position:relative}.icon-button:focus{outline:none}.icon-button--disabled{opacity:.5;cursor:default}.icon-button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.icon-button__icon{pointer-events:none;margin:auto}.icon-button--small{font-size:var(--cx-font-size-x-small);padding:var(--cx-spacing-2x-small);min-height:var(--cx-input-height-small);min-width:var(--cx-input-height-small)}.icon-button--medium{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-2x-small);min-height:var(--cx-input-height-medium);min-width:var(--cx-input-height-medium)}.icon-button--large{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-x-small);min-height:var(--cx-input-height-large);min-width:var(--cx-input-width-large)}.icon-button--x-large{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-small);min-height:var(--cx-input-height-x-large);min-width:var(--cx-input-height-x-large)}.icon-button.icon-button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.icon-button.icon-button--default:hover:not(.icon-button--disabled),.icon-button.icon-button--default.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.icon-button.icon-button--default:active:not(.icon-button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral)}.icon-button.icon-button--text:hover:not(.icon-button--disabled),.icon-button.icon-button--text.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.icon-button.icon-button--text:active:not(.icon-button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral)}.icon-button.icon-button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.icon-button.icon-button--primary:hover:not(.icon-button--disabled),.icon-button.icon-button--primary.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--primary:active:not(.icon-button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success:hover:not(.icon-button--disabled),.icon-button.icon-button--success.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success:active:not(.icon-button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning:hover:not(.icon-button--disabled),.icon-button.icon-button--warning.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning:active:not(.icon-button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger:hover:not(.icon-button--disabled),.icon-button.icon-button--danger.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger:active:not(.icon-button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--custom,.icon-button.icon-button--custom:hover:not(.icon-button--disabled),.icon-button.icon-button--custom.icon-button--focused:not(.icon-button--disabled),.icon-button.icon-button--custom:active:not(.icon-button--disabled){background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.icon-button--outline{border:solid var(--cx-input-border-width);border-color:var(--cx-input-border-color);background:0 0}.icon-button--outline.icon-button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--default:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--default.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--default.icon-button--checked:not(.icon-button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--default:active:not(.icon-button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.icon-button--outline.icon-button--primary:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--primary.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--primary.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--primary:active:not(.icon-button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.icon-button--outline.icon-button--success:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--success.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--success.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--success:active:not(.icon-button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.icon-button--outline.icon-button--warning:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--warning.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--warning.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--warning:active:not(.icon-button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.icon-button--outline.icon-button--danger:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--danger.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--danger.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--danger:active:not(.icon-button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.icon-button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.icon-button--tertiary:hover:not(.icon-button--disabled),.icon-button--tertiary.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.icon-button--tertiary:focus-visible:not(.icon-button--disabled){background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral);border-color:#0000}.icon-button--tertiary:active:not(.icon-button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.icon-button--circle{border-radius:var(--cx-border-radius-circle)}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .icon-button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .icon-button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .icon-button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .icon-button:after{content:"";top:0;inset-inline-start:0;border-left:solid 1px var(--group-divider-color);mix-blend-mode:multiply;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}.icon-button ::slotted(cx-badge){pointer-events:none;translate:50% -50%;top:0!important;left:unset!important;position:absolute!important;right:0!important}.icon-button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.icon-button__icon-container{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex;position:relative}.icon-button--loading{cursor:wait;position:relative}.icon-button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}`;
16
- var C = Object.defineProperty, V = Object.getOwnPropertyDescriptor, n = (o, i, l, a) => {
17
- for (var e = a > 1 ? void 0 : a ? V(i, l) : i, u = o.length - 1, b; u >= 0; u--)
18
- (b = o[u]) && (e = (a ? b(i, l, e) : b(e)) || e);
19
- return a && e && C(i, l, e), e;
16
+ var C = Object.defineProperty, V = Object.getOwnPropertyDescriptor, n = (o, i, a, l) => {
17
+ for (var e = l > 1 ? void 0 : l ? V(i, a) : i, u = o.length - 1, b; u >= 0; u--)
18
+ (b = o[u]) && (e = (l ? b(i, a, e) : b(e)) || e);
19
+ return l && e && C(i, a, e), e;
20
20
  };
21
- let t = class extends g {
21
+ let t = class extends p {
22
22
  constructor() {
23
23
  super(...arguments), this.localize = new m(this), this.hasFocus = !1, this.variant = "outlined", this.buttonVariant = "text", this.label = "", this.disabled = !1, this.loading = !1, this.iconClass = "", this.size = x.Medium, this.outline = !1, this.circle = !1;
24
24
  }
@@ -57,7 +57,7 @@ let t = class extends g {
57
57
  this.button.blur();
58
58
  }
59
59
  render() {
60
- const o = !!this.href, i = o ? d`a` : d`button`;
60
+ const o = !!this.href, i = o ? d`a` : d`button`, a = this.tabIndexValue !== void 0 ? this.tabIndexValue : this.disabled || this.loading ? "-1" : "0";
61
61
  return s`<${i} part="base" class=${y({
62
62
  "icon-button": !0,
63
63
  "icon-button--circle": this.circle,
@@ -80,14 +80,14 @@ let t = class extends g {
80
80
  "icon-button--x-large": this.size === "x-large"
81
81
  })} ?disabled=${c(o ? void 0 : this.disabled)} type=${c(o ? void 0 : "button")} href=${c(o ? this.href : void 0)} target=${c(o ? this.target : void 0)} download=${c(o ? this.download : void 0)} rel=${c(
82
82
  o && this.target ? "noreferrer noopener" : void 0
83
- )} role=${c(o ? void 0 : "button")} aria-disabled=${this.disabled || this.loading ? "true" : "false"} aria-label=${this.label} tabindex=${this.disabled || this.loading ? "-1" : "0"} aria-busy=${this.loading ? "true" : "false"} @blur=${this.handleBlur} @focus=${this.handleFocus} @click=${this.handleClick}><div class="icon-button__icon-container">${k(
83
+ )} role=${c(o ? void 0 : "button")} aria-disabled=${this.disabled || this.loading ? "true" : "false"} aria-pressed=${c(this.pressed)} aria-label=${this.label} tabindex=${a} aria-busy=${this.loading ? "true" : "false"} @blur=${this.handleBlur} @focus=${this.handleFocus} @click=${this.handleClick}><div class="icon-button__icon-container">${k(
84
84
  this.loading,
85
85
  () => s`<cx-spinner part="spinner" role="status" aria-live="polite"></cx-spinner>`,
86
86
  () => s`<cx-icon class="icon-button__icon" icon-class=${c(this.iconClass)} name=${c(this.name)} variant=${this.variant} src=${c(this.src)} aria-hidden="true" part="icon"></cx-icon>`
87
87
  )}<slot name="badge"></slot></div></${i}>`;
88
88
  }
89
89
  };
90
- t.styles = [p, z];
90
+ t.styles = [g, z];
91
91
  t.dependencies = { "cx-icon": _, "cx-spinner": w };
92
92
  n([
93
93
  v(".icon-button")
@@ -140,6 +140,12 @@ n([
140
140
  n([
141
141
  r({ reflect: !0, type: Boolean })
142
142
  ], t.prototype, "circle", 2);
143
+ n([
144
+ r({ type: Boolean })
145
+ ], t.prototype, "pressed", 2);
146
+ n([
147
+ r({ attribute: "tab-index", type: Number })
148
+ ], t.prototype, "tabIndexValue", 2);
143
149
  t = n([
144
150
  h("cx-icon-button")
145
151
  ], t);
@@ -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.CRO4Odto.js";
3
3
  import { c as y } from "./custom-element.L4WJXn1j.js";
4
- import { L as u } from "./i18n.DbXTTLXx.js";
4
+ import { L as u } from "./i18n.BA19xtyU.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";