@orangelogic/design-system 4.20.0 → 4.21.0

package/library/chunks/{config-manager.Q6Uu3jTl.js → config-manager.CN_u-UFw.js}

@@ -14,7 +14,7 @@ import { t as b } from "./style-map.DPGQIxip.js";
 import { t as x } from "./button.F15zfy2d.js";
 import { t as S } from "./tooltip.EVa9qa8X.js";
 import { t as ee } from "./line-clamp.DUw4HDNG.js";
-import { C as te, D as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, o as pe, r as me, s as he, t as C, v as w, w as T, x as E, y as D } from "./config-manager.utils.BjTsUGLW.js";
+import { C as te, D as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, o as pe, r as me, s as he, t as C, v as w, w as T, x as E, y as D } from "./config-manager.utils.C_nIDsZ5.js";
 import { t as O } from "./typography.B0mkhqTB.js";
 import { t as k } from "./button-group.CPfXrqyq.js";
 import { t as A } from "./card.3c-X4hqR.js";
@@ -49,8 +49,8 @@ import { t as ze } from "./radio-group.DKOIr2PH.js";
 import { t as Be } from "./switch.D6KXmWnC.js";
 import { t as Ve } from "./bicolor-picker.BHwn7qgI.js";
 import { t as He } from "./border-input-group.DlxLP_Yi.js";
-import { t as Ue } from "./corner-position-input-group.BVPOtopa.js";
-import { n as We, t as U } from "./confirm-popover.B60_VW9E.js";
+import { n as Ue, t as U } from "./confirm-popover.B60_VW9E.js";
+import { t as We } from "./corner-position-input-group.BVPOtopa.js";
 import { t as W } from "./_baseIteratee.DWc2-Bvm.js";
 import { t as Ge } from "./dynamic-select.C7bnEwn9.js";
 import { r as G } from "./folder-select.DZ27acgw.js";
@@ -450,7 +450,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
 		"cx-checkbox": j,
 		"cx-color-swatch-picker": w,
 		"cx-confirm-popover": U,
-		"cx-corner-position-input-group": Ue,
+		"cx-corner-position-input-group": We,
 		"cx-dam-custom-toolbar-buttons-editor": se,
 		"cx-dialog": V,
 		"cx-divider": Ae,
