@combeenation/custom-code-sdk 0.0.1-alpha9 → 0.0.1-rc2

package/dist/bundle.es.js

@@ -1,472 +1,513 @@
-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-alpha9";
-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-rc2", 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);
+	}
+}, ee = 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);
+	}
+}, u = 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);
+	}
+}, d = 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);
+	}
+}, f = 1, p = [];
+function te(e, t) {
+	if (p.length >= f) throw Error(`Only ${f} \`ConfiguratorClient\` can be created at a time.`);
+	p.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 m() {
+	let e = p[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 ne() {
+	let e = p[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 h = window.Cbn?.getCustomCodeSdkBridge?.("v1");
+if (!h) throw Error("Cannot access Configurator SDK bridge. Make sure to only use the `custom-code-sdk` inside a Combeenation Configurator.");
+var g = h.createCfgrClient("v1", te);
+if (!g) throw Error("Cannot create Configurator Client. Make sure to only use the `custom-code-sdk` inside a Combeenation Configurator.");
+var _ = h.getParentPageUtilsSdkBridge(), v = h.getCtrlsSdkBridge(), y = h.getCfgrUtilsSdkBridge(), re = h.getViewer3dSdkBridge(), ie = h.getLifecycleSdkBridge(), b = g, x = /* @__PURE__ */ function(e) {
+	return e[e.Any = 1] = "Any", e[e.Image = 2] = "Image", e;
+}({}), S = /* @__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;
+}({}), C = /* @__PURE__ */ function(e) {
+	return e[e.PdfAsset = S.PdfAsset] = "PdfAsset", e[e.Asset = S.Asset] = "Asset", e;
+}({}), w = (e) => y.uploadCfgnFiles(e, x.Image), T = (e) => y.uploadCfgnFiles(e, x.Any), E = (e) => y.uploadTempCfgnFiles(e, x.Image), D = (e) => y.uploadTempCfgnFiles(e, x.Any), O = (e) => y.convertDocument(e);
+async function k(e, t, n, r) {
+	let i = t.length > 1, a = "MergeTask", o = "Task_", s = t.map((t, n) => t.type === C.PdfAsset ? {
+		type: S.PdfAsset,
+		name: `${o}${n}`,
+		bundleAliasName: e,
+		assetPath: t.assetPath,
+		context: t.context
+	} : {
+		type: S.Asset,
+		name: `${o}${n}`,
+		bundleAliasName: e,
+		assetPath: t.assetPath
+	});
+	return i && s.push({
+		type: S.Merge,
+		name: a,
+		inputTaskNames: s.map((e) => e.name)
+	}), s.push({
+		type: S.OutputToCfgnFile,
+		inputTaskName: i ? a : s[0].name,
+		name: "OutputPdfTask",
+		cfgnFileExtension: "pdf",
+		cfgnFileName: n,
+		cfgnFileDisplayName: r
+	}), y.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 A = {
+	Text: "Text",
+	Number: "Number",
+	Logic: "Logic",
+	Image: "Image",
+	FileUrl: "FileUrl",
+	TextAsset: "TextAsset",
+	Table: "Table"
+};
+`${A.Text}`, `${A.Number}`;
+var j = {
+	ValueComponent: "ValueComponent",
+	TableComponent: "TableComponent",
+	RecordComponent: "RecordComponent",
+	ResourceComponent: "ResourceComponent",
+	GraphicComponent: "GraphicComponent",
+	CheckoutComponent: "CheckoutComponent"
+};
+j.GraphicComponent, j.CheckoutComponent, j.ResourceComponent, j.RecordComponent;
+var M = {
+	ValueEditor: "ValueEditor",
+	TableEditor: "TableEditor",
+	Fiber: "Fiber",
+	FiberEditor: "FiberEditor",
+	CfgrField: "CfgrField"
+};
+e.enum([
+	M.ValueEditor,
+	M.TableEditor,
+	M.Fiber,
+	M.FiberEditor,
+	M.CfgrField
+]), e.union([
+	e.string(),
+	e.number(),
+	e.boolean()
+]);
+var N = (e) => typeof e == "string";
+e.string(), e.enum([
+	A.Text,
+	A.Number,
+	A.Logic
+]), e.string(), e.custom((e) => N(e) && e.toLowerCase() === e);
+var P = (e) => e?.toLowerCase() ?? "";
+e.string();
+var ae = e.custom((e) => N(e) ? RegExp(`^${j.ValueComponent}<.*>$`).test(e) : !1), oe = e.custom((e) => N(e) ? RegExp(`^${j.RecordComponent}<.*>$`).test(e) : !1), se = e.custom((e) => N(e) ? RegExp(`^${j.ResourceComponent}<.*>$`).test(e) : !1), ce = e.custom((e) => N(e) ? RegExp(`^${j.TableComponent}<.*>$`).test(e) : !1);
+e.union([
+	ae,
+	ce,
+	oe,
+	se,
+	e.literal(j.GraphicComponent),
+	e.literal(j.CheckoutComponent)
+]);
+var F = e.union([
+	e.string(),
+	e.number(),
+	e.boolean()
+]), le = e.union([
+	F,
+	e.array(F),
+	e.object({}),
+	e.unknown()
+]);
+e.object({
+	$typ: e.literal("Error"),
+	Id: e.string(),
+	Message: e.string(),
+	route: e.unknown().optional()
+}).or(le);
+//#endregion
+//#region ../configurator-client/src/cmps-registry.ts
+var I = /* @__PURE__ */ new Map();
+function ue(e) {
+	let t = P(e.name);
+	I.has(t) || I.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 de = class {
+	name;
+	zodType;
+	constructor(e, t) {
+		this.name = e, this.zodType = t, ue(this);
+	}
+	async getValue() {
+		return await m().getCmpValue(this.name);
+	}
+	async setInput(e) {
+		let t = P(this.name);
+		await ne().setCmpInput(t, e, this.zodType);
+	}
+	onValueChanged(e, t = !1, n) {
+		m().onCmpValueChanged(this.name, e, n, t);
+	}
+}, fe = () => y.getAssetPaths(), pe = /* @__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;
+}({}), L = b.onAnyCmpValueChanged.bind(b), R = async (e) => {
+	if (await b.finishConfiguration(e?.input), e.sendDataToParentPage) {
+		let t = e.transformParentPageData();
+		await _.sendConfigurationFinished(t);
+	}
+}, z = async (e) => {
+	let t = pe[e.platform], n = e.imageUrl ?? "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+X2ZkAAAAASUVORK5CYII=", r = {
+		...e,
+		platform: t,
+		imageUrl: n
+	}, i = await b.shareConfiguration(r);
+	await y.openShareWindow(e.platform, i);
+	let { shareUrl: a, shareConfigurationId: o } = i;
+	return {
+		shareUrl: a,
+		shareConfigurationId: o
+	};
+};
+async function B(e) {
+	return await y.executeIntegration(e);
 }
-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));
-  }
+//#endregion
+//#region src/utils/cfgr.utils.ts
+var V = () => _.isInIFrame(), H = (e) => _.setIFrameSize(e), U = (e) => y.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(v.createCtrl("button", 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 K(e, t) {
+	return new a(v.createCtrl("checkbox", e.id, t));
 }
-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 q(e, t) {
+	return new l(v.createCtrl("dataview", 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 J(e, t) {
+	return new s(v.createCtrl("combobox", e.id, {
+		position: t.position,
+		properties: {
+			...t.properties,
+			listMode: t.mode,
+			valueType: t.mode === "no-selection" ? void 0 : t.valueType
+		}
+	}));
 }
-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 Y(e, t) {
+	return new d(v.createCtrl("text", 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 X(e, t) {
+	return new u(v.createCtrl("panel", 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 Z(e, t) {
+	return new ee(v.createCtrl("textbox", 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 Q(e, t) {
+	return new c(v.createCtrl("customctrl", e.id, t));
+}
+function $(e, t) {
+	return new o(v.createCtrl("collapsible", e.id, t));
+}
+//#endregion
+//#region src/utils/lifecycle.utils.ts
+var me = "`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`.", he = "`beforeConfiguratorIsRendered` is ignored because it was called more than once.\nIt must only be called once.", ge = (e) => {
+	let t = ie.registerBeforeConfiguratorIsRendered(e);
+	t === "called-after-cfgr-render" ? console.error(me) : t === "already-registered" && console.error(he);
+}, _e = (e, t) => _.sendCustomMsg(e, t), ve = (e) => _.redirectParentPage(e), ye = () => _.getParentPageUrl(), be = (e, t) => _.fireAnalyticsEvent(e, t), xe = (e) => _.onParentPageEvent(e), Se = async (e, t) => re.createArPage(e, t), Ce = /* @__PURE__ */ n({
+	addButtonControl: () => G,
+	addCheckboxControl: () => K,
+	addCollapsibleControl: () => $,
+	addComboboxControl: () => J,
+	addCustomControl: () => Q,
+	addDataviewControl: () => q,
+	addInputControl: () => Z,
+	addPanelControl: () => X,
+	addTextControl: () => Y,
+	beforeConfiguratorIsRendered: () => ge,
+	configuratorIsInIFrame: () => V,
+	convertDocument: () => O,
+	createArPage: () => Se,
+	createPdfFromAssets: () => k,
+	createSyncCmpValuesStore: () => W,
+	executeIntegration: () => B,
+	finishConfiguration: () => R,
+	fireAnalyticsEvent: () => be,
+	getAssetPaths: () => fe,
+	getParentPageUrl: () => ye,
+	navigateToLogin: () => U,
+	onAnyCmpValueChanged: () => L,
+	onParentPageEvent: () => xe,
+	redirectParentPage: () => ve,
+	sendCustomMsgToParentPage: () => _e,
+	setConfiguratorIFrameSize: () => H,
+	shareConfiguration: () => z,
+	uploadFiles: () => T,
+	uploadImages: () => w,
+	uploadTempFiles: () => D,
+	uploadTempImages: () => E,
+	version: () => r
+});
+//#endregion
+//#region src/index.ts
+console.log(`Loading custom code SDK v${r}`);
+//#endregion
+export { i as Button, Ce as CbnSdk, a as Checkbox, o as Collapsible, s as Combobox, C as CreatePdfTaskTypes, c as CustomControl, l as Dataview, S as DocumentConvertTaskTypes, ee as Input, u as Panel, d as Text, de 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, ge as beforeConfiguratorIsRendered, V as configuratorIsInIFrame, O as convertDocument, Se as createArPage, k as createPdfFromAssets, W as createSyncCmpValuesStore, B as executeIntegration, R as finishConfiguration, be as fireAnalyticsEvent, fe as getAssetPaths, ye as getParentPageUrl, U as navigateToLogin, L as onAnyCmpValueChanged, xe as onParentPageEvent, ve as redirectParentPage, _e as sendCustomMsgToParentPage, H as setConfiguratorIFrameSize, z as shareConfiguration, T as uploadFiles, w as uploadImages, D as uploadTempFiles, E as uploadTempImages, r as version };