@orangelogic/design-system 4.34.0 → 4.36.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.C4eA970k.js → block-width.D0bs6gN9.js} +8 -8
- package/library/chunks/{config-manager.DS9hzkG8.js → config-manager.CjIWuEoQ.js} +5 -5
- package/library/chunks/{src.DL7bDKR0.js → src.BTxthfsd.js} +2 -2
- package/library/chunks/{step.P3FZF16z.js → step.7RkKgH1n.js} +10 -3
- package/library/chunks/{stepper-wizard.CZSapmS6.js → stepper-wizard.D7XpenfO.js} +3 -3
- package/library/chunks/{stepper.k295FMQ-.js → stepper.BhLxi6eC.js} +1 -1
- package/library/components/atoms.js +3 -3
- package/library/components/molecules.js +4 -4
- package/library/components/step.js +1 -1
- package/library/components/stepper-wizard.js +1 -1
- package/library/components/stepper.js +1 -1
- package/library/components/types.js +11 -11
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/step/step.d.ts +4 -0
- package/library/packages/hybrid/video-advanced/src/video-advanced/video-advanced.d.ts +1 -1
- package/library/packages/types/src/stepper-wizard.d.ts +1 -0
- package/library/packages/types/src/video-advanced.d.ts +1 -0
- package/library/react-web-component.d.ts +5 -1
- package/package.json +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.BTxthfsd.js";
|
|
19
19
|
import { t as ce } from "./style-map.DPGQIxip.js";
|
|
20
20
|
import { t as b } from "./button.BlhGCsjP.js";
|
|
21
21
|
import { E as x, S as le, r as ue } from "./string.DAuTpyw8.js";
|
|
@@ -67,8 +67,8 @@ import { t as bt } from "./switch.CBho2RVW.js";
|
|
|
67
67
|
import { t as xt } from "./v4.JyXW8GUB.js";
|
|
68
68
|
import { t as St } from "./bicolor-picker.CoEkuFFa.js";
|
|
69
69
|
import { t as Ct } from "./border-input-group.B7tkimlE.js";
|
|
70
|
-
import {
|
|
71
|
-
import { t as Et } from "./
|
|
70
|
+
import { t as wt } from "./corner-position-input-group.Cc0hzrPR.js";
|
|
71
|
+
import { n as Tt, t as Et } from "./confirm-popover.CNgNi7H6.js";
|
|
72
72
|
import { t as Dt } from "./cropper.D4ymxgab.js";
|
|
73
73
|
import { t as Ot } from "./dynamic-select.wu648W9-.js";
|
|
74
74
|
import { i as kt, n as M, r as At, t as N } from "./folder-select.CQllI-Id.js";
|
|
@@ -42528,8 +42528,8 @@ var oi = class {
|
|
|
42528
42528
|
"cx-card": ye,
|
|
42529
42529
|
"cx-checkbox": be,
|
|
42530
42530
|
"cx-color-swatch-picker": jr,
|
|
42531
|
-
"cx-confirm-popover":
|
|
42532
|
-
"cx-corner-position-input-group":
|
|
42531
|
+
"cx-confirm-popover": Et,
|
|
42532
|
+
"cx-corner-position-input-group": wt,
|
|
42533
42533
|
"cx-dialog": k,
|
|
42534
42534
|
"cx-divider": tt,
|
|
42535
42535
|
"cx-download-format-picker": Fn,
|
|
@@ -42884,7 +42884,7 @@ var di = Q, fi = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
|
|
|
42884
42884
|
static #t = this.dependencies = {
|
|
42885
42885
|
"cx-button": b,
|
|
42886
42886
|
"cx-checkbox": be,
|
|
42887
|
-
"cx-confirm-popover":
|
|
42887
|
+
"cx-confirm-popover": Et,
|
|
42888
42888
|
"cx-dialog": k,
|
|
42889
42889
|
"cx-dropdown": w,
|
|
42890
42890
|
"cx-dynamic-select": Ot,
|
|
@@ -43277,7 +43277,7 @@ var di = Q, fi = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
|
|
|
43277
43277
|
render() {
|
|
43278
43278
|
let e = this.isAdding ? this.localize.term("newCustomButton") : this.localize.term("editCustomButton");
|
|
43279
43279
|
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=${Qe.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()}
|
|
43280
|
-
${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=${Qe.Both} buttons-direction=${
|
|
43280
|
+
${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=${Qe.Both} buttons-direction=${Tt.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>`;
|
|
43281
43281
|
}
|
|
43282
43282
|
};
|
|
43283
43283
|
l([s({
|
|
@@ -43304,7 +43304,7 @@ l([s({
|
|
|
43304
43304
|
}), 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({
|
|
43305
43305
|
attribute: "on-configure-workflow",
|
|
43306
43306
|
type: Function
|
|
43307
|
-
}), 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",
|
|
43307
|
+
}), 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", Et === void 0 ? Object : Et)], $.prototype, "confirmPopover", void 0), l([
|
|
43308
43308
|
g("editedItem"),
|
|
43309
43309
|
u("design:type", Function),
|
|
43310
43310
|
u("design:paramtypes", []),
|
|
@@ -14,7 +14,7 @@ import { t as b } from "./style-map.DPGQIxip.js";
|
|
|
14
14
|
import { t as x } from "./button.BlhGCsjP.js";
|
|
15
15
|
import { t as ee } from "./tooltip.GjnTzFeL.js";
|
|
16
16
|
import { t as te } from "./line-clamp.CgiUerew.js";
|
|
17
|
-
import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.
|
|
17
|
+
import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.D0bs6gN9.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";
|
|
@@ -49,8 +49,8 @@ import { t as Be } from "./radio-group.DSnDDjKe.js";
|
|
|
49
49
|
import { t as Ve } from "./switch.CBho2RVW.js";
|
|
50
50
|
import { t as He } from "./bicolor-picker.CoEkuFFa.js";
|
|
51
51
|
import { t as Ue } from "./border-input-group.B7tkimlE.js";
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
52
|
+
import { t as We } from "./corner-position-input-group.Cc0hzrPR.js";
|
|
53
|
+
import { n as Ge, t as U } from "./confirm-popover.CNgNi7H6.js";
|
|
54
54
|
import { t as W } from "./_baseIteratee.DWc2-Bvm.js";
|
|
55
55
|
import { t as Ke } from "./dynamic-select.wu648W9-.js";
|
|
56
56
|
import { r as G } from "./folder-select.CQllI-Id.js";
|
|
@@ -450,7 +450,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
|
|
|
450
450
|
"cx-checkbox": j,
|
|
451
451
|
"cx-color-swatch-picker": D,
|
|
452
452
|
"cx-confirm-popover": U,
|
|
453
|
-
"cx-corner-position-input-group":
|
|
453
|
+
"cx-corner-position-input-group": We,
|
|
454
454
|
"cx-dam-custom-toolbar-buttons-editor": ge,
|
|
455
455
|
"cx-dialog": V,
|
|
456
456
|
"cx-divider": Me,
|
|
@@ -577,7 +577,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
|
|
|
577
577
|
render() {
|
|
578
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>`)}
|
|
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
|
-
${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=${
|
|
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=${Ge.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
|
}
|
|
582
582
|
};
|
|
583
583
|
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({
|
|
@@ -78,8 +78,8 @@ import "./range.blqKtzMI.js";
|
|
|
78
78
|
import "./rating.BgUId4FT.js";
|
|
79
79
|
import "./relative-time.BSSaZxeD.js";
|
|
80
80
|
import "./split-panel.CVyqM2Dr.js";
|
|
81
|
-
import "./step.
|
|
82
|
-
import "./stepper.
|
|
81
|
+
import "./step.7RkKgH1n.js";
|
|
82
|
+
import "./stepper.BhLxi6eC.js";
|
|
83
83
|
import "./switch.CBho2RVW.js";
|
|
84
84
|
import "./timecode.DME2imtx.js";
|
|
85
85
|
import "./tree.Cvx7TQer.js";
|
|
@@ -11,7 +11,7 @@ import { t as p } from "./tooltip.GjnTzFeL.js";
|
|
|
11
11
|
import { t as m } from "./line-clamp.CgiUerew.js";
|
|
12
12
|
import { t as h } from "./progress-bar.BJfkoZ6G.js";
|
|
13
13
|
//#region ../../packages/atoms/src/components/step/step.styles.ts
|
|
14
|
-
var g = t`:host{--color:var(--color);flex:calc(100% / var(--columns) + var(--cx-spacing-small));margin-left:calc(-1 * var(--cx-spacing-small))}:host([round]){max-width:100%;margin-left:0}.step{font-family:var(--cx-font-sans);gap:var(--cx-spacing-x-small);width:100%;display:flex}.step__arrow{padding-top:var(--cx-spacing-x-small);padding-bottom:var(--cx-spacing-x-small);padding-left:var(--cx-spacing-x-large);padding-right:var(--cx-spacing-medium);background-color:var(--cx-color-neutral-100);cursor:pointer;clip-path:polygon(calc(100% - var(--cx-spacing-medium)) 0%, 100% 50%, calc(100% - var(--cx-spacing-medium)) 100%, 0% 100%, var(--cx-spacing-medium) 50%, 0% 0%);align-items:center;width:100%;display:inline-flex;position:relative}.step--first .step__arrow{clip-path:polygon(calc(100% - var(--cx-spacing-medium)) 0%, 100% 50%, calc(100% - var(--cx-spacing-medium)) 100%, 0% 100%, 0 50%, 0% 0%);border-top-left-radius:var(--cx-border-radius-large);border-bottom-left-radius:var(--cx-border-radius-large);padding-left:var(--cx-spacing-small)}.step--last .step__arrow{clip-path:polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, var(--cx-spacing-medium) 50%, 0% 0%);border-top-right-radius:var(--cx-border-radius-large);border-bottom-right-radius:var(--cx-border-radius-large)}.step--first.step--last .step__arrow{clip-path:polygon(100% 0%,100% 50%,100% 100%,0% 100%,0 50%,0% 0%)}.step--active .step__arrow{background-color:color-mix(in srgb, var(--color) 15%, white);cursor:default}.step--completed .step__arrow{
|
|
14
|
+
var g = t`:host{--color:var(--color);flex:calc(100% / var(--columns) + var(--cx-spacing-small));margin-left:calc(-1 * var(--cx-spacing-small))}:host([round]){max-width:100%;margin-left:0}.step{font-family:var(--cx-font-sans);gap:var(--cx-spacing-x-small);width:100%;display:flex}.step__arrow{padding-top:var(--cx-spacing-x-small);padding-bottom:var(--cx-spacing-x-small);padding-left:var(--cx-spacing-x-large);padding-right:var(--cx-spacing-medium);background-color:var(--cx-color-neutral-100);cursor:pointer;clip-path:polygon(calc(100% - var(--cx-spacing-medium)) 0%, 100% 50%, calc(100% - var(--cx-spacing-medium)) 100%, 0% 100%, var(--cx-spacing-medium) 50%, 0% 0%);align-items:center;width:100%;display:inline-flex;position:relative}.step--first .step__arrow{clip-path:polygon(calc(100% - var(--cx-spacing-medium)) 0%, 100% 50%, calc(100% - var(--cx-spacing-medium)) 100%, 0% 100%, 0 50%, 0% 0%);border-top-left-radius:var(--cx-border-radius-large);border-bottom-left-radius:var(--cx-border-radius-large);padding-left:var(--cx-spacing-small)}.step--last .step__arrow{clip-path:polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, var(--cx-spacing-medium) 50%, 0% 0%);border-top-right-radius:var(--cx-border-radius-large);border-bottom-right-radius:var(--cx-border-radius-large)}.step--first.step--last .step__arrow{clip-path:polygon(100% 0%,100% 50%,100% 100%,0% 100%,0 50%,0% 0%)}.step--active .step__arrow{background-color:color-mix(in srgb, var(--color) 15%, white);cursor:default}.step--completed .step__arrow{background-color:var(--cx-color-neutral-50)}.step--disabled .step__arrow,.step--readonly .step__arrow{cursor:default}.step--disabled.step--has-description .step__arrow,.step--readonly.step--has-description .step__arrow,.step--active.step--has-description .step__arrow{cursor:help}.step__circle{background-color:color-mix(in srgb, var(--color) 15%, white);border:2px solid var(--color);border-radius:var(--cx-border-radius-circle);color:var(--color);font-weight:var(--cx-font-weight-semibold);flex:0 0 32px;justify-content:center;align-items:center;height:32px;display:flex;& cx-icon{font-size:var(--cx-font-size-medium)}}.step--round.step--active .step__circle,.step--round.step--completed .step__circle{background-color:var(--color);color:var(--cx-color-neutral-0)}.step--round.step--disabled .step__circle{background-color:var(--cx-color-neutral-0);border-color:var(--cx-color-neutral-400);color:var(--cx-color-neutral-400)}.step--round.step--error .step__circle{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.step__content{align-items:center;gap:var(--cx-spacing-x-small);max-width:100%;display:flex;position:relative}.step--round .step__content{flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.step__content__prefix::slotted(cx-icon),.step__content__label{color:var(--cx-color-neutral-700);font-size:var(--cx-font-size-medium)}.step--active .step__content__label,.step--active .step__content__help-text,.step--active .step__content__prefix::slotted(cx-icon),.step--round.step--completed .step__content__label,.step--round.step--completed .step__content__help-text{color:var(--text-color,var(--color))}.step--disabled .step__content__label,.step--disabled .step__content__help-text,.step--disabled .step__content__prefix::slotted(cx-icon){color:var(--cx-color-neutral-400)}.step--error .step__content__label,.step--error .step__content__help-text{color:var(--cx-color-danger)}.step--round .step__content__progress{justify-content:center;align-items:center;gap:var(--cx-spacing-small);min-width:120px;line-height:1;display:flex}.step--round .step__content__progress__text{color:var(--color)}.step--round.step__content__help-text{color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-small);line-height:1}.step__line{background-color:var(--color);height:2rem;margin:var(--cx-spacing-medium) calc(32px / 2) 0;flex:1;width:2px}.step--last~.step__line{display:none}cx-progress-bar{--height:8px;flex:1}`, _ = class extends a {
|
|
15
15
|
static #e = this.styles = [s, g];
|
|
16
16
|
static #t = this.dependencies = {
|
|
17
17
|
"cx-icon": d,
|
|
@@ -20,7 +20,7 @@ var g = t`:host{--color:var(--color);flex:calc(100% / var(--columns) + var(--cx-
|
|
|
20
20
|
"cx-tooltip": p
|
|
21
21
|
};
|
|
22
22
|
constructor() {
|
|
23
|
-
super(), this.active = !1, this.completed = !1, this.disabled = !1, this.readonly = !1, this.error = !1, this.index = 0, this.last = !1, this.helpText = "", this.progress = 0, this.color = "var(--cx-color-primary)", this.round = !1, this.description = "", this.renderDefaultStep = this.renderDefaultStep.bind(this), this.renderRoundStep = this.renderRoundStep.bind(this);
|
|
23
|
+
super(), this.active = !1, this.completed = !1, this.disabled = !1, this.readonly = !1, this.error = !1, this.index = 0, this.last = !1, this.helpText = "", this.progress = 0, this.color = "var(--cx-color-primary)", this.textColor = "", this.round = !1, this.description = "", this.renderDefaultStep = this.renderDefaultStep.bind(this), this.renderRoundStep = this.renderRoundStep.bind(this);
|
|
24
24
|
}
|
|
25
25
|
handleClick() {
|
|
26
26
|
this.disabled || this.active || this.readonly || this.emit("cx-step-select", { detail: { id: this.dataset.id } });
|
|
@@ -34,7 +34,10 @@ var g = t`:host{--color:var(--color);flex:calc(100% / var(--columns) + var(--cx-
|
|
|
34
34
|
`)}</div>`;
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return e`<cx-tooltip ?disabled=${!this.description.trim()} .content=${this.description} hoist><div style=${f({
|
|
37
|
+
return e`<cx-tooltip ?disabled=${!this.description.trim()} .content=${this.description} hoist><div style=${f({
|
|
38
|
+
"--color": this.color,
|
|
39
|
+
"--text-color": this.textColor || this.color
|
|
40
|
+
})}><div part="base" aria-label="step" role="button" class=${l({
|
|
38
41
|
step: !0,
|
|
39
42
|
"step--active": this.active,
|
|
40
43
|
"step--completed": this.completed,
|
|
@@ -74,6 +77,10 @@ r([o("div[part=\"base\"]"), i("design:type", typeof HTMLDivElement > "u" ? Objec
|
|
|
74
77
|
reflect: !0,
|
|
75
78
|
type: String
|
|
76
79
|
}), i("design:type", String)], _.prototype, "color", void 0), r([n({
|
|
80
|
+
attribute: "text-color",
|
|
81
|
+
reflect: !0,
|
|
82
|
+
type: String
|
|
83
|
+
}), i("design:type", String)], _.prototype, "textColor", void 0), r([n({
|
|
77
84
|
reflect: !0,
|
|
78
85
|
type: Boolean
|
|
79
86
|
}), i("design:type", Boolean)], _.prototype, "round", void 0), r([n({
|
|
@@ -7,8 +7,8 @@ import { t as l } from "./icon.CeQpEaQz.js";
|
|
|
7
7
|
import { t as u } from "./style-map.DPGQIxip.js";
|
|
8
8
|
import { t as d } from "./resize-observer.D9EHlnZI.js";
|
|
9
9
|
import { t as f } from "./repeat.CKv9FPlC.js";
|
|
10
|
-
import { t as p } from "./step.
|
|
11
|
-
import { t as m } from "./stepper.
|
|
10
|
+
import { t as p } from "./step.7RkKgH1n.js";
|
|
11
|
+
import { t as m } from "./stepper.BhLxi6eC.js";
|
|
12
12
|
//#region ../../packages/molecules/src/stepper-wizard/stepper-wizard.styles.ts
|
|
13
13
|
var h = t`:host{display:block}`, g = class extends a {
|
|
14
14
|
constructor(...e) {
|
|
@@ -33,7 +33,7 @@ var h = t`:host{display:block}`, g = class extends a {
|
|
|
33
33
|
this.requestUpdate("columnCount");
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return e`<cx-resize-observer @cx-resize=${this.handleResize}><div><cx-stepper items-per-row=${this.columnCount}>${f(this.data, (e) => e.id, (t) => e`<cx-step slot="step" data-id=${t.id} .completed=${t.state === "Done"} .disabled=${this.disabled || t.state === "Disabled"} .readonly=${t.readonly} .active=${t.state === "Active"} .color=${t.color} .description=${t.description ?? ""} style=${u({
|
|
36
|
+
return e`<cx-resize-observer @cx-resize=${this.handleResize}><div><cx-stepper items-per-row=${this.columnCount}>${f(this.data, (e) => e.id, (t) => e`<cx-step slot="step" data-id=${t.id} .completed=${t.state === "Done"} .disabled=${this.disabled || t.state === "Disabled"} .readonly=${t.readonly} .active=${t.state === "Active"} .color=${t.color} .textColor=${t.textColor ?? ""} .description=${t.description ?? ""} style=${u({
|
|
37
37
|
maxWidth: `${this.maxWidth}px`,
|
|
38
38
|
minWidth: `${this.minWidth}px`
|
|
39
39
|
})}>${c(t.state === "Done", () => e`<cx-icon slot="prefix" variant="filled" name="check_circle"></cx-icon>`, () => e`${c(t.icon, () => e`<cx-icon slot="prefix" variant=${t.iconVariant || "outlined"} name=${t.icon}></cx-icon>`)}`)}
|
|
@@ -6,7 +6,7 @@ import { t as c } from "./custom-element.BEMYNDK1.js";
|
|
|
6
6
|
import { t as l } from "./watch.Ub5r8btz.js";
|
|
7
7
|
import { t as u } from "./class-map.D8nsNOVJ.js";
|
|
8
8
|
import { t as d } from "./style-map.DPGQIxip.js";
|
|
9
|
-
import { t as f } from "./step.
|
|
9
|
+
import { t as f } from "./step.7RkKgH1n.js";
|
|
10
10
|
//#region ../../packages/atoms/src/components/stepper/stepper.styles.ts
|
|
11
11
|
var p = t`.stepper{row-gap:var(--cx-spacing-2x-small);flex-wrap:wrap;max-width:100%;display:flex}.stepper--vertical{flex-direction:column}`, m = class extends a {
|
|
12
12
|
constructor(...e) {
|
|
@@ -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.BTxthfsd.js";
|
|
12
12
|
import { t as h } from "../chunks/button.BlhGCsjP.js";
|
|
13
13
|
import { t as g } from "../chunks/tooltip.GjnTzFeL.js";
|
|
14
14
|
import { t as _ } from "../chunks/resize-observer.D9EHlnZI.js";
|
|
@@ -80,8 +80,8 @@ import { t as Oe } from "../chunks/range.blqKtzMI.js";
|
|
|
80
80
|
import { t as ke } from "../chunks/rating.BgUId4FT.js";
|
|
81
81
|
import { t as Ae } from "../chunks/relative-time.BSSaZxeD.js";
|
|
82
82
|
import { t as je } from "../chunks/split-panel.CVyqM2Dr.js";
|
|
83
|
-
import { t as Me } from "../chunks/step.
|
|
84
|
-
import { t as Ne } from "../chunks/stepper.
|
|
83
|
+
import { t as Me } from "../chunks/step.7RkKgH1n.js";
|
|
84
|
+
import { t as Ne } from "../chunks/stepper.BhLxi6eC.js";
|
|
85
85
|
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.Cvx7TQer.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { t as e } from "../chunks/bicolor-picker.CoEkuFFa.js";
|
|
2
2
|
import { t } from "../chunks/border-input-group.B7tkimlE.js";
|
|
3
3
|
import { t as n } from "../chunks/color-swatch.By2bJtpB.js";
|
|
4
|
-
import { t as r } from "../chunks/
|
|
5
|
-
import { t as i } from "../chunks/
|
|
4
|
+
import { t as r } from "../chunks/corner-position-input-group.Cc0hzrPR.js";
|
|
5
|
+
import { t as i } from "../chunks/confirm-popover.CNgNi7H6.js";
|
|
6
6
|
import { t as a } from "../chunks/cropper.D4ymxgab.js";
|
|
7
7
|
import { t as o } from "../chunks/dynamic-select.wu648W9-.js";
|
|
8
8
|
import { t as s } from "../chunks/folder-select.CQllI-Id.js";
|
|
@@ -13,6 +13,6 @@ import { t as d } from "../chunks/shadow-input-group.k4MBg4Pf.js";
|
|
|
13
13
|
import { t as f } from "../chunks/share-option-list.8OSETkgd.js";
|
|
14
14
|
import { t as p } from "../chunks/sidebar.B1MjUxBY.js";
|
|
15
15
|
import { t as m } from "../chunks/size-input-group.CR0wHbEO.js";
|
|
16
|
-
import { t as h } from "../chunks/stepper-wizard.
|
|
16
|
+
import { t as h } from "../chunks/stepper-wizard.D7XpenfO.js";
|
|
17
17
|
import { t as g } from "../chunks/typeface.CHo-Lj6f.js";
|
|
18
|
-
export { e as CxBicolorPicker, t as CxBorderInputGroup, n as CxColorSwatch,
|
|
18
|
+
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 };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/step.
|
|
1
|
+
import { t as e } from "../chunks/step.7RkKgH1n.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/stepper-wizard.
|
|
1
|
+
import { t as e } from "../chunks/stepper-wizard.D7XpenfO.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/stepper.
|
|
1
|
+
import { t as e } from "../chunks/stepper.BhLxi6eC.js";
|
|
2
2
|
export { e as default };
|
|
@@ -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.BTxthfsd.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.BlhGCsjP.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.CgiUerew.js";
|
|
39
39
|
import { t as jt } from "../chunks/tag.V9YP_T0h.js";
|
|
40
40
|
import { t as Mt } from "../chunks/array-line-clamp.DSzPRb_y.js";
|
|
41
|
-
import { A as Nt, C as Pt, D as Ft, E as It, O as Lt, S as Rt, T as zt, d as Bt, f as Vt, h as Ht, k as Ut, m as Wt, o as Gt, p as Kt, r as qt, s as Jt, t as Yt, u as Xt, w as Zt, x as Qt } from "../chunks/block-width.
|
|
41
|
+
import { A as Nt, C as Pt, D as Ft, E as It, O as Lt, S as Rt, T as zt, d as Bt, f as Vt, h as Ht, k as Ut, m as Wt, o as Gt, p as Kt, r as qt, s as Jt, t as Yt, u as Xt, w as Zt, x as Qt } from "../chunks/block-width.D0bs6gN9.js";
|
|
42
42
|
import { n as $t, t as en } from "../chunks/position-picker.dY_vgF_H.js";
|
|
43
43
|
import { a as tn, i as nn, n as rn, o as an, r as on, s as sn, t as cn } from "../chunks/src.BJhIYoMP.js";
|
|
44
44
|
import { a as ln, c as un, i as dn, n as fn, o as pn, r as mn, t as hn, u as gn } from "../chunks/time.p1t0NCwj.js";
|
|
@@ -137,8 +137,8 @@ import { t as Cs } from "../chunks/range.blqKtzMI.js";
|
|
|
137
137
|
import { t as ws } from "../chunks/rating.BgUId4FT.js";
|
|
138
138
|
import { t as Ts } from "../chunks/relative-time.BSSaZxeD.js";
|
|
139
139
|
import { t as Es } from "../chunks/split-panel.CVyqM2Dr.js";
|
|
140
|
-
import { t as Ds } from "../chunks/step.
|
|
141
|
-
import { t as Os } from "../chunks/stepper.
|
|
140
|
+
import { t as Ds } from "../chunks/step.7RkKgH1n.js";
|
|
141
|
+
import { t as Os } from "../chunks/stepper.BhLxi6eC.js";
|
|
142
142
|
import { t as ks } from "../chunks/switch.CBho2RVW.js";
|
|
143
143
|
import { t as As } from "../chunks/timecode.DME2imtx.js";
|
|
144
144
|
import { a as js, i as Ms, o as Ns } from "../chunks/tree.Cvx7TQer.js";
|
|
@@ -147,8 +147,8 @@ import { n as Fs, t as Is } from "../chunks/video.DFfkHdKQ.js";
|
|
|
147
147
|
import { t as Ls } from "../chunks/bicolor-picker.CoEkuFFa.js";
|
|
148
148
|
import { t as Rs } from "../chunks/border-input-group.B7tkimlE.js";
|
|
149
149
|
import { t as zs } from "../chunks/color-swatch.By2bJtpB.js";
|
|
150
|
-
import { t as Bs } from "../chunks/
|
|
151
|
-
import { t as Vs } from "../chunks/
|
|
150
|
+
import { t as Bs } from "../chunks/corner-position-input-group.Cc0hzrPR.js";
|
|
151
|
+
import { t as Vs } from "../chunks/confirm-popover.CNgNi7H6.js";
|
|
152
152
|
import { t as Hs } from "../chunks/cropper.D4ymxgab.js";
|
|
153
153
|
import { t as Us } from "../chunks/toNumber.BBjIwSoo.js";
|
|
154
154
|
import { t as Ws } from "../chunks/debounce.DrhImrNP.js";
|
|
@@ -163,7 +163,7 @@ import { t as ec } from "../chunks/shadow-input-group.k4MBg4Pf.js";
|
|
|
163
163
|
import { t as tc } from "../chunks/share-option-list.8OSETkgd.js";
|
|
164
164
|
import { t as nc } from "../chunks/sidebar.B1MjUxBY.js";
|
|
165
165
|
import { t as rc } from "../chunks/size-input-group.CR0wHbEO.js";
|
|
166
|
-
import { t as ic } from "../chunks/stepper-wizard.
|
|
166
|
+
import { t as ic } from "../chunks/stepper-wizard.D7XpenfO.js";
|
|
167
167
|
import { t as ac } from "../chunks/typeface.CHo-Lj6f.js";
|
|
168
168
|
import { T as oc, _ as sc, a as cc, b as lc, c as uc, d as dc, l as fc, m as pc, n as mc, o as hc, r as gc, s as _c, t as vc, v as yc } from "../chunks/asset-link-format.vbmd2KkO.js";
|
|
169
169
|
import { c as bc, h as xc, l as Sc, m as Cc, p as eee, t as tee, u as wc } from "../chunks/color-swatch-group.BF_AFUh6.js";
|
|
@@ -39270,7 +39270,7 @@ var HR = VR, UR = {
|
|
|
39270
39270
|
"cx-chatbot-footer": HR,
|
|
39271
39271
|
"cx-chatbot-popup": zR,
|
|
39272
39272
|
"cx-checkbox": qn,
|
|
39273
|
-
"cx-confirm-popover":
|
|
39273
|
+
"cx-confirm-popover": Vs,
|
|
39274
39274
|
"cx-divider": ja,
|
|
39275
39275
|
"cx-dropdown": ur,
|
|
39276
39276
|
"cx-icon-button": oe,
|
|
@@ -95056,7 +95056,7 @@ var j5 = class extends d {
|
|
|
95056
95056
|
return this.mappedSupportedLanguages.length > 1;
|
|
95057
95057
|
}
|
|
95058
95058
|
ensureConfigUi() {
|
|
95059
|
-
return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.
|
|
95059
|
+
return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.CjIWuEoQ.js"), import("../chunks/configs-controller.saCTvDW1.js").then((e) => e.n)]).then(async ([, e]) => {
|
|
95060
95060
|
this.configsController ??= new e.default(this.localize), await customElements.whenDefined("cx-config-manager"), await this.configManager?.updateComplete;
|
|
95061
95061
|
});
|
|
95062
95062
|
}
|
|
@@ -103671,7 +103671,7 @@ var t9 = {
|
|
|
103671
103671
|
"cx-badge": Vn,
|
|
103672
103672
|
"cx-button": ve,
|
|
103673
103673
|
"cx-checkbox": qn,
|
|
103674
|
-
"cx-confirm-popover":
|
|
103674
|
+
"cx-confirm-popover": Vs,
|
|
103675
103675
|
"cx-dialog": ka,
|
|
103676
103676
|
"cx-divider": ja,
|
|
103677
103677
|
"cx-dropdown": ur,
|
|
@@ -111649,4 +111649,4 @@ l([s({ type: String }), u("design:type", Object)], $9.prototype, "value", void 0
|
|
|
111649
111649
|
], $9.prototype, "handleValueChange", null), $9 = Q9 = l([C("cx-xml-editor")], $9);
|
|
111650
111650
|
var Bke = $9;
|
|
111651
111651
|
//#endregion
|
|
111652
|
-
export { la as AUTO_FALLBACK_FORMAT, ga as AUTO_FORMAT_EXTENSION, Wi as AUTO_ORIGINAL_FORMAT_MAX_BYTES, uo as CMYK_VALIDATION_REGEX, li as CalendarGrid, ao as ColorType, cn as CornerPosition, d as CortexElement, Ai as CortexPopupController, kee as Cx3dViewer, ue as CxAlert, de as CxAmChart, fe as CxAnimatedImage, I as CxAnimation, Hu as CxAnnotator, wle as CxAnnotatorComment, Mt as CxArrayLineClamp, Yu as CxAssetDataDisplay, Pt as CxAssetFormatPicker, vc as CxAssetLinkFormat, Lt as CxAssetPicker, Rt as CxAssetTransformationDialog, zn as CxAudio, Bn as CxAvatar, Vn as CxBadge, Hle as CxBentoGrid, Ls as CxBicolorPicker, Rs as CxBorderInputGroup, Hn as CxBox, Un as CxBreadcrumb, Wn as CxBreadcrumbItem, ve as CxButton, Gn as CxButtonGroup, $le as CxCapacityPlanner, Kn as CxCard, eF as CxCarousel, kz as CxChartPlanBuilder, GR as CxChatbot, qn as CxCheckbox, Fz as CxClusterManagement, Ur as CxColorPicker, zs as CxColorSwatch, tee as CxColorSwatchGroup, lP as CxComment, zz as CxCommentV1,
|
|
111652
|
+
export { la as AUTO_FALLBACK_FORMAT, ga as AUTO_FORMAT_EXTENSION, Wi as AUTO_ORIGINAL_FORMAT_MAX_BYTES, uo as CMYK_VALIDATION_REGEX, li as CalendarGrid, ao as ColorType, cn as CornerPosition, d as CortexElement, Ai as CortexPopupController, kee as Cx3dViewer, ue as CxAlert, de as CxAmChart, fe as CxAnimatedImage, I as CxAnimation, Hu as CxAnnotator, wle as CxAnnotatorComment, Mt as CxArrayLineClamp, Yu as CxAssetDataDisplay, Pt as CxAssetFormatPicker, vc as CxAssetLinkFormat, Lt as CxAssetPicker, Rt as CxAssetTransformationDialog, zn as CxAudio, Bn as CxAvatar, Vn as CxBadge, Hle as CxBentoGrid, Ls as CxBicolorPicker, Rs as CxBorderInputGroup, Hn as CxBox, Un as CxBreadcrumb, Wn as CxBreadcrumbItem, ve as CxButton, Gn as CxButtonGroup, $le as CxCapacityPlanner, Kn as CxCard, eF as CxCarousel, kz as CxChartPlanBuilder, GR as CxChatbot, qn as CxCheckbox, Fz as CxClusterManagement, Ur as CxColorPicker, zs as CxColorSwatch, tee as CxColorSwatchGroup, lP as CxComment, zz as CxCommentV1, Vs as CxConfirmPopover, hEe as CxContentBuilder, TEe as CxContentBuilderViewer, Wr as CxCopyButton, Bs as CxCornerPositionInputGroup, Hs as CxCropper, Gt as CxDamCustomToolbarButtonsEditor, Ele as CxDashboardFilter, Qu as CxDashboardIframe, jle as CxDashboardTable, td as CxDataTabGroup, Da as CxDateCalendar, Oa as CxDetails, ad as CxDetailsGroup, ka as CxDialog, Ma as CxDiff, ja as CxDivider, dd as CxDocsExample, Ia as CxDocumentViewer, Vo as CxDotPagination, Ho as CxDotStatus, Ft as CxDownloadFormatPicker, rOe as CxDownloader, Pa as CxDrawer, ur as CxDropdown, Gs as CxDynamicSelect, Uo as CxEChart, Wo as CxElementClamp, gd as CxEstimatedReadingTime, Sd as CxFacetDatePicker, Od as CxFacetDateRange, eee as CxFacetedFilter, Nd as CxFacetedFilterFacet, Ec as CxFileOnDemand, aOe as CxFindAndReplace, Ys as CxFolderSelect, It as CxFontPicker, Go as CxFormatBytes, Ko as CxFormatDate, qo as CxFormatNumber, Jo as CxFormatTime, Ld as CxGalleryItem, I_ as CxGraphView, Yo as CxGrid, Xo as CxGridItem, Zo as CxHeader, es as CxHubConnection, ce as CxIcon, oe as CxIconButton, zt as CxIconPicker, ns as CxIframe, Lo as CxImage, rs as CxImageComparer, is as CxInclude, hr as CxInput, yd as CxInputDatePicker, Td as CxInputDateRangePicker, as as CxInputGroup, sOe as CxLightbox, At as CxLineClamp, Jt as CxListEditor, fs as CxMarkdown, Cse as CxMarkdownViewer, Zs as CxMasonry, uO as CxMentions, gr as CxMenu, yr as CxMenuItem, ps as CxMenuLabel, ms as CxMenuSection, Sc as CxMultiSelect, hs as CxMutationObserver, Cr as CxOption, Qs as CxPaddingInputGroup, Ese as CxPageOutline, gs as CxPagination, Fse as CxPdfViewerToolbar, h as CxPopup, $s as CxPositionPicker, Fa as CxProgressBar, _s as CxProgressRing, Lse as CxPublishPage, vs as CxQrCode, ys as CxRadio, bs as CxRadioButton, xs as CxRadioCard, Ss as CxRadioGroup, Cs as CxRange, ws as CxRating, Ts as CxRelativeTime, kt as CxResizeObserver, fOe as CxSearchBox, jr as CxSelect, ec as CxShadowInputGroup, tc as CxShareOptionList, nc as CxSidebar, rc as CxSizeInputGroup, zo as CxSkeleton, wr as CxSpace, mOe as CxSpaceSelector, I3 as CxSpecialCharactersDialog, le as CxSpinner, Es as CxSplitPanel, zse as CxStatCard, Ds as CxStep, Os as CxStepper, ic as CxStepperWizard, Hse as CxStorybook, ks as CxSwitch, Mr as CxTab, Lr as CxTabGroup, Vr as CxTabPanel, jt as CxTag, xOe as CxTemplateSwitcher, Dke as CxTextToSpeech, Sr as CxTextarea, As as CxTimecode, Ot as CxTooltip, Ms as CxTree, js as CxTreeItem, Zt as CxTypeSubtypeSelect, ac as CxTypeface, Rn as CxTypography, Fs as CxVideo, PO as CxViewAndSort, Hr as CxVisuallyHidden, Bke as CxXmlEditor, To as DEFAULT_BREAKPOINTS, ci as DateRangePresets, zi as DragScroll, rn as Easing, on as EasingFunction, _t as FormControlController, nn as GsapEasing, co as HEX_ALPHA_VALIDATION_REGEX, no as HEX_VALIDATION_REGEX, O as HasSlotController, Si as HistoryManager, Nt as IconPickerVariant, yi as KeyboardKey, T as LocalizeController, rr as MIN_GRADIENT_STOPS, en as OBJECT_POSITION_BY_CROP_FOCUS, ra as ORIGINAL_FORMAT, tn as ObjectFit, an as Orientation, va as PRECISION, $t as PositionPickerValue, Ya as RELATIVE_URL_REGEX, Za as RGB_VALIDATION_REGEX, ba as SRCSET_WIDTH_LADDER, sn as TransitionType, Wa as URL_DOMAIN_VALIDATION_REGEX, qa as URL_INTRANET_DOMAIN_VALIDATION_REGEX, Va as URL_PROTOCOL_VALIDATION_REGEX, La as URL_VALIDATION_REGEX, lr as activeElements, Xr as addMonths, pi as adjustRelativeValues, y as animateTo, Ga as appendProtocol, Ja as appendQueryParam, Ki as applyTransformationsToUrl, Yi as applyWidthToAssetUrl, da as buildAssetSrcset, aa as buildSizesFromDisplayWidth, Qi as buildTransformationString, In as buildWaveformPath, Pn as calculateAspectRatioFit, or as clamp, An as cleanImageFileName, hn as clearZeroDurationParts, g as componentStyles, oo as convertColor, Tn as convertDataUnits, xn as convertDurationToMilliseconds, Cn as convertPixelsToAspectRatio, Mn as convertSrcToBlob, $n as createStopId, On as cropImage, ut as cssValueToPx, C as customElement, mt as customErrorValidityState, Dt as debounce, Jn as defaultValue, ia as downloadAsset, ir as drag, Ge as emptyToSpace, Be as escapeXML, lo as extractColor, Ue as extractExtension, sa as extractFrames, Le as extractRootData, yn as extractValueAndUnit, Fn as extractWaveformPeaks, Ri as fetchCortexApi, Tt as findAncestorWithBuggyStyle, xt as findContainingBlock, Ct as findCuttingAncestor, ma as findFrameByColAndRow, Ji as findIndexByProp, dr as focusWhenVisible, he as fontAwesomeIconNames, gt as formCollections, _n as formatAspectRatioString, Qa as formatColorCodeSeparator, fn as formatDurationPartsManually, ro as formatHexCode, Zr as formatIsoToDisplay, ai as formatMonthYearLabel, Sn as formatNumberWithGrouping, Me as formatSecondsToTime, Ve as formatTimeToSeconds, mn as formatWithIntlDurationFormat, wn as gcd, at as getActiveElement, Aa as getActiveModals, ie as getAnimation, pe as getAnimationNames, pt as getAssociatedForm, ct as getAttributes, We as getAttributesString, xo as getBreakpointsFromCSS, hi as getBrowserFontVariants, fo as getColorType, En as getContainedImageSize, nt as getCortexPopupLayer, Ze as getCurrentZIndex, ni as getDateMask, cr as getDeepestActiveElement, Co as getDeviceType, dn as getDurationPartsByUnitsFormat, me as getEasingNames, ot as getElementFromHTMLString, lt as getElementFromTemplate, $r as getFirstDayOfWeek, Fi as getFontFamilyOptionValue, xi as getFontFamilyVariants, Ti as getFormControls, ko as getHighlightedTitle, Oo as getHighlightedTitleHtml, E as getInnerHTML, $i as getInterval, $a as getLightDarkCssString, jn as getNaturalWidthHeight, Qe as getNeededPaddingForBoxShadow, yt as getNextAncestor, Tr as getOffset, rt as getRelativeClickPercentage, L as getRootIDString, pr as getTabbableBoundary, fr as getTabbableElements, D as getTextContent, Qr as getTodayIsoDate, Pi as getTypefaceOptionValue, ya as groupBy, Zi as hasTransformSegment, Re as htmlToPlainText, ca as insertAtIndex, Vi as insertFrameToCache, ha as insertMultipleAtIndex, tr as interpolateStopColor, vt as isChrome, kr as isCortexAdobePlugin, dt as isDomElement, $e as isElementInHorizontalView, Ra as isExpiredAssetUrl, St as isFirefox, Ii as isFontFamilyAvailable, ji as isFormInteracted, Ke as isGalleryItemCardType, Zn as isGradientString, wt as isIOS, et as isInElement, Li as isModKey, z as isSafari, Nn as isSaveSrcValid, Ha as isValidDomainOrIntranetUrl, Kr as isValidIsoDate, Xa as isValidUrl, ui as isoToDate, oa as isoWeekNumber, st as loadScript, Or as lockBodyScrolling, eo as luminanceTextColor, ea as moveMultipleToIndex, Hi as moveToIndex, ua as multiSelectTo, Yn as normalizeAngle, fi as normalizeToIsoDate, ta as omit, xa as openAssetOverview, qi as openFolderOverview, Xi as openLink, Pe as padPath, Fe as parseBooleanString, so as parseBorder, Jr as parseDisplayToIso, x as parseDuration, Bi as parseFileSizeToBytes, er as parseGradient, di as parseIsoDate, Ei as parseJsonString, io as parseLightDark, Di as parseListString, to as parseShadow, Sa as parseTransformations, ki as pick, bt as popoverSupported, v as prefersReducedMotion, ar as quantizeLargestRemainder, bi as quoteFontFamily, za as readAssetTokenExpiry, na as readLocalStorageValue, it as readSearchConsistency, He as reducePathToDirectChild, w as registerTranslation, _a as removeAtIndex, Gi as removeMultipleAtIndex, Dn as resizeImage, Ta as resolveAutoFormat, Ui as resolveAutoMaxWidth, Ba as resolveSpaceUrl, vn as rotateBox, kn as rotateImage, ze as safeExtension, R as safeString, Ie as sanitizeHTML, bn as sanitizeRotation, Er as scrollIntoView, Ea as serialize, nr as serializeGradient, M as setAnimation, re as setDefaultAnimation, fa as shareAsset, _ as shimKeyframesHeightAuto, tt as sortByTopPosition, Xn as sortStops, wi as sortTypefaceVariants, Rr as splitBoxValues, je as splitCamelCaseFormatted, Qn as splitTopLevel, b as stopAnimations, Et as supportHLS, pa as testFontAvailability, po as timecodeConverter, qe as toCamelCase, Gr as toIsoDate, Xe as toKebabCase, Ne as toPascalCase, Ka as toRelativeUrl, Ye as toTitleCase, Ua as toUrlPathKey, Oi as toast, ke as truncateTextMiddle, Te as unescapeXML, Dr as unlockBodyScrolling, Ci as unquoteFontFamily, Je as upperFirst, ft as validValidityState, ht as valueMissingValidityState, S as waitForEvent, A as watch, mi as writeLocalStorageValue };
|
package/library/package.json
CHANGED
|
@@ -66,6 +66,10 @@ export default class CxStep extends CortexElement {
|
|
|
66
66
|
* This is the one that draws the circle
|
|
67
67
|
*/
|
|
68
68
|
color: string;
|
|
69
|
+
/**
|
|
70
|
+
* Overrides the active label color, used as-is (no contrast adjustment). Defaults to `color`.
|
|
71
|
+
*/
|
|
72
|
+
textColor: string;
|
|
69
73
|
/**
|
|
70
74
|
* Draws the step with a circle indicator instead of an arrow.
|
|
71
75
|
*/
|
|
@@ -51,7 +51,7 @@ import { default as CxVideoEditor } from '../video-editor/video-editor';
|
|
|
51
51
|
* @event {{ id: string }} cx-video-comment-mouseleave - Fired when leaving a comment marker.
|
|
52
52
|
* @event {{ name: string; data: unknown }} cx-video-event - Generic player event bridge.
|
|
53
53
|
* @event {{ layer: HTMLElement | null }} cx-video-annotation-layer-change - Fired when the player (re)mounts its annotation layer div; hosts mount annotators into this element.
|
|
54
|
-
* @event {{ key: 'activeTimelineSegmentId' | 'editMode' | 'enableAnnotation' | 'enableComment' | 'isCommentAnchorActive' | 'showCommentSidebar' | 'showSegmentSidebar' | 'startPosition' | 'stopPosition'; value: boolean | number | string | null }} cx-video-context-change - Fired when the player UI changes one of these context values (toggles, or the segment selection); hosts sync their context cells from it.
|
|
54
|
+
* @event {{ key: 'activeTimelineSegmentId' | 'editMode' | 'enableAnnotation' | 'enableComment' | 'isCommentAnchorActive' | 'loop' | 'showCommentSidebar' | 'showSegmentSidebar' | 'startPosition' | 'stopPosition'; value: boolean | number | string | null }} cx-video-context-change - Fired when the player UI changes one of these context values (toggles, or the segment selection); hosts sync their context cells from it.
|
|
55
55
|
* @event cx-video-closed - Fired when the player is torn down.
|
|
56
56
|
* @event cx-video-editor-undo - Fired when the editor undo action is requested.
|
|
57
57
|
* @event cx-video-editor-redo - Fired when the editor redo action is requested.
|
|
@@ -10,6 +10,7 @@ export declare enum VideoContextOutputKey {
|
|
|
10
10
|
EnableAnnotation = "enableAnnotation",
|
|
11
11
|
EnableComment = "enableComment",
|
|
12
12
|
IsCommentAnchorActive = "isCommentAnchorActive",
|
|
13
|
+
Loop = "loop",
|
|
13
14
|
ShowCommentSidebar = "showCommentSidebar",
|
|
14
15
|
ShowSegmentSidebar = "showSegmentSidebar",
|
|
15
16
|
StartPosition = "startPosition",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
export type CxMentionsAutocompleteItem = { "id": string; "label": string; "name": string; "suffixContent": string; "suffixIcon": string; "suffixTooltip": string; "suffixType": "badge"; "title": string; "type": string; };
|
|
30
30
|
export type CxMultiSelectColumnData = { "dividerColor": string; "id": string; "items": { "disabled": boolean; "group": string; "id": string; "index": string; "metadata": dictionary; "multiValueMetadata": dictionary; "text": string; "tooltip": string; "type": string; }[]; "sort": boolean; "title": string; };
|
|
31
31
|
export type CxShareOptionListShareOptionListItem = { "disabled": boolean; "icon": string; "id": string; "name": string; "tooltip": string; };
|
|
32
|
-
export type CxStepperWizardStepData = { "color": string; "description": string; "icon": string; "iconVariant": "outlined" | "filled" | "fa"; "id": string; "name": string; "readonly": boolean; "state": "Done" | "Active" | "None" | "Disabled"; };
|
|
32
|
+
export type CxStepperWizardStepData = { "color": string; "description": string; "icon": string; "iconVariant": "outlined" | "filled" | "fa"; "id": string; "name": string; "readonly": boolean; "state": "Done" | "Active" | "None" | "Disabled"; "textColor": string; };
|
|
33
33
|
export type CxAssetLinkFormatAsset = { "allowATSLink": boolean; "docSubType": string; "docType": "Album" | "Audio" | "Audio segment" | "Image" | "Multimedia" | "ProjectDocument" | "Story" | "Video" | "Widget"; "extension": string; "height": string; "id": string; "identifier": string; "imageUrl": string; "name": string; "scrubUrl": string; "size": string; "width": string; };
|
|
34
34
|
export type CxAssetLinkFormatCropMode = { "auto": boolean; "disabledSize": boolean; "label": string; "value": string; };
|
|
35
35
|
export type CxAssetLinkFormatFocusMode = { "auto": boolean; "label": string; "value": string; };
|
|
@@ -4776,6 +4776,10 @@
|
|
|
4776
4776
|
* This is the one that draws the circle
|
|
4777
4777
|
*/
|
|
4778
4778
|
color?: string;
|
|
4779
|
+
/**
|
|
4780
|
+
* Overrides the active label color, used as-is (no contrast adjustment). Defaults to `color`.
|
|
4781
|
+
*/
|
|
4782
|
+
textColor?: string;
|
|
4779
4783
|
/**
|
|
4780
4784
|
* Draws the step with a circle indicator instead of an arrow.
|
|
4781
4785
|
*/
|