@combeenation/custom-code-sdk 0.0.1-alpha8 → 0.0.1-rc1

package/dist/bundle.es.js

@@ -1,472 +1,506 @@
-var X = Object.defineProperty;
-var D = (t) => {
-  throw TypeError(t);
-};
-var Y = (t, n, e) => n in t ? X(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
-var d = (t, n, e) => Y(t, typeof n != "symbol" ? n + "" : n, e), _ = (t, n, e) => n.has(t) || D("Cannot " + e);
-var s = (t, n, e) => (_(t, n, "read from private field"), e ? e.call(t) : n.get(t)), a = (t, n, e) => n.has(t) ? D("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(t) : n.set(t, e), C = (t, n, e, i) => (_(t, n, "write to private field"), i ? i.call(t, e) : n.set(t, e), e);
-import { z as o } from "zod";
-const G = "0.0.1-alpha8";
-var E, l;
-class Be {
-  constructor(n) {
-    d(this, "id");
-    a(this, E, "v1");
-    a(this, l);
-    var i, r;
-    this.id = n;
-    const e = (r = (i = window.Cbn) == null ? void 0 : i.getCustomCodeSdkBridge) == null ? void 0 : r.call(i, s(this, E));
-    if (C(this, l, e == null ? void 0 : e.getButtonSdkBridge(this.id)), !s(this, l))
-      throw new Error(`Cannot access API for Button "${this.id}".`);
-  }
-  onRendered(n) {
-    var e;
-    return ((e = s(this, l)) == null ? void 0 : e.addOnRenderedCallback(n)) ?? { unsubscribe: () => {
-    } };
-  }
-  onClick(n) {
-    var e;
-    return ((e = s(this, l)) == null ? void 0 : e.addOnClickCallback(n)) ?? { unsubscribe: () => {
-    } };
-  }
-  async setVisible(n) {
-    var e;
-    await ((e = s(this, l)) == null ? void 0 : e.setVisible(n));
-  }
-  setText(n) {
-    var e;
-    (e = s(this, l)) == null || e.setText(n);
-  }
+import { z as e } from "zod";
+//#region \0rolldown/runtime.js
+var t = Object.defineProperty, n = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, r = "0.0.1-rc1", i = class {
+	id;
+	#e = "v1";
+	#t = void 0;
+	constructor(e) {
+		this.id = e;
+		let t = window.Cbn?.getCustomCodeSdkBridge?.(this.#e);
+		if (this.#t = t?.getButtonSdkBridge(this.id), !this.#t) throw Error(`Cannot access API for Button "${this.id}".`);
+	}
+	onRendered(e) {
+		return this.#t?.addOnRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	onClick(e) {
+		return this.#t?.addOnClickCallback(e) ?? { unsubscribe: () => {} };
+	}
+	async setVisible(e) {
+		await this.#t?.setVisible(e);
+	}
+	setText(e) {
+		this.#t?.setText(e);
+	}
+	setProperty(e, t) {
+		this.#t?.setProperty(e, t);
+	}
+}, a = class {
+	id;
+	#e = "v1";
+	#t = void 0;
+	constructor(e) {
+		this.id = e;
+		let t = window.Cbn?.getCustomCodeSdkBridge?.(this.#e);
+		if (this.#t = t?.getCheckboxSdkBridge(this.id), !this.#t) throw Error(`Cannot access API for Checkbox "${this.id}".`);
+	}
+	onRendered(e) {
+		return this.#t?.addOnRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	async setVisible(e) {
+		await this.#t?.setVisible(e);
+	}
+	setChecked(e) {
+		this.#t?.setChecked(e);
+	}
+	onCheckedChange(e) {
+		return this.#t?.onCheckedChange(e) ?? { unsubscribe: () => {} };
+	}
+	setProperty(e, t) {
+		this.#t?.setProperty(e, t);
+	}
+}, o = class {
+	id;
+	#e = "v1";
+	#t = void 0;
+	constructor(e) {
+		this.id = e;
+		let t = window.Cbn?.getCustomCodeSdkBridge?.(this.#e);
+		if (this.#t = t?.getCollapsibleSdkBridge(this.id), !this.#t) throw Error(`Cannot access API for Collapsible "${this.id}".`);
+	}
+	onRendered(e) {
+		return this.#t?.addOnRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	async setVisible(e) {
+		await this.#t?.setVisible(e);
+	}
+	setProperty(e, t) {
+		this.#t?.setProperty(e, t);
+	}
+}, s = class {
+	id;
+	#e = "v1";
+	#t = void 0;
+	constructor(e) {
+		this.id = e;
+		let t = window.Cbn?.getCustomCodeSdkBridge?.(this.#e);
+		if (this.#t = t?.getComboboxSdkBridge(this.id), !this.#t) throw Error(`Cannot access API for Combobox "${this.id}".`);
+	}
+	onRendered(e) {
+		return this.#t?.addOnRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	onItemRendered(e) {
+		return this.#t?.addOnItemRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	onValueItemRendered(e) {
+		return this.#t?.addOnValueItemRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	onGroupHeaderRendered(e) {
+		return this.#t?.addOnGroupHeaderRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	onValueChange(e) {
+		return this.#t?.addOnValueChangeCallback(e) ?? { unsubscribe: () => {} };
+	}
+	onItemClicked(e) {
+		return this.#t?.addOnItemClickedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	async setVisible(e) {
+		await this.#t?.setVisible(e);
+	}
+	setEntries(e) {
+		this.#t?.setEntries(e);
+	}
+	setGroupData(e) {
+		this.#t?.setGroupData(e);
+	}
+	setProperty(e, t) {
+		this.#t?.setProperty(e, t);
+	}
+}, c = class {
+	id;
+	#e = "v1";
+	#t = void 0;
+	constructor(e) {
+		this.id = e;
+		let t = window.Cbn?.getCustomCodeSdkBridge?.(this.#e);
+		if (this.#t = t?.getCustomCtrlSdkBridge(this.id), !this.#t) throw Error(`Cannot access API for Custom Control "${this.id}".`);
+	}
+	set renderFn(e) {
+		this.#t?.setRenderFn(e);
+	}
+	async render(e) {
+		typeof e == "function" && (this.renderFn = e), await this.#t?.render();
+	}
+	onRendered(e) {
+		return this.#t?.addOnRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	getElement() {
+		return this.#t?.getElement();
+	}
+	async setVisible(e) {
+		await this.#t?.setVisible(e);
+	}
+	setProperty(e, t) {
+		this.#t?.setProperty(e, t);
+	}
+}, l = class {
+	id;
+	#e = "v1";
+	#t = void 0;
+	constructor(e) {
+		this.id = e;
+		let t = window.Cbn?.getCustomCodeSdkBridge?.(this.#e);
+		if (this.#t = t?.getDataviewSdkBridge(this.id), !this.#t) throw Error(`Cannot access API for Dataview "${this.id}".`);
+	}
+	onRendered(e) {
+		return this.#t?.addOnRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	onItemRendered(e) {
+		return this.#t?.addOnItemRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	onGroupHeaderRendered(e) {
+		return this.#t?.addOnGroupHeaderRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	onValueChange(e) {
+		return this.#t?.addOnValueChangeCallback(e) ?? { unsubscribe: () => {} };
+	}
+	onItemClicked(e) {
+		return this.#t?.addOnItemClickedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	async setVisible(e) {
+		await this.#t?.setVisible(e);
+	}
+	setEntries(e) {
+		this.#t?.setEntries(e);
+	}
+	setGroupData(e) {
+		this.#t?.setGroupData(e);
+	}
+	setProperty(e, t) {
+		this.#t?.setProperty(e, t);
+	}
+}, u = class {
+	id;
+	#e = "v1";
+	#t = void 0;
+	constructor(e) {
+		this.id = e;
+		let t = window.Cbn?.getCustomCodeSdkBridge?.(this.#e);
+		if (this.#t = t?.getInputSdkBridge(this.id), !this.#t) throw Error(`Cannot access API for Input "${this.id}".`);
+	}
+	onRendered(e) {
+		return this.#t?.addOnRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	async setVisible(e) {
+		await this.#t?.setVisible(e);
+	}
+	setValue(e) {
+		this.#t?.setValue(e);
+	}
+	onValueChange(e) {
+		return this.#t?.onValueChange(e) ?? { unsubscribe: () => {} };
+	}
+	setProperty(e, t) {
+		this.#t?.setProperty(e, t);
+	}
+}, d = class {
+	id;
+	#e = "v1";
+	#t = void 0;
+	constructor(e) {
+		this.id = e;
+		let t = window.Cbn?.getCustomCodeSdkBridge?.(this.#e);
+		if (this.#t = t?.getPanelSdkBridge(this.id), !this.#t) throw Error(`Cannot access API for Panel "${this.id}".`);
+	}
+	onRendered(e) {
+		return this.#t?.addOnRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	async setVisible(e) {
+		await this.#t?.setVisible(e);
+	}
+	setProperty(e, t) {
+		this.#t?.setProperty(e, t);
+	}
+}, f = class {
+	id;
+	#e = "v1";
+	#t = void 0;
+	constructor(e) {
+		this.id = e;
+		let t = window.Cbn?.getCustomCodeSdkBridge?.(this.#e);
+		if (this.#t = t?.getTextSdkBridge(this.id), !this.#t) throw Error(`Cannot access API for Text "${this.id}".`);
+	}
+	onRendered(e) {
+		return this.#t?.addOnRenderedCallback(e) ?? { unsubscribe: () => {} };
+	}
+	async setVisible(e) {
+		await this.#t?.setVisible(e);
+	}
+	setText(e) {
+		this.#t?.setText(e);
+	}
+	setProperty(e, t) {
+		this.#t?.setProperty(e, t);
+	}
+}, p = 1, m = [];
+function ee(e, t) {
+	if (m.length >= p) throw Error(`Only ${p} \`ConfiguratorClient\` can be created at a time.`);
+	m.push({
+		client: e,
+		internals: t
+	});
 }
-E = new WeakMap(), l = new WeakMap();
-var I, g;
-class Ee {
-  constructor(n) {
-    d(this, "id");
-    a(this, I, "v1");
-    a(this, g);
-    var i, r;
-    this.id = n;
-    const e = (r = (i = window.Cbn) == null ? void 0 : i.getCustomCodeSdkBridge) == null ? void 0 : r.call(i, s(this, I));
-    if (C(this, g, e == null ? void 0 : e.getCheckboxSdkBridge(this.id)), !s(this, g))
-      throw new Error(`Cannot access API for Checkbox "${this.id}".`);
-  }
-  onRendered(n) {
-    var e;
-    return ((e = s(this, g)) == null ? void 0 : e.addOnRenderedCallback(n)) ?? { unsubscribe: () => {
-    } };
-  }
-  async setVisible(n) {
-    var e;
-    await ((e = s(this, g)) == null ? void 0 : e.setVisible(n));
-  }
+function h() {
+	let e = m[0];
+	if (!e) throw Error("Operation not possible as no `ConfiguratorClient` has been registered yet.");
+	return e.client;
 }
-I = new WeakMap(), g = new WeakMap();
-var T, h;
-class Ie {
-  constructor(n) {
-    d(this, "id");
-    a(this, T, "v1");
-    a(this, h);
-    var i, r;
-    this.id = n;
-    const e = (r = (i = window.Cbn) == null ? void 0 : i.getCustomCodeSdkBridge) == null ? void 0 : r.call(i, s(this, T));
-    if (C(this, h, e == null ? void 0 : e.getCollapsibleSdkBridge(this.id)), !s(this, h))
-      throw new Error(`Cannot access API for Collapsible "${this.id}".`);
-  }
-  onRendered(n) {
-    var e;
-    return ((e = s(this, h)) == null ? void 0 : e.addOnRenderedCallback(n)) ?? { unsubscribe: () => {
-    } };
-  }
-  async setVisible(n) {
-    var e;
-    await ((e = s(this, h)) == null ? void 0 : e.setVisible(n));
-  }
+function te() {
+	let e = m[0];
+	if (!e) throw Error("Operation not possible as no `ConfiguratorClient` has been registered yet.");
+	return e.internals;
 }
-T = new WeakMap(), h = new WeakMap();
-var R, c;
-class Te {
-  constructor(n) {
-    d(this, "id");
-    a(this, R, "v1");
-    a(this, c);
-    var i, r;
-    this.id = n;
-    const e = (r = (i = window.Cbn) == null ? void 0 : i.getCustomCodeSdkBridge) == null ? void 0 : r.call(i, s(this, R));
-    if (C(this, c, e == null ? void 0 : e.getCustomCtrlSdkBridge(this.id)), !s(this, c))
-      throw new Error(`Cannot access API for Custom Control "${this.id}".`);
-  }
-  /**
-   * This gives custom code full control over what is rendered inside the control. When setting this function, custom
-   * code is responsible to actively render/set the content/innerHTML of the given `element` inside the
-   * {@link renderFn}.
-   *
-   * The configurator will not render any content inside the control when a {@link renderFn} is set.
-   *
-   * For the {@link renderFn} to work, the property `Custom code controlled` needs to be enabled on the control.
-   * The {@link renderFn} will be ignored when `Custom code controlled` is not enabled.
-   *
-   * Good to know:
-   *   - Setting a new {@link renderFn} does not trigger a re-render.\
-   *     Use {@link render} if you want to trigger a re-render after setting a new {@link renderFn}.
-   *   - There can only be one {@link renderFn} per control. Setting a new one will override the existing one.
-   *   - The {@link renderFn} will be called in the following scenarios:
-   *     - Everytime the control is being shown. This is on initial show as well as when toggling its visibility.
-   *     - When forcing a render via the {@link render} method.
-   *   - Difference to {@link onRendered}:
-   *     - The {@link renderFn} is meant to control the rendered content whilst {@link onRendered} is a classic event
-   *       listener which allows you to perform certain actions like installing event listener on DOM nodes etc.
-   *       **after** the content has been rendered.
-   *     - You can install multiple {@link onRendered} callbacks.
-   *     - The {@link renderFn} and {@link onRendered} callbacks can be used side by side.
-   *   - The {@link renderFn} should always be used instead of manually manipulating the DOM via vanilla JS.\
-   *     When manipulating the DOM outside of the {@link renderFn}, your changes can always be overridden by the
-   *     configurator.\
-   *     Using the {@link renderFn} ensures that your changes are applied in a stable and predictable way.
-   */
-  set renderFn(n) {
-    var e;
-    (e = s(this, c)) == null || e.setRenderFn(n);
-  }
-  /**
-   * Forces a re-render of the control.
-   *
-   * @param renderFn Convenience param which allows setting the {@link renderFn} and triggering a render in one call.
-   *                 The given `renderFn` will be permanently installed and will override any previously set
-   *                 {@link renderFn}.
-   */
-  async render(n) {
-    var e;
-    typeof n == "function" && (this.renderFn = n), await ((e = s(this, c)) == null ? void 0 : e.render());
-  }
-  /**
-   * This allows custom code to register callbacks in which it can perform certain actions like installing event
-   * listeners on DOM nodes or adding CSS classes etc. **after** the control has been rendered.
-   *
-   * The control can be rendered in the following scenarios:
-   *   - Everytime the control is being shown. This is on initial show as well as when toggling its visibility.
-   *   - When forcing a render via the {@link render} method.
-   *   - When the value of the control's `HTML` property changes e.g. via Hive in controls.
-   *
-   * !!! Important !!!
-   *
-   * This is **not** meant to be used for manipulating the rendered content of the control besides simple,
-   * non-structural/-behavioral changes like adding CSS classes or data attributes etc.
-   *
-   * For manipulating/controlling the rendered content, use the {@link renderFn} instead.
-   *
-   * See {@link renderFn} for more differences between the two.
-   */
-  onRendered(n) {
-    var e;
-    return ((e = s(this, c)) == null ? void 0 : e.addOnRenderedCallback(n)) ?? { unsubscribe: () => {
-    } };
-  }
-  getElement() {
-    var e;
-    return (e = s(this, c)) == null ? void 0 : e.getElement();
-  }
-  async setVisible(n) {
-    var e;
-    await ((e = s(this, c)) == null ? void 0 : e.setVisible(n));
-  }
+//#endregion
+//#region src/utils/sdk-bridge.provider.ts
+var g = window.Cbn?.getCustomCodeSdkBridge?.("v1");
+if (!g) throw Error("Cannot access Configurator SDK bridge. Make sure to only use the `custom-code-sdk` inside a Combeenation Configurator.");
+var _ = g.createCfgrClient("v1", ee);
+if (!_) throw Error("Cannot create Configurator Client. Make sure to only use the `custom-code-sdk` inside a Combeenation Configurator.");
+var v = g.getParentPageUtilsSdkBridge(), y = g.getCtrlsSdkBridge(), b = g.getCfgrUtilsSdkBridge(), ne = g.getViewer3dSdkBridge(), re = g.getLifecycleSdkBridge(), x = _, S = /* @__PURE__ */ function(e) {
+	return e[e.Any = 1] = "Any", e[e.Image = 2] = "Image", e;
+}({}), C = /* @__PURE__ */ function(e) {
+	return e[e.PdfAsset = 0] = "PdfAsset", e[e.Asset = 1] = "Asset", e[e.Merge = 2] = "Merge", e[e.OutputToCfgnFile = 4] = "OutputToCfgnFile", e;
+}({}), w = /* @__PURE__ */ function(e) {
+	return e[e.PdfAsset = C.PdfAsset] = "PdfAsset", e[e.Asset = C.Asset] = "Asset", e;
+}({}), T = (e) => b.uploadCfgnFiles(e, S.Image), E = (e) => b.uploadCfgnFiles(e, S.Any), D = (e) => b.uploadTempCfgnFiles(e, S.Image), O = (e) => b.uploadTempCfgnFiles(e, S.Any), k = (e) => b.convertDocument(e);
+async function A(e, t, n, r) {
+	let i = t.length > 1, a = "MergeTask", o = "Task_", s = t.map((t, n) => t.type === w.PdfAsset ? {
+		type: C.PdfAsset,
+		name: `${o}${n}`,
+		bundleAliasName: e,
+		assetPath: t.assetPath,
+		context: t.context
+	} : {
+		type: C.Asset,
+		name: `${o}${n}`,
+		bundleAliasName: e,
+		assetPath: t.assetPath
+	});
+	return i && s.push({
+		type: C.Merge,
+		name: a,
+		inputTaskNames: s.map((e) => e.name)
+	}), s.push({
+		type: C.OutputToCfgnFile,
+		inputTaskName: i ? a : s[0].name,
+		name: "OutputPdfTask",
+		cfgnFileExtension: "pdf",
+		cfgnFileName: n,
+		cfgnFileDisplayName: r
+	}), b.convertDocument(s);
 }
-R = new WeakMap(), c = new WeakMap();
-var S, b;
-class Re {
-  constructor(n) {
-    d(this, "id");
-    a(this, S, "v1");
-    a(this, b);
-    var i, r;
-    this.id = n;
-    const e = (r = (i = window.Cbn) == null ? void 0 : i.getCustomCodeSdkBridge) == null ? void 0 : r.call(i, s(this, S));
-    if (C(this, b, e == null ? void 0 : e.getDataviewSdkBridge(this.id)), !s(this, b))
-      throw new Error(`Cannot access API for Dataview "${this.id}".`);
-  }
-  onRendered(n) {
-    var e;
-    return ((e = s(this, b)) == null ? void 0 : e.addOnRenderedCallback(n)) ?? { unsubscribe: () => {
-    } };
-  }
-  async setVisible(n) {
-    var e;
-    await ((e = s(this, b)) == null ? void 0 : e.setVisible(n));
-  }
+//#endregion
+//#region ../../packages/be-lib/src/lib/hive-enums.ts
+var j = {
+	Text: "Text",
+	Number: "Number",
+	Logic: "Logic",
+	Image: "Image",
+	FileUrl: "FileUrl",
+	TextAsset: "TextAsset",
+	Table: "Table"
+};
+`${j.Text}`, `${j.Number}`;
+var M = {
+	ValueComponent: "ValueComponent",
+	TableComponent: "TableComponent",
+	RecordComponent: "RecordComponent",
+	ResourceComponent: "ResourceComponent",
+	GraphicComponent: "GraphicComponent",
+	CheckoutComponent: "CheckoutComponent"
+};
+M.GraphicComponent, M.CheckoutComponent, M.ResourceComponent, M.RecordComponent;
+var N = {
+	ValueEditor: "ValueEditor",
+	TableEditor: "TableEditor",
+	Fiber: "Fiber",
+	FiberEditor: "FiberEditor",
+	CfgrField: "CfgrField"
+};
+e.enum([
+	N.ValueEditor,
+	N.TableEditor,
+	N.Fiber,
+	N.FiberEditor,
+	N.CfgrField
+]), e.union([
+	e.string(),
+	e.number(),
+	e.boolean()
+]);
+var P = (e) => typeof e == "string";
+e.string(), e.enum([
+	j.Text,
+	j.Number,
+	j.Logic
+]), e.string(), e.custom((e) => P(e) && e.toLowerCase() === e);
+var F = (e) => e?.toLowerCase() ?? "";
+e.string();
+var ie = e.custom((e) => P(e) ? RegExp(`^${M.ValueComponent}<.*>$`).test(e) : !1), ae = e.custom((e) => P(e) ? RegExp(`^${M.RecordComponent}<.*>$`).test(e) : !1), oe = e.custom((e) => P(e) ? RegExp(`^${M.ResourceComponent}<.*>$`).test(e) : !1), se = e.custom((e) => P(e) ? RegExp(`^${M.TableComponent}<.*>$`).test(e) : !1);
+e.union([
+	ie,
+	se,
+	ae,
+	oe,
+	e.literal(M.GraphicComponent),
+	e.literal(M.CheckoutComponent)
+]);
+var I = e.union([
+	e.string(),
+	e.number(),
+	e.boolean()
+]), ce = e.union([
+	I,
+	e.array(I),
+	e.object({}),
+	e.unknown()
+]);
+e.object({
+	$typ: e.literal("Error"),
+	Id: e.string(),
+	Message: e.string(),
+	route: e.unknown().optional()
+}).or(ce);
+//#endregion
+//#region ../configurator-client/src/cmps-registry.ts
+var L = /* @__PURE__ */ new Map();
+function le(e) {
+	let t = F(e.name);
+	L.has(t) || L.set(t, e);
 }
-S = new WeakMap(), b = new WeakMap();
-var v, p;
-class Se {
-  constructor(n) {
-    d(this, "id");
-    a(this, v, "v1");
-    a(this, p);
-    var i, r;
-    this.id = n;
-    const e = (r = (i = window.Cbn) == null ? void 0 : i.getCustomCodeSdkBridge) == null ? void 0 : r.call(i, s(this, v));
-    if (C(this, p, e == null ? void 0 : e.getInputSdkBridge(this.id)), !s(this, p))
-      throw new Error(`Cannot access API for Input "${this.id}".`);
-  }
-  onRendered(n) {
-    var e;
-    return ((e = s(this, p)) == null ? void 0 : e.addOnRenderedCallback(n)) ?? { unsubscribe: () => {
-    } };
-  }
-  async setVisible(n) {
-    var e;
-    await ((e = s(this, p)) == null ? void 0 : e.setVisible(n));
-  }
+//#endregion
+//#region ../configurator-client/src/cmps/value-component.ts
+var ue = class {
+	name;
+	zodType;
+	constructor(e, t) {
+		this.name = e, this.zodType = t, le(this);
+	}
+	async getValue() {
+		return await h().getCmpValue(this.name);
+	}
+	async setInput(e) {
+		let t = F(this.name);
+		await te().setCmpInput(t, e, this.zodType);
+	}
+	onValueChanged(e, t = !1, n) {
+		h().onCmpValueChanged(this.name, e, n, t);
+	}
+}, de = () => b.getAssetPaths(), fe = /* @__PURE__ */ function(e) {
+	return e[e.Facebook = 0] = "Facebook", e[e.Pinterest = 1] = "Pinterest", e[e.Twitter = 2] = "Twitter", e[e.LinkedIn = 3] = "LinkedIn", e[e.WhatsApp = 4] = "WhatsApp", e[e.Custom = 5] = "Custom", e[e.NativeShare = 6] = "NativeShare", e;
+}({}), R = x.onAnyCmpValueChanged.bind(x), z = async (e) => {
+	if (await x.finishConfiguration(e?.input), e.sendDataToParentPage) {
+		let t = e.transformParentPageData();
+		await v.sendConfigurationFinished(t);
+	}
+}, B = async (e) => {
+	let t = fe[e.platform], n = e.imageUrl ?? "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+X2ZkAAAAASUVORK5CYII=", r = {
+		...e,
+		platform: t,
+		imageUrl: n
+	}, i = await x.shareConfiguration(r);
+	await b.openShareWindow(e.platform, i);
+	let { shareUrl: a, shareConfigurationId: o } = i;
+	return {
+		shareUrl: a,
+		shareConfigurationId: o
+	};
+}, V = () => v.isInIFrame(), H = (e) => v.setIFrameSize(e), U = (e) => b.navigateToLogin(e), W = async (e) => {
+	let { promise: t, resolve: n } = Promise.withResolvers(), r = {};
+	for (let [t, i] of Object.entries(e)) i.onValueChanged((i) => {
+		r[t] = i, Object.keys(e).every((e) => e in r) && n(r);
+	}, !0);
+	return t;
+};
+//#endregion
+//#region src/utils/ctrl.utils.ts
+function G(e, t) {
+	return new i(y.createCtrl("button", e.id, t));
 }
-v = new WeakMap(), p = new WeakMap();
-var P, m;
-class ve {
-  constructor(n) {
-    d(this, "id");
-    a(this, P, "v1");
-    a(this, m);
-    var i, r;
-    this.id = n;
-    const e = (r = (i = window.Cbn) == null ? void 0 : i.getCustomCodeSdkBridge) == null ? void 0 : r.call(i, s(this, P));
-    if (C(this, m, e == null ? void 0 : e.getPanelSdkBridge(this.id)), !s(this, m))
-      throw new Error(`Cannot access API for Panel "${this.id}".`);
-  }
-  onRendered(n) {
-    var e;
-    return ((e = s(this, m)) == null ? void 0 : e.addOnRenderedCallback(n)) ?? { unsubscribe: () => {
-    } };
-  }
-  async setVisible(n) {
-    var e;
-    await ((e = s(this, m)) == null ? void 0 : e.setVisible(n));
-  }
+function K(e, t) {
+	return new a(y.createCtrl("checkbox", e.id, t));
 }
-P = new WeakMap(), m = new WeakMap();
-var O, u;
-class Pe {
-  constructor(n) {
-    d(this, "id");
-    a(this, O, "v1");
-    a(this, u);
-    var i, r;
-    this.id = n;
-    const e = (r = (i = window.Cbn) == null ? void 0 : i.getCustomCodeSdkBridge) == null ? void 0 : r.call(i, s(this, O));
-    if (C(this, u, e == null ? void 0 : e.getTextSdkBridge(this.id)), !s(this, u))
-      throw new Error(`Cannot access API for Text "${this.id}".`);
-  }
-  onRendered(n) {
-    var e;
-    return ((e = s(this, u)) == null ? void 0 : e.addOnRenderedCallback(n)) ?? { unsubscribe: () => {
-    } };
-  }
-  async setVisible(n) {
-    var e;
-    await ((e = s(this, u)) == null ? void 0 : e.setVisible(n));
-  }
-  setText(n) {
-    var e;
-    (e = s(this, u)) == null || e.setText(n);
-  }
+function q(e, t) {
+	return new l(y.createCtrl("dataview", e.id, {
+		position: t.position,
+		properties: {
+			...t.properties,
+			listMode: t.mode,
+			valueType: t.mode === "no-selection" ? void 0 : t.valueType
+		}
+	}));
 }
-O = new WeakMap(), u = new WeakMap();
-const M = 1, y = [];
-function q(t, n) {
-  if (y.length >= M)
-    throw new Error(`Only ${M} \`ConfiguratorClient\` can be created at a time.`);
-  y.push({ client: t, internals: n });
+function J(e, t) {
+	return new s(y.createCtrl("combobox", e.id, {
+		position: t.position,
+		properties: {
+			...t.properties,
+			listMode: t.mode,
+			valueType: t.mode === "no-selection" ? void 0 : t.valueType
+		}
+	}));
 }
-function N() {
-  const t = y[0];
-  if (!t)
-    throw new Error("Operation not possible as no `ConfiguratorClient` has been registered yet.");
-  return t.client;
+function Y(e, t) {
+	return new f(y.createCtrl("text", e.id, t));
 }
-function J() {
-  const t = y[0];
-  if (!t)
-    throw new Error("Operation not possible as no `ConfiguratorClient` has been registered yet.");
-  return t.internals;
+function X(e, t) {
+	return new d(y.createCtrl("panel", e.id, t));
 }
-const ee = "v1";
-var A, j;
-const $ = (j = (A = window.Cbn) == null ? void 0 : A.getCustomCodeSdkBridge) == null ? void 0 : j.call(A, "v1");
-if (!$)
-  throw new Error(
-    "Cannot access Configurator SDK bridge. Make sure to only use the `custom-code-sdk` inside a Combeenation Configurator."
-  );
-const K = $.createCfgrClient(ee, q);
-if (!K)
-  throw new Error(
-    "Cannot create Configurator Client. Make sure to only use the `custom-code-sdk` inside a Combeenation Configurator."
-  );
-const w = $.getParentPageUtilsSdkBridge(), U = $.getCfgrUtilsSdkBridge(), B = K, L = {
-  Text: "Text",
-  Number: "Number",
-  Logic: "Logic"
-}, f = {
-  ValueComponent: "ValueComponent",
-  TableComponent: "TableComponent",
-  // TODO WTT: We're not actively supporting the following cmp types (yet). Neither in editor v2, nor in the headless
-  //           cfgr client. However, they're still sent w/ our cspd updates, which is why we still list them in our cspd
-  //           update Zod typings to not fail at parsing etc.
-  //
-  //           If we decide to not support them at all, neither in editor v2, nor in the headless cfgr client, remove
-  //           them from here and update our cspd update data to not include them anymore.
-  //
-  //           Also see & update `IgnoredCmpBaseTypes` accordingly.
-  RecordComponent: "RecordComponent",
-  ResourceComponent: "ResourceComponent",
-  GraphicComponent: "GraphicComponent",
-  CheckoutComponent: "CheckoutComponent"
-}, k = {
-  ValueEditor: "ValueEditor",
-  TableEditor: "TableEditor",
-  Fiber: "Fiber",
-  FiberEditor: "FiberEditor",
-  CfgrField: "CfgrField"
-};
-o.enum([
-  k.ValueEditor,
-  k.TableEditor,
-  k.Fiber,
-  k.FiberEditor,
-  k.CfgrField
-]);
-o.union([o.string(), o.number(), o.boolean()]);
-const V = (t) => typeof t == "string";
-o.string();
-o.enum([L.Text, L.Number, L.Logic]);
-o.string();
-o.custom((t) => V(t) && t.toLowerCase() === t);
-const W = (t) => (t == null ? void 0 : t.toLowerCase()) ?? "";
-o.string();
-const te = o.custom(
-  (t) => V(t) ? new RegExp(`^${f.ValueComponent}<.*>$`).test(t) : !1
-), ne = o.custom(
-  (t) => V(t) ? new RegExp(`^${f.RecordComponent}<.*>$`).test(t) : !1
-), ie = o.custom(
-  (t) => V(t) ? new RegExp(`^${f.ResourceComponent}<.*>$`).test(t) : !1
-), se = o.custom(
-  (t) => V(t) ? new RegExp(`^${f.TableComponent}<.*>$`).test(t) : !1
-);
-o.union([
-  te,
-  se,
-  ne,
-  ie,
-  o.literal(f.GraphicComponent),
-  o.literal(f.CheckoutComponent)
-]);
-const Z = o.union([o.string(), o.number(), o.boolean()]), oe = o.union([Z, o.array(Z), o.object({}), o.unknown()]), re = o.object({
-  $typ: o.literal("Error"),
-  // TODO WTT: Introduce more specific typing here for known error IDs etc.? Maybe in combination w/ some server
-  //           generated enum?
-  Id: o.string(),
-  Message: o.string(),
-  /**
-   * Just adding this here for completeness. Not sure if always there and what data it actually holds etc.
-   * I guess this could be used for adding squiggly lines to the Hive rule etc.
-   *
-   * TODO WTT: Clarify what this is + refine the Zod type etc.
-   */
-  route: o.unknown().optional()
-});
-re.or(oe);
-const z = /* @__PURE__ */ new Map();
-function ae(t) {
-  const n = W(t.name);
-  z.has(n) || z.set(n, t);
+function Z(e, t) {
+	return new u(y.createCtrl("textbox", e.id, t));
 }
-class Oe {
-  constructor(n, e) {
-    d(this, "name");
-    d(this, "zodType");
-    this.name = n, this.zodType = e, ae(this);
-  }
-  /**
-   * Function for receiving the value of a component.
-   */
-  async getValue() {
-    return await N().getCmpValue(this.name);
-  }
-  /**
-   * Sends the ChangeConfigurationValue request to the server
-   */
-  async setInput(n) {
-    const e = W(this.name);
-    await J().setCmpInput(e, n, this.zodType);
-  }
-  /**
-   * @param listener        Called whenever the value of the given cmp has changed
-   * @param callImmediately `True:` The listener is immediately called with the current value of the cmp at the
-   *                        time, the listener is added\
-   *                        `False:` The listener will be called for the first time when the value of the cmp
-   *                        actually changes
-   * @param condition       A predicate function which is given the new cmp value.\
-   *                        The function can decide on whether the listener is called or not by returning true or false.
-   */
-  onValueChanged(n, e = !1, i) {
-    N().onCmpValueChanged(this.name, n, i, e);
-  }
+function Q(e, t) {
+	return new c(y.createCtrl("customctrl", e.id, t));
 }
-const de = () => U.getAssetPaths();
-var H = /* @__PURE__ */ ((t) => (t[t.Facebook = 0] = "Facebook", t[t.Pinterest = 1] = "Pinterest", t[t.Twitter = 2] = "Twitter", t[t.LinkedIn = 3] = "LinkedIn", t[t.WhatsApp = 4] = "WhatsApp", t[t.Custom = 5] = "Custom", t[t.NativeShare = 6] = "NativeShare", t))(H || {});
-const ce = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+X2ZkAAAAASUVORK5CYII=", Ce = B.onAnyCmpValueChanged.bind(B), le = async (t) => {
-  if (await B.finishConfiguration(t == null ? void 0 : t.input), t.sendDataToParentPage) {
-    const n = t.transformParentPageData();
-    await w.sendConfigurationFinished(n);
-  }
-}, ue = async (t) => {
-  const n = H[t.platform], e = t.imageUrl ?? ce, i = { ...t, platform: n, imageUrl: e }, r = await B.shareConfiguration(i);
-  await U.openShareWindow(t.platform, r);
-  const { shareUrl: F, shareConfigurationId: x } = r;
-  return { shareUrl: F, shareConfigurationId: x };
-}, ge = async (t) => {
-  const { promise: n, resolve: e } = Promise.withResolvers(), i = {};
-  for (const [r, F] of Object.entries(t))
-    F.onValueChanged((x) => {
-      i[r] = x, Object.keys(t).every((Q) => Q in i) && e(i);
-    }, !0);
-  return n;
-}, he = () => w.isInIFrame(), be = (t) => w.setIFrameSize(t), pe = (t) => U.navigateToLogin(t), me = (t, n) => w.sendCustomMsg(t, n), we = (t) => w.redirectParentPage(t), fe = () => w.getParentPageUrl(), ke = (t, n) => w.fireAnalyticsEvent(t, n), $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  configuratorIsInIFrame: he,
-  createSyncCmpValuesStore: ge,
-  finishConfiguration: le,
-  fireAnalyticsEvent: ke,
-  getAssetPaths: de,
-  getParentPageUrl: fe,
-  navigateToLogin: pe,
-  onAnyCmpValueChanged: Ce,
-  redirectParentPage: we,
-  sendCustomMsgToParentPage: me,
-  setConfiguratorIFrameSize: be,
-  shareConfiguration: ue,
-  version: G
-}, Symbol.toStringTag, { value: "Module" }));
-console.log(`Loading custom code SDK v${G}`);
-export {
-  Be as Button,
-  $e as CbnSdk,
-  Ee as Checkbox,
-  Ie as Collapsible,
-  Te as CustomControl,
-  Re as Dataview,
-  Se as Input,
-  ve as Panel,
-  Pe as Text,
-  Oe as ValueComponent,
-  he as configuratorIsInIFrame,
-  ge as createSyncCmpValuesStore,
-  le as finishConfiguration,
-  ke as fireAnalyticsEvent,
-  de as getAssetPaths,
-  fe as getParentPageUrl,
-  pe as navigateToLogin,
-  Ce as onAnyCmpValueChanged,
-  we as redirectParentPage,
-  me as sendCustomMsgToParentPage,
-  be as setConfiguratorIFrameSize,
-  ue as shareConfiguration,
-  G as version
-};
+function $(e, t) {
+	return new o(y.createCtrl("collapsible", e.id, t));
+}
+//#endregion
+//#region src/utils/lifecycle.utils.ts
+var pe = "`beforeConfiguratorIsRendered` has no effect because it was called after the configurator was already rendered.\nMake sure to call it synchronously in the top-level code of your entry file before any top-level `await`.", me = "`beforeConfiguratorIsRendered` is ignored because it was called more than once.\nIt must only be called once.", he = (e) => {
+	let t = re.registerBeforeConfiguratorIsRendered(e);
+	t === "called-after-cfgr-render" ? console.error(pe) : t === "already-registered" && console.error(me);
+}, ge = (e, t) => v.sendCustomMsg(e, t), _e = (e) => v.redirectParentPage(e), ve = () => v.getParentPageUrl(), ye = (e, t) => v.fireAnalyticsEvent(e, t), be = (e) => v.onParentPageEvent(e), xe = async (e, t) => ne.createArPage(e, t), Se = /* @__PURE__ */ n({
+	addButtonControl: () => G,
+	addCheckboxControl: () => K,
+	addCollapsibleControl: () => $,
+	addComboboxControl: () => J,
+	addCustomControl: () => Q,
+	addDataviewControl: () => q,
+	addInputControl: () => Z,
+	addPanelControl: () => X,
+	addTextControl: () => Y,
+	beforeConfiguratorIsRendered: () => he,
+	configuratorIsInIFrame: () => V,
+	convertDocument: () => k,
+	createArPage: () => xe,
+	createPdfFromAssets: () => A,
+	createSyncCmpValuesStore: () => W,
+	finishConfiguration: () => z,
+	fireAnalyticsEvent: () => ye,
+	getAssetPaths: () => de,
+	getParentPageUrl: () => ve,
+	navigateToLogin: () => U,
+	onAnyCmpValueChanged: () => R,
+	onParentPageEvent: () => be,
+	redirectParentPage: () => _e,
+	sendCustomMsgToParentPage: () => ge,
+	setConfiguratorIFrameSize: () => H,
+	shareConfiguration: () => B,
+	uploadFiles: () => E,
+	uploadImages: () => T,
+	uploadTempFiles: () => O,
+	uploadTempImages: () => D,
+	version: () => r
+});
+//#endregion
+//#region src/index.ts
+console.log(`Loading custom code SDK v${r}`);
+//#endregion
+export { i as Button, Se as CbnSdk, a as Checkbox, o as Collapsible, s as Combobox, w as CreatePdfTaskTypes, c as CustomControl, l as Dataview, C as DocumentConvertTaskTypes, u as Input, d as Panel, f as Text, ue as ValueComponent, G as addButtonControl, K as addCheckboxControl, $ as addCollapsibleControl, J as addComboboxControl, Q as addCustomControl, q as addDataviewControl, Z as addInputControl, X as addPanelControl, Y as addTextControl, he as beforeConfiguratorIsRendered, V as configuratorIsInIFrame, k as convertDocument, xe as createArPage, A as createPdfFromAssets, W as createSyncCmpValuesStore, z as finishConfiguration, ye as fireAnalyticsEvent, de as getAssetPaths, ve as getParentPageUrl, U as navigateToLogin, R as onAnyCmpValueChanged, be as onParentPageEvent, _e as redirectParentPage, ge as sendCustomMsgToParentPage, H as setConfiguratorIFrameSize, B as shareConfiguration, E as uploadFiles, T as uploadImages, O as uploadTempFiles, D as uploadTempImages, r as version };