@orangelogic/design-system 2.199.0 → 2.201.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.B_Im2jz7.js → asset-link-format.DrI99FKO.js} +115 -117
- package/library/chunks/{color-swatch-group.DyOxAUOC.js → color-swatch-group.DBwOBmmi.js} +1 -1
- package/library/chunks/{folder-select.B-_hk2eW.js → folder-select.CIqVGGFl.js} +1 -1
- package/library/chunks/{option.B6odSlS2.js → option.CCJLbAuF.js} +16 -16
- package/library/chunks/{pagination.mzolTIpF.js → pagination.jGOZVKL5.js} +1 -1
- package/library/chunks/{tree-item.Dtrk65zS.js → tree.CmEdKtzK.js} +584 -584
- package/library/components/asset-link-format.js +1 -1
- package/library/components/atoms.js +3 -3
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/corner-position-input-group.js +1 -1
- package/library/components/dynamic-select.js +1 -1
- package/library/components/file-on-demand.js +2 -2
- package/library/components/folder-select.js +2 -2
- package/library/components/molecules.js +1 -1
- package/library/components/option.js +1 -1
- package/library/components/organisms.js +2 -2
- package/library/components/pagination.js +2 -2
- package/library/components/select.js +1 -1
- package/library/components/tree-item.js +1 -1
- package/library/components/tree.js +1 -1
- package/library/components/types.js +3308 -3300
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/option/option.d.ts +1 -1
- package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +0 -2
- package/library/packages/organisms/src/content-builder/components/config-form/config-form-controller.d.ts +7 -0
- package/package.json +1 -1
|
@@ -3,23 +3,23 @@ import { c as m } from "./component.styles.CRO4Odto.js";
|
|
|
3
3
|
import { c as v } from "./custom-element.L4WJXn1j.js";
|
|
4
4
|
import { L as g } from "./i18n.DbXTTLXx.js";
|
|
5
5
|
import { w as d } from "./watch.DJF5K-8U.js";
|
|
6
|
-
import { i as
|
|
6
|
+
import { i as b, x as h } from "./lit-element.jLBm65_O.js";
|
|
7
7
|
import { r as f } from "./state.CSDxrqLd.js";
|
|
8
|
-
import { e as
|
|
8
|
+
import { e as _ } from "./query.BBf1UFkC.js";
|
|
9
9
|
import { e as y } from "./class-map.BiVq-cVR.js";
|
|
10
10
|
import { n as u } from "./when.Dr1es41R.js";
|
|
11
|
-
import { C as
|
|
12
|
-
import
|
|
13
|
-
var
|
|
14
|
-
const C =
|
|
15
|
-
var L = Object.defineProperty, E = Object.getOwnPropertyDescriptor, o = (t, n, i,
|
|
16
|
-
for (var a =
|
|
17
|
-
(p = t[c]) && (a = (
|
|
18
|
-
return
|
|
11
|
+
import { C as k } from "./icon.CpHbi8tH.js";
|
|
12
|
+
import w from "../components/space.js";
|
|
13
|
+
var l = /* @__PURE__ */ ((t) => (t.Left = "left", t.Right = "right", t))(l || {});
|
|
14
|
+
const C = b`:host{-webkit-user-select:none;user-select:none;display:block}:host(:focus){outline:none}.option{font-family:var(--option-font-family), var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--option-font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--option-color,var(--cx-color-neutral-700));padding:var(--cx-spacing-x-small) var(--cx-spacing-medium) var(--cx-spacing-x-small) var(--cx-spacing-x-small);transition:var(--cx-transition-fast) fill;cursor:pointer;align-items:center;display:flex;position:relative}.option:not(.option--show-check){padding-inline:var(--cx-spacing-small)}.option--hover:not(.option--disabled){background-color:var(--cx-menu-item-background-color-hover)}.option--current,.option--current.option--disabled{background-color:var(--option-current-background-color,var(--cx-menu-item-background-color-hover,transparent));opacity:1}.option--selected{background-color:var(--option-current-background-color,transparent);color:var(--option-selected-color,var(--cx-color-primary));font-weight:var(--option-selected-font-weight,var(--cx-font-weight-regular))}.option--disabled{opacity:.5;cursor:default;outline:none}.option__content{flex:1}.option__label{line-height:var(--cx-line-height-medium);flex:auto;display:inline-block}.option .option__check{visibility:hidden;flex:none;justify-content:center;align-items:center;padding-inline-end:var(--cx-spacing-2x-small);display:none}.option--show-check .option__check{display:block}.option--show-check.option--selected .option__check{visibility:visible}.option__help-text{color:var(--option-help-text-color,var(--cx-color-neutral-600));font-weight:var(--option-help-text-font-weight,var(--cx-font-weight-regular))}.option--selected .option__content .option__help-text{color:var(--option-selected-help-text-color,var(--cx-color-primary));font-weight:var(--option-selected-help-text-font-weight,var(--cx-font-weight-regular))}.option__prefix,.option__suffix{flex:none;align-items:center;display:flex}.option__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.option__suffix::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.option__prefix{align-self:var(--prefix-alignment,center)}.option__suffix{align-self:var(--suffix-alignment,center)}.option__check{align-self:var(--check-alignment,center)}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .option{outline-offset:-1px;outline:1px dashed selecteditem}}`;
|
|
15
|
+
var L = Object.defineProperty, E = Object.getOwnPropertyDescriptor, o = (t, n, i, r) => {
|
|
16
|
+
for (var a = r > 1 ? void 0 : r ? E(n, i) : n, c = t.length - 1, p; c >= 0; c--)
|
|
17
|
+
(p = t[c]) && (a = (r ? p(n, i, a) : p(a)) || a);
|
|
18
|
+
return r && a && L(n, i, a), a;
|
|
19
19
|
};
|
|
20
20
|
let e = class extends x {
|
|
21
21
|
constructor() {
|
|
22
|
-
super(...arguments), this.localize = new g(this), this.current = !1, this.selected = !1, this.hasHover = !1, this.value = "", this.disabled = !1, this.showCheck = !1, this.checkPlacement =
|
|
22
|
+
super(...arguments), this.localize = new g(this), this.current = !1, this.selected = !1, this.hasHover = !1, this.value = "", this.disabled = !1, this.showCheck = !1, this.checkPlacement = l.Left;
|
|
23
23
|
}
|
|
24
24
|
runFirstUpdated() {
|
|
25
25
|
this.setAttribute("role", "option"), this.setAttribute("aria-selected", "false");
|
|
@@ -71,18 +71,18 @@ let e = class extends x {
|
|
|
71
71
|
"option--selected": this.selected,
|
|
72
72
|
"option--show-check": this.showCheck
|
|
73
73
|
})} @mouseenter=${this.handleMouseEnter} @mouseleave=${this.handleMouseLeave}>${u(
|
|
74
|
-
this.checkPlacement ===
|
|
74
|
+
this.checkPlacement === l.Left,
|
|
75
75
|
() => h`<cx-icon part="checked-icon" class="option__check" name="check" library="system" aria-hidden="true"></cx-icon>`
|
|
76
76
|
)}<slot part="prefix" name="prefix" class="option__prefix"></slot><cx-space part="content" class="option__content" direction="vertical" spacing="3x-small"><slot part="label" class="option__label" @slotchange=${this.handleDefaultSlotChange}></slot><slot part="help-text" name="help-text" class="option__help-text"></slot></cx-space><slot part="suffix" name="suffix" class="option__suffix"></slot>${u(
|
|
77
|
-
this.checkPlacement ===
|
|
77
|
+
this.checkPlacement === l.Right,
|
|
78
78
|
() => h`<cx-icon part="checked-icon" class="option__check" name="check" library="system" aria-hidden="true"></cx-icon>`
|
|
79
79
|
)}</div>`;
|
|
80
80
|
}
|
|
81
81
|
};
|
|
82
82
|
e.styles = [m, C];
|
|
83
|
-
e.dependencies = { "cx-icon":
|
|
83
|
+
e.dependencies = { "cx-icon": k, "cx-space": w };
|
|
84
84
|
o([
|
|
85
|
-
|
|
85
|
+
_(".option__label")
|
|
86
86
|
], e.prototype, "defaultSlot", 2);
|
|
87
87
|
o([
|
|
88
88
|
f()
|
|
@@ -119,5 +119,5 @@ e = o([
|
|
|
119
119
|
], e);
|
|
120
120
|
export {
|
|
121
121
|
e as C,
|
|
122
|
-
|
|
122
|
+
l as a
|
|
123
123
|
};
|
|
@@ -12,7 +12,7 @@ import { c as x } from "./repeat.CFjcER6_.js";
|
|
|
12
12
|
import { n as g } from "./when.Dr1es41R.js";
|
|
13
13
|
import { C as w } from "./button.BnkkUqiI.js";
|
|
14
14
|
import { C as v } from "./input.33UmFGqR.js";
|
|
15
|
-
import { C as I } from "./option.
|
|
15
|
+
import { C as I } from "./option.CCJLbAuF.js";
|
|
16
16
|
import B from "../components/select.js";
|
|
17
17
|
import N from "../components/tooltip.js";
|
|
18
18
|
import { C as k } from "./typography.IqHbnd3C.js";
|