@orangelogic/design-system 2.79.0 → 2.81.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/library/chunks/{asset.DWZ2Lzb6.js → asset.CVuNAhz3.js} +1 -1
  2. package/library/chunks/{color-swatch-group.DvllHUil.js → color-swatch-group.o7zyUsbZ.js} +1 -1
  3. package/library/chunks/{endpoints.B7lcoc1N.js → endpoints.BpAhLyZw.js} +126 -117
  4. package/library/chunks/{folder-select.DOsefkAC.js → folder-select.D6yLoXWU.js} +146 -120
  5. package/library/chunks/{list-editor.DNa6ROgr.js → list-editor.Hd2f8A0Y.js} +2 -2
  6. package/library/chunks/{table.B8LpbiGE.js → table.CLyePLwR.js} +252 -237
  7. package/library/components/asset-link-format.js +2 -2
  8. package/library/components/atoms.js +1 -1
  9. package/library/components/color-swatch-group.js +2 -2
  10. package/library/components/folder-select.js +2 -2
  11. package/library/components/list-editor.js +2 -2
  12. package/library/components/menu-item.js +1 -1
  13. package/library/components/molecules.js +2 -2
  14. package/library/components/organisms.js +1 -1
  15. package/library/components/table.js +1 -1
  16. package/library/components/types.js +18202 -18132
  17. package/library/package.json +1 -1
  18. package/library/packages/atoms/src/components/table/table.d.ts +2 -6
  19. package/library/packages/events/src/cx-unauthorized.d.ts +10 -0
  20. package/library/packages/events/src/events.d.ts +1 -0
  21. package/library/packages/molecules/src/folder-select/components/folder-select-tree/folder-select-tree.d.ts +1 -0
  22. package/library/packages/molecules/src/folder-select/components/folder-select-tree-item/folder-select-tree-item.d.ts +2 -0
  23. package/library/packages/molecules/src/folder-select/folder-select.d.ts +1 -0
  24. package/library/packages/molecules/src/storybook/storybook.d.ts +60 -24
  25. package/library/packages/types/src/storybook.d.ts +19 -0
  26. package/library/react-web-component.d.ts +7 -7
  27. package/package.json +1 -1
@@ -3,7 +3,7 @@ import { C as q } from "../chunks/button.B-ktz-w4.js";
3
3
  import H from "./space.js";
4
4
  import { C as W } from "../chunks/typography.DJC_UXgs.js";
5
5
  import { n as l, C as F } from "../chunks/lib-cortex-element.CVMmyPMC.js";
6
- import { b as rt, c as ht } from "../chunks/asset.DWZ2Lzb6.js";
6
+ import { b as rt, c as ht } from "../chunks/asset.CVuNAhz3.js";
7
7
  import { c as E } from "../chunks/component.styles.CRO4Odto.js";
8
8
  import { T as c, U as o } from "../chunks/asset-link-format.BSRDqHg7.js";
9
9
  import { c as N } from "../chunks/custom-element.L4WJXn1j.js";
@@ -696,7 +696,7 @@ let A = class extends F {
696
696
  t.target !== this.base && t.stopPropagation();
697
697
  }
