@orangelogic/design-system 2.183.0 → 2.185.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.H5j0gJtQ.js → asset-link-format.D--xQVgR.js} +505 -493
- package/library/chunks/{button.Dc8L4hcg.js → button.BnkkUqiI.js} +1 -1
- package/library/chunks/{color-swatch-group.DqP6pp2u.js → color-swatch-group.BmtcN7Kp.js} +31 -21
- package/library/chunks/{confirm-popover.DlIPMgF1.js → confirm-popover.CrQKEChc.js} +2 -2
- package/library/chunks/{dialog.BD012ZUN.js → dialog.CWGtufDA.js} +1 -1
- package/library/chunks/{document-viewer.DbA73wGD.js → document-viewer.C90j1Xrr.js} +5 -5
- package/library/chunks/file_on_demand.BVnxByUA.js +80 -0
- package/library/chunks/{folder-select.C4JVju2L.js → folder-select.CIqVGGFl.js} +4 -4
- package/library/chunks/{icon-button.CBZkhhs8.js → icon-button.CVrxJcZq.js} +1 -1
- package/library/chunks/{icon.BTuMIrIm.js → icon.CpHbi8tH.js} +2 -1
- package/library/chunks/{image.CCDdKXjt.js → image.CTMzUqCC.js} +2 -2
- package/library/chunks/{input.B5AHlTl-.js → input.33UmFGqR.js} +1 -1
- package/library/chunks/{markdown.rDppL64E.js → markdown.DOHru2Rz.js} +1 -1
- package/library/chunks/{option.zUMZKPFe.js → option.B6odSlS2.js} +1 -1
- package/library/chunks/{pagination.CqJwMe9w.js → pagination.mzolTIpF.js} +4 -4
- package/library/chunks/{tab-group.BUj0CO1c.js → tab-group.CjISeeMB.js} +2 -2
- package/library/chunks/{tree.CgBxt5my.js → tree.CmEdKtzK.js} +1 -1
- package/library/chunks/{url.B17OsCqV.js → url.CGdWC06g.js} +2 -2
- package/library/components/alert.js +1 -1
- package/library/components/animated-image.js +1 -1
- package/library/components/asset-link-format.js +2 -2
- package/library/components/atoms.js +13 -13
- package/library/components/audio.js +1 -1
- package/library/components/avatar.js +1 -1
- package/library/components/border-input-group.js +1 -1
- package/library/components/breadcrumb.js +1 -1
- package/library/components/button.js +2 -2
- package/library/components/checkbox.js +1 -1
- package/library/components/color-picker.js +3 -3
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/confirm-popover.js +3 -3
- package/library/components/copy-button.js +1 -1
- package/library/components/corner-position-input-group.js +2 -2
- package/library/components/date-calendar.js +1 -1
- package/library/components/details.js +1 -1
- package/library/components/dialog.js +2 -2
- package/library/components/document-viewer.js +3 -3
- package/library/components/drawer.js +1 -1
- package/library/components/dropdown.js +1 -1
- package/library/components/dynamic-select.js +3 -3
- package/library/components/element-clamp.js +1 -1
- package/library/components/file-on-demand.js +10 -10
- package/library/components/folder-select.js +4 -4
- package/library/components/icon-button.js +2 -2
- package/library/components/icon.js +1 -1
- package/library/components/image-comparer.js +1 -1
- package/library/components/image.js +3 -3
- package/library/components/input.js +2 -2
- package/library/components/line-clamp.js +1 -1
- package/library/components/markdown.js +2 -2
- package/library/components/masonry.js +2 -2
- package/library/components/menu-item.js +87 -78
- package/library/components/molecules.js +2 -2
- package/library/components/option.js +2 -2
- package/library/components/organisms.js +2 -2
- package/library/components/padding-input-group.js +1 -1
- package/library/components/pagination.js +5 -5
- package/library/components/radio.js +1 -1
- package/library/components/rating.js +1 -1
- package/library/components/select.js +2 -2
- package/library/components/shadow-input-group.js +1 -1
- package/library/components/share-option-list.js +1 -1
- package/library/components/sidebar.js +2 -2
- package/library/components/size-input-group.js +2 -2
- package/library/components/step.js +1 -1
- package/library/components/stepper-wizard.js +1 -1
- package/library/components/tab-group.js +3 -3
- package/library/components/tab.js +1 -1
- package/library/components/tag.js +1 -1
- package/library/components/tree-item.js +2 -2
- package/library/components/tree.js +1 -1
- package/library/components/typeface.js +1 -1
- package/library/components/types.js +33193 -32123
- package/library/components/video.js +1 -1
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/icon/custom-icons/file_on_demand.d.ts +4 -0
- package/library/packages/atoms/src/components/menu-item/menu-item.d.ts +5 -1
- package/library/packages/hybrid/table-core/src/tabulator-tables/core/RowManager.d.ts +4 -0
- package/library/packages/molecules/src/asset-data-display/asset-data-display.d.ts +20 -3
- package/library/packages/organisms/src/content-builder/blocks/audio/audio.d.ts +54 -0
- package/library/packages/organisms/src/content-builder/blocks/audio/audio.styles.d.ts +2 -0
- package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +255 -0
- package/library/packages/organisms/src/content-builder/blocks/video/video.d.ts +223 -0
- package/library/packages/organisms/src/content-builder-viewer/content-builder-viewer.d.ts +34 -10
- package/library/packages/services/src/api/asset/asset.d.ts +1 -1
- package/library/packages/types/src/menu-item.d.ts +8 -0
- package/library/react-web-component.d.ts +9 -1
- package/library/utils.js +2 -2
- package/package.json +1 -1
|
@@ -3,19 +3,19 @@ import { c as _ } from "../chunks/component.styles.CRO4Odto.js";
|
|
|
3
3
|
import { c as L } from "../chunks/custom-element.L4WJXn1j.js";
|
|
4
4
|
import { d as g, L as M } from "../chunks/i18n.DbXTTLXx.js";
|
|
5
5
|
import { H as z, g as P } from "../chunks/slot.j5oheLJC.js";
|
|
6
|
-
import { w as
|
|
6
|
+
import { w as p } from "../chunks/watch.DJF5K-8U.js";
|
|
7
7
|
import { i as E, x as h, E as y } from "../chunks/lit-element.jLBm65_O.js";
|
|
8
|
-
import { e as
|
|
9
|
-
import { e as
|
|
8
|
+
import { e as b } from "../chunks/query.BBf1UFkC.js";
|
|
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";
|
|
11
|
-
import { C as T } from "../chunks/icon.
|
|
11
|
+
import { C as T } from "../chunks/icon.CpHbi8tH.js";
|
|
12
12
|
import R from "./popup.js";
|
|
13
13
|
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
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: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{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
|
-
class
|
|
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);
|
|
21
21
|
}
|
|
@@ -85,13 +85,13 @@ class B {
|
|
|
85
85
|
);
|
|
86
86
|
return;
|
|
87
87
|
}
|
|
88
|
-
const
|
|
89
|
-
if (!
|
|
88
|
+
const s = this.queryMenuItems(t);
|
|
89
|
+
if (!s || s.length === 0) {
|
|
90
90
|
this.host.lazy && (e.preventDefault(), e.stopPropagation(), this.focusFirstMenuItemAfterLazyLoad(t));
|
|
91
91
|
return;
|
|
92
92
|
}
|
|
93
|
-
this.setRovingTabIndex(
|
|
94
|
-
|
|
93
|
+
this.setRovingTabIndex(s), this.popupRef.value && (e.preventDefault(), e.stopPropagation(), this.popupRef.value.active || this.enableSubmenu(!1), s[0] instanceof HTMLElement && (this.pendingFocusCancel?.(), this.pendingFocusCancel = k(
|
|
94
|
+
s[0],
|
|
95
95
|
this.focusVisibilityTimeoutMs
|
|
96
96
|
)));
|
|
97
97
|
}
|
|
@@ -104,8 +104,8 @@ class B {
|
|
|
104
104
|
// Find the first menu-item (or menuitem-role element) assigned to the submenu slot, if any exist yet.
|
|
105
105
|
queryMenuItems(e) {
|
|
106
106
|
let t = null;
|
|
107
|
-
for (const
|
|
108
|
-
if (t =
|
|
107
|
+
for (const s of e.assignedElements())
|
|
108
|
+
if (t = s.querySelectorAll("cx-menu-item, [role^='menuitem']"), t.length !== 0)
|
|
109
109
|
break;
|
|
110
110
|
return t;
|
|
111
111
|
}
|
|
@@ -121,9 +121,9 @@ class B {
|
|
|
121
121
|
*/
|
|
122
122
|
focusFirstMenuItemAfterLazyLoad(e) {
|
|
123
123
|
this.lazyLoadObserver?.disconnect(), this.lazyLoadObserver = new MutationObserver(() => {
|
|
124
|
-
const t = this.queryMenuItems(e),
|
|
125
|
-
!(
|
|
126
|
-
|
|
124
|
+
const t = this.queryMenuItems(e), s = t?.[0];
|
|
125
|
+
!(s instanceof HTMLElement) || !t || (this.setRovingTabIndex(t), this.lazyLoadObserver?.disconnect(), this.lazyLoadObserver = null, this.pendingFocusCancel?.(), this.pendingFocusCancel = k(
|
|
126
|
+
s,
|
|
127
127
|
this.focusVisibilityTimeoutMs
|
|
128
128
|
));
|
|
129
129
|
});
|
|
@@ -188,16 +188,16 @@ class B {
|
|
|
188
188
|
}
|
|
189
189
|
// Set the safe triangle values for the submenu when the position changes
|
|
190
190
|
handlePopupReposition() {
|
|
191
|
-
const t = this.host.renderRoot.querySelector("slot[name='submenu']")?.assignedElements({ flatten: !0 }).filter((
|
|
191
|
+
const t = this.host.renderRoot.querySelector("slot[name='submenu']")?.assignedElements({ flatten: !0 }).filter((f) => f.localName === "cx-menu")[0], s = getComputedStyle(this.host).direction === "rtl" || this.popupRef.value?.dataset.currentPlacement?.startsWith("left");
|
|
192
192
|
if (!t)
|
|
193
193
|
return;
|
|
194
194
|
const { height: l, left: a, top: u, width: c } = t.getBoundingClientRect();
|
|
195
195
|
this.host.style.setProperty(
|
|
196
196
|
"--safe-triangle-submenu-start-x",
|
|
197
|
-
`${
|
|
197
|
+
`${s ? a + c : a}px`
|
|
198
198
|
), this.host.style.setProperty("--safe-triangle-submenu-start-y", `${u}px`), this.host.style.setProperty(
|
|
199
199
|
"--safe-triangle-submenu-end-x",
|
|
200
|
-
`${
|
|
200
|
+
`${s ? a + c : a}px`
|
|
201
201
|
), this.host.style.setProperty(
|
|
202
202
|
"--safe-triangle-submenu-end-y",
|
|
203
203
|
`${u + l}px`
|
|
@@ -228,8 +228,8 @@ class B {
|
|
|
228
228
|
const e = this.host.renderRoot.querySelector("slot[name='submenu']");
|
|
229
229
|
if (e)
|
|
230
230
|
for (const t of e.assignedElements({ flatten: !0 }))
|
|
231
|
-
t.querySelectorAll("cx-menu-item").forEach((
|
|
232
|
-
|
|
231
|
+
t.querySelectorAll("cx-menu-item").forEach((s) => {
|
|
232
|
+
s.closeSubmenu?.();
|
|
233
233
|
});
|
|
234
234
|
}
|
|
235
235
|
// Schedule a recalculation of the skidding value
|
|
@@ -242,11 +242,11 @@ class B {
|
|
|
242
242
|
calculateSkidding() {
|
|
243
243
|
if (!this.host.parentElement?.computedStyleMap)
|
|
244
244
|
return;
|
|
245
|
-
const e = this.host.parentElement.computedStyleMap(), t = g(this.host) === "rtl",
|
|
245
|
+
const e = this.host.parentElement.computedStyleMap(), t = g(this.host) === "rtl", s = this.host.submenuPlacement ?? (t ? "left-start" : "right-start"), l = s.startsWith("left") || s.startsWith("right");
|
|
246
246
|
let a = [];
|
|
247
|
-
l && (
|
|
248
|
-
const u = a.reduce((c,
|
|
249
|
-
const x = e.get(
|
|
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
|
+
const u = a.reduce((c, f) => {
|
|
249
|
+
const x = e.get(f) ?? new CSSUnitValue(0, "px"), S = (x instanceof CSSUnitValue ? x : new CSSUnitValue(0, "px")).to("px"), C = s.endsWith("-end") ? 1 : -1;
|
|
250
250
|
return c + S.value * C;
|
|
251
251
|
}, 0);
|
|
252
252
|
this.skidding = u;
|
|
@@ -262,18 +262,18 @@ class B {
|
|
|
262
262
|
return h`<cx-popup ${O(this.popupRef)} placement=${t} anchor="anchor" part="submenu-popup" flip flip-fallback-strategy="best-fit" skidding=${this.skidding} strategy="overlay" auto-size="both" auto-size-padding="10" ?shift=${!!this.host.shiftBoundary} .flipBoundary=${this.host.flipBoundary} .shiftBoundary=${this.host.shiftBoundary} .autoSizeBoundary=${this.host.autoSizeBoundary}><slot name="submenu"></slot></cx-popup>`;
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
|
-
var
|
|
266
|
-
for (var l =
|
|
267
|
-
(u = o[a]) && (l = (
|
|
268
|
-
return
|
|
265
|
+
var B = Object.defineProperty, H = Object.getOwnPropertyDescriptor, n = (o, e, t, s) => {
|
|
266
|
+
for (var l = s > 1 ? void 0 : s ? H(e, t) : e, a = o.length - 1, u; a >= 0; a--)
|
|
267
|
+
(u = o[a]) && (l = (s ? u(e, t, l) : u(l)) || l);
|
|
268
|
+
return s && l && B(e, t, l), l;
|
|
269
269
|
};
|
|
270
|
-
let
|
|
270
|
+
let i = class extends w {
|
|
271
271
|
constructor() {
|
|
272
|
-
super(), this.type = "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.readonly = !1, this.menu = "", this.alwaysShowCheckedIcon = !1, this.checkPlacement = d.Suffix, this.lazy = !1, this.localize = new M(this), this.hasSlotController = new z(
|
|
272
|
+
super(), this.type = "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 = d.Suffix, this.lazy = !1, this.localize = new M(this), this.hasSlotController = new z(
|
|
273
273
|
this,
|
|
274
274
|
"submenu",
|
|
275
275
|
"submenu-icon"
|
|
276
|
-
), this.submenuController = new
|
|
276
|
+
), this.submenuController = new A(
|
|
277
277
|
this,
|
|
278
278
|
this.hasSlotController
|
|
279
279
|
), this.handleDocumentWheel = (o) => {
|
|
@@ -323,6 +323,9 @@ let s = class extends w {
|
|
|
323
323
|
handleDisabledChange() {
|
|
324
324
|
this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
|
|
325
325
|
}
|
|
326
|
+
handleCurrentChange() {
|
|
327
|
+
this.current ? this.setAttribute("aria-current", this.current) : this.removeAttribute("aria-current");
|
|
328
|
+
}
|
|
326
329
|
handleTypeChange() {
|
|
327
330
|
this.type === "checkbox" ? (this.setAttribute("role", "menuitemcheckbox"), this.setAttribute("aria-checked", this.checked ? "true" : "false")) : (this.setAttribute("role", "menuitem"), this.removeAttribute("aria-checked"));
|
|
328
331
|
}
|
|
@@ -338,8 +341,8 @@ let s = class extends w {
|
|
|
338
341
|
this.submenuController.disableSubmenu();
|
|
339
342
|
}
|
|
340
343
|
renderBase(o) {
|
|
341
|
-
const e = !!this.href, t = this.localize.dir() === "rtl",
|
|
342
|
-
return e ? h`<a id="anchor" part="base" class=${
|
|
344
|
+
const e = !!this.href, t = this.localize.dir() === "rtl", s = this.submenuController.isExpanded();
|
|
345
|
+
return e ? h`<a id="anchor" part="base" class=${v({
|
|
343
346
|
"menu-item": !0,
|
|
344
347
|
"menu-item--active": this.active,
|
|
345
348
|
"menu-item--checkbox": this.type === "checkbox",
|
|
@@ -348,8 +351,8 @@ let s = class extends w {
|
|
|
348
351
|
"menu-item--has-submenu": this.isSubmenu(),
|
|
349
352
|
"menu-item--loading": this.loading,
|
|
350
353
|
"menu-item--rtl": t,
|
|
351
|
-
"menu-item--submenu-expanded":
|
|
352
|
-
})} aria-haspopup=${this.isSubmenu()} href=${m(this.href)} target=${m(this.target)} download=${m(this.download)} rel=${m(this.rel)} aria-label=${this.getTextLabel()} ?inert=${this.disabled} @click=${this.handleAnchorClick}>${o}</a>` : h`<div id="anchor" part="base" class=${
|
|
354
|
+
"menu-item--submenu-expanded": s
|
|
355
|
+
})} aria-haspopup=${this.isSubmenu()} href=${m(this.href)} target=${m(this.target)} download=${m(this.download)} rel=${m(this.rel)} aria-label=${this.getTextLabel()} ?inert=${this.disabled} @click=${this.handleAnchorClick}>${o}</a>` : h`<div id="anchor" part="base" class=${v({
|
|
353
356
|
"menu-item": !0,
|
|
354
357
|
"menu-item--active": this.active,
|
|
355
358
|
"menu-item--checkbox": this.type === "checkbox",
|
|
@@ -358,119 +361,125 @@ let s = class extends w {
|
|
|
358
361
|
"menu-item--has-submenu": this.isSubmenu(),
|
|
359
362
|
"menu-item--loading": this.loading,
|
|
360
363
|
"menu-item--rtl": t,
|
|
361
|
-
"menu-item--submenu-expanded":
|
|
364
|
+
"menu-item--submenu-expanded": s
|
|
362
365
|
})} aria-haspopup=${this.isSubmenu()} aria-label=${this.getTextLabel()}>${o}</div>`;
|
|
363
366
|
}
|
|
364
367
|
render() {
|
|
365
368
|
const o = this.localize.dir() === "rtl";
|
|
366
369
|
let e;
|
|
367
370
|
this.submenuPlacement && (this.submenuPlacement.startsWith("top") || this.submenuPlacement.startsWith("bottom")) ? e = "keyboard_arrow_down" : e = o ? "chevron_left" : "chevron_right";
|
|
368
|
-
const t = h`<slot part="checked-icon" name="checked-icon" class=${
|
|
371
|
+
const t = h`<slot part="checked-icon" name="checked-icon" class=${v({
|
|
369
372
|
"menu-item__check": !0,
|
|
370
373
|
"menu-item__check--always-show": this.alwaysShowCheckedIcon,
|
|
371
374
|
"menu-item__check--suffix": this.checkPlacement === d.Suffix
|
|
372
|
-
})}><cx-icon name="check"></cx-icon></slot>`,
|
|
375
|
+
})}><cx-icon name="check"></cx-icon></slot>`, s = this.checkPlacement === d.Suffix;
|
|
373
376
|
return this.renderBase(h`
|
|
374
|
-
${
|
|
377
|
+
${s ? y : 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 : y}
|
|
375
378
|
|
|
376
379
|
${this.submenuController.renderSubmenu()}
|
|
377
380
|
${this.loading ? h`<cx-spinner part="spinner" exportparts="base:spinner__base"></cx-spinner>` : ""}
|
|
378
381
|
`);
|
|
379
382
|
}
|
|
380
383
|
};
|
|
381
|
-
|
|
382
|
-
|
|
384
|
+
i.styles = [_, I];
|
|
385
|
+
i.dependencies = {
|
|
383
386
|
"cx-icon": T,
|
|
384
387
|
"cx-popup": R,
|
|
385
388
|
"cx-spinner": $
|
|
386
389
|
};
|
|
387
390
|
n([
|
|
388
|
-
|
|
389
|
-
],
|
|
391
|
+
b("slot:not([name])")
|
|
392
|
+
], i.prototype, "defaultSlot", 2);
|
|
390
393
|
n([
|
|
391
|
-
|
|
392
|
-
],
|
|
394
|
+
b("a#anchor", !0)
|
|
395
|
+
], i.prototype, "anchor", 2);
|
|
393
396
|
n([
|
|
394
|
-
|
|
395
|
-
],
|
|
397
|
+
b(".menu-item")
|
|
398
|
+
], i.prototype, "menuItem", 2);
|
|
396
399
|
n([
|
|
397
|
-
|
|
398
|
-
],
|
|
400
|
+
b(".menu-item__chevron")
|
|
401
|
+
], i.prototype, "submenuIcon", 2);
|
|
399
402
|
n([
|
|
400
403
|
r()
|
|
401
|
-
],
|
|
404
|
+
], i.prototype, "type", 2);
|
|
402
405
|
n([
|
|
403
406
|
r({ attribute: "submenu-trigger", type: String })
|
|
404
|
-
],
|
|
407
|
+
], i.prototype, "submenuTrigger", 2);
|
|
405
408
|
n([
|
|
406
409
|
r({ reflect: !0, type: Boolean })
|
|
407
|
-
],
|
|
410
|
+
], i.prototype, "checked", 2);
|
|
408
411
|
n([
|
|
409
412
|
r({ attribute: "no-uncheck", reflect: !0, type: Boolean })
|
|
410
|
-
],
|
|
413
|
+
], i.prototype, "noUncheck", 2);
|
|
411
414
|
n([
|
|
412
415
|
r()
|
|
413
|
-
],
|
|
416
|
+
], i.prototype, "value", 2);
|
|
414
417
|
n([
|
|
415
418
|
r()
|
|
416
|
-
],
|
|
419
|
+
], i.prototype, "href", 2);
|
|
417
420
|
n([
|
|
418
421
|
r()
|
|
419
|
-
],
|
|
422
|
+
], i.prototype, "target", 2);
|
|
420
423
|
n([
|
|
421
424
|
r()
|
|
422
|
-
],
|
|
425
|
+
], i.prototype, "rel", 2);
|
|
423
426
|
n([
|
|
424
427
|
r()
|
|
425
|
-
],
|
|
428
|
+
], i.prototype, "download", 2);
|
|
426
429
|
n([
|
|
427
430
|
r({ reflect: !0, type: Boolean })
|
|
428
|
-
],
|
|
431
|
+
], i.prototype, "loading", 2);
|
|
429
432
|
n([
|
|
430
433
|
r({ reflect: !0, type: Boolean })
|
|
431
|
-
],
|
|
434
|
+
], i.prototype, "disabled", 2);
|
|
432
435
|
n([
|
|
433
436
|
r({ reflect: !0, type: Boolean })
|
|
434
|
-
],
|
|
437
|
+
], i.prototype, "active", 2);
|
|
438
|
+
n([
|
|
439
|
+
r({ reflect: !0, type: String })
|
|
440
|
+
], i.prototype, "current", 2);
|
|
435
441
|
n([
|
|
436
442
|
r({ reflect: !0, type: Boolean })
|
|
437
|
-
],
|
|
443
|
+
], i.prototype, "readonly", 2);
|
|
438
444
|
n([
|
|
439
445
|
r({ attribute: "flip-boundary", type: Object })
|
|
440
|
-
],
|
|
446
|
+
], i.prototype, "flipBoundary", 2);
|
|
441
447
|
n([
|
|
442
448
|
r({ attribute: "shift-boundary", type: Object })
|
|
443
|
-
],
|
|
449
|
+
], i.prototype, "shiftBoundary", 2);
|
|
444
450
|
n([
|
|
445
451
|
r({ attribute: "auto-size-boundary", type: Object })
|
|
446
|
-
],
|
|
452
|
+
], i.prototype, "autoSizeBoundary", 2);
|
|
447
453
|
n([
|
|
448
454
|
r({ reflect: !0 })
|
|
449
|
-
],
|
|
455
|
+
], i.prototype, "menu", 2);
|
|
450
456
|
n([
|
|
451
457
|
r({ attribute: "always-show-checked-icon", reflect: !0, type: Boolean })
|
|
452
|
-
],
|
|
458
|
+
], i.prototype, "alwaysShowCheckedIcon", 2);
|
|
453
459
|
n([
|
|
454
460
|
r({ attribute: "check-placement", reflect: !0, type: String })
|
|
455
|
-
],
|
|
461
|
+
], i.prototype, "checkPlacement", 2);
|
|
456
462
|
n([
|
|
457
463
|
r({ attribute: "submenu-placement" })
|
|
458
|
-
],
|
|
464
|
+
], i.prototype, "submenuPlacement", 2);
|
|
459
465
|
n([
|
|
460
466
|
r({ reflect: !0, type: Boolean })
|
|
461
|
-
],
|
|
467
|
+
], i.prototype, "lazy", 2);
|
|
468
|
+
n([
|
|
469
|
+
p("checked")
|
|
470
|
+
], i.prototype, "handleCheckedChange", 1);
|
|
462
471
|
n([
|
|
463
|
-
|
|
464
|
-
],
|
|
472
|
+
p("disabled")
|
|
473
|
+
], i.prototype, "handleDisabledChange", 1);
|
|
465
474
|
n([
|
|
466
|
-
|
|
467
|
-
],
|
|
475
|
+
p("current")
|
|
476
|
+
], i.prototype, "handleCurrentChange", 1);
|
|
468
477
|
n([
|
|
469
|
-
|
|
470
|
-
],
|
|
471
|
-
|
|
478
|
+
p("type")
|
|
479
|
+
], i.prototype, "handleTypeChange", 1);
|
|
480
|
+
i = n([
|
|
472
481
|
L("cx-menu-item")
|
|
473
|
-
],
|
|
482
|
+
], i);
|
|
474
483
|
export {
|
|
475
|
-
|
|
484
|
+
i as default
|
|
476
485
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { default as e } from "./bicolor-picker.js";
|
|
2
2
|
import { default as a } from "./border-input-group.js";
|
|
3
3
|
import { C as x } from "../chunks/color-swatch.D6Gg5bpz.js";
|
|
4
|
-
import { C as u } from "../chunks/confirm-popover.
|
|
4
|
+
import { C as u } from "../chunks/confirm-popover.CrQKEChc.js";
|
|
5
5
|
import { default as d } from "./corner-position-input-group.js";
|
|
6
6
|
import { default as l } from "./cropper.js";
|
|
7
7
|
import { default as i } from "./dynamic-select.js";
|
|
8
|
-
import { C as c } from "../chunks/folder-select.
|
|
8
|
+
import { C as c } from "../chunks/folder-select.CIqVGGFl.js";
|
|
9
9
|
import { default as P } from "./masonry.js";
|
|
10
10
|
import { default as I } from "./padding-input-group.js";
|
|
11
11
|
import { default as y } from "./position-picker.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
|
-
import { C } from "../chunks/option.
|
|
3
|
+
import { C } from "../chunks/option.B6odSlS2.js";
|
|
4
4
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
5
5
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
6
6
|
import "../chunks/watch.DJF5K-8U.js";
|
|
@@ -9,7 +9,7 @@ import "../chunks/state.CSDxrqLd.js";
|
|
|
9
9
|
import "../chunks/query.BBf1UFkC.js";
|
|
10
10
|
import "../chunks/class-map.BiVq-cVR.js";
|
|
11
11
|
import "../chunks/when.Dr1es41R.js";
|
|
12
|
-
import "../chunks/icon.
|
|
12
|
+
import "../chunks/icon.CpHbi8tH.js";
|
|
13
13
|
import "./space.js";
|
|
14
14
|
export {
|
|
15
15
|
C as default
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as a } from "../chunks/asset-link-format.
|
|
2
|
-
import { C as t } from "../chunks/color-swatch-group.
|
|
1
|
+
import { C as a } from "../chunks/asset-link-format.D--xQVgR.js";
|
|
2
|
+
import { C as t } from "../chunks/color-swatch-group.BmtcN7Kp.js";
|
|
3
3
|
import { default as C } from "./file-on-demand.js";
|
|
4
4
|
export {
|
|
5
5
|
a as CxAssetLinkFormat,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as i } from "../chunks/input.
|
|
1
|
+
import { C as i } from "../chunks/input.33UmFGqR.js";
|
|
2
2
|
import l from "./input-group.js";
|
|
3
3
|
import { n as c, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
4
4
|
import { c as f } from "../chunks/component.styles.CRO4Odto.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./space.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
|
-
import "../chunks/icon-button.
|
|
4
|
-
import { C as k } from "../chunks/pagination.
|
|
3
|
+
import "../chunks/icon-button.CVrxJcZq.js";
|
|
4
|
+
import { C as k } from "../chunks/pagination.mzolTIpF.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
7
7
|
import "../chunks/math.DuKzLacZ.js";
|
|
@@ -11,9 +11,9 @@ import "../chunks/state.CSDxrqLd.js";
|
|
|
11
11
|
import "../chunks/class-map.BiVq-cVR.js";
|
|
12
12
|
import "../chunks/repeat.CFjcER6_.js";
|
|
13
13
|
import "../chunks/when.Dr1es41R.js";
|
|
14
|
-
import "../chunks/button.
|
|
15
|
-
import "../chunks/input.
|
|
16
|
-
import "../chunks/option.
|
|
14
|
+
import "../chunks/button.BnkkUqiI.js";
|
|
15
|
+
import "../chunks/input.33UmFGqR.js";
|
|
16
|
+
import "../chunks/option.B6odSlS2.js";
|
|
17
17
|
import "./select.js";
|
|
18
18
|
import "./tooltip.js";
|
|
19
19
|
import "../chunks/typography.IqHbnd3C.js";
|
|
@@ -6,7 +6,7 @@ import { w as h } from "../chunks/watch.DJF5K-8U.js";
|
|
|
6
6
|
import { i as g, b as m, x } from "../chunks/lit-element.jLBm65_O.js";
|
|
7
7
|
import { r as u } from "../chunks/state.CSDxrqLd.js";
|
|
8
8
|
import { e as n } from "../chunks/class-map.BiVq-cVR.js";
|
|
9
|
-
import { C as k } from "../chunks/icon.
|
|
9
|
+
import { C as k } from "../chunks/icon.CpHbi8tH.js";
|
|
10
10
|
const _ = g`:host{display:block}:host(:focus-visible){outline:0}.radio{align-items:top;font-family:var(--cx-input-font-family);font-size:var(--cx-input-font-size-medium);font-weight:var(--cx-input-font-weight);color:var(--cx-input-label-color);vertical-align:middle;cursor:pointer;display:inline-flex}.radio--small{--toggle-size:var(--cx-toggle-size-small);font-size:var(--cx-input-font-size-small)}.radio--medium{--toggle-size:var(--cx-toggle-size-medium);font-size:var(--cx-input-font-size-small)}.radio--large{--toggle-size:var(--cx-toggle-size-large);font-size:var(--cx-input-font-size-small)}.radio__checked-icon{display:inline-flex}.radio__control{width:var(--toggle-size);height:var(--toggle-size);border:solid var(--cx-input-border-width) var(--cx-input-border-color);background-color:var(--cx-input-background-color);color:#0000;transition:var(--cx-transition-fast) border-color, var(--cx-transition-fast) background-color, var(--cx-transition-fast) color, var(--cx-transition-fast) box-shadow;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.radio__input{opacity:0;pointer-events:none;margin:0;padding:0;position:absolute}.radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover{border-color:var(--cx-input-border-color-hover);background-color:var(--cx-input-background-color-hover)}.radio--checked .radio__control{color:var(--checked-color,var(--cx-color-primary));border-color:var(--checked-border-color,var(--cx-color-primary));background-color:var(--checked-background-color,var(--cx-color-neutral-0))}.radio.radio--checked:not(.radio--disabled) .radio__control:hover{border-color:var(--checked-hover-border-color,var(--cx-color-primary));background-color:var(--checked-hover-background-color,var(--cx-color-neutral-0))}:host(:focus-visible) .radio__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.radio__control.radio__control--hidden{display:none}.radio--disabled{opacity:.5;cursor:default}.radio:not(.radio--checked) svg circle{opacity:0}.radio__label{color:var(--cx-input-label-color);line-height:var(--toggle-size);-webkit-user-select:none;user-select:none;text-transform:var(--cx-radio-label-text-transform,none);flex:1;margin-inline-start:.5em;display:inline-block}.radio__label--hidden{display:none}svg{width:100%;height:100%;display:block}`, y = (i) => m`<svg part="checked-icon svg" class="radio__icon" viewBox="0 0 16 16" aria-hidden="true"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor"><circle cx="8" cy="8" r="${i}"></circle></g></g></svg>`;
|
|
11
11
|
var z = Object.defineProperty, C = Object.getOwnPropertyDescriptor, o = (i, a, l, s) => {
|
|
12
12
|
for (var t = s > 1 ? void 0 : s ? C(a, l) : a, c = i.length - 1, d; c >= 0; c--)
|
|
@@ -12,7 +12,7 @@ import { e as u } from "../chunks/class-map.BiVq-cVR.js";
|
|
|
12
12
|
import { c as w } from "../chunks/repeat.CFjcER6_.js";
|
|
13
13
|
import { o as m } from "../chunks/style-map.llVFPd__.js";
|
|
14
14
|
import { o as d } from "../chunks/unsafe-html.Dff7-rCx.js";
|
|
15
|
-
import { C as M } from "../chunks/icon.
|
|
15
|
+
import { C as M } from "../chunks/icon.CpHbi8tH.js";
|
|
16
16
|
const C = x`:host{--symbol-color:var(--cx-color-neutral-300);--symbol-color-active:var(--cx-color-warning-500);--symbol-size:1.2rem;--symbol-container-size:40px;--symbol-spacing:var(--cx-spacing-3x-small);display:inline-flex}:host([variant=outlined]){--symbol-size:var(--cx-font-size-x-large);--symbol-color:var(--cx-color-neutral-600);--symbol-color-active:var(--cx-color-neutral-600)}.rating{border-radius:var(--cx-border-radius-small);vertical-align:middle;display:inline-flex;position:relative}.rating:focus{outline:none}.rating:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.rating__symbols{color:var(--symbol-color);white-space:nowrap;cursor:pointer;line-height:0;display:inline-flex;position:relative}.rating__symbols>*{padding:var(--symbol-spacing)}.rating__symbol--active,.rating__partial--filled{color:var(--symbol-color-active)}.rating__partial-symbol-container{position:relative}.rating__partial--filled{top:var(--symbol-spacing);left:var(--symbol-spacing);position:absolute}.rating__symbol{transition:var(--cx-transition-fast) scale;pointer-events:none}.rating__symbol cx-icon{--font-size:var(--symbol-size)}.rating__symbol--hover{scale:1.2}.rating--disabled .rating__symbols,.rating--readonly .rating__symbols{cursor:default}.rating--disabled .rating__symbol--hover,.rating--readonly .rating__symbol--hover{scale:none}.rating--disabled{opacity:.5}.rating--disabled .rating__symbols{cursor:default}@media (forced-colors:active){.rating__symbol--active{color:selecteditem}}.rating--outlined .rating__symbol{border:var(--cx-input-border-width) solid var(--cx-input-border-color);width:var(--symbol-container-size);height:var(--symbol-container-size);justify-content:center;align-items:center;display:flex}.rating--outlined .rating__partial--filled{top:unset;left:unset}.rating--outlined .rating__symbol:not(:first-child){border-left:none}.rating--outlined .rating__symbol:first-child{border-top-left-radius:var(--cx-border-radius-small);border-bottom-left-radius:var(--cx-border-radius-small)}.rating--outlined .rating__symbol:last-child{border-top-right-radius:var(--cx-border-radius-small);border-bottom-right-radius:var(--cx-border-radius-small)}.rating--outlined .rating__symbol--hover{scale:1}`;
|
|
17
17
|
var H = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (t, o, i, s) => {
|
|
18
18
|
for (var e = s > 1 ? void 0 : s ? P(o, i) : o, n = t.length - 1, h; n >= 0; n--)
|
|
@@ -20,8 +20,8 @@ import { e as b } from "../chunks/class-map.BiVq-cVR.js";
|
|
|
20
20
|
import { o as P } from "../chunks/unsafe-html.Dff7-rCx.js";
|
|
21
21
|
import { n as f } from "../chunks/when.Dr1es41R.js";
|
|
22
22
|
import { s as O, g as _ } from "../chunks/animation-registry.HmpwNuGH.js";
|
|
23
|
-
import { C as U } from "../chunks/icon.
|
|
24
|
-
import { C as d } from "../chunks/option.
|
|
23
|
+
import { C as U } from "../chunks/icon.CpHbi8tH.js";
|
|
24
|
+
import { C as d } from "../chunks/option.B6odSlS2.js";
|
|
25
25
|
import M from "./popup.js";
|
|
26
26
|
import N from "./spinner.js";
|
|
27
27
|
import R from "./tag.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as _ } from "../chunks/icon.
|
|
1
|
+
import { C as _ } from "../chunks/icon.CpHbi8tH.js";
|
|
2
2
|
import I from "./resize-observer.js";
|
|
3
3
|
import { n as h, C as P } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
4
4
|
import { c as C } from "../chunks/component.styles.CRO4Odto.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import b from "./divider.js";
|
|
2
|
-
import { C as v } from "../chunks/icon.
|
|
3
|
-
import { C as u } from "../chunks/icon-button.
|
|
2
|
+
import { C as v } from "../chunks/icon.CpHbi8tH.js";
|
|
3
|
+
import { C as u } from "../chunks/icon-button.CVrxJcZq.js";
|
|
4
4
|
import _ from "./resize-observer.js";
|
|
5
5
|
import { n as d, C as m } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
6
|
import { c as f } from "../chunks/component.styles.CRO4Odto.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as x } from "../chunks/icon-button.
|
|
2
|
-
import { C as d } from "../chunks/input.
|
|
1
|
+
import { C as x } from "../chunks/icon-button.CVrxJcZq.js";
|
|
2
|
+
import { C as d } from "../chunks/input.33UmFGqR.js";
|
|
3
3
|
import g from "./select.js";
|
|
4
4
|
import v from "./space.js";
|
|
5
5
|
import k from "./tooltip.js";
|
|
@@ -6,7 +6,7 @@ import { e as h } from "../chunks/query.BBf1UFkC.js";
|
|
|
6
6
|
import { e as v } from "../chunks/class-map.BiVq-cVR.js";
|
|
7
7
|
import { o as g } from "../chunks/style-map.llVFPd__.js";
|
|
8
8
|
import { n as c } from "../chunks/when.Dr1es41R.js";
|
|
9
|
-
import { C as f } from "../chunks/icon.
|
|
9
|
+
import { C as f } from "../chunks/icon.CpHbi8tH.js";
|
|
10
10
|
import b from "./line-clamp.js";
|
|
11
11
|
import y from "./progress-bar.js";
|
|
12
12
|
import w from "./tooltip.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./resize-observer.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
4
|
-
import { C as A } from "../chunks/tab-group.
|
|
4
|
+
import { C as A } from "../chunks/tab-group.CjISeeMB.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
7
7
|
import "../chunks/scroll.xtO5yojm.js";
|
|
@@ -18,9 +18,9 @@ import "../chunks/guard.D4axKaMo.js";
|
|
|
18
18
|
import "../chunks/map.D8heArFD.js";
|
|
19
19
|
import "../chunks/style-map.llVFPd__.js";
|
|
20
20
|
import "../chunks/when.Dr1es41R.js";
|
|
21
|
-
import "../chunks/button.
|
|
21
|
+
import "../chunks/button.BnkkUqiI.js";
|
|
22
22
|
import "./dropdown.js";
|
|
23
|
-
import "../chunks/icon-button.
|
|
23
|
+
import "../chunks/icon-button.CVrxJcZq.js";
|
|
24
24
|
import "./menu.js";
|
|
25
25
|
import "./menu-item.js";
|
|
26
26
|
import "./tab.js";
|
|
@@ -7,7 +7,7 @@ import { w as p } from "../chunks/watch.DJF5K-8U.js";
|
|
|
7
7
|
import { i as b, x as d } from "../chunks/lit-element.jLBm65_O.js";
|
|
8
8
|
import { e as _ } from "../chunks/query.BBf1UFkC.js";
|
|
9
9
|
import { e as n } from "../chunks/class-map.BiVq-cVR.js";
|
|
10
|
-
import { C as g } from "../chunks/icon-button.
|
|
10
|
+
import { C as g } from "../chunks/icon-button.CVrxJcZq.js";
|
|
11
11
|
import y from "./line-clamp.js";
|
|
12
12
|
const w = b`.tab{border-radius:var(--cx-border-radius-small);padding:var(--tab-padding,var(--cx-spacing-x-small));font:var(--cx-font-label-small);font-weight:var(--cx-font-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);align-items:center;display:inline-flex}.tab__label{flex:auto;min-width:0}.tab__label::part(content){word-break:break-all}.tab.tab--default{color:var(--tab-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.tab.tab--button{color:var(--tab-color,var(--cx-color-neutral-600));background-color:var(--tab-background-color,transparent);border-radius:var(--tab-border-radius,10px)}.tab.tab.tab--default:hover:not(.tab--disabled){color:var(--cx-color-primary)}.tab.tab.tab--button:hover:not(.tab--disabled):not(.tab--active){color:var(--cx-color-neutral-800)}.tab.tab--default.tab--active:not(.tab--disabled){color:var(--tab-active-color,var(--cx-color-primary));background-color:var(--tab-active-background-color,transparent)}.tab.tab--button.tab--active:not(.tab--disabled){background-color:var(--tab-active-background-color,var(--cx-color-neutral-200));color:var(--tab-active-color,var(--cx-color-neutral-800))}.tab.tab--closable{padding-inline-end:var(--cx-spacing-small)}.tab.tab--disabled{opacity:.5;cursor:default}.tab__close-button{font-size:var(--cx-font-size-small);margin-inline-start:var(--cx-spacing-small)}.tab__close-button::part(base){padding:var(--cx-spacing-3x-small)}@media (forced-colors:active){.tab.tab--active:not(.tab--disabled){outline-offset:-3px;outline:1px solid #0000}}`, k = b`.timeline-item{gap:var(--cx-spacing-small);font-family:var(--timeline-item-font-family), var(--cx-font-sans);font-style:var(--timeline-item-font-style,normal);font-size:var(--timeline-item-font-size,var(--cx-font-size-small));font-weight:var(--timeline-item-font-weight,var(--cx-font-weight-regular));border-radius:var(--cx-border-radius-small);padding:var(--tab-padding,var(--cx-spacing-x-small) var(--cx-spacing-small));white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);flex-direction:column;display:flex;position:relative}.timeline-item--single{align-items:center}.timeline-item__content{--timeline-item-content-width:var(--min-tab-width);align-items:center;gap:var(--cx-spacing-x-large);left:calc(var(--i) / (var(--n) - 1) * (100% - var(--timeline-item-content-width)));width:var(--timeline-item-content-width);flex-direction:column;transition:left .4s linear;display:flex;position:relative}.timeline-item__label{flex:auto;min-width:0}.timeline-item__label::part(content){word-break:break-all}.timeline-item{color:var(--marker-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.timeline-item.timeline-item--active:not(.timeline-item--disabled),:host(:hover) .timeline-item:not(.timeline-item--disabled){color:var(--marker-active-color,var(--cx-color-primary))}.timeline-item.timeline-item--disabled{opacity:.5;cursor:default}@media (forced-colors:active){.timeline-item.timeline-item--active:not(.timeline-item--disabled){outline-offset:-3px;outline:1px solid #0000}}.timeline-item__thumbnail{width:var(--marker-image-width,120px);height:var(--marker-image-height,100px);border-radius:var(--marker-image-border-radius,var(--cx-border-radius-small));max-width:100%;display:block;overflow:hidden}.timeline-item.timeline-item--active:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty),:host(:hover) .timeline-item:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty){outline:4px solid var(--marker-active-color,var(--cx-color-primary))}.timeline-item__thumbnail.timeline-item__thumbnail--empty{display:none}.timeline-item__thumbnail::slotted(img){object-fit:cover;width:100%;height:100%}.timeline-item__indicator{isolation:isolate;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.timeline-item__indicator__dot{width:var(--cx-spacing-small);height:var(--cx-spacing-small);border-radius:var(--cx-border-radius-circle);background-color:var(--marker-color);z-index:1;display:block}.timeline-item__indicator__dot--active:not(.timeline-item__indicator__dot--disabled),:host(:hover) .timeline-item__indicator__dot:not(.timeline-item__indicator__dot--disabled){background-color:var(--marker-active-color)}`, C = b`
|
|
13
13
|
:host {
|
|
@@ -5,7 +5,7 @@ import { L as h } from "../chunks/i18n.DbXTTLXx.js";
|
|
|
5
5
|
import { H as v } from "../chunks/slot.j5oheLJC.js";
|
|
6
6
|
import { i as d, x as m } from "../chunks/lit-element.jLBm65_O.js";
|
|
7
7
|
import { e as f } from "../chunks/class-map.BiVq-cVR.js";
|
|
8
|
-
import { C as b } from "../chunks/icon-button.
|
|
8
|
+
import { C as b } from "../chunks/icon-button.CVrxJcZq.js";
|
|
9
9
|
import _ from "./line-clamp.js";
|
|
10
10
|
const n = 1, y = d`:host{display:inline-block}.tag{white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid;align-items:center;line-height:1;display:flex}.tag__content{min-width:0}.tag--has-prefix .tag__prefix,.tag--has-suffix .tag__suffix{flex:none;align-items:center;display:inline-flex}.tag--has-prefix .tag__prefix{margin-inline-end:var(--cx-spacing-x-small)}.tag--has-suffix .tag__suffix{margin-inline-start:var(--cx-spacing-x-small)}.tag__remove::part(base){color:inherit;padding:0}.tag--primary{background-color:var(--cx-color-primary-50);border-color:var(--cx-color-primary-300);color:var(--cx-color-primary-800)}.tag--primary:active>cx-icon-button{color:var(--cx-color-primary)}.tag--success{background-color:var(--cx-color-success-50);border-color:var(--cx-color-success-200);color:var(--cx-color-success-800)}.tag--success:active>cx-icon-button{color:var(--cx-color-success)}.tag--neutral{background-color:var(--cx-color-neutral-50);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-800)}.tag--neutral:active>cx-icon-button{color:var(--cx-color-neutral-600)}.tag--warning{background-color:var(--cx-color-warning-50);border-color:var(--cx-color-warning-200);color:var(--cx-color-warning-800)}.tag--warning:active>cx-icon-button{color:var(--cx-color-warning)}.tag--danger{background-color:var(--cx-color-danger-50);border-color:var(--cx-color-danger-200);color:var(--cx-color-danger-800)}.tag--danger:active>cx-icon-button{color:var(--cx-color-danger)}.tag--small{font-size:var(--cx-button-font-size-small);height:calc(var(--cx-input-height-small) * .8);line-height:calc(var(--cx-input-height-small) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-small);padding:0 var(--cx-spacing-x-small)}.tag--medium{font-size:var(--cx-button-font-size-medium);height:calc(var(--cx-input-height-medium) * .8);line-height:calc(var(--cx-input-height-medium) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-medium);padding:0 var(--cx-spacing-small)}.tag--large{font-size:var(--cx-button-font-size-large);height:calc(var(--cx-input-height-large) * .8);line-height:calc(var(--cx-input-height-large) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-large);padding:0 var(--cx-spacing-medium)}.tag--small .tag__remove::part(icon){--font-size:var(--cx-font-size-small)}.tag--medium .tag__remove::part(icon){--font-size:var(--cx-font-size-medium)}.tag--large .tag__remove::part(icon){--font-size:var(--cx-font-size-large)}.tag--pill{border-radius:var(--cx-border-radius-pill)}.tag--removable{padding-inline-end:0}.tag--multiline{white-space:normal;height:auto;padding-block:var(--cx-spacing-2x-small);align-items:flex-start}.tag--multiline.tag--small{line-height:var(--cx-line-height-small)}.tag--multiline.tag--medium{line-height:var(--cx-line-height-medium)}.tag--multiline.tag--large{line-height:var(--cx-line-height-large)}`;
|
|
11
11
|
var z = Object.defineProperty, w = Object.getOwnPropertyDescriptor, t = (e, o, c, l) => {
|
|
@@ -13,10 +13,10 @@ import "../chunks/live.DCegntDo.js";
|
|
|
13
13
|
import "../chunks/when.Dr1es41R.js";
|
|
14
14
|
import "../chunks/animation-registry.HmpwNuGH.js";
|
|
15
15
|
import "./checkbox.js";
|
|
16
|
-
import "../chunks/icon.
|
|
16
|
+
import "../chunks/icon.CpHbi8tH.js";
|
|
17
17
|
import "./line-clamp.js";
|
|
18
18
|
import "./spinner.js";
|
|
19
|
-
import { C as k } from "../chunks/tree.
|
|
19
|
+
import { C as k } from "../chunks/tree.CmEdKtzK.js";
|
|
20
20
|
export {
|
|
21
21
|
k as default
|
|
22
22
|
};
|
|
@@ -4,7 +4,7 @@ import "../chunks/custom-element.L4WJXn1j.js";
|
|
|
4
4
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
5
5
|
import "../chunks/math.DuKzLacZ.js";
|
|
6
6
|
import "../chunks/watch.DJF5K-8U.js";
|
|
7
|
-
import { a as b, b as f, s as x, c as d } from "../chunks/tree.
|
|
7
|
+
import { a as b, b as f, s as x, c as d } from "../chunks/tree.CmEdKtzK.js";
|
|
8
8
|
import "../chunks/lit-element.jLBm65_O.js";
|
|
9
9
|
import "../chunks/state.CSDxrqLd.js";
|
|
10
10
|
import "../chunks/query.BBf1UFkC.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import d from "./grid.js";
|
|
2
2
|
import m from "./grid-item.js";
|
|
3
|
-
import { C as x } from "../chunks/icon-button.
|
|
3
|
+
import { C as x } from "../chunks/icon-button.CVrxJcZq.js";
|
|
4
4
|
import h from "./line-clamp.js";
|
|
5
5
|
import g from "./space.js";
|
|
6
6
|
import { C as w } from "../chunks/typography.IqHbnd3C.js";
|