@orangelogic/design-system 4.8.0 → 4.10.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.Bi9J8xCQ.js → asset-link-format.CbmsLfvm.js} +1 -1
- package/library/chunks/{button.CUeXJXcO.js → button.rJFwhUxT.js} +1 -1
- package/library/chunks/button.styles.DoD2bkKL.js +5 -0
- package/library/chunks/{color-swatch-group.CecCeVOC.js → color-swatch-group.DrtI1ZzP.js} +3 -3
- package/library/chunks/{confirm-popover.CeKZ8dF1.js → confirm-popover.B287gNRq.js} +1 -1
- package/library/chunks/{document-viewer.ZqrNpAA_.js → document-viewer.4cyGVPa9.js} +2 -2
- package/library/chunks/{folder-select.lF4v6bbN.js → folder-select.CdCc7oLi.js} +1 -1
- package/library/chunks/{index.DnPrVvYk.js → index.B_6O0crS.js} +7 -7
- package/library/chunks/{menu-item.Js1qz9h2.js → menu-item.BS4PnQK8.js} +1 -1
- package/library/chunks/{pagination.DCSLKv1u.js → pagination.DiIIZpeU.js} +1 -1
- package/library/chunks/{tab-group.Dy2fEfC-.js → tab-group.HkalH7hh.js} +1011 -952
- package/library/chunks/{types.D6xffHzq.js → types.CHx-Wq0Q.js} +1066 -1063
- package/library/components/asset-link-format.js +2 -2
- package/library/components/atoms.js +5 -5
- package/library/components/button.js +2 -2
- package/library/components/color-picker.js +2 -2
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/confirm-popover.js +2 -2
- package/library/components/document-viewer.js +1 -1
- package/library/components/dynamic-select.js +1 -1
- package/library/components/element-clamp.js +1 -1
- package/library/components/file-on-demand.js +3 -3
- package/library/components/folder-select.js +1 -1
- package/library/components/line-clamp.js +1 -1
- package/library/components/menu-item.js +1 -1
- package/library/components/menu.js +1 -1
- package/library/components/molecules.js +2 -2
- package/library/components/organisms.js +2 -2
- package/library/components/pagination.js +2 -2
- package/library/components/popup.js +864 -887
- package/library/components/radio-button.js +1 -1
- package/library/components/tab-group.js +3 -3
- package/library/components/tab.js +2 -2
- package/library/components/types.js +10 -10
- package/library/components/video.js +1 -0
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/tab-group/tab-group.d.ts +22 -0
- package/library/packages/molecules/src/data-tab-group/data-tab-group.d.ts +2 -0
- package/library/react-web-component.d.ts +8 -0
- package/package.json +1 -1
- package/library/chunks/button.styles.D3GdfF7I.js +0 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../components/cropper.js";
|
|
2
|
-
import { C as Y } from "./button.
|
|
2
|
+
import { C as Y } from "./button.rJFwhUxT.js";
|
|
3
3
|
import q from "../components/space.js";
|
|
4
4
|
import { C as U } from "./typography.BLYdTF0n.js";
|
|
5
5
|
import { n as h, C as B } from "./lib-cortex-element.CVMmyPMC.js";
|
|
@@ -13,7 +13,7 @@ import { n as b } from "./when.Dr1es41R.js";
|
|
|
13
13
|
import { u as h, i as m } from "./static.UA3G1Deq.js";
|
|
14
14
|
import { C as D } from "./icon.BLXWp6CU.js";
|
|
15
15
|
import B from "../components/spinner.js";
|
|
16
|
-
import { b as F } from "./button.styles.
|
|
16
|
+
import { b as F } from "./button.styles.DoD2bkKL.js";
|
|
17
17
|
var v = /* @__PURE__ */ ((t) => (t.Adaptive = "adaptive", t.Fill = "fill", t.Hug = "hug", t))(v || {}), l = /* @__PURE__ */ ((t) => (t.Custom = "custom", t.Large = "large", t.Medium = "medium", t.Small = "small", t.XLarge = "x-large", t))(l || {}), k = Object.defineProperty, V = Object.getOwnPropertyDescriptor, r = (t, s, p, n) => {
|
|
18
18
|
for (var a = n > 1 ? void 0 : n ? V(s, p) : s, d = t.length - 1, c; d >= 0; d--)
|
|
19
19
|
(c = t[d]) && (a = (n ? c(s, p, a) : c(a)) || a);
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { i as o } from "./lit-element.jLBm65_O.js";
|
|
2
|
+
const r = o`:host{--background-color:var(--cx-color-primary);--button-custom-border-radius:var(--cx-button-border-radius-medium);--color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));--font-size:var(--cx-font-size-medium);--font-weight:var(--cx-font-weight-medium);--height:var(--cx-input-height-medium);--justify-content:center;--gap:0;--min-height:auto;--padding:0;--label-line-height:1.15;--button-custom-height:32px;--button-custom-padding:4px 8px 4px 8px;--button-custom-font-size:var(--cx-font-size-medium);--button-custom-border:light-dark(#0000,#0000) 0px;--button-custom-hover-shift:.06;--button-custom-active-shift:.12;cursor:pointer;width:auto;max-width:100%;line-height:normal;display:inline-block;position:relative}:host([width-type=fill]),:host([width-type=adaptive][device-type=tablet]),:host([width-type=adaptive][device-type=mobile]){width:100%}.button{align-items:center;justify-content:var(--justify-content,center);gap:var(--gap,0);border-style:solid;border-width:var(--cx-input-border-width);width:100%;font-family:var(--font-family,var(--cx-input-font-family)), var(--cx-font-sans);font-style:var(--font-style,normal);font-weight:var(--font-weight,var(--cx-font-weight-regular));font-size:var(--font-size,var(--cx-font-size-medium));height:var(--height,var(--cx-input-height-medium));min-height:var(--min-height,auto);padding:var(--padding,0);text-transform:var(--cx-button-text-transform,none);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:var(--cx-transition-x-fast) background-color, var(--cx-transition-x-fast) color, var(--cx-transition-x-fast) border, var(--cx-transition-x-fast) box-shadow;cursor:inherit;text-decoration:none;display:inline-flex}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.button--disabled{opacity:.5;cursor:default}.button--disabled *{pointer-events:none}.button__prefix,.button__suffix{pointer-events:none;flex:none;align-items:center;display:flex}.button__label{line-height:var(--label-line-height);white-space:nowrap;text-overflow:ellipsis;display:none;overflow:hidden}.button__label::slotted(cx-icon){vertical-align:-2px}.button__label--has-label{display:inline-block}.button--standard.button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral-700)}.button--standard.button--default:hover:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-700)}.button--standard.button--default.button--focused:not(.button--disabled):not(:hover),.button--standard.button--default:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral-700)}.button--standard.button--default:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral-700)}.button--standard.button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:hover:not(.button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--standard.button--primary.button--focused:not(.button--disabled):not(:hover),.button--standard.button--primary:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:active:not(.button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--standard.button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:hover:not(.button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--standard.button--success.button--focused:not(.button--disabled):not(:hover),.button--standard.button--success:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:active:not(.button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.button--standard.button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:hover:not(.button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--standard.button--warning.button--focused:not(.button--disabled):not(:hover),.button--standard.button--warning:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:active:not(.button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--standard.button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:hover:not(.button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--standard.button--danger.button--focused:not(.button--disabled):not(:hover),.button--standard.button--danger:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:active:not(.button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.button--standard.button--custom{background-color:var(--background-color);border:var(--button-custom-border);color:var(--color);border-style:solid}.button--standard.button--custom:hover:not(.button--disabled){background-color:var(--background-color-focus,oklch(from var(--background-color) max(calc(l - var(--button-custom-hover-shift)), calc(var(--button-custom-hover-shift) - l)) c h));color:var(--color-focus,var(--color))}.button--standard.button--custom.button--focused:not(.button--disabled):not(:hover),.button--standard.button--custom:focus-visible:not(.button--disabled):not(:hover){background-color:var(--background-color);color:var(--color)}.button--standard.button--custom:active:not(.button--disabled){background-color:var(--background-color-active,oklch(from var(--background-color) max(calc(l - var(--button-custom-active-shift)), calc(var(--button-custom-active-shift) - l)) c h));color:var(--color-active,var(--color))}.button--outline{border:solid var(--cx-input-border-width);background:0 0}.button--outline.button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.button--outline.button--default:hover:not(.button--disabled),.button--outline.button--default.button--checked:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--outline.button--default.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--default:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-input-border-color);color:var(--cx-color-neutral);background-color:#0000}.button--outline.button--default:active:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--outline.button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.button--outline.button--primary:hover:not(.button--disabled),.button--outline.button--primary.button--checked:not(.button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--outline.button--primary.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--primary:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-primary);color:var(--cx-color-primary);background-color:#0000}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--outline.button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.button--outline.button--success:hover:not(.button--disabled),.button--outline.button--success.button--checked:not(.button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--outline.button--success.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--success:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-success);color:var(--cx-color-success);background-color:#0000}.button--outline.button--success:active:not(.button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--outline.button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.button--outline.button--warning:hover:not(.button--disabled),.button--outline.button--warning.button--checked:not(.button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--outline.button--warning.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--warning:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-warning);color:var(--cx-color-warning);background-color:#0000}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--outline.button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.button--outline.button--danger:hover:not(.button--disabled),.button--outline.button--danger.button--checked:not(.button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--outline.button--danger.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--danger:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-danger);color:var(--cx-color-danger);background-color:#0000}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}@media (forced-colors:active){.button.button--outline.button--checked:not(.button--disabled){outline:2px solid #0000}}.button--text{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:hover:not(.button--disabled){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--text.button--focused:not(.button--disabled):not(:hover),.button--text:focus-visible:not(.button--disabled):not(:hover){color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:active:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:hover:not(.button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary.button--focused:not(.button--disabled):not(:hover),.button--tertiary:focus-visible:not(.button--disabled):not(:hover){color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.button--small{height:auto;min-height:var(--cx-input-height-small);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-small)}.button--small ::slotted(cx-icon){--font-size:var(--cx-font-size-medium)}.button--medium{height:auto;min-height:var(--cx-input-height-medium);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-medium)}.button--large{height:auto;min-height:var(--cx-input-height-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--x-large{height:auto;min-height:var(--cx-input-height-x-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--custom-size{--height:var(--button-custom-height);--padding:var(--button-custom-padding);--font-size:var(--button-custom-font-size);--font-family:var(--button-custom-font-family), var(--cx-font-sans);--font-style:var(--button-custom-font-style);--font-weight:var(--button-custom-font-weight);border-radius:var(--button-custom-border-radius)}.button--pill.button--small{border-radius:var(--cx-input-height-small)}.button--pill.button--medium{border-radius:var(--cx-input-height-medium)}.button--pill.button--large{border-radius:var(--cx-input-height-large)}.button--pill.button--x-large{border-radius:var(--cx-input-height-x-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--cx-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--cx-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--cx-input-height-large);border-radius:50%}.button--circle.button--x-large{width:var(--cx-input-height-x-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--circle .button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.button--caret .button__caret{--font-size:var(--caret-font-size,var(--cx-font-size-large));margin-block:auto}.button--caret.button--small .button__caret{--font-size:var(--caret-font-size,var(--cx-font-size-medium))}.button--caret .button__suffix{display:none}.button--loading{cursor:wait;position:relative}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}.button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}.button ::slotted(cx-badge){pointer-events:none;position:absolute;top:0;right:0;translate:50% -50%}.button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.button--has-label.button--small .button__label{padding:0 var(--cx-spacing-x-small)}.button--has-label.button--medium .button__label{padding:0 var(--cx-spacing-small)}.button--has-label.button--large .button__label{padding:0 var(--cx-spacing-medium)}.button--has-label.button--x-large .button__label{padding:0 var(--cx-spacing-large)}.button--has-prefix.button--small,.button--has-prefix.button--small .button__label,.button--has-prefix.button--medium,.button--has-prefix.button--medium .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--large{padding-inline-start:var(--cx-spacing-small)}.button--has-prefix.button--large .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--x-large,.button--has-prefix.button--x-large .button__label{padding-inline-start:var(--cx-spacing-medium)}.button--has-suffix.button--small,.button--caret.button--small,.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label,.button--has-suffix.button--medium,.button--caret.button--medium,.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-inline-end:var(--cx-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--x-large,.button--caret.button--x-large,.button--has-suffix.button--x-large .button__label,.button--caret.button--x-large .button__label{padding-inline-end:var(--cx-spacing-medium)}.button--caret:not(.button--has-prefix):not(.button--has-label).button--small,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--small,.button--caret:not(.button--has-prefix):not(.button--has-label).button--medium,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--medium{padding-inline-start:var(--cx-spacing-x-small)}.button--caret:not(.button--has-prefix):not(.button--has-label).button--large,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--large{padding-inline-start:var(--cx-spacing-small)}.button--caret:not(.button--has-prefix):not(.button--has-label).button--x-large,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--x-large{padding-inline-start:var(--cx-spacing-medium)}.button--has-prefix:not(.button--has-label).button--small,.button--has-prefix:not(.button--has-label).button--medium{gap:var(--cx-spacing-x-small)}.button--has-prefix:not(.button--has-label).button--large{gap:var(--cx-spacing-small)}.button--has-prefix:not(.button--has-label).button--x-large{gap:var(--cx-spacing-medium)}.button--caret cx-icon::part(span){height:auto}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .button:after{content:"";top:0;inset-inline-start:0;mix-blend-mode:multiply;border-left:1px solid #80808054;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}`;
|
|
3
|
+
export {
|
|
4
|
+
r as b
|
|
5
|
+
};
|
|
@@ -3,7 +3,7 @@ import { C as tn, T as Wn } from "./typography.BLYdTF0n.js";
|
|
|
3
3
|
import { n as f, C as Ie } from "./lib-cortex-element.CVMmyPMC.js";
|
|
4
4
|
import sn from "../components/color-swatch.js";
|
|
5
5
|
import { c as Ge } from "./component.styles.CAS3c9pM.js";
|
|
6
|
-
import { C as Et } from "./button.
|
|
6
|
+
import { C as Et } from "./button.rJFwhUxT.js";
|
|
7
7
|
import { C as jn, o as Gn, O as Un } from "./dialog.C2q9XwLW.js";
|
|
8
8
|
import { C as lt } from "./icon.BLXWp6CU.js";
|
|
9
9
|
import { C as li } from "./icon-button.BXs29IQE.js";
|
|
@@ -42,12 +42,12 @@ import { S as va } from "./sortable.esm.oSzf6C5Q.js";
|
|
|
42
42
|
import ya from "../components/line-clamp.js";
|
|
43
43
|
import { o as Ca } from "./unsafe-html.Dff7-rCx.js";
|
|
44
44
|
import ci from "../components/menu.js";
|
|
45
|
-
import { C as di } from "./menu-item.
|
|
45
|
+
import { C as di } from "./menu-item.BS4PnQK8.js";
|
|
46
46
|
import xa from "../components/popup.js";
|
|
47
47
|
import { r as Ea } from "./choose.BTbF6BAn.js";
|
|
48
48
|
import Ra from "../components/menu-section.js";
|
|
49
49
|
import fn from "../components/checkbox.js";
|
|
50
|
-
import { C as Sa, P as Da } from "./pagination.
|
|
50
|
+
import { C as Sa, P as Da } from "./pagination.DiIIZpeU.js";
|
|
51
51
|
import { H as mn } from "./slot.j5oheLJC.js";
|
|
52
52
|
import { g as W, a as Yo } from "./dom.D0lSUoEI.js";
|
|
53
53
|
import "./browser.BHOCIF_A.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
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.
|
|
2
|
+
import { C as CxButton } from "./button.rJFwhUxT.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
6
|
import { C as CxIconButton } from "./icon-button.BXs29IQE.js";
|
|
7
7
|
import { C as CxInput } from "./input.zRoRq5mq.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.BS4PnQK8.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";
|
|
@@ -16,7 +16,7 @@ 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.rJFwhUxT.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,7 +1,7 @@
|
|
|
1
1
|
import { C as N } from "./typography.BLYdTF0n.js";
|
|
2
2
|
import { n, C as O } from "./lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import { c as M } from "./component.styles.CAS3c9pM.js";
|
|
4
|
-
import { s as V } from "./folder-select.
|
|
4
|
+
import { s as V } from "./folder-select.CdCc7oLi.js";
|
|
5
5
|
import { E as F, B as H } from "./content-builder.CBBdfVOl.js";
|
|
6
6
|
import { c as j } from "./custom-element.L4WJXn1j.js";
|
|
7
7
|
import { L as R } from "./i18n.D5L6xAYT.js";
|
|
@@ -13,8 +13,8 @@ import { b as W } from "./_baseIteratee.sC2wLi2m.js";
|
|
|
13
13
|
import { a as J } from "./toString.B1zKIiZc.js";
|
|
14
14
|
import { b as X } from "./cloneDeep.tKGbEwzn.js";
|
|
15
15
|
import { c as Y } from "./_baseClone.ipmFlCAx.js";
|
|
16
|
-
import { F as _, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.
|
|
17
|
-
import { C as wt } from "./button.
|
|
16
|
+
import { F as _, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.CHx-Wq0Q.js";
|
|
17
|
+
import { C as wt } from "./button.rJFwhUxT.js";
|
|
18
18
|
import vt from "../components/button-group.js";
|
|
19
19
|
import kt from "../components/card.js";
|
|
20
20
|
import $t from "../components/checkbox.js";
|
|
@@ -27,7 +27,7 @@ import { C as _t } from "./icon.BLXWp6CU.js";
|
|
|
27
27
|
import { C as Rt } from "./input.zRoRq5mq.js";
|
|
28
28
|
import Dt from "../components/line-clamp.js";
|
|
29
29
|
import It from "../components/menu.js";
|
|
30
|
-
import { C as qt } from "./menu-item.
|
|
30
|
+
import { C as qt } from "./menu-item.BS4PnQK8.js";
|
|
31
31
|
import { C as Lt } from "./option.CwbFof9H.js";
|
|
32
32
|
import Bt from "../components/radio.js";
|
|
33
33
|
import Et from "../components/radio-card.js";
|
|
@@ -36,14 +36,14 @@ import Nt from "../components/select.js";
|
|
|
36
36
|
import Ot from "../components/space.js";
|
|
37
37
|
import Mt from "../components/switch.js";
|
|
38
38
|
import Vt from "../components/tab.js";
|
|
39
|
-
import { C as jt } from "./tab-group.
|
|
39
|
+
import { C as jt } from "./tab-group.HkalH7hh.js";
|
|
40
40
|
import Gt from "../components/tab-panel.js";
|
|
41
41
|
import Wt from "../components/textarea.js";
|
|
42
42
|
import Kt from "../components/tooltip.js";
|
|
43
43
|
import Ht from "../components/visually-hidden.js";
|
|
44
44
|
import Ut from "../components/bicolor-picker.js";
|
|
45
45
|
import Jt from "../components/border-input-group.js";
|
|
46
|
-
import { C as Xt, a as Yt } from "./confirm-popover.
|
|
46
|
+
import { C as Xt, a as Yt } from "./confirm-popover.B287gNRq.js";
|
|
47
47
|
import Qt from "../components/corner-position-input-group.js";
|
|
48
48
|
import Zt from "../components/dynamic-select.js";
|
|
49
49
|
import te from "../components/padding-input-group.js";
|
|
@@ -59,7 +59,7 @@ import { n as y } from "./when.Dr1es41R.js";
|
|
|
59
59
|
import { b as pe } from "./_baseXor.BCxbgizO.js";
|
|
60
60
|
import { a as he, i as E, b as de } from "./isArrayLikeObject.D7afXo-f.js";
|
|
61
61
|
import { i as ue } from "./isEmpty.DtTJTUcf.js";
|
|
62
|
-
import { u as K } from "./asset-link-format.
|
|
62
|
+
import { u as K } from "./asset-link-format.CbmsLfvm.js";
|
|
63
63
|
import { r as me } from "./choose.BTbF6BAn.js";
|
|
64
64
|
import { o as S } from "./if-defined.BRoBj_Rp.js";
|
|
65
65
|
import { o as fe } from "./map.D8heArFD.js";
|
|
@@ -14,7 +14,7 @@ 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 || {}), y = /* @__PURE__ */ ((i) => (i.Checkbox = "menuitemcheckbox", i.Item = "menuitem", i.Radio = "menuitemradio", i))(y || {}), c = /* @__PURE__ */ ((i) => (i.Checkbox = "checkbox", i.Normal = "normal", i))(c || {});
|
|
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-medium);display:block}:host([inert]){display:none}.menu-item{font:var(--cx-font-label-small);font-weight:var(--font-weight,var(--cx-font-weight-medium));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:
|
|
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-medium);display:block}:host([inert]){display:none}.menu-item{font:var(--cx-font-label-small);font-weight:var(--font-weight,var(--cx-font-weight-medium));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: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{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);
|
|
@@ -10,7 +10,7 @@ import { r as S } from "./state.CSDxrqLd.js";
|
|
|
10
10
|
import { e as $ } from "./class-map.BiVq-cVR.js";
|
|
11
11
|
import { c as x } from "./repeat.CFjcER6_.js";
|
|
12
12
|
import { n as c } from "./when.Dr1es41R.js";
|
|
13
|
-
import { C as w } from "./button.
|
|
13
|
+
import { C as w } from "./button.rJFwhUxT.js";
|
|
14
14
|
import { C as v } from "./input.zRoRq5mq.js";
|
|
15
15
|
import { C as I } from "./option.CwbFof9H.js";
|
|
16
16
|
import B from "../components/select.js";
|