@orangelogic/design-system 3.65.0 → 3.67.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/{block-width.BQCS-s7k.js → block-width.DJlTVJlj.js} +1 -1
- package/library/chunks/{config-manager.ByI_0eTP.js → config-manager.e-4cpoFX.js} +2 -2
- package/library/components/atoms.js +4 -4
- package/library/components/molecules.js +3 -3
- package/library/components/types.js +10 -10
- package/library/package.json +1 -1
- package/library/packages/molecules/src/view-and-sort/view-and-sort.d.ts +3 -0
- package/package.json +1 -1
- package/library/chunks/{src.CvPbAlnN.js → src.CMHHq5o2.js} +1 -1
|
@@ -15,7 +15,7 @@ import { t as y } from "./when.BUskJLtZ.js";
|
|
|
15
15
|
import { t as ie } from "./icon.CeQpEaQz.js";
|
|
16
16
|
import { t as ae } from "./spinner.o3Rjsff7.js";
|
|
17
17
|
import { n as oe } from "./tslib.es6.DJNsMHqv.js";
|
|
18
|
-
import { t as se } from "./src.
|
|
18
|
+
import { t as se } from "./src.CMHHq5o2.js";
|
|
19
19
|
import { t as ce } from "./style-map.DPGQIxip.js";
|
|
20
20
|
import { t as b } from "./button.Cgunf6cP.js";
|
|
21
21
|
import { E as x, S as le, r as ue } from "./string.DAuTpyw8.js";
|
|
@@ -14,7 +14,7 @@ import { t as b } from "./style-map.DPGQIxip.js";
|
|
|
14
14
|
import { t as x } from "./button.Cgunf6cP.js";
|
|
15
15
|
import { t as ee } from "./tooltip.fZNjia6Z.js";
|
|
16
16
|
import { t as te } from "./line-clamp.QYln-UUK.js";
|
|
17
|
-
import { S as ne, _ as re, a as ie, b as ae, c as oe, d as se, f as ce, g as le, h as ue, i as de, l as fe, m as pe, n as me, o as he, p as ge, s as S, t as C, u as w, v as T, x as E, y as D } from "./block-width.
|
|
17
|
+
import { S as ne, _ as re, a as ie, b as ae, c as oe, d as se, f as ce, g as le, h as ue, i as de, l as fe, m as pe, n as me, o as he, p as ge, s as S, t as C, u as w, v as T, x as E, y as D } from "./block-width.DJlTVJlj.js";
|
|
18
18
|
import { t as O } from "./typography.B0mkhqTB.js";
|
|
19
19
|
import { t as k } from "./button-group.CPfXrqyq.js";
|
|
20
20
|
import { t as A } from "./card.3c-X4hqR.js";
|
|
@@ -575,7 +575,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
|
|
|
575
575
|
return t`<cx-space direction="vertical" spacing="medium" wrap="nowrap"><cx-typography variant="body2">${this.localize.term("contentBuilderBlockSettingsHelpText")}</cx-typography><cx-grid columns="3" use-flex-gap spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("templateName")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input name="name" value=${this.name ?? ""} can-show-length maxlength="200" required @cx-change=${this.handleNameInputChange} type="text"></cx-input></cx-grid-item></cx-grid><cx-grid columns="3" use-flex-gap spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("description")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-textarea name="description" value=${this.description ?? ""} can-show-length maxlength="200" resize="none" @cx-change=${this.handleDescriptionInputChange} type="text"></cx-textarea></cx-grid-item></cx-grid></cx-space>`;
|
|
576
576
|
}
|
|
577
577
|
render() {
|
|
578
|
-
return t`<cx-dialog class="config-form" use-overlay-scrollbar divider-position=${B.Footer} .boundary=${this.boundary} @cx-after-show=${this.handleAfterShow} @cx-after-hide=${this.handleAfterHide} @cx-request-close=${this.handleRequestClose} @cx-asset-request-status=${this.handleAssetRequestStatus}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${v(this.dialogTitle, () => t`<cx-line-clamp lines="1">${this.dialogTitle}</cx-line-clamp>`, () => t`${this.localize.term("settingsTitle", this.blockName)}`)}</cx-typography>${v(this.templateName, () => t`<cx-typography variant="body3"><cx-line-clamp lines="1">${this.templateName}</cx-line-clamp></cx-typography>`)}</cx-space>${Fe(this.formKey, t`<form id="config-form" @submit=${this.handleFormSubmit}>${X(v(this.isEditingTemplateSettings, () => v(this.isTemplateEditable, () => t`<cx-tab-group class="config-form__tab-group" placement="top"><cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel></cx-tab-group>`), () => v(!at(this.traits) && this.tabs.length >= 1, () => t`<cx-tab-group class="config-form__tab-group" placement="top">${v(this.showTemplateTab, () => t`<cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel>`)}
|
|
578
|
+
return t`<cx-dialog class="config-form" use-overlay-scrollbar divider-position=${B.Footer} .boundary=${this.boundary} @cx-after-show=${this.handleAfterShow} @cx-after-hide=${this.handleAfterHide} @cx-request-close=${this.handleRequestClose} @cx-asset-request-status=${this.handleAssetRequestStatus}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${v(this.dialogTitle, () => t`<cx-line-clamp lines="1">${this.dialogTitle}</cx-line-clamp>`, () => t`${this.localize.term("settingsTitle", this.blockName)}`)}</cx-typography>${v(this.templateName, () => t`<cx-typography variant="body3"><cx-line-clamp lines="1">${`${this.localize.term("template")}: ${this.templateName}`}</cx-line-clamp></cx-typography>`)}</cx-space>${Fe(this.formKey, t`<form id="config-form" @submit=${this.handleFormSubmit}>${X(v(this.isEditingTemplateSettings, () => v(this.isTemplateEditable, () => t`<cx-tab-group class="config-form__tab-group" placement="top"><cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel></cx-tab-group>`), () => v(!at(this.traits) && this.tabs.length >= 1, () => t`<cx-tab-group class="config-form__tab-group" placement="top">${v(this.showTemplateTab, () => t`<cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel>`)}
|
|
579
579
|
${R(this.tabs.filter((e) => !this.showTemplateTab || e === "appearance" || e === "effects" || e === "sidePanels" || e === "styling"), (e) => e, (e, n) => t`<cx-tab slot="nav" panel=${e} ?active=${!this.showTemplateTab && n === 0}>${this.localize.term(e)}</cx-tab><cx-tab-panel name=${e} ?active=${!this.showTemplateTab && n === 0}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, e)}</cx-space></cx-tab-panel>`)}
|
|
580
580
|
${v(this.translatableControls.length > 0, () => t`<cx-tab slot="nav" panel="Translation">${this.localize.term("translation")}</cx-tab><cx-tab-panel name="Translation"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderTranslationControls()}</cx-space></cx-tab-panel>`)}</cx-tab-group>`, () => t`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, this.tabs[0])}</cx-space>`)))}</form>`)}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button-group><cx-button type="submit" variant="primary" size="medium" ?loading=${this.loading} @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button>${v(this.isTemplateEditable && !this.isEditingTemplateSettings && !this.showTemplateTab, () => t`<cx-dropdown class="config-form__dropdown" placement="bottom-end" hoist @cx-select=${this.handleDropdownSelect}><cx-button slot="trigger" type="submit" variant="primary" caret><cx-visually-hidden>${this.localize.term("moreOptions")}</cx-visually-hidden></cx-button><cx-menu class="config-form__dropdown-menu"><cx-menu-item value="save-as-new-template"><cx-button type="submit" variant="text">${this.localize.term("saveAsNewTemplate")}</cx-button></cx-menu-item>${v(this.templateId, () => t`<cx-menu-item value="detach-template"><cx-button type="submit" variant="text">${this.localize.term("detachTemplate")}</cx-button></cx-menu-item>`)}</cx-menu></cx-dropdown>`)}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${B.Both} buttons-direction=${We.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.hide}><cx-typography variant="body2" slot="footer" class="confirm-popover__footer">${this.localize.term("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
|
|
581
581
|
}
|
|
@@ -8,7 +8,7 @@ import { t as c } from "../chunks/alert.D8Gwfkvy.js";
|
|
|
8
8
|
import { t as l } from "../chunks/am-chart.COOKOvT1.js";
|
|
9
9
|
import { t as u } from "../chunks/animated-image.w6VdagCh.js";
|
|
10
10
|
import { t as d } from "../chunks/animation.CRLxJUWm.js";
|
|
11
|
-
import { n as f, r as p, t as m } from "../chunks/src.
|
|
11
|
+
import { n as f, r as p, t as m } from "../chunks/src.CMHHq5o2.js";
|
|
12
12
|
import { t as h } from "../chunks/button.Cgunf6cP.js";
|
|
13
13
|
import { t as g } from "../chunks/tooltip.fZNjia6Z.js";
|
|
14
14
|
import { t as _ } from "../chunks/resize-observer.D9EHlnZI.js";
|
|
@@ -52,8 +52,8 @@ import { t as ee } from "../chunks/skeleton.BtwugOTG.js";
|
|
|
52
52
|
import { t as te } from "../chunks/dot-pagination.CH4nRyA8.js";
|
|
53
53
|
import { t as ne } from "../chunks/dot-status.BATg_Fn-.js";
|
|
54
54
|
import { t as re } from "../chunks/e-chart.fGTLKIDX.js";
|
|
55
|
-
import ie from "
|
|
56
|
-
import
|
|
55
|
+
import { t as ie } from "../chunks/element-clamp.BEcFOVGV.js";
|
|
56
|
+
import ae from "./format-bytes.js";
|
|
57
57
|
import oe from "./format-date.js";
|
|
58
58
|
import se from "./format-number.js";
|
|
59
59
|
import { t as ce } from "../chunks/format-time.DZCXUWmw.js";
|
|
@@ -86,4 +86,4 @@ import { t as Pe } from "../chunks/switch.CBho2RVW.js";
|
|
|
86
86
|
import { t as Fe } from "../chunks/timecode.DME2imtx.js";
|
|
87
87
|
import { a as Ie, i as Le } from "../chunks/tree.BJ6AVr2e.js";
|
|
88
88
|
import { n as Re } from "../chunks/video.Ba6tAEvb.js";
|
|
89
|
-
export { c as CxAlert, l as CxAmChart, u as CxAnimatedImage, d as CxAnimation, b as CxArrayLineClamp, S as CxAudio, C as CxAvatar, w as CxBadge, T as CxBox, E as CxBreadcrumb, D as CxBreadcrumbItem, h as CxButton, O as CxButtonGroup, k as CxCard, A as CxCheckbox, U as CxColorPicker, W as CxCopyButton, G as CxDateCalendar, K as CxDetails, q as CxDialog, Y as CxDiff, J as CxDivider, Q as CxDocumentViewer, te as CxDotPagination, ne as CxDotStatus, X as CxDrawer, j as CxDropdown, re as CxEChart,
|
|
89
|
+
export { c as CxAlert, l as CxAmChart, u as CxAnimatedImage, d as CxAnimation, b as CxArrayLineClamp, S as CxAudio, C as CxAvatar, w as CxBadge, T as CxBox, E as CxBreadcrumb, D as CxBreadcrumbItem, h as CxButton, O as CxButtonGroup, k as CxCard, A as CxCheckbox, U as CxColorPicker, W as CxCopyButton, G as CxDateCalendar, K as CxDetails, q as CxDialog, Y as CxDiff, J as CxDivider, Q as CxDocumentViewer, te as CxDotPagination, ne as CxDotStatus, X as CxDrawer, j as CxDropdown, re as CxEChart, ie as CxElementClamp, ae as CxFormatBytes, oe as CxFormatDate, se as CxFormatNumber, ce as CxFormatTime, le as CxGrid, ue as CxGridItem, de as CxHeader, fe as CxHubConnection, o as CxIcon, a as CxIconButton, pe as CxIframe, $ as CxImage, me as CxImageComparer, he as CxInclude, M as CxInput, ge as CxInputGroup, v as CxLineClamp, _e as CxMarkdown, N as CxMenu, P as CxMenuItem, ve as CxMenuLabel, ye as CxMenuSection, be as CxMutationObserver, I as CxOption, xe as CxPagination, e as CxPopup, Z as CxProgressBar, Se as CxProgressRing, Ce as CxQrCode, we as CxRadio, Te as CxRadioButton, Ee as CxRadioCard, De as CxRadioGroup, Oe as CxRange, ke as CxRating, Ae as CxRelativeTime, _ as CxResizeObserver, R as CxSelect, ee as CxSkeleton, L as CxSpace, s as CxSpinner, je as CxSplitPanel, Me as CxStep, Ne as CxStepper, Pe as CxSwitch, z as CxTab, B as CxTabGroup, V as CxTabPanel, y as CxTag, F as CxTextarea, Fe as CxTimecode, g as CxTooltip, Le as CxTree, Ie as CxTreeItem, x as CxTypography, Re as CxVideo, H as CxVisuallyHidden, t as componentStyles, m as fontAwesomeIconNames, i as getAnimation, f as getAnimationNames, p as getEasingNames, n as setAnimation, r as setDefaultAnimation };
|
|
@@ -10,9 +10,9 @@ import { t as c } from "../chunks/masonry.BnIxslnb.js";
|
|
|
10
10
|
import { t as l } from "../chunks/padding-input-group.E8trRZI5.js";
|
|
11
11
|
import { t as u } from "../chunks/position-picker.DwDC9gDl.js";
|
|
12
12
|
import { t as d } from "../chunks/shadow-input-group.Cw3yDItr.js";
|
|
13
|
-
import { t as f } from "../chunks/
|
|
14
|
-
import { t as p } from "../chunks/
|
|
13
|
+
import { t as f } from "../chunks/share-option-list.C28_ddOP.js";
|
|
14
|
+
import { t as p } from "../chunks/sidebar.B1MjUxBY.js";
|
|
15
15
|
import { t as m } from "../chunks/size-input-group.C16sezUf.js";
|
|
16
16
|
import { t as h } from "../chunks/stepper-wizard.BnRJXduo.js";
|
|
17
17
|
import { t as g } from "../chunks/typeface.Ov3KGqRk.js";
|
|
18
|
-
export { e as CxBicolorPicker, t as CxBorderInputGroup, n as CxColorSwatch, r as CxConfirmPopover, i as CxCornerPositionInputGroup, a as CxCropper, o as CxDynamicSelect, s as CxFolderSelect, c as CxMasonry, l as CxPaddingInputGroup, u as CxPositionPicker, d as CxShadowInputGroup,
|
|
18
|
+
export { e as CxBicolorPicker, t as CxBorderInputGroup, n as CxColorSwatch, r as CxConfirmPopover, i as CxCornerPositionInputGroup, a as CxCropper, o as CxDynamicSelect, s as CxFolderSelect, c as CxMasonry, l as CxPaddingInputGroup, u as CxPositionPicker, d as CxShadowInputGroup, f as CxShareOptionList, p as CxSidebar, m as CxSizeInputGroup, h as CxStepperWizard, g as CxTypeface };
|
|
@@ -24,7 +24,7 @@ import { t as ue } from "../chunks/alert.D8Gwfkvy.js";
|
|
|
24
24
|
import { t as de } from "../chunks/am-chart.COOKOvT1.js";
|
|
25
25
|
import { t as fe } from "../chunks/animated-image.w6VdagCh.js";
|
|
26
26
|
import { t as I } from "../chunks/animation.CRLxJUWm.js";
|
|
27
|
-
import { n as pe, r as me, t as he } from "../chunks/src.
|
|
27
|
+
import { n as pe, r as me, t as he } from "../chunks/src.CMHHq5o2.js";
|
|
28
28
|
import { t as ge } from "../chunks/style-map.DPGQIxip.js";
|
|
29
29
|
import { n as _e, t as ve } from "../chunks/button.Cgunf6cP.js";
|
|
30
30
|
import { c as ye, i as be, l as xe, o as Se, r as Ce, s as we } from "../chunks/resizable-component.styles.v9pbLDG5.js";
|
|
@@ -38,7 +38,7 @@ import { t as kt } from "../chunks/resize-observer.D9EHlnZI.js";
|
|
|
38
38
|
import { t as At } from "../chunks/line-clamp.QYln-UUK.js";
|
|
39
39
|
import { t as jt } from "../chunks/tag.DJEoemdS.js";
|
|
40
40
|
import { t as Mt } from "../chunks/array-line-clamp.Cjkk2XeX.js";
|
|
41
|
-
import { C as Nt, S as Pt, _ as Ft, b as It, g as Lt, h as Rt, o as zt, r as Bt, s as Vt, t as Ht, v as Ut, w as Wt, x as Gt, y as Kt } from "../chunks/block-width.
|
|
41
|
+
import { C as Nt, S as Pt, _ as Ft, b as It, g as Lt, h as Rt, o as zt, r as Bt, s as Vt, t as Ht, v as Ut, w as Wt, x as Gt, y as Kt } from "../chunks/block-width.DJlTVJlj.js";
|
|
42
42
|
import { n as qt, t as Jt } from "../chunks/position-picker.dY_vgF_H.js";
|
|
43
43
|
import { a as Yt, i as Xt, n as Zt, o as Qt, r as $t, s as en, t as tn } from "../chunks/src.BJhIYoMP.js";
|
|
44
44
|
import { a as nn, c as rn, i as an, n as on, o as sn, r as cn, t as ln, u as un } from "../chunks/time.p1t0NCwj.js";
|
|
@@ -109,8 +109,8 @@ import { t as wo } from "../chunks/skeleton.BtwugOTG.js";
|
|
|
109
109
|
import { n as To, t as Eo } from "../chunks/dot-pagination.CH4nRyA8.js";
|
|
110
110
|
import { t as Do } from "../chunks/dot-status.BATg_Fn-.js";
|
|
111
111
|
import { t as Oo } from "../chunks/e-chart.fGTLKIDX.js";
|
|
112
|
-
import ko from "
|
|
113
|
-
import
|
|
112
|
+
import { t as ko } from "../chunks/element-clamp.BEcFOVGV.js";
|
|
113
|
+
import Ao from "./format-bytes.js";
|
|
114
114
|
import jo from "./format-date.js";
|
|
115
115
|
import Mo from "./format-number.js";
|
|
116
116
|
import { t as No } from "../chunks/format-time.DZCXUWmw.js";
|
|
@@ -160,8 +160,8 @@ import { t as Is } from "../chunks/masonry.BnIxslnb.js";
|
|
|
160
160
|
import { t as Ls } from "../chunks/padding-input-group.E8trRZI5.js";
|
|
161
161
|
import { t as Rs } from "../chunks/position-picker.DwDC9gDl.js";
|
|
162
162
|
import { t as zs } from "../chunks/shadow-input-group.Cw3yDItr.js";
|
|
163
|
-
import { t as Bs } from "../chunks/
|
|
164
|
-
import { t as Vs } from "../chunks/
|
|
163
|
+
import { t as Bs } from "../chunks/share-option-list.C28_ddOP.js";
|
|
164
|
+
import { t as Vs } from "../chunks/sidebar.B1MjUxBY.js";
|
|
165
165
|
import { t as Hs } from "../chunks/size-input-group.C16sezUf.js";
|
|
166
166
|
import { t as Us } from "../chunks/stepper-wizard.BnRJXduo.js";
|
|
167
167
|
import { t as Ws } from "../chunks/typeface.Ov3KGqRk.js";
|
|
@@ -28048,7 +28048,7 @@ var Ase = _O, vO = /* @__PURE__ */ function(e) {
|
|
|
28048
28048
|
static #e = this.styles = [g, jse];
|
|
28049
28049
|
static #t = this.dependencies = {
|
|
28050
28050
|
"cx-card": Bn,
|
|
28051
|
-
"cx-format-bytes":
|
|
28051
|
+
"cx-format-bytes": Ao,
|
|
28052
28052
|
"cx-format-number": Mo,
|
|
28053
28053
|
"cx-format-time": No,
|
|
28054
28054
|
"cx-icon": ce,
|
|
@@ -28370,7 +28370,7 @@ l([p("slot"), u("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotE
|
|
|
28370
28370
|
u("design:paramtypes", []),
|
|
28371
28371
|
u("design:returntype", void 0)
|
|
28372
28372
|
], DO.prototype, "handleElementSelectorChange", null), DO = l([C("cx-storybook")], DO);
|
|
28373
|
-
var Fse = DO, Ise = i`:host{--menu-width:344px}cx-dropdown{--panel-padding:var(--cx-spacing-x-small) 0 0 0}@supports selector(::part(checked-icon)){cx-dropdown::part(panel){padding
|
|
28373
|
+
var Fse = DO, Ise = i`:host{--menu-width:344px}cx-dropdown{--panel-padding:var(--view-and-sort-panel-padding,var(--cx-spacing-x-small) 0 0 0)}@supports selector(::part(checked-icon)){cx-dropdown::part(panel){padding:var(--view-and-sort-panel-padding,var(--cx-spacing-x-small) 0 0 0)}}cx-menu{width:var(--menu-width);max-width:min(100%, var(--auto-size-available-width));border:none;border-radius:0}:where(cx-menu:not([horizontal])){padding:var(--view-and-sort-menu-padding,var(--cx-panel-padding,var(--cx-spacing-x-small) 0))}cx-menu[horizontal] cx-menu-section{justify-content:flex-start}cx-menu:not(:last-child){border-bottom:var(--cx-panel-border-width) solid var(--cx-panel-border-color)}cx-menu:has(cx-button){padding-bottom:0}cx-menu-label~cx-menu{padding-top:0}cx-divider{--spacing:var(--view-and-sort-divider-spacing,var(--cx-spacing-medium))}cx-menu-item{--checked-icon-display:none;--prefix-font-size:var(--cx-font-size-large);max-width:100%}cx-menu-item.selected{--prefix-color:var(--cx-color-primary);--suffix-color:var(--cx-color-primary);--label-color:var(--cx-color-primary);--font-weight:var(--cx-font-weight-medium)}cx-menu-item[type=checkbox]{--checked-label-color:var(--view-and-sort-switch-label-color,var(--cx-color-neutral))}cx-menu-item.disable-chevron{--submenu-icon-display:none}cx-menu-item>cx-menu{padding:0}cx-menu-item:focus{outline:none}@supports selector(::part(checked-icon)){cx-menu-item.disable-chevron::part(submenu-icon),cx-menu-item::part(checked-icon){display:none}cx-menu-item::part(prefix){font-size:var(--cx-font-size-large)}cx-menu-item.selected::part(label),cx-menu-item.selected::part(prefix),cx-menu-item.selected::part(suffix){color:var(--cx-color-primary);font-weight:var(--cx-font-weight-medium)}}cx-button{width:100%}cx-button::part(base){padding:0}cx-button::part(prefix){display:none}.submenu-indicator{align-items:center;display:none}.submenu-indicator span{color:var(--cx-color-neutral-400)}.submenu-indicator cx-icon{font-size:var(--cx-font-size-x-large);margin-left:var(--cx-spacing-3x-small)}.horizontal-text{width:28px;display:inline-block}.dropdown__trigger-button::part(base){border-radius:var(--view-and-sort-trigger-button-border-radius,var(--cx-button-border-radius-medium));font:var(--cx-font-label-small);font-weight:var(--view-and-sort-trigger-button-font-weight,500);font-size:var(--view-and-sort-trigger-button-font-size,var(--cx-font-size-small));color:var(--view-and-sort-trigger-button-color,var(--cx-color-neutral-900))}.menu-section__tooltip__icon{color:var(--cx-color-neutral-500);cursor:help;margin-inline-end:var(--cx-spacing-small)}.menu-item__tooltip__icon{color:var(--cx-color-neutral-500);cursor:help}.menu-section__tooltip__icon:focus-visible,.menu-item__tooltip__icon:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset);border-radius:var(--cx-border-radius-small)}`;
|
|
28374
28374
|
//#endregion
|
|
28375
28375
|
//#region ../../packages/molecules/src/view-and-sort/view-and-sort.ts
|
|
28376
28376
|
function OO(e) {
|
|
@@ -95188,7 +95188,7 @@ var oEe = [
|
|
|
95188
95188
|
return this.mappedSupportedLanguages.length > 1;
|
|
95189
95189
|
}
|
|
95190
95190
|
ensureConfigUi() {
|
|
95191
|
-
return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.
|
|
95191
|
+
return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.e-4cpoFX.js"), import("../chunks/configs-controller._AG3aEMg.js").then((e) => e.n)]).then(async ([, e]) => {
|
|
95192
95192
|
this.configsController ??= new e.default(this.localize), await customElements.whenDefined("cx-config-manager"), await this.configManager?.updateComplete;
|
|
95193
95193
|
});
|
|
95194
95194
|
}
|
|
@@ -111424,4 +111424,4 @@ l([s({ type: String }), u("design:type", Object)], $9.prototype, "value", void 0
|
|
|
111424
111424
|
], $9.prototype, "handleValueChange", null), $9 = Q9 = l([C("cx-xml-editor")], $9);
|
|
111425
111425
|
var Lke = $9;
|
|
111426
111426
|
//#endregion
|
|
111427
|
-
export { la as AUTO_FALLBACK_FORMAT, ua as AUTO_FORMAT_EXTENSION, da as AUTO_ORIGINAL_FORMAT_MAX_BYTES, Ui as CMYK_VALIDATION_REGEX, ri as CalendarGrid, Ri as ColorType, tn as CornerPosition, d as CortexElement, fa as CortexPopupController, Cee as Cx3dViewer, ue as CxAlert, de as CxAmChart, fe as CxAnimatedImage, I as CxAnimation, Pu as CxAnnotator, yle as CxAnnotatorComment, Mt as CxArrayLineClamp, Vu as CxAssetDataDisplay, Ft as CxAssetFormatPicker, nc as CxAssetLinkFormat, Pt as CxAssetPicker, Lt as CxAssetTransformationDialog, Nn as CxAudio, Pn as CxAvatar, Fn as CxBadge, Lle as CxBentoGrid, Ss as CxBicolorPicker, Cs as CxBorderInputGroup, In as CxBox, Ln as CxBreadcrumb, Rn as CxBreadcrumbItem, ve as CxButton, zn as CxButtonGroup, Qle as CxCapacityPlanner, Bn as CxCard, $P as CxCarousel, Dz as CxChartPlanBuilder, UR as CxChatbot, Vn as CxCheckbox, Nz as CxClusterManagement, Lr as CxColorPicker, ws as CxColorSwatch, lc as CxColorSwatchGroup, rP as CxComment, Lz as CxCommentV1, Ts as CxConfirmPopover, pEe as CxContentBuilder, CEe as CxContentBuilderViewer, Rr as CxCopyButton, Es as CxCornerPositionInputGroup, Ds as CxCropper, zt as CxDamCustomToolbarButtonsEditor, xle as CxDashboardFilter, Wu as CxDashboardIframe, Ele as CxDashboardTable, qu as CxDataTabGroup, si as CxDateCalendar, ci as CxDetails, Zu as CxDetailsGroup, li as CxDialog, fi as CxDiff, di as CxDivider, rd as CxDocsExample, gi as CxDocumentViewer, Eo as CxDotPagination, Do as CxDotStatus, Gt as CxDownloadFormatPicker, eOe as CxDownloader, mi as CxDrawer, nr as CxDropdown, As as CxDynamicSelect, Oo as CxEChart,
|
|
111427
|
+
export { la as AUTO_FALLBACK_FORMAT, ua as AUTO_FORMAT_EXTENSION, da as AUTO_ORIGINAL_FORMAT_MAX_BYTES, Ui as CMYK_VALIDATION_REGEX, ri as CalendarGrid, Ri as ColorType, tn as CornerPosition, d as CortexElement, fa as CortexPopupController, Cee as Cx3dViewer, ue as CxAlert, de as CxAmChart, fe as CxAnimatedImage, I as CxAnimation, Pu as CxAnnotator, yle as CxAnnotatorComment, Mt as CxArrayLineClamp, Vu as CxAssetDataDisplay, Ft as CxAssetFormatPicker, nc as CxAssetLinkFormat, Pt as CxAssetPicker, Lt as CxAssetTransformationDialog, Nn as CxAudio, Pn as CxAvatar, Fn as CxBadge, Lle as CxBentoGrid, Ss as CxBicolorPicker, Cs as CxBorderInputGroup, In as CxBox, Ln as CxBreadcrumb, Rn as CxBreadcrumbItem, ve as CxButton, zn as CxButtonGroup, Qle as CxCapacityPlanner, Bn as CxCard, $P as CxCarousel, Dz as CxChartPlanBuilder, UR as CxChatbot, Vn as CxCheckbox, Nz as CxClusterManagement, Lr as CxColorPicker, ws as CxColorSwatch, lc as CxColorSwatchGroup, rP as CxComment, Lz as CxCommentV1, Ts as CxConfirmPopover, pEe as CxContentBuilder, CEe as CxContentBuilderViewer, Rr as CxCopyButton, Es as CxCornerPositionInputGroup, Ds as CxCropper, zt as CxDamCustomToolbarButtonsEditor, xle as CxDashboardFilter, Wu as CxDashboardIframe, Ele as CxDashboardTable, qu as CxDataTabGroup, si as CxDateCalendar, ci as CxDetails, Zu as CxDetailsGroup, li as CxDialog, fi as CxDiff, di as CxDivider, rd as CxDocsExample, gi as CxDocumentViewer, Eo as CxDotPagination, Do as CxDotStatus, Gt as CxDownloadFormatPicker, eOe as CxDownloader, mi as CxDrawer, nr as CxDropdown, As as CxDynamicSelect, Oo as CxEChart, ko as CxElementClamp, cd as CxEstimatedReadingTime, md as CxFacetDatePicker, bd as CxFacetDateRange, cc as CxFacetedFilter, Td as CxFacetedFilterFacet, fc as CxFileOnDemand, nOe as CxFindAndReplace, Ps as CxFolderSelect, It as CxFontPicker, Ao as CxFormatBytes, jo as CxFormatDate, Mo as CxFormatNumber, No as CxFormatTime, kd as CxGalleryItem, O_ as CxGraphView, Po as CxGrid, Fo as CxGridItem, Io as CxHeader, zo as CxHubConnection, ce as CxIcon, oe as CxIconButton, Kt as CxIconPicker, Vo as CxIframe, So as CxImage, Ho as CxImageComparer, Uo as CxInclude, sr as CxInput, dd as CxInputDatePicker, _d as CxInputDateRangePicker, Wo as CxInputGroup, iOe as CxLightbox, At as CxLineClamp, Vt as CxListEditor, Xo as CxMarkdown, rO as CxMarkdownViewer, Is as CxMasonry, oO as CxMentions, cr as CxMenu, dr as CxMenuItem, Zo as CxMenuLabel, Qo as CxMenuSection, oc as CxMultiSelect, $o as CxMutationObserver, hr as CxOption, Ls as CxPaddingInputGroup, yse as CxPageOutline, es as CxPagination, Ose as CxPdfViewerToolbar, h as CxPopup, Rs as CxPositionPicker, hi as CxProgressBar, ts as CxProgressRing, Ase as CxPublishPage, ns as CxQrCode, rs as CxRadio, is as CxRadioButton, as as CxRadioCard, ss as CxRadioGroup, cs as CxRange, ls as CxRating, us as CxRelativeTime, kt as CxResizeObserver, lOe as CxSearchBox, Tr as CxSelect, zs as CxShadowInputGroup, Bs as CxShareOptionList, Vs as CxSidebar, Hs as CxSizeInputGroup, wo as CxSkeleton, gr as CxSpace, dOe as CxSpaceSelector, R3 as CxSpecialCharactersDialog, le as CxSpinner, ds as CxSplitPanel, Mse as CxStatCard, fs as CxStep, ps as CxStepper, Us as CxStepperWizard, Fse as CxStorybook, ms as CxSwitch, Er as CxTab, jr as CxTabGroup, Fr as CxTabPanel, jt as CxTag, vOe as CxTemplateSwitcher, wke as CxTextToSpeech, mr as CxTextarea, hs as CxTimecode, Ot as CxTooltip, _s as CxTree, gs as CxTreeItem, Ut as CxTypeSubtypeSelect, Ws as CxTypeface, Mn as CxTypography, bs as CxVideo, AO as CxViewAndSort, Ir as CxVisuallyHidden, Lke as CxXmlEditor, ra as DEFAULT_BREAKPOINTS, ni as DateRangePresets, pa as DragScroll, Zt as Easing, $t as EasingFunction, _t as FormControlController, Xt as GsapEasing, Vi as HEX_ALPHA_VALIDATION_REGEX, Fi as HEX_VALIDATION_REGEX, O as HasSlotController, ma as HistoryManager, Wt as IconPickerVariant, ha as KeyboardKey, T as LocalizeController, Zn as MIN_GRADIENT_STOPS, Jt as OBJECT_POSITION_BY_CROP_FOCUS, Yt as ObjectFit, Qt as Orientation, ga as PRECISION, qt as PositionPickerValue, Oi as RELATIVE_URL_REGEX, Ai as RGB_VALIDATION_REGEX, _a as SRCSET_WIDTH_LADDER, en as TransitionType, Ci as URL_DOMAIN_VALIDATION_REGEX, Ei as URL_INTRANET_DOMAIN_VALIDATION_REGEX, xi as URL_PROTOCOL_VALIDATION_REGEX, _i as URL_VALIDATION_REGEX, vr as activeElements, Wr as addMonths, va as adjustRelativeValues, y as animateTo, wi as appendProtocol, Di as appendQueryParam, ya as applyTransformationsToUrl, ba as applyWidthToAssetUrl, xa as buildAssetSrcset, Sa as buildSizesFromDisplayWidth, Ca as buildTransformationString, An as buildWaveformPath, On as calculateAspectRatioFit, er as clamp, wn as cleanImageFileName, ln as clearZeroDurationParts, g as componentStyles, zi as convertColor, yn as convertDataUnits, hn as convertDurationToMilliseconds, _n as convertPixelsToAspectRatio, En as convertSrcToBlob, qn as createStopId, Sn as cropImage, ut as cssValueToPx, C as customElement, mt as customErrorValidityState, Dt as debounce, Hn as defaultValue, wa as downloadAsset, Qn as drag, Ge as emptyToSpace, Be as escapeXML, Hi as extractColor, Ue as extractExtension, Ta as extractFrames, Le as extractRootData, pn as extractValueAndUnit, kn as extractWaveformPeaks, Ea as fetchCortexApi, Tt as findAncestorWithBuggyStyle, xt as findContainingBlock, Ct as findCuttingAncestor, Da as findFrameByColAndRow, Oa as findIndexByProp, rr as focusWhenVisible, he as fontAwesomeIconNames, gt as formCollections, dn as formatAspectRatioString, ji as formatColorCodeSeparator, on as formatDurationPartsManually, Ii as formatHexCode, Gr as formatIsoToDisplay, $r as formatMonthYearLabel, gn as formatNumberWithGrouping, Me as formatSecondsToTime, Ve as formatTimeToSeconds, cn as formatWithIntlDurationFormat, vn as gcd, at as getActiveElement, ui as getActiveModals, ie as getAnimation, pe as getAnimationNames, pt as getAssociatedForm, ct as getAttributes, We as getAttributesString, $i as getBreakpointsFromCSS, ka as getBrowserFontVariants, Wi as getColorType, bn as getContainedImageSize, nt as getCortexPopupLayer, Ze as getCurrentZIndex, Xr as getDateMask, _r as getDeepestActiveElement, ta as getDeviceType, an as getDurationPartsByUnitsFormat, me as getEasingNames, ot as getElementFromHTMLString, lt as getElementFromTemplate, qr as getFirstDayOfWeek, Aa as getFontFamilyOptionValue, ja as getFontFamilyVariants, Ma as getFormControls, sa as getHighlightedTitle, oa as getHighlightedTitleHtml, E as getInnerHTML, Na as getInterval, Mi as getLightDarkCssString, Tn as getNaturalWidthHeight, Qe as getNeededPaddingForBoxShadow, yt as getNextAncestor, yr as getOffset, rt as getRelativeClickPercentage, L as getRootIDString, ar as getTabbableBoundary, ir as getTabbableElements, D as getTextContent, Kr as getTodayIsoDate, Pa as getTypefaceOptionValue, Fa as groupBy, Ia as hasTransformSegment, Re as htmlToPlainText, La as insertAtIndex, Ra as insertFrameToCache, za as insertMultipleAtIndex, Yn as interpolateStopColor, vt as isChrome, Cr as isCortexAdobePlugin, dt as isDomElement, $e as isElementInHorizontalView, vi as isExpiredAssetUrl, St as isFirefox, Ba as isFontFamilyAvailable, Va as isFormInteracted, Ke as isGalleryItemCardType, Gn as isGradientString, wt as isIOS, et as isInElement, Ha as isModKey, z as isSafari, Dn as isSaveSrcValid, Si as isValidDomainOrIntranetUrl, Br as isValidIsoDate, ki as isValidUrl, ii as isoToDate, Ua as isoWeekNumber, st as loadScript, Sr as lockBodyScrolling, Ni as luminanceTextColor, Wa as moveMultipleToIndex, Ga as moveToIndex, Ka as multiSelectTo, Un as normalizeAngle, oi as normalizeToIsoDate, qa as omit, Ja as openAssetOverview, Ya as openFolderOverview, Xa as openLink, Pe as padPath, Fe as parseBooleanString, Bi as parseBorder, Hr as parseDisplayToIso, x as parseDuration, Za as parseFileSizeToBytes, Jn as parseGradient, ai as parseIsoDate, Qa as parseJsonString, Li as parseLightDark, $a as parseListString, Pi as parseShadow, eo as parseTransformations, to as pick, bt as popoverSupported, v as prefersReducedMotion, $n as quantizeLargestRemainder, no as quoteFontFamily, ro as readLocalStorageValue, it as readSearchConsistency, He as reducePathToDirectChild, w as registerTranslation, io as removeAtIndex, ao as removeMultipleAtIndex, xn as resizeImage, oo as resolveAutoFormat, so as resolveAutoMaxWidth, yi as resolveSpaceUrl, fn as rotateBox, Cn as rotateImage, ze as safeExtension, R as safeString, Ie as sanitizeHTML, mn as sanitizeRotation, br as scrollIntoView, co as serialize, Xn as serializeGradient, M as setAnimation, re as setDefaultAnimation, lo as shareAsset, _ as shimKeyframesHeightAuto, tt as sortByTopPosition, Wn as sortStops, uo as sortTypefaceVariants, Mr as splitBoxValues, je as splitCamelCaseFormatted, Kn as splitTopLevel, b as stopAnimations, Et as supportHLS, fo as testFontAvailability, Gi as timecodeConverter, qe as toCamelCase, zr as toIsoDate, Xe as toKebabCase, Ne as toPascalCase, bi as toRelativeUrl, Ye as toTitleCase, Ti as toUrlPathKey, po as toast, ke as truncateTextMiddle, Te as unescapeXML, xr as unlockBodyScrolling, mo as unquoteFontFamily, Je as upperFirst, ft as validValidityState, ht as valueMissingValidityState, S as waitForEvent, A as watch, ho as writeLocalStorageValue };
|
package/library/package.json
CHANGED
|
@@ -23,6 +23,9 @@ import { CSSResultGroup, TemplateResult } from 'lit';
|
|
|
23
23
|
* @event {{ eventName: string, value: string }} cx-view-and-sort-action-click - Emitted when a menu item's trailing action icon is pressed. A distinct behavior from selecting the item: `cx-select` is suppressed for that click.
|
|
24
24
|
*
|
|
25
25
|
* @cssproperty [--view-and-sort-switch-label-color=var(--cx-color-neutral)] - Label color for switch rows. Switch rows stay neutral because the switch conveys the state; set this to re-enable a checked highlight.
|
|
26
|
+
* @cssproperty [--view-and-sort-panel-padding=var(--cx-spacing-x-small) 0 0 0] - Padding of the dropdown panel around all menu sections. Set `0` so the first row's hover background reaches the top edge of the panel.
|
|
27
|
+
* @cssproperty [--view-and-sort-menu-padding=var(--cx-spacing-x-small) 0] - Padding of each menu section. Set `0` so a row's hover background reaches the section dividers. A section under a title keeps no top padding, and a section holding a button keeps no bottom padding.
|
|
28
|
+
* @cssproperty [--view-and-sort-divider-spacing=var(--cx-spacing-medium)] - Space above and below a divider between rows of the same section. Set `0` so the hover background of the rows next to it reaches the divider line.
|
|
26
29
|
*/
|
|
27
30
|
export default class CxViewAndSort extends CortexElement {
|
|
28
31
|
static readonly styles: CSSResultGroup;
|
package/package.json
CHANGED
|
@@ -50,8 +50,8 @@ import "./skeleton.BtwugOTG.js";
|
|
|
50
50
|
import "./dot-pagination.CH4nRyA8.js";
|
|
51
51
|
import "./dot-status.BATg_Fn-.js";
|
|
52
52
|
import "./e-chart.fGTLKIDX.js";
|
|
53
|
-
import "../components/format-bytes.js";
|
|
54
53
|
import "./element-clamp.BEcFOVGV.js";
|
|
54
|
+
import "../components/format-bytes.js";
|
|
55
55
|
import "../components/format-date.js";
|
|
56
56
|
import "../components/format-number.js";
|
|
57
57
|
import "./format-time.DZCXUWmw.js";
|