@@ -577,7 +577,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
 	render() {
 		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>${Pe(this.formKey, t`<form id="config-form" @submit=${this.handleFormSubmit}>${ht(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(!it(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>`)}
                     ${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>`)}
-                    ${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>`;
+                    ${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=${Ue.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>`;
 	}
 };
 s([u(".config-form"), c("design:type", V === void 0 ? Object : V)], Z.prototype, "dialog", void 0), s([u("#config-form"), c("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], Z.prototype, "form", void 0), s([u("cx-confirm-popover"), c("design:type", U === void 0 ? Object : U)], Z.prototype, "confirmPopover", void 0), s([u(".config-form__tab-group"), c("design:type", z === void 0 ? Object : z)], Z.prototype, "tabGroup", void 0), s([a({

package/library/chunks/{config-manager.utils.BjTsUGLW.js → config-manager.utils.C_nIDsZ5.js}

@@ -66,8 +66,8 @@ import { t as ft } from "./switch.D6KXmWnC.js";
 import { t as pt } from "./v4.JyXW8GUB.js";
 import { t as mt } from "./bicolor-picker.BHwn7qgI.js";
 import { t as ht } from "./border-input-group.DlxLP_Yi.js";
-import { t as gt } from "./corner-position-input-group.BVPOtopa.js";
-import { n as _t, t as vt } from "./confirm-popover.B60_VW9E.js";
+import { n as gt, t as _t } from "./confirm-popover.B60_VW9E.js";
+import { t as vt } from "./corner-position-input-group.BVPOtopa.js";
 import { t as yt } from "./cropper.D4ymxgab.js";
 import { t as bt } from "./dynamic-select.C7bnEwn9.js";
 import { i as xt, n as P, r as St, t as F } from "./folder-select.DZ27acgw.js";
@@ -42487,8 +42487,8 @@ var Yr = class {
 		"cx-card": ye,
 		"cx-checkbox": be,
 		"cx-color-swatch-picker": br,
-		"cx-confirm-popover": vt,
-		"cx-corner-position-input-group": gt,
+		"cx-confirm-popover": _t,
+		"cx-corner-position-input-group": vt,
 		"cx-dialog": k,
 		"cx-divider": He,
 		"cx-download-format-picker": wn,
@@ -42843,7 +42843,7 @@ var ei = Q, ti = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 	static #t = this.dependencies = {
 		"cx-button": b,
 		"cx-checkbox": be,
-		"cx-confirm-popover": vt,
+		"cx-confirm-popover": _t,
 		"cx-dialog": k,
 		"cx-dropdown": w,
 		"cx-dynamic-select": bt,
@@ -43236,7 +43236,7 @@ var ei = Q, ti = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 	render() {
 		let e = this.isAdding ? this.localize.term("newCustomButton") : this.localize.term("editCustomButton");
 		return n`<div class="editor"><cx-list-editor part="list" use-events sortable .columns=${this.columns} .data=${this.data} .boundary=${this.boundary} @cx-list-editor-edit=${this.handleListEditorEdit} @cx-list-editor-delete=${this.handleListEditorDelete} @cx-list-editor-change=${this.handleListEditorReorder}></cx-list-editor><cx-dropdown class="editor__add-button" data-testid="add-button" stay-open-on-select hoist><cx-button slot="trigger" variant="default" size="medium" caret>${this.localize.term("addButton")}</cx-button><div class="add-button-panel"><cx-dynamic-select hoist free-width placement="bottom-start" icon-name="search" custom-change-event="cx-available-button-select" .api=${this.availableButtonsApi} .columns=${this.addSelectColumns} @cx-available-button-select=${this.handleAvailableButtonSelect}></cx-dynamic-select><cx-button class="add-button-panel__create-new" variant="text" @click=${this.handleCreateNewClick}>${this.localize.term("createNew")}</cx-button></div></cx-dropdown></div><cx-dialog part="dialog" class="editor__dialog" divider-position=${ze.Both} use-overlay-scrollbar strategy="fixed" ?open=${!!this.editedItem} .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose} @cx-asset-request-status=${this.handleAssetRequestStatus}><cx-typography slot="label" variant="h4">${e}</cx-typography><form class="dialog__form" @submit=${this.handleDialogFormSubmit}>${y(this.editedItem, () => n`<div class="dialog__body">${this.renderGeneralSection()}
-                ${this.renderVisibilitySection()}</div>`)}</form><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog><cx-confirm-popover class="editor__confirm-popover" divider-position=${ze.Both} buttons-direction=${_t.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.handleConfirmClose}><cx-typography variant="body2" slot="footer">${this.localize.term("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
+                ${this.renderVisibilitySection()}</div>`)}</form><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog><cx-confirm-popover class="editor__confirm-popover" divider-position=${ze.Both} buttons-direction=${gt.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.handleConfirmClose}><cx-typography variant="body2" slot="footer">${this.localize.term("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
 	}
 };
 l([s({
@@ -43263,7 +43263,7 @@ l([s({
 }), u("design:type", String)], $.prototype, "teamspaceModule", void 0), l([s({ type: Object }), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], $.prototype, "boundary", void 0), l([s({
 	attribute: "on-configure-workflow",
 	type: Function
-}), u("design:type", Object)], $.prototype, "onConfigureWorkflow", void 0), l([c(), u("design:type", Object)], $.prototype, "editedItem", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAdding", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], $.prototype, "subTypesData", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isLoadingSubTypes", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAssetRequestBusy", void 0), l([f("cx-dropdown"), u("design:type", w === void 0 ? Object : w)], $.prototype, "addDropdownEl", void 0), l([f(".add-button-panel cx-dynamic-select cx-select"), u("design:type", O === void 0 ? Object : O)], $.prototype, "addButtonSelectEl", void 0), l([f("form.dialog__form"), u("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], $.prototype, "dialogForm", void 0), l([f("cx-confirm-popover"), u("design:type", vt === void 0 ? Object : vt)], $.prototype, "confirmPopover", void 0), l([
+}), u("design:type", Object)], $.prototype, "onConfigureWorkflow", void 0), l([c(), u("design:type", Object)], $.prototype, "editedItem", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAdding", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], $.prototype, "subTypesData", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isLoadingSubTypes", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAssetRequestBusy", void 0), l([f("cx-dropdown"), u("design:type", w === void 0 ? Object : w)], $.prototype, "addDropdownEl", void 0), l([f(".add-button-panel cx-dynamic-select cx-select"), u("design:type", O === void 0 ? Object : O)], $.prototype, "addButtonSelectEl", void 0), l([f("form.dialog__form"), u("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], $.prototype, "dialogForm", void 0), l([f("cx-confirm-popover"), u("design:type", _t === void 0 ? Object : _t)], $.prototype, "confirmPopover", void 0), l([
 	g("editedItem"),
 	u("design:type", Function),
 	u("design:paramtypes", []),

package/library/components/molecules.js

@@ -1,8 +1,8 @@
 import { t as e } from "../chunks/bicolor-picker.BHwn7qgI.js";
 import { t } from "../chunks/border-input-group.DlxLP_Yi.js";
 import { t as n } from "../chunks/color-swatch.D7dE-Qmf.js";
-import { t as r } from "../chunks/corner-position-input-group.BVPOtopa.js";
-import { t as i } from "../chunks/confirm-popover.B60_VW9E.js";
+import { t as r } from "../chunks/confirm-popover.B60_VW9E.js";
+import { t as i } from "../chunks/corner-position-input-group.BVPOtopa.js";
 import { t as a } from "../chunks/cropper.D4ymxgab.js";
 import { t as o } from "../chunks/dynamic-select.C7bnEwn9.js";
 import { t as s } from "../chunks/folder-select.DZ27acgw.js";
@@ -15,4 +15,4 @@ import { t as p } from "../chunks/sidebar.C7hLNDp-.js";
 import { t as m } from "../chunks/size-input-group.D9EWFcr7.js";
 import { t as h } from "../chunks/stepper-wizard.Diwy_209.js";
 import { t as g } from "../chunks/typeface.BrqvkPV7.js";
-export { e as CxBicolorPicker, t as CxBorderInputGroup, n as CxColorSwatch, i as CxConfirmPopover, r 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 };
+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 };