@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.
- package/library/chunks/{asset-link-format.C5Ue4EGP.js → asset-link-format.DTLA2CFh.js} +407 -388
- package/library/chunks/{button.DbAUlIXG.js → button.cbDkxJHn.js} +1 -1
- package/library/chunks/{color-swatch-group.B10yWbVM.js → color-swatch-group.6ls-5ziB.js} +646 -646
- package/library/chunks/{confirm-popover.Cd4HM5-B.js → confirm-popover.Dvgoz-oA.js} +3 -3
- package/library/chunks/{dialog.CXphbq8N.js → dialog.BvSMV36r.js} +2 -2
- package/library/chunks/{document-viewer.B_ESlazf.js → document-viewer.BLdEjbza.js} +7 -7
- package/library/chunks/{dot-pagination.CzT-MZmt.js → dot-pagination.CukHxNBk.js} +1 -1
- package/library/chunks/{folder-select.BWeanVkA.js → folder-select.DAZQRdLq.js} +4 -4
- package/library/chunks/{header.Dy57RuQW.js → header.DWE-WJaC.js} +51 -43
- package/library/chunks/{i18n.Q5_2aVLU.js → i18n.BSPmBQ73.js} +1 -0
- package/library/chunks/{icon-button.BjAbCuH8.js → icon-button.DV5Fks8j.js} +1 -1
- package/library/chunks/{iframe.CdktjPCB.js → iframe.ddX2kGu3.js} +1 -1
- package/library/chunks/{image.CCo__54F.js → image.BM7bPTub.js} +174 -143
- package/library/chunks/{index.DiZGZkHv.js → index.D8XR8JuY.js} +70 -66
- package/library/chunks/{input.ftEf4GS6.js → input.7pumTpdu.js} +1 -1
- package/library/chunks/{markdown.RljldBNb.js → markdown.LHSzm035.js} +2 -2
- package/library/chunks/{menu-item.BNs1Ji48.js → menu-item.CqPvDGeN.js} +1 -1
- package/library/chunks/{option.C8IEnv5Q.js → option.dBUWN4sF.js} +1 -1
- package/library/chunks/{pagination.Bke9vgl4.js → pagination.C2f8lUVb.js} +5 -5
- package/library/chunks/{resizable-component.styles.CAfXABBc.js → resizable-component.styles.kMFDlGgv.js} +2 -2
- package/library/chunks/{responsive.BmBJSzC4.js → responsive.DqF_v1XY.js} +9 -7
- package/library/chunks/{tab-group.DZ32f41G.js → tab-group.DOnaT12G.js} +4 -4
- package/library/chunks/{tree.Umn7TAkc.js → tree.CHQ1WjZV.js} +1 -1
- package/library/chunks/{types.BW36Gr9c.js → types.DVqUSJlF.js} +2522 -2414
- package/library/components/alert.js +2 -2
- package/library/components/asset-link-format.js +3 -3
- package/library/components/atoms.js +15 -15
- package/library/components/audio.js +3 -3
- package/library/components/border-input-group.js +2 -2
- package/library/components/breadcrumb.js +1 -1
- package/library/components/button.js +2 -2
- package/library/components/color-picker.js +6 -6
- package/library/components/color-swatch-group.js +3 -3
- package/library/components/color-swatch.js +1 -1
- package/library/components/confirm-popover.js +4 -4
- package/library/components/copy-button.js +1 -1
- package/library/components/corner-position-input-group.js +3 -3
- package/library/components/date-calendar.js +1 -1
- package/library/components/details.js +1 -1
- package/library/components/dialog.js +3 -3
- package/library/components/document-viewer.js +4 -4
- package/library/components/dot-pagination.js +2 -2
- package/library/components/drawer.js +2 -2
- package/library/components/dropdown.js +2 -2
- package/library/components/dynamic-select.js +4 -4
- package/library/components/e-chart.js +1 -1
- package/library/components/element-clamp.js +2 -2
- package/library/components/file-on-demand.js +9 -9
- package/library/components/folder-select.js +4 -4
- package/library/components/format-bytes.js +1 -1
- package/library/components/format-date.js +1 -1
- package/library/components/format-number.js +1 -1
- package/library/components/format-time.js +1 -1
- package/library/components/header.js +5 -4
- package/library/components/icon-button.js +2 -2
- package/library/components/iframe.js +2 -2
- package/library/components/image-comparer.js +1 -1
- package/library/components/image.js +3 -3
- package/library/components/input.js +2 -2
- package/library/components/line-clamp.js +1 -1
- package/library/components/markdown.js +3 -3
- package/library/components/masonry.js +2 -2
- package/library/components/menu-item.js +2 -2
- package/library/components/menu.js +2 -2
- package/library/components/molecules.js +2 -2
- package/library/components/option.js +2 -2
- package/library/components/organisms.js +2 -2
- package/library/components/padding-input-group.js +1 -1
- package/library/components/pagination.js +6 -6
- package/library/components/popup.js +1 -1
- package/library/components/position-picker.js +1 -1
- package/library/components/progress-bar.js +1 -1
- package/library/components/progress-ring.js +1 -1
- package/library/components/range.js +1 -1
- package/library/components/rating.js +1 -1
- package/library/components/relative-time.js +1 -1
- package/library/components/select.js +2 -2
- package/library/components/shadow-input-group.js +1 -1
- package/library/components/share-option-list.js +1 -1
- package/library/components/sidebar.js +1 -1
- package/library/components/size-input-group.js +3 -3
- package/library/components/spinner.js +1 -1
- package/library/components/split-panel.js +1 -1
- package/library/components/tab-group.js +5 -5
- package/library/components/tab.js +2 -2
- package/library/components/tag.js +2 -2
- package/library/components/tooltip.js +1 -1
- package/library/components/tree-item.js +2 -2
- package/library/components/tree.js +2 -2
- package/library/components/typeface.js +2 -2
- package/library/components/types.js +128 -127
- package/library/components/video.js +1341 -1294
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/header/header.d.ts +2 -0
- package/library/packages/atoms/src/components/image/image.d.ts +16 -0
- package/library/packages/atoms/src/components/video/video.d.ts +6 -0
- package/library/packages/events/src/cx-asset-transformation-dialog-confirm.d.ts +2 -0
- package/library/packages/molecules/src/icon-picker/icon-picker.d.ts +5 -6
- package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts +6 -0
- package/library/packages/organisms/src/asset-transformation-dialog/asset-transformation-dialog.d.ts +5 -1
- package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +10 -3
- package/library/packages/organisms/src/content-builder/configs/header.d.ts +1 -1
- package/library/packages/organisms/src/content-builder/configs/image.d.ts +2 -0
- package/library/packages/organisms/src/content-builder/configs-controller.d.ts +13 -0
- package/library/packages/organisms/src/content-builder/styleController.d.ts +2 -0
- package/library/packages/organisms/src/form/control-renderer/control-renderer.d.ts +6 -0
- package/library/packages/types/src/content-builder.d.ts +6 -2
- package/library/packages/utils/src/custom-element/i18n.d.ts +1 -0
- package/library/packages/utils/src/responsive/responsive.d.ts +1 -0
- package/library/react-web-component.d.ts +4 -0
- package/library/utils.js +54 -53
- package/package.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { C as _ } from "./button.
|
|
2
|
-
import { C as u, D as h } from "./dialog.
|
|
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.
|
|
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.
|
|
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.
|
|
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,
|
|
2
|
-
import { C as CxButton } from "./button.
|
|
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.
|
|
7
|
-
import { C as CxInput } from "./input.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
|
2
|
-
import { n as i, C as
|
|
3
|
-
import { c as
|
|
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
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { e as
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
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
|
|
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
|
-
${
|
|
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 || {}),
|
|
580
|
-
const
|
|
581
|
-
var
|
|
582
|
-
for (var
|
|
583
|
-
(h = e[d]) && (
|
|
584
|
-
return
|
|
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
|
|
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
|
-
},
|
|
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
|
|
602
|
+
let t = class extends w {
|
|
602
603
|
constructor() {
|
|
603
|
-
super(), this.localize = new
|
|
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 =
|
|
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.
|
|
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 =
|
|
694
|
-
return u`<${n} part="heading" class=${
|
|
695
|
-
fontSize:
|
|
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=${
|
|
705
|
+
return u`<div part="base" class=${b({
|
|
701
706
|
container: !0,
|
|
702
707
|
"container--has-copy-button": n
|
|
703
708
|
})}>${this.renderHeading()}
|
|
704
|
-
${
|
|
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
|
-
|
|
709
|
-
|
|
710
|
-
|
|
713
|
+
P,
|
|
714
|
+
H,
|
|
715
|
+
E
|
|
711
716
|
];
|
|
712
717
|
t.dependencies = {
|
|
713
|
-
"cx-copy-button":
|
|
718
|
+
"cx-copy-button": y
|
|
714
719
|
};
|
|
715
720
|
o([
|
|
716
|
-
|
|
721
|
+
x("slot")
|
|
717
722
|
], t.prototype, "defaultSlot", 2);
|
|
718
723
|
o([
|
|
719
|
-
|
|
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
|
-
|
|
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
|
-
|
|
760
|
+
M(100)
|
|
761
|
+
], t.prototype, "handleWindowResize", 1);
|
|
762
|
+
o([
|
|
763
|
+
k("deviceType")
|
|
756
764
|
], t.prototype, "handleDeviceTypeChange", 1);
|
|
757
765
|
o([
|
|
758
|
-
|
|
766
|
+
k("variant")
|
|
759
767
|
], t.prototype, "handleHeadingChange", 1);
|
|
760
768
|
t = o([
|
|
761
|
-
|
|
769
|
+
z("cx-header")
|
|
762
770
|
], t);
|
|
763
771
|
export {
|
|
764
|
-
|
|
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.
|
|
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.
|
|
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";
|