@orangelogic/design-system 3.4.0 → 3.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.O2It93rl.js → asset-link-format.SaFYESLe.js} +1140 -992
- package/library/chunks/{color-swatch-group.CTcv62MK.js → color-swatch-group.Bu1ev_Af.js} +2 -2
- package/library/chunks/{document-viewer.D6PxGcEL.js → document-viewer.hfxnrrUV.js} +3 -3
- package/library/chunks/{image.B-4cVbol.js → image.ysU1iW6e.js} +1 -1
- package/library/chunks/{menu-item.DgUMVYe5.js → menu-item.uFqeX_J6.js} +12 -12
- package/library/chunks/{tab-group.BSl6GdIO.js → tab-group.CdTSrsM1.js} +1 -1
- package/library/chunks/transformation.BfIEi4p4.js +300 -0
- package/library/components/asset-link-format.js +2 -2
- package/library/components/atoms.js +4 -4
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/cropper.js +1 -1
- package/library/components/document-viewer.js +2 -2
- package/library/components/file-on-demand.js +1 -1
- package/library/components/image.js +1 -1
- package/library/components/masonry.js +65 -49
- package/library/components/menu-item.js +1 -1
- package/library/components/menu-section.js +16 -13
- package/library/components/menu.js +1 -1
- package/library/components/organisms.js +2 -2
- package/library/components/tab-group.js +2 -2
- package/library/components/types.js +12386 -12220
- package/library/components/video.js +1 -1
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/image/image.d.ts +6 -0
- package/library/packages/atoms/src/components/menu-section/menu-section.d.ts +1 -0
- package/library/packages/events/src/cx-asset-transformation-dialog-confirm.d.ts +2 -0
- package/library/packages/molecules/src/cropper/cropper.d.ts +0 -1
- package/library/packages/molecules/src/cropper/react/Cropper.d.ts +0 -1
- package/library/packages/molecules/src/masonry/masonry.d.ts +15 -0
- package/library/packages/molecules/src/view-and-sort/view-and-sort.d.ts +2 -0
- package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts +46 -2
- package/library/packages/organisms/src/asset-link-format/components/asset-link-format-proxy/asset-link-format-proxy.d.ts +36 -1
- package/library/packages/organisms/src/asset-transformation-dialog/asset-transformation-dialog.d.ts +20 -2
- package/library/packages/organisms/src/bento-grid/bento-grid.d.ts +13 -0
- package/library/packages/organisms/src/carousel/carousel.d.ts +13 -0
- package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +54 -0
- package/library/packages/organisms/src/content-builder/blocks/video/video.d.ts +5 -0
- package/library/packages/organisms/src/content-builder/components/config-form/config-form.d.ts +2 -1
- package/library/packages/organisms/src/content-builder/components/gallery-picker/gallery-picker.d.ts +6 -0
- package/library/packages/organisms/src/content-builder/configs/carousel.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/gallery.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/image.d.ts +2 -0
- package/library/packages/organisms/src/content-builder/configs/timeline.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/video.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs-controller.d.ts +10 -0
- package/library/packages/organisms/src/content-builder/styleController.d.ts +2 -0
- package/library/packages/tools/src/fetch-image/fetch-image.d.ts +28 -5
- package/library/packages/types/src/asset-link-format.d.ts +0 -1
- package/library/packages/types/src/content-builder.d.ts +7 -0
- package/library/packages/types/src/gallery-item.d.ts +1 -0
- package/library/packages/types/src/masonry.d.ts +1 -0
- package/library/packages/utils/src/transformation/transformation.d.ts +42 -3
- package/library/react-web-component.d.ts +51 -7
- package/library/utils.js +113 -109
- package/package.json +1 -1
- package/library/chunks/transformation.CWKaoGaY.js +0 -254
|
@@ -32,7 +32,7 @@ import { S as Xn } from "./sortable.esm.oSzf6C5Q.js";
|
|
|
32
32
|
import Jn from "../components/line-clamp.js";
|
|
33
33
|
import { o as Yn } from "./unsafe-html.Dff7-rCx.js";
|
|
34
34
|
import ri from "../components/menu.js";
|
|
35
|
-
import { C as ni } from "./menu-item.
|
|
35
|
+
import { C as ni } from "./menu-item.uFqeX_J6.js";
|
|
36
36
|
import Zn from "../components/popup.js";
|
|
37
37
|
import { r as Qn } from "./choose.BTbF6BAn.js";
|
|
38
38
|
import { o as Z } from "./if-defined.BRoBj_Rp.js";
|
|
@@ -48,7 +48,7 @@ import "./form.DSsy3Fcy.js";
|
|
|
48
48
|
import "./purify.es.BIuh5IAZ.js";
|
|
49
49
|
import { D as Ur, a as sa, t as oa, b as Kr } from "./date-picker.BGHn6qg8.js";
|
|
50
50
|
import { D as Ti } from "./content-builder.BX4pHujE.js";
|
|
51
|
-
import "./transformation.
|
|
51
|
+
import "./transformation.BfIEi4p4.js";
|
|
52
52
|
import { s as P, h as Bo, b as Ui, c as lo } from "./string.CfI2ejyR.js";
|
|
53
53
|
import { a as ra } from "./_commonjsHelpers.DQNKXVTB.js";
|
|
54
54
|
import { d as na } from "./debounce.Bv1rtE8D.js";
|
|
@@ -6,7 +6,7 @@ import { C as CxIcon } from "./icon.CpHbi8tH.js";
|
|
|
6
6
|
import { C as CxIconButton } from "./icon-button.BWJ1Vqn5.js";
|
|
7
7
|
import { C as CxInput } from "./input.xgeLCG8I.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.uFqeX_J6.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";
|
|
@@ -25,7 +25,7 @@ import { w as watch } from "./watch.DJF5K-8U.js";
|
|
|
25
25
|
import "./date-picker.BGHn6qg8.js";
|
|
26
26
|
import { f as fetchCortexApi } from "./content-builder.BX4pHujE.js";
|
|
27
27
|
import "./unsafe-html.Dff7-rCx.js";
|
|
28
|
-
import "./transformation.
|
|
28
|
+
import "./transformation.BfIEi4p4.js";
|
|
29
29
|
import { r as reactExports, a as React, j as jsxRuntimeExports, w, R as ReactDOM } from "./jsx-runtime.CTpPVMxj.js";
|
|
30
30
|
import { a as getDefaultExportFromCjs, c as commonjsGlobal } from "./_commonjsHelpers.DQNKXVTB.js";
|
|
31
31
|
import { r as require$$0 } from "./___vite-browser-external_commonjs-proxy.C2tf3HsQ.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.ysU1iW6e.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.');
|
|
@@ -544,7 +544,7 @@ var Ge = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, le = (i) =
|
|
|
544
544
|
}, he = (i, t, o) => t.has(i) || le("Cannot " + o), ae = (i, t, o) => (he(i, t, "read from private field"), o ? o.call(i) : t.get(i)), Qe = (i, t, o) => t.has(i) ? le("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, o), ne = (i, t, o, l) => (he(i, t, "write to private field"), t.set(i, o), o), j;
|
|
545
545
|
let n = class extends Re {
|
|
546
546
|
constructor() {
|
|
547
|
-
super(...arguments), this.localize = new je(this), this.retryCount = 0, this.retryTimer = null, this.isLoaded = !1, this.isError = !1, this.isRetrying = !1, this.retryIndex = 0, this.src = "", this.srcset = "", this.sizes = "", this.placeholder = "", this.alt = "", this.objectFit = Te.Fill, this.skeleton = !1, this.fallback = !1, this.canZoom = !1, this.loading = !1, this.block = !1, this.htmlLoading = "lazy", this.noCrossorigin = !1, this.clickHandlerType = I.Automatic, this.retryOnError = !1, this.maxRetries =
|
|
547
|
+
super(...arguments), this.localize = new je(this), this.retryCount = 0, this.retryTimer = null, this.isLoaded = !1, this.isError = !1, this.isRetrying = !1, this.retryIndex = 0, this.src = "", this.srcset = "", this.sizes = "", this.placeholder = "", this.alt = "", this.objectFit = Te.Fill, this.skeleton = !1, this.fallback = !1, this.canZoom = !1, this.loading = !1, this.block = !1, this.htmlLoading = "lazy", this.noCrossorigin = !1, this.clickHandlerType = I.Automatic, this.retryOnError = !1, this.maxRetries = 10, this.isZoomed = !1, this.imageRatio = 1, this.parsedAlt = "", this.parsedAltDarkMode = "", this.zoom = null, this.lastPatchedWidth = null, Qe(this, j, "");
|
|
548
548
|
}
|
|
549
549
|
get currentAltValue() {
|
|
550
550
|
return this.alt;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { n as r, C as L } from "./lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import { c as M } from "./component.styles.CRO4Odto.js";
|
|
3
|
-
import { c as
|
|
4
|
-
import { d as k, L as
|
|
5
|
-
import { H as
|
|
3
|
+
import { c as E } from "./custom-element.L4WJXn1j.js";
|
|
4
|
+
import { d as k, L as P } from "./i18n.BA19xtyU.js";
|
|
5
|
+
import { H as z, g as R } from "./slot.j5oheLJC.js";
|
|
6
6
|
import { w as b } from "./watch.DJF5K-8U.js";
|
|
7
|
-
import { i as
|
|
7
|
+
import { i as D, x as h, E as S } from "./lit-element.jLBm65_O.js";
|
|
8
8
|
import { e as f } from "./query.BBf1UFkC.js";
|
|
9
9
|
import { e as x } from "./class-map.BiVq-cVR.js";
|
|
10
10
|
import { o as d } from "./if-defined.BRoBj_Rp.js";
|
|
11
|
-
import { C as
|
|
12
|
-
import
|
|
11
|
+
import { C as T } from "./icon.CpHbi8tH.js";
|
|
12
|
+
import $ from "../components/popup.js";
|
|
13
13
|
import O from "../components/spinner.js";
|
|
14
14
|
import { f as C } from "./focus-when-visible.jWSw9ks0.js";
|
|
15
15
|
import { e as I, n as A } from "./ref.DktKp7fP.js";
|
|
16
16
|
var p = /* @__PURE__ */ ((i) => (i.Prefix = "prefix", i.Suffix = "suffix", i))(p || {}), g = /* @__PURE__ */ ((i) => (i.Checkbox = "menuitemcheckbox", i.Item = "menuitem", i.Radio = "menuitemradio", i))(g || {}), c = /* @__PURE__ */ ((i) => (i.Checkbox = "checkbox", i.Normal = "normal", i))(c || {});
|
|
17
|
-
const B =
|
|
17
|
+
const B = D`:host{--submenu-offset:0px;--prefix-font-size:var(--cx-font-size-small);--prefix-color:var(--cx-color-neutral-500);--label-color:var(--cx-color-neutral);--suffix-color:var(--cx-color-neutral);--font-weight:var(--cx-font-weight-regular);display:block}:host([inert]){display:none}.menu-item{font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--cx-color-neutral);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);transition:var(--cx-transition-fast) fill;background-color:var(--cx-menu-item-background-color,unset);-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;align-items:stretch;text-decoration:none;display:flex;position:relative}.menu-item.menu-item--disabled{cursor:default;outline:none}.menu-item.menu-item--disabled .menu-item__label,.menu-item.menu-item--disabled .menu-item__prefix,.menu-item.menu-item--disabled .menu-item__chevron,.menu-item.menu-item--disabled .menu-item__check{opacity:.5}.menu-item.menu-item--disabled .menu-item__suffix:not(:slotted(cx-tooltip)){opacity:.5}.menu-item.menu-item--loading{cursor:wait;outline:none}.menu-item.menu-item--loading :not(cx-spinner){opacity:.5}.menu-item--loading cx-spinner{--indicator-color:currentColor;--track-width:1px;opacity:1;font-size:.75em;position:absolute;top:calc(50% - .5em);left:.65rem}.menu-item .menu-item__label{color:var(--label-color,var(--cx-color-neutral));text-overflow:ellipsis;flex:auto;margin:auto;display:inline-block;overflow:hidden}.menu-item--checked .menu-item__label{color:var(--checked-label-color,var(--cx-color-primary))}.menu-item .menu-item__prefix{color:var(--prefix-color,var(--cx-color-neutral-500));font-size:var(--prefix-font-size,var(--cx-font-size-small));flex:none;align-items:center;display:flex}.menu-item--checked{--prefix-color:var(--cx-color-primary);--suffix-color:var(--cx-color-primary)}.menu-item--checked .menu-item__check{color:var(--checked-icon-color,var(--cx-color-primary))}.menu-item .menu-item__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.menu-item .menu-item__suffix{color:var(--suffix-color);flex:none;align-items:center;display:flex}.menu-item .menu-item__suffix::slotted(*){margin-inline-start:var(--cx-spacing-medium)}.menu-item--submenu-expanded:after{content:"";z-index:calc(var(--cx-z-index-dropdown) - 1);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0), var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0), var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));position:fixed;inset:0}@media (pointer:none),(pointer:coarse){.menu-item--submenu-expanded:after{display:none}}:host(:focus-visible){outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width))}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item,.menu-item--submenu-expanded{background-color:var(--cx-menu-item-background-color-hover);color:var(--cx-color-neutral-1000)}:host(:not([aria-disabled=true])) .menu-item--active{background-color:var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover));color:var(--cx-color-neutral-1000)}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item--active{background-color:var(--cx-menu-item-background-color-active-hover,var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover)))}:host(:focus-visible) .menu-item{outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width));background-color:var(--cx-menu-item-background-color-hover);opacity:1}.menu-item .menu-item__check,.menu-item .menu-item__chevron{width:var(--checked-icon-size,1.5em);visibility:hidden;flex:none;justify-content:center;align-items:center}.menu-item .menu-item__check{display:var(--checked-icon-display,flex);margin-inline-end:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--suffix{margin-inline:auto 0;padding-inline-start:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--always-show{visibility:visible}.menu-item .menu-item__chevron{display:var(--submenu-icon-display,flex)}.menu-item--checked .menu-item__check,.menu-item--has-submenu .menu-item__chevron{visibility:visible}cx-popup::part(popup){border:var(--cx-panel-border-width) solid var(--cx-popup-border-color);border-radius:var(--cx-border-radius-large);box-shadow:var(--cx-shadow-large);z-index:var(--cx-z-index-dropdown);margin-left:var(--submenu-offset,0px);overflow:hidden}.menu-item--rtl cx-popup::part(popup){margin-left:calc(-1 * var(--submenu-offset))}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .menu-item,:host(:focus-visible) .menu-item{outline-offset:-1px;outline:1px dashed selecteditem}}::slotted(cx-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`;
|
|
18
18
|
class H {
|
|
19
19
|
constructor(e, t) {
|
|
20
20
|
this.popupRef = I(), this.parent = null, this.enableSubmenuTimer = -1, this.isHorizontalMenu = !1, this.isConnected = !1, this.isPopupConnected = !1, this.skidding = 0, this.submenuOpenDelay = 100, this.focusVisibilityTimeoutMs = 1e4, this.lazyLoadObserver = null, this.pendingFocusCancel = null, (this.host = e).addController(this), this.hasSlotController = t, this.handleMouseMove = this.handleMouseMove.bind(this), this.handleMouseOver = this.handleMouseOver.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleClick = this.handleClick.bind(this), this.handleSubmenuIconClick = this.handleSubmenuIconClick.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handleMouseLeave = this.handleMouseLeave.bind(this), this.handlePopupMouseover = this.handlePopupMouseover.bind(this), this.handlePopupReposition = this.handlePopupReposition.bind(this);
|
|
@@ -145,7 +145,7 @@ class H {
|
|
|
145
145
|
break;
|
|
146
146
|
}
|
|
147
147
|
case "Escape": {
|
|
148
|
-
this.host.focus(), this.disableSubmenu();
|
|
148
|
+
this.isExpanded() && (e.preventDefault(), e.stopPropagation(), this.host.focus(), this.disableSubmenu());
|
|
149
149
|
break;
|
|
150
150
|
}
|
|
151
151
|
case "ArrowLeft": {
|
|
@@ -272,7 +272,7 @@ var F = Object.defineProperty, W = Object.getOwnPropertyDescriptor, o = (i, e, t
|
|
|
272
272
|
};
|
|
273
273
|
let s = class extends L {
|
|
274
274
|
constructor() {
|
|
275
|
-
super(), this.type = c.Normal, this.submenuTrigger = "both", this.checked = !1, this.noUncheck = !1, this.value = "", this.href = "", this.rel = "noreferrer noopener", this.loading = !1, this.disabled = !1, this.active = !1, this.current = void 0, this.readonly = !1, this.menu = "", this.alwaysShowCheckedIcon = !1, this.checkPlacement = p.Suffix, this.lazy = !1, this.localize = new
|
|
275
|
+
super(), this.type = c.Normal, this.submenuTrigger = "both", this.checked = !1, this.noUncheck = !1, this.value = "", this.href = "", this.rel = "noreferrer noopener", this.loading = !1, this.disabled = !1, this.active = !1, this.current = void 0, this.readonly = !1, this.menu = "", this.alwaysShowCheckedIcon = !1, this.checkPlacement = p.Suffix, this.lazy = !1, this.localize = new P(this), this.hasSlotController = new z(
|
|
276
276
|
this,
|
|
277
277
|
"submenu",
|
|
278
278
|
"submenu-icon"
|
|
@@ -386,8 +386,8 @@ let s = class extends L {
|
|
|
386
386
|
};
|
|
387
387
|
s.styles = [M, B];
|
|
388
388
|
s.dependencies = {
|
|
389
|
-
"cx-icon":
|
|
390
|
-
"cx-popup":
|
|
389
|
+
"cx-icon": T,
|
|
390
|
+
"cx-popup": $,
|
|
391
391
|
"cx-spinner": O
|
|
392
392
|
};
|
|
393
393
|
o([
|
|
@@ -484,7 +484,7 @@ o([
|
|
|
484
484
|
b(["type", "itemRole"])
|
|
485
485
|
], s.prototype, "handleTypeChange", 1);
|
|
486
486
|
s = o([
|
|
487
|
-
|
|
487
|
+
E("cx-menu-item")
|
|
488
488
|
], s);
|
|
489
489
|
export {
|
|
490
490
|
s as C,
|
|
@@ -21,7 +21,7 @@ import { C as Yn } from "./button.CpY4FCwE.js";
|
|
|
21
21
|
import Xn from "../components/dropdown.js";
|
|
22
22
|
import { C as qn } from "./icon-button.BWJ1Vqn5.js";
|
|
23
23
|
import Gn from "../components/menu.js";
|
|
24
|
-
import { C as Kn } from "./menu-item.
|
|
24
|
+
import { C as Kn } from "./menu-item.uFqeX_J6.js";
|
|
25
25
|
import jn from "../components/tab.js";
|
|
26
26
|
var bi = /* @__PURE__ */ ((o) => (o.Bottom = "bottom", o.End = "end", o.Start = "start", o.Top = "top", o))(bi || {}), Ke = /* @__PURE__ */ ((o) => (o.Center = "center", o.End = "flex-end", o.Start = "flex-start", o))(Ke || {}), wr = /* @__PURE__ */ ((o) => (o.Auto = "auto", o.Manual = "manual", o))(wr || {}), ue = /* @__PURE__ */ ((o) => (o.Button = "button", o.Default = "default", o.Timeline = "timeline", o))(ue || {}), Tt = /* @__PURE__ */ ((o) => (o.Dropdown = "dropdown", o.Pagination = "pagination", o.Scroll = "scroll", o))(Tt || {}), Ut = /* @__PURE__ */ ((o) => (o.Absolute = "absolute", o.DisplayNone = "display-none", o))(Ut || {});
|
|
27
27
|
function Dt(o) {
|
|
@@ -0,0 +1,300 @@
|
|
|
1
|
+
import { C as y, T as m, U as v } from "./asset-link-format.ClaYu_v8.js";
|
|
2
|
+
import { P as $ } from "./position-picker.DjnhxIKF.js";
|
|
3
|
+
const g = "/AssetLink/", N = {
|
|
4
|
+
[$.BottomCenter]: y.South,
|
|
5
|
+
[$.BottomLeft]: y.Southwest,
|
|
6
|
+
[$.BottomRight]: y.Southeast,
|
|
7
|
+
[$.CenterCenter]: y.Center,
|
|
8
|
+
[$.CenterLeft]: y.West,
|
|
9
|
+
[$.CenterRight]: y.East,
|
|
10
|
+
[$.TopCenter]: y.North,
|
|
11
|
+
[$.TopLeft]: y.Northwest,
|
|
12
|
+
[$.TopRight]: y.Northeast
|
|
13
|
+
}, p = "/t/", S = [400, 800, 1200, 1600, 2400];
|
|
14
|
+
function O({
|
|
15
|
+
asset: t,
|
|
16
|
+
baseUrl: n,
|
|
17
|
+
extension: s,
|
|
18
|
+
options: f,
|
|
19
|
+
parameters: c,
|
|
20
|
+
transformations: r,
|
|
21
|
+
useSession: a = ""
|
|
22
|
+
}) {
|
|
23
|
+
if (n == null)
|
|
24
|
+
return "";
|
|
25
|
+
let o = n;
|
|
26
|
+
const h = r?.findLast(
|
|
27
|
+
(d) => d.key === m.Quality
|
|
28
|
+
);
|
|
29
|
+
if (h && (r = [
|
|
30
|
+
...r?.filter(
|
|
31
|
+
(d) => d.key !== m.Quality
|
|
32
|
+
) || [],
|
|
33
|
+
h
|
|
34
|
+
]), r) {
|
|
35
|
+
const d = [];
|
|
36
|
+
for (let e = 0; e < r.length; e++) {
|
|
37
|
+
const u = r[e];
|
|
38
|
+
if (u.key === m.Rotate) {
|
|
39
|
+
let i = u.value.rotation ?? 0;
|
|
40
|
+
for (; r[e + 1]?.key === m.Rotate; )
|
|
41
|
+
e++, i += r[e].value.rotation ?? 0;
|
|
42
|
+
i !== 0 && d.push({ key: m.Rotate, value: { rotation: i } });
|
|
43
|
+
} else
|
|
44
|
+
d.push(u);
|
|
45
|
+
}
|
|
46
|
+
r = d;
|
|
47
|
+
}
|
|
48
|
+
r && r.length > 0 && (o += "/t/"), r?.forEach(({ key: d, value: e }) => {
|
|
49
|
+
if (d === m.Resize) {
|
|
50
|
+
if (e.unit === v.AspectRatio && e.ratioWidth && e.ratioHeight) {
|
|
51
|
+
o += `re_ar_${e.ratioWidth}:${e.ratioHeight}/`;
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
const u = [
|
|
55
|
+
...[
|
|
56
|
+
{
|
|
57
|
+
key: "re_w_",
|
|
58
|
+
value: Math.round(e.width ?? 0)
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
key: "re_h_",
|
|
62
|
+
value: Math.round(e.height ?? 0)
|
|
63
|
+
}
|
|
64
|
+
].filter((i) => i.value !== void 0).map((i) => ({
|
|
65
|
+
key: i.key,
|
|
66
|
+
value: Math.round(Number(i.value))
|
|
67
|
+
})),
|
|
68
|
+
{
|
|
69
|
+
key: "re_rm_",
|
|
70
|
+
value: "stretch"
|
|
71
|
+
}
|
|
72
|
+
];
|
|
73
|
+
u.forEach(({ key: i, value: _ }, T) => {
|
|
74
|
+
o += `${i}${_}${T < u.length - 1 ? "," : ""}`;
|
|
75
|
+
}), o += "/";
|
|
76
|
+
}
|
|
77
|
+
if (d === m.Crop) {
|
|
78
|
+
const u = e.unit === v.AspectRatio && !!e.ratioWidth && !!e.ratioHeight, i = !e.disabledSize && !u, _ = i && (e.x !== void 0 || e.y !== void 0), T = [
|
|
79
|
+
...[
|
|
80
|
+
{
|
|
81
|
+
key: "c_",
|
|
82
|
+
value: e.mode
|
|
83
|
+
},
|
|
84
|
+
...u ? [
|
|
85
|
+
{
|
|
86
|
+
key: "ar_",
|
|
87
|
+
value: `${e.ratioWidth}:${e.ratioHeight}`
|
|
88
|
+
}
|
|
89
|
+
] : [],
|
|
90
|
+
...i ? [
|
|
91
|
+
{
|
|
92
|
+
key: "c_w_",
|
|
93
|
+
value: Math.round(e.width ?? 0)
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
key: "c_h_",
|
|
97
|
+
value: Math.round(e.height ?? 0)
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
key: "c_x_",
|
|
101
|
+
value: Math.round(e.x ?? 0) === 0 && f?.omitZeroXY ? void 0 : Math.round(e.x ?? 0)
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
key: "c_y_",
|
|
105
|
+
value: Math.round(e.y ?? 0) === 0 && f?.omitZeroXY ? void 0 : Math.round(e.y ?? 0)
|
|
106
|
+
}
|
|
107
|
+
] : [],
|
|
108
|
+
...!_ && e.focusMode && e.focusMode !== "manual" ? [
|
|
109
|
+
{
|
|
110
|
+
key: e.isFocusModeAuto ? "acm_" : "c_g_",
|
|
111
|
+
value: e.focusMode
|
|
112
|
+
}
|
|
113
|
+
] : [],
|
|
114
|
+
...!_ && e.focusMode === "manual" && e.position ? [
|
|
115
|
+
{
|
|
116
|
+
key: "c_g_",
|
|
117
|
+
value: N[e.position]
|
|
118
|
+
}
|
|
119
|
+
] : []
|
|
120
|
+
].filter((k) => k.value !== void 0 && k.value !== null).map((k) => ({
|
|
121
|
+
key: k.key,
|
|
122
|
+
value: k.value
|
|
123
|
+
})),
|
|
124
|
+
...u ? [] : [
|
|
125
|
+
{
|
|
126
|
+
key: "c_whu_",
|
|
127
|
+
value: "pixel"
|
|
128
|
+
}
|
|
129
|
+
]
|
|
130
|
+
];
|
|
131
|
+
T.forEach(({ key: k, value: R }, b) => {
|
|
132
|
+
const I = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(k);
|
|
133
|
+
o += `${k}${I ? Math.round(Number(R)) : R}${b < T.length - 1 ? "," : ""}`;
|
|
134
|
+
}), o += "/";
|
|
135
|
+
}
|
|
136
|
+
if (d === m.Rotate && ([
|
|
137
|
+
{
|
|
138
|
+
key: "r_a_",
|
|
139
|
+
value: e.rotation
|
|
140
|
+
}
|
|
141
|
+
].filter((i) => i.value !== void 0).map((i) => ({
|
|
142
|
+
key: i.key,
|
|
143
|
+
value: Math.round(Number(i.value))
|
|
144
|
+
})).forEach(({ key: i, value: _ }) => {
|
|
145
|
+
o += `${i}${_}`;
|
|
146
|
+
}), o += "/"), d === m.Quality) {
|
|
147
|
+
const u = [
|
|
148
|
+
{
|
|
149
|
+
key: "q_level_",
|
|
150
|
+
value: e.quality
|
|
151
|
+
}
|
|
152
|
+
].filter((i) => i.value !== void 0).map((i) => ({
|
|
153
|
+
key: i.key,
|
|
154
|
+
value: Math.round(Number(i.value))
|
|
155
|
+
}));
|
|
156
|
+
u.forEach(({ key: i, value: _ }, T) => {
|
|
157
|
+
o += `${i}${_}${T < u.length - 1 ? "," : ""}`;
|
|
158
|
+
}), o += "/";
|
|
159
|
+
}
|
|
160
|
+
if (d === m.Metadata) {
|
|
161
|
+
const u = [
|
|
162
|
+
{
|
|
163
|
+
key: "fl_keep_metadata",
|
|
164
|
+
value: e.keepMetadata
|
|
165
|
+
}
|
|
166
|
+
].filter((i) => i.value !== void 0).map((i) => ({ key: i.key, value: i.value }));
|
|
167
|
+
u.forEach(({ key: i }, _) => {
|
|
168
|
+
o += `${i}${_ < u.length - 1 ? "," : ""}`;
|
|
169
|
+
}), o += "/";
|
|
170
|
+
}
|
|
171
|
+
}), s && (o += `${t?.identifier ?? crypto.randomUUID()}${s}`);
|
|
172
|
+
const l = [];
|
|
173
|
+
return c && c.length > 0 && c.forEach(({ key: d, value: e }) => {
|
|
174
|
+
l.push(
|
|
175
|
+
`${encodeURIComponent(d.trim())}=${encodeURIComponent(e.trim())}`
|
|
176
|
+
);
|
|
177
|
+
}), n && a && l.push(`UseSession=${encodeURIComponent(a)}`), l.length > 0 && (o += `?${l.join("&")}`), o.endsWith("/") && (o = o.slice(0, -1)), o;
|
|
178
|
+
}
|
|
179
|
+
function G(t, n) {
|
|
180
|
+
if (!t || !n?.length)
|
|
181
|
+
return t;
|
|
182
|
+
const s = O({ baseUrl: "", transformations: n }).replace(
|
|
183
|
+
/\/t\//g,
|
|
184
|
+
""
|
|
185
|
+
);
|
|
186
|
+
if (!s)
|
|
187
|
+
return t;
|
|
188
|
+
const f = t.indexOf(g);
|
|
189
|
+
if (f < 0)
|
|
190
|
+
return `${t}/t/${s}`;
|
|
191
|
+
const c = t.slice(0, f + g.length), r = t.slice(f + g.length), a = r.indexOf("/t/");
|
|
192
|
+
if (a >= 0) {
|
|
193
|
+
const h = r.slice(0, a);
|
|
194
|
+
return `${c}${h}/t/${s}`;
|
|
195
|
+
}
|
|
196
|
+
const o = r.indexOf("/");
|
|
197
|
+
if (o >= 0) {
|
|
198
|
+
const h = r.slice(0, o), l = r.slice(o);
|
|
199
|
+
return `${c}${h}/t/${s}${l}`;
|
|
200
|
+
}
|
|
201
|
+
return `${t}/t/${s}`;
|
|
202
|
+
}
|
|
203
|
+
function E(t) {
|
|
204
|
+
return `re_w_${Math.round(t)}`;
|
|
205
|
+
}
|
|
206
|
+
function C(t, n) {
|
|
207
|
+
if (!t || !Number.isFinite(n) || n <= 0)
|
|
208
|
+
return t;
|
|
209
|
+
const s = t.indexOf(g);
|
|
210
|
+
if (s < 0)
|
|
211
|
+
return t;
|
|
212
|
+
const f = E(n), c = t.slice(0, s + g.length), r = t.slice(s + g.length), a = r.indexOf(p);
|
|
213
|
+
if (a >= 0) {
|
|
214
|
+
const h = r.slice(0, a), l = r.slice(
|
|
215
|
+
a + p.length
|
|
216
|
+
);
|
|
217
|
+
return `${c}${h}${p}${f}/${l}`;
|
|
218
|
+
}
|
|
219
|
+
const o = r.indexOf("/");
|
|
220
|
+
if (o >= 0) {
|
|
221
|
+
const h = r.slice(0, o), l = r.slice(o);
|
|
222
|
+
return `${c}${h}${p}${f}${l}`;
|
|
223
|
+
}
|
|
224
|
+
return `${c}${r}${p}${f}`;
|
|
225
|
+
}
|
|
226
|
+
function F(t) {
|
|
227
|
+
const n = t.indexOf(g);
|
|
228
|
+
return n < 0 ? !1 : t.slice(n + g.length).includes(p);
|
|
229
|
+
}
|
|
230
|
+
const x = "TRX", M = "TR1", L = /* @__PURE__ */ new Set(["gif", "png", "tif", "tiff"]);
|
|
231
|
+
function A(t) {
|
|
232
|
+
if (!t)
|
|
233
|
+
return "";
|
|
234
|
+
const n = t.trim().toLowerCase();
|
|
235
|
+
return n.startsWith(".") ? n.slice(1) : n;
|
|
236
|
+
}
|
|
237
|
+
function W(t) {
|
|
238
|
+
return A(t) === "gif";
|
|
239
|
+
}
|
|
240
|
+
const U = 10 * 1024 * 1024, w = {
|
|
241
|
+
b: 1,
|
|
242
|
+
byte: 1,
|
|
243
|
+
bytes: 1,
|
|
244
|
+
gb: 1024 ** 3,
|
|
245
|
+
kb: 1024,
|
|
246
|
+
mb: 1024 ** 2,
|
|
247
|
+
tb: 1024 ** 4
|
|
248
|
+
};
|
|
249
|
+
function B(t) {
|
|
250
|
+
if (typeof t == "number")
|
|
251
|
+
return Number.isFinite(t) && t >= 0 ? t : void 0;
|
|
252
|
+
if (!t)
|
|
253
|
+
return;
|
|
254
|
+
const n = /^\s*([\d.,]+)\s*([a-z]*)\s*$/i.exec(t);
|
|
255
|
+
if (!n)
|
|
256
|
+
return;
|
|
257
|
+
const s = Number(n[1].replace(/,/g, ""));
|
|
258
|
+
if (!Number.isFinite(s) || s < 0)
|
|
259
|
+
return;
|
|
260
|
+
const f = n[2].toLowerCase();
|
|
261
|
+
if (!f)
|
|
262
|
+
return s;
|
|
263
|
+
const c = w[f];
|
|
264
|
+
return c === void 0 ? void 0 : s * c;
|
|
265
|
+
}
|
|
266
|
+
function X(t, n) {
|
|
267
|
+
if (!L.has(A(t)))
|
|
268
|
+
return M;
|
|
269
|
+
const s = B(n);
|
|
270
|
+
return s !== void 0 && s > U ? M : x;
|
|
271
|
+
}
|
|
272
|
+
function Y(t, n = {}) {
|
|
273
|
+
if (!t.includes(g) || F(t) || n.format === x && W(n.extension))
|
|
274
|
+
return "";
|
|
275
|
+
const { maxWidth: s, widths: f = S } = n, c = [...f].filter((a) => Number.isFinite(a) && a > 0).sort((a, o) => a - o);
|
|
276
|
+
if (c.length === 0)
|
|
277
|
+
return "";
|
|
278
|
+
let r = c;
|
|
279
|
+
if (s !== void 0 && Number.isFinite(s) && s > 0) {
|
|
280
|
+
const a = c.filter((o) => o <= s);
|
|
281
|
+
r = a.length > 0 ? a : [c[0]];
|
|
282
|
+
}
|
|
283
|
+
return r.map((a) => `${C(t, a)} ${a}w`).join(", ");
|
|
284
|
+
}
|
|
285
|
+
function D(t, n = 100) {
|
|
286
|
+
return !Number.isFinite(t) || t <= 0 ? "" : `${Math.ceil(t / n) * n}px`;
|
|
287
|
+
}
|
|
288
|
+
export {
|
|
289
|
+
M as A,
|
|
290
|
+
S,
|
|
291
|
+
G as a,
|
|
292
|
+
Y as b,
|
|
293
|
+
O as c,
|
|
294
|
+
D as d,
|
|
295
|
+
C as e,
|
|
296
|
+
U as f,
|
|
297
|
+
F as h,
|
|
298
|
+
B as p,
|
|
299
|
+
X as r
|
|
300
|
+
};
|
|
@@ -3,7 +3,7 @@ import "../chunks/button.CpY4FCwE.js";
|
|
|
3
3
|
import "./space.js";
|
|
4
4
|
import "../chunks/typography.IqHbnd3C.js";
|
|
5
5
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
|
-
import { C as h } from "../chunks/asset-link-format.
|
|
6
|
+
import { C as h } from "../chunks/asset-link-format.SaFYESLe.js";
|
|
7
7
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
8
8
|
import "../chunks/asset-link-format.ClaYu_v8.js";
|
|
9
9
|
import "../chunks/position-picker.DjnhxIKF.js";
|
|
@@ -11,7 +11,7 @@ import "../chunks/custom-element.L4WJXn1j.js";
|
|
|
11
11
|
import "../chunks/i18n.BA19xtyU.js";
|
|
12
12
|
import "../chunks/watch.DJF5K-8U.js";
|
|
13
13
|
import "../chunks/number.Cx2ncfJJ.js";
|
|
14
|
-
import "../chunks/transformation.
|
|
14
|
+
import "../chunks/transformation.BfIEi4p4.js";
|
|
15
15
|
import "../chunks/lit-element.jLBm65_O.js";
|
|
16
16
|
import "../chunks/state.CSDxrqLd.js";
|
|
17
17
|
import "../chunks/when.Dr1es41R.js";
|
|
@@ -20,7 +20,7 @@ import { default as W } from "./details.js";
|
|
|
20
20
|
import { default as Y } from "./diff.js";
|
|
21
21
|
import { C as _ } from "../chunks/dialog.ICoCAj6Z.js";
|
|
22
22
|
import { default as oe } from "./divider.js";
|
|
23
|
-
import { C as re } from "../chunks/document-viewer.
|
|
23
|
+
import { C as re } from "../chunks/document-viewer.hfxnrrUV.js";
|
|
24
24
|
import { C as xe } from "../chunks/dot-pagination.CzVpiv00.js";
|
|
25
25
|
import { default as me } from "./dot-status.js";
|
|
26
26
|
import { default as Ce } from "./drawer.js";
|
|
@@ -39,7 +39,7 @@ import { f } from "../chunks/icon.CpHbi8tH.js";
|
|
|
39
39
|
import { C as Fe } from "../chunks/icon.CpHbi8tH.js";
|
|
40
40
|
import { C as Oe } from "../chunks/icon-button.BWJ1Vqn5.js";
|
|
41
41
|
import { C as Ee } from "../chunks/iframe.Dm-nXSBv.js";
|
|
42
|
-
import { C as Le } from "../chunks/image.
|
|
42
|
+
import { C as Le } from "../chunks/image.ysU1iW6e.js";
|
|
43
43
|
import { default as je } from "./image-comparer.js";
|
|
44
44
|
import { default as Qe } from "./include.js";
|
|
45
45
|
import { C as qe } from "../chunks/input.xgeLCG8I.js";
|
|
@@ -47,7 +47,7 @@ import { default as Ke } from "./input-group.js";
|
|
|
47
47
|
import { default as We } from "./line-clamp.js";
|
|
48
48
|
import { C as Ye } from "../chunks/markdown.bkEjjjS9.js";
|
|
49
49
|
import { default as _e } from "./menu.js";
|
|
50
|
-
import { C as oo } from "../chunks/menu-item.
|
|
50
|
+
import { C as oo } from "../chunks/menu-item.uFqeX_J6.js";
|
|
51
51
|
import { default as ro } from "./menu-label.js";
|
|
52
52
|
import { default as xo } from "./menu-section.js";
|
|
53
53
|
import { default as mo } from "./mutation-observer.js";
|
|
@@ -74,7 +74,7 @@ import { default as Uo } from "./step.js";
|
|
|
74
74
|
import { default as Xo } from "./stepper.js";
|
|
75
75
|
import { default as Zo } from "./switch.js";
|
|
76
76
|
import { default as et } from "./tab.js";
|
|
77
|
-
import { C as tt } from "../chunks/tab-group.
|
|
77
|
+
import { C as tt } from "../chunks/tab-group.CdTSrsM1.js";
|
|
78
78
|
import { default as at } from "./tab-panel.js";
|
|
79
79
|
import { default as ft } from "./tag.js";
|
|
80
80
|
import { default as st } from "./textarea.js";
|
|
@@ -3,7 +3,7 @@ import "../chunks/typography.IqHbnd3C.js";
|
|
|
3
3
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
4
4
|
import "../chunks/color-swatch.Caved2kL.js";
|
|
5
5
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
6
|
-
import { C as v } from "../chunks/color-swatch-group.
|
|
6
|
+
import { C as v } from "../chunks/color-swatch-group.Bu1ev_Af.js";
|
|
7
7
|
import "../chunks/content-builder.BX4pHujE.js";
|
|
8
8
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
9
9
|
import "../chunks/debounce.DaHuiSGU.js";
|
|
@@ -648,7 +648,7 @@ const We = w.forwardRef(
|
|
|
648
648
|
w.useEffect(() => () => {
|
|
649
649
|
$.current && clearTimeout($.current);
|
|
650
650
|
}, []);
|
|
651
|
-
const R = w.useMemo(() => r, [r.url, r.width, r.height, r.rotation, r.extension, r.
|
|
651
|
+
const R = w.useMemo(() => r, [r.url, r.width, r.height, r.rotation, r.extension, r.x, r.y]), I = w.useMemo(() => l, [l.width, l.height, l.maxWidth, l.maxHeight]), J = w.useCallback(() => {
|
|
652
652
|
if (!M.current)
|
|
653
653
|
return { maxHeight: 0, maxWidth: 0 };
|
|
654
654
|
let m = 0, y = 0;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../chunks/resizable-component.styles.CAfXABBc.js";
|
|
2
|
-
import { C as b } from "../chunks/document-viewer.
|
|
2
|
+
import { C as b } from "../chunks/document-viewer.hfxnrrUV.js";
|
|
3
3
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
4
4
|
import "../chunks/index.Cpamj0jB.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
@@ -10,7 +10,7 @@ import "../chunks/state.CSDxrqLd.js";
|
|
|
10
10
|
import "../chunks/class-map.BiVq-cVR.js";
|
|
11
11
|
import "../chunks/when.Dr1es41R.js";
|
|
12
12
|
import "../chunks/icon.CpHbi8tH.js";
|
|
13
|
-
import "../chunks/image.
|
|
13
|
+
import "../chunks/image.ysU1iW6e.js";
|
|
14
14
|
import "../chunks/typography.IqHbnd3C.js";
|
|
15
15
|
export {
|
|
16
16
|
b as default
|
|
@@ -27,7 +27,7 @@ import yt from "./relative-time.js";
|
|
|
27
27
|
import Ft from "./select.js";
|
|
28
28
|
import Rt from "./space.js";
|
|
29
29
|
import kt from "./tab.js";
|
|
30
|
-
import { C as Ot } from "../chunks/tab-group.
|
|
30
|
+
import { C as Ot } from "../chunks/tab-group.CdTSrsM1.js";
|
|
31
31
|
import Nt from "./tab-panel.js";
|
|
32
32
|
import bt from "./tooltip.js";
|
|
33
33
|
import { C as rt } from "../chunks/typography.IqHbnd3C.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../chunks/resizable-component.styles.CAfXABBc.js";
|
|
2
2
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
3
|
import "../chunks/index.Cpamj0jB.js";
|
|
4
|
-
import { C as w } from "../chunks/image.
|
|
4
|
+
import { C as w } from "../chunks/image.ysU1iW6e.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/debounce.DaHuiSGU.js";
|
|
7
7
|
import "../chunks/i18n.BA19xtyU.js";
|