@orangelogic/design-system 2.205.0 → 2.207.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/{header.Cbu_nxls.js → header.Dkkj1ztq.js} +16 -16
- package/library/components/atoms.js +1 -1
- package/library/components/header.js +1 -1
- package/library/components/menu-item.js +6 -6
- package/library/components/select.js +1 -3
- package/library/components/types.js +1111 -1105
- package/library/components/video.js +1 -0
- package/library/package.json +1 -1
- package/library/packages/organisms/src/carousel/carousel.d.ts +2 -0
- package/library/packages/organisms/src/downloader/data/core/worker/app/DownloadManager.d.ts +1 -0
- package/library/packages/organisms/src/lightbox/lightbox.d.ts +2 -0
- package/library/react-web-component.d.ts +8 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import x from "../components/copy-button.js";
|
|
2
|
-
import { n as
|
|
2
|
+
import { n as l, 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";
|
|
@@ -9,7 +9,7 @@ import { e as m } from "./query.BBf1UFkC.js";
|
|
|
9
9
|
import { e as u } from "./class-map.BiVq-cVR.js";
|
|
10
10
|
import { o as P } from "./style-map.llVFPd__.js";
|
|
11
11
|
import { n as M } from "./when.Dr1es41R.js";
|
|
12
|
-
import { i as
|
|
12
|
+
import { i as c, u as g } from "./static.UA3G1Deq.js";
|
|
13
13
|
const z = p`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)}`, C = p`
|
|
14
14
|
.column-resize-handle {
|
|
15
15
|
background-color: var(--editor-table-resize-handle-color);
|
|
@@ -578,12 +578,12 @@ const S = {
|
|
|
578
578
|
[t.H5]: "heading-5",
|
|
579
579
|
[t.H6]: "heading-6"
|
|
580
580
|
}, T = {
|
|
581
|
-
[t.H1]:
|
|
582
|
-
[t.H2]:
|
|
583
|
-
[t.H3]:
|
|
584
|
-
[t.H4]:
|
|
585
|
-
[t.H5]:
|
|
586
|
-
[t.H6]:
|
|
581
|
+
[t.H1]: c`h1`,
|
|
582
|
+
[t.H2]: c`h2`,
|
|
583
|
+
[t.H3]: c`h3`,
|
|
584
|
+
[t.H4]: c`h4`,
|
|
585
|
+
[t.H5]: c`h5`,
|
|
586
|
+
[t.H6]: c`h6`
|
|
587
587
|
};
|
|
588
588
|
let o = class extends b {
|
|
589
589
|
constructor() {
|
|
@@ -674,7 +674,7 @@ let o = class extends b {
|
|
|
674
674
|
container: !0,
|
|
675
675
|
"container--has-copy-button": r
|
|
676
676
|
})}>${this.renderHeading()}
|
|
677
|
-
${M(r, () => g`<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>`;
|
|
677
|
+
${M(r, () => g`<cx-copy-button part="copy-button" class="copy-button" size="small" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
|
|
678
678
|
}
|
|
679
679
|
};
|
|
680
680
|
o.styles = [
|
|
@@ -692,25 +692,25 @@ n([
|
|
|
692
692
|
m(".heading")
|
|
693
693
|
], o.prototype, "heading", 2);
|
|
694
694
|
n([
|
|
695
|
-
|
|
695
|
+
l({ reflect: !0, type: String })
|
|
696
696
|
], o.prototype, "variant", 2);
|
|
697
697
|
n([
|
|
698
|
-
|
|
698
|
+
l({ attribute: "font-size", reflect: !0, type: String })
|
|
699
699
|
], o.prototype, "fontSize", 2);
|
|
700
700
|
n([
|
|
701
|
-
|
|
701
|
+
l({ attribute: "has-anchor-link", type: Boolean })
|
|
702
702
|
], o.prototype, "hasAnchorLink", 2);
|
|
703
703
|
n([
|
|
704
|
-
|
|
704
|
+
l({ attribute: "anchor-link", type: String })
|
|
705
705
|
], o.prototype, "anchorLink", 2);
|
|
706
706
|
n([
|
|
707
|
-
|
|
707
|
+
l({ type: String })
|
|
708
708
|
], o.prototype, "alignment", 2);
|
|
709
709
|
n([
|
|
710
|
-
|
|
710
|
+
l({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
|
|
711
711
|
], o.prototype, "disabledCopyButton", 2);
|
|
712
712
|
n([
|
|
713
|
-
|
|
713
|
+
l({ attribute: "custom-line-height", reflect: !0, type: Boolean })
|
|
714
714
|
], o.prototype, "customLineHeight", 2);
|
|
715
715
|
n([
|
|
716
716
|
y("variant")
|
|
@@ -33,7 +33,7 @@ import { default as Se } from "./format-number.js";
|
|
|
33
33
|
import { default as De } from "./format-time.js";
|
|
34
34
|
import { default as we } from "./grid.js";
|
|
35
35
|
import { default as he } from "./grid-item.js";
|
|
36
|
-
import { C as Pe } from "../chunks/header.
|
|
36
|
+
import { C as Pe } from "../chunks/header.Dkkj1ztq.js";
|
|
37
37
|
import { C as Me } from "../chunks/hub-connection.BtevPWYb.js";
|
|
38
38
|
import { f } from "../chunks/icon.CpHbi8tH.js";
|
|
39
39
|
import { C as Fe } from "../chunks/icon.CpHbi8tH.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./copy-button.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
4
|
-
import { C as x } from "../chunks/header.
|
|
4
|
+
import { C as x } from "../chunks/header.Dkkj1ztq.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
7
7
|
import "../chunks/watch.DJF5K-8U.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { n as r, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import { c as _ } from "../chunks/component.styles.CRO4Odto.js";
|
|
3
3
|
import { c as L } from "../chunks/custom-element.L4WJXn1j.js";
|
|
4
|
-
import { d as
|
|
4
|
+
import { d as y, L as M } from "../chunks/i18n.DbXTTLXx.js";
|
|
5
5
|
import { H as z, g as P } from "../chunks/slot.j5oheLJC.js";
|
|
6
6
|
import { w as p } from "../chunks/watch.DJF5K-8U.js";
|
|
7
|
-
import { i as E, x as h, E as
|
|
7
|
+
import { i as E, x as h, E as g } from "../chunks/lit-element.jLBm65_O.js";
|
|
8
8
|
import { e as b } from "../chunks/query.BBf1UFkC.js";
|
|
9
9
|
import { e as v } from "../chunks/class-map.BiVq-cVR.js";
|
|
10
10
|
import { o as m } from "../chunks/if-defined.BRoBj_Rp.js";
|
|
@@ -14,7 +14,7 @@ import $ from "./spinner.js";
|
|
|
14
14
|
import { f as k } from "../chunks/focus-when-visible.jWSw9ks0.js";
|
|
15
15
|
import { e as D, n as O } from "../chunks/ref.DktKp7fP.js";
|
|
16
16
|
var d = /* @__PURE__ */ ((o) => (o.Prefix = "prefix", o.Suffix = "suffix", o))(d || {});
|
|
17
|
-
const I = E`: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(--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:
|
|
17
|
+
const I = E`: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(--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:none}: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{background-color:var(--cx-menu-item-background-color-hover);opacity:1;outline:none}.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 A {
|
|
19
19
|
constructor(e, t) {
|
|
20
20
|
this.popupRef = D(), 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);
|
|
@@ -242,7 +242,7 @@ class A {
|
|
|
242
242
|
calculateSkidding() {
|
|
243
243
|
if (!this.host.parentElement?.computedStyleMap)
|
|
244
244
|
return;
|
|
245
|
-
const e = this.host.parentElement.computedStyleMap(), t =
|
|
245
|
+
const e = this.host.parentElement.computedStyleMap(), t = y(this.host) === "rtl", s = this.host.submenuPlacement ?? (t ? "left-start" : "right-start"), l = s.startsWith("left") || s.startsWith("right");
|
|
246
246
|
let a = [];
|
|
247
247
|
l && (s.endsWith("-start") ? a = ["padding-top", "border-top-width", "margin-top"] : s.endsWith("-end") && (a = ["padding-bottom", "border-bottom-width", "margin-bottom"]));
|
|
248
248
|
const u = a.reduce((c, f) => {
|
|
@@ -255,7 +255,7 @@ class A {
|
|
|
255
255
|
return this.popupRef.value ? this.popupRef.value.active : !1;
|
|
256
256
|
}
|
|
257
257
|
renderSubmenu() {
|
|
258
|
-
const e =
|
|
258
|
+
const e = y(this.host) === "rtl";
|
|
259
259
|
if (!this.hasSlotController.test("submenu"))
|
|
260
260
|
return null;
|
|
261
261
|
const t = this.host.submenuPlacement ?? (e ? "left-start" : "right-start");
|
|
@@ -374,7 +374,7 @@ let i = class extends w {
|
|
|
374
374
|
"menu-item__check--suffix": this.checkPlacement === d.Suffix
|
|
375
375
|
})}><cx-icon name="check"></cx-icon></slot>`, s = this.checkPlacement === d.Suffix;
|
|
376
376
|
return this.renderBase(h`
|
|
377
|
-
${s ?
|
|
377
|
+
${s ? g : t}<slot name="prefix" part="prefix" class="menu-item__prefix"></slot><slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot><slot name="suffix" part="suffix" class="menu-item__suffix"></slot><slot name="submenu-icon" part="submenu-icon" class="menu-item__chevron"><cx-icon name=${e} aria-hidden="true"></cx-icon></slot>${s ? t : g}
|
|
378
378
|
|
|
379
379
|
${this.submenuController.renderSubmenu()}
|
|
380
380
|
${this.loading ? h`<cx-spinner part="spinner" exportparts="base:spinner__base"></cx-spinner>` : ""}
|
|
@@ -349,12 +349,10 @@ let i = class extends S {
|
|
|
349
349
|
) : void 0;
|
|
350
350
|
let l = !1;
|
|
351
351
|
return t.forEach((r) => {
|
|
352
|
-
if (r === "")
|
|
353
|
-
return;
|
|
354
352
|
const c = e.find(
|
|
355
353
|
(h) => this.getOptionValue(h) === r
|
|
356
354
|
);
|
|
357
|
-
c ? o.push(c) : l = !0;
|
|
355
|
+
c ? o.push(c) : r !== "" && (l = !0);
|
|
358
356
|
}), l && n && o.push(n), {
|
|
359
357
|
options: o,
|
|
360
358
|
preserveValue: l && !!n
|