698
698
  render() {
699
- return b`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div class="details__summary__icon"><div part="icon"><cx-icon name="blur_on"></cx-icon></div></div><cx-typography variant="body2">${this.localize.term("quality")}</cx-typography></cx-space><cx-space spacing="small"><cx-tooltip data-testid="cx-asset-link-format-quality-tooltip" content=${this.localize.term("qualityHelpText")} hoist><cx-input data-testid="cx-asset-link-format-quality" class="details__checkbox" type="number" value=${this.scopedValue} min="0" max="100" step="1" style=${M({
699
+ return b`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div class="details__summary__icon"><div part="icon"><cx-icon name="blur_on"></cx-icon></div></div><cx-typography variant="body2">${this.localize.term("quality")}</cx-typography></cx-space><cx-space spacing="small"><cx-tooltip data-testid="cx-asset-link-format-quality-tooltip" content=${this.localize.term("qualityHelpText")} hoist><cx-input data-testid="cx-asset-link-format-quality" class="details__checkbox" type="number" value=${this.scopedValue} min="1" max="100" step="1" style=${M({
700
700
  flex: "1"
701
701
  })} @cx-input=${this.handleQualityChange}></cx-input></cx-tooltip><cx-button data-testid="cx-asset-link-format-quality-apply" variant="primary" ?disabled=${this.invalidValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
702
702
  }
@@ -70,7 +70,7 @@ import { default as ka } from "./stepper.js";
70
70
  import { default as Ea } from "./switch.js";
71
71
  import { default as La } from "./tab.js";
72
72
  import { C as ja } from "../chunks/tab-group.9HbDE1AF.js";
73
- import { C as za } from "../chunks/table.B8LpbiGE.js";
73
+ import { C as za } from "../chunks/table.CLyePLwR.js";
74
74
  import { default as qa } from "./tab-panel.js";
75
75
  import { default as Ka } from "./tag.js";
76
76
  import { default as Wa } from "./textarea.js";
@@ -1,10 +1,10 @@
1
1
  import "./space.js";
2
- import "../chunks/table.B8LpbiGE.js";
2
+ import "../chunks/table.CLyePLwR.js";
3
3
  import "../chunks/typography.DJC_UXgs.js";
4
4
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
5
5
  import "../chunks/color-swatch.Bx-HOp9f.js";
6
6
  import "../chunks/component.styles.CRO4Odto.js";
7
- import { C as w } from "../chunks/color-swatch-group.DvllHUil.js";
7
+ import { C as w } from "../chunks/color-swatch-group.o7zyUsbZ.js";
8
8
  import "../chunks/content-builder.B4Tqoc6M.js";
9
9
  import "../chunks/custom-element.L4WJXn1j.js";
10
10
  import "../chunks/debounce.DaHuiSGU.js";
@@ -3,12 +3,12 @@ import "./input.js";
3
3
  import "./select.js";
4
4
  import "../chunks/tree.q7xRVYyh.js";
5
5
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
6
- import { C as c } from "../chunks/folder-select.DOsefkAC.js";
6
+ import { C as c } from "../chunks/folder-select.D6yLoXWU.js";
7
7
  import "../chunks/component.styles.CRO4Odto.js";
8
8
  import "../chunks/custom-element.L4WJXn1j.js";
9
9
  import "../chunks/i18n.BUW7B9hr.js";
10
10
  import "../chunks/watch.BCJD77bD.js";
11
- import "../chunks/endpoints.B7lcoc1N.js";
11
+ import "../chunks/endpoints.BpAhLyZw.js";
12
12
  import "../chunks/lit-element.jLBm65_O.js";
13
13
  import "../chunks/state.CSDxrqLd.js";
14
14
  import "../chunks/query.BBf1UFkC.js";
@@ -9,7 +9,7 @@ import "./radio.js";
9
9
  import "./radio-group.js";
10
10
  import "./select.js";
11
11
  import "./space.js";
12
- import "../chunks/table.B8LpbiGE.js";
12
+ import "../chunks/table.CLyePLwR.js";
13
13
  import "../chunks/typography.DJC_UXgs.js";
14
14
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
15
15
  import "./dynamic-select.js";
@@ -18,7 +18,7 @@ import "../chunks/custom-element.L4WJXn1j.js";
18
18
  import "../chunks/debounce.DaHuiSGU.js";
19
19
  import "../chunks/i18n.BUW7B9hr.js";
20
20
  import "../chunks/watch.BCJD77bD.js";
21
- import { c as E, C as F } from "../chunks/list-editor.DNa6ROgr.js";
21
+ import { c as E, C as F } from "../chunks/list-editor.Hd2f8A0Y.js";
22
22
  import "../chunks/lit-element.jLBm65_O.js";
23
23
  import "../chunks/state.CSDxrqLd.js";
24
24
  import "../chunks/query.BBf1UFkC.js";
@@ -12,7 +12,7 @@ import P from "./icon.js";
12
12
  import E from "./popup.js";
13
13
  import z from "./spinner.js";
14
14
  import { e as D, n as R } from "../chunks/ref.bzeTdX0K.js";
15
- const $ = L`:host{--submenu-offset:-2px;--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(--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-x-small)}.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))}: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{visibility:hidden;flex:none;justify-content:center;align-items:center;width:1.5em}.menu-item .menu-item__check{display:var(--checked-icon-display,flex);margin-right: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,-2px);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}`;
15
+ const $ = L`:host{--submenu-offset:-2px;--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(--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-x-small)}.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{background-color:var(--cx-menu-item-background-color-hover);opacity:1;outline:none}.menu-item .menu-item__check,.menu-item .menu-item__chevron{visibility:hidden;flex:none;justify-content:center;align-items:center;width:1.5em}.menu-item .menu-item__check{display:var(--checked-icon-display,flex);margin-right: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,-2px);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}`;
16
16
  class T {
17
17
  constructor(e, n) {
18
18
  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.host = e).addController(this), this.hasSlotController = n, 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);
@@ -5,8 +5,8 @@ import { C } from "../chunks/confirm-popover.BbHneK19.js";
5
5
  import { default as u } from "./corner-position-input-group.js";
6
6
  import { C as m } from "../chunks/cropper.DTokTzP9.js";
7
7
  import { default as i } from "./dynamic-select.js";
8
- import { C as c } from "../chunks/folder-select.DOsefkAC.js";
9
- import { C as P } from "../chunks/list-editor.DNa6ROgr.js";
8
+ import { C as c } from "../chunks/folder-select.D6yLoXWU.js";
9
+ import { C as P } from "../chunks/list-editor.Hd2f8A0Y.js";
10
10
  import { default as I } from "./masonry.js";
11
11
  import { default as y } from "./padding-input-group.js";
12
12
  import { default as w } from "./position-picker.js";
@@ -1,5 +1,5 @@
1
1
  import { default as a } from "./asset-link-format.js";
2
- import { C as t } from "../chunks/color-swatch-group.DvllHUil.js";
2
+ import { C as t } from "../chunks/color-swatch-group.o7zyUsbZ.js";
3
3
  import { C } from "../chunks/file-on-demand.D_Mia7M9.js";
4
4
  export {
5
5
  a as CxAssetLinkFormat,
@@ -10,7 +10,7 @@ import "../chunks/lib-cortex-element.CVMmyPMC.js";
10
10
  import "../chunks/component.styles.CRO4Odto.js";
11
11
  import "../chunks/overlayscrollbars.BMav4RQ4.js";
12
12
  import "../chunks/pagination.BiRyMwhM.js";
13
- import { A as F, i as P, j as S, d as g, g as v, b as y, k as A, l as D, c as I, a0 as f, a1 as h, D as E, m as G, E as j, n as H, F as K, o as L, p as V, q as k, G as q, r as B, s as J, t as N, I as O, u as Q, K as U, v as W, M as X, w as Y, x as Z, y as _, z as $, B as oo, J as eo, L as ao, P as so, e as lo, N as to, h as uo, O as ro, Q as Mo, U as io, V as po, f as mo, R as no, X as Co, W as Ro, S as co, Y as bo, Z as wo, T as To, a as xo, _ as zo, $ as Fo, C as Po } from "../chunks/table.B8LpbiGE.js";
13
+ import { A as F, i as P, j as S, d as g, g as v, b as y, k as A, l as D, c as I, a0 as f, a1 as h, D as E, m as G, E as j, n as H, F as K, o as L, p as V, q as k, G as q, r as B, s as J, t as N, I as O, u as Q, K as U, v as W, M as X, w as Y, x as Z, y as _, z as $, B as oo, J as eo, L as ao, P as so, e as lo, N as to, h as uo, O as ro, Q as Mo, U as io, V as po, f as mo, R as no, X as Co, W as Ro, S as co, Y as bo, Z as wo, T as To, a as xo, _ as zo, $ as Fo, C as Po } from "../chunks/table.CLyePLwR.js";
14
14
  import "../chunks/custom-element.L4WJXn1j.js";
15
15
  import "../chunks/i18n.BUW7B9hr.js";
16
16
  import "../chunks/watch.BCJD77bD.js";