@codeenvision/ui-webcomponents 1.0.0

package/dist/components/web-components/form-builder.js

@@ -0,0 +1,263 @@
+import { FormBuilder } from "../FormBuilder/FormBuilder.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_FORM_BUILDER_PROPS = {
+    title: "Form builder",
+    steps: [],
+    currentStep: 0,
+    errors: [],
+};
+const FORM_BUILDER_PROP_DEFINITIONS = [
+    { attribute: "title", prop: "title" },
+    { attribute: "steps", prop: "steps", type: "json" },
+    { attribute: "current-step", prop: "currentStep", type: "number" },
+    { attribute: "errors", prop: "errors", type: "json" },
+];
+let formBuilderId = 0;
+const applyFormBuilderParts = (wrapper) => {
+    const root = wrapper.matches?.(".ce-form-builder") ? wrapper : wrapper.querySelector(".ce-form-builder");
+    if (!root) {
+        return;
+    }
+    root.setAttribute("data-ce-component", "form-builder");
+    root.setAttribute("part", "base");
+    root.querySelectorAll(".ce-form-builder__header").forEach((node) => { node.setAttribute("part", "header"); node.setAttribute("data-ce-slot", "header"); });
+    root.querySelectorAll(".ce-form-builder__title").forEach((node) => node.setAttribute("part", "title"));
+    root.querySelectorAll(".ce-form-builder__meta").forEach((node) => node.setAttribute("part", "meta"));
+    root.querySelectorAll(".ce-form-builder__steps").forEach((node) => node.setAttribute("part", "steps"));
+    root.querySelectorAll(".ce-form-builder__step").forEach((node) => node.setAttribute("part", "step"));
+    root.querySelectorAll(".ce-form-builder__form").forEach((node) => node.setAttribute("part", "form"));
+    root
+        .querySelectorAll(".ce-form-builder__step-heading")
+        .forEach((node) => node.setAttribute("part", "step-heading"));
+    root
+        .querySelectorAll(".ce-form-builder__step-label")
+        .forEach((node) => node.setAttribute("part", "step-label"));
+    root
+        .querySelectorAll(".ce-form-builder__step-desc")
+        .forEach((node) => node.setAttribute("part", "step-desc"));
+    root.querySelectorAll(".ce-form-builder__fields").forEach((node) => node.setAttribute("part", "fields"));
+    root.querySelectorAll(".ce-form-builder__field").forEach((node) => node.setAttribute("part", "field"));
+    root
+        .querySelectorAll(".ce-form-builder__field-label")
+        .forEach((node) => node.setAttribute("part", "field-label"));
+    root
+        .querySelectorAll(".ce-form-builder__control")
+        .forEach((node) => node.setAttribute("part", "control"));
+    root
+        .querySelectorAll(".ce-form-builder__checkbox")
+        .forEach((node) => node.setAttribute("part", "checkbox"));
+    root
+        .querySelectorAll(".ce-form-builder__field-help")
+        .forEach((node) => node.setAttribute("part", "field-help"));
+    root
+        .querySelectorAll(".ce-form-builder__field-error")
+        .forEach((node) => node.setAttribute("part", "field-error"));
+    root.querySelectorAll(".ce-form-builder__footer").forEach((node) => { node.setAttribute("part", "footer"); node.setAttribute("data-ce-slot", "footer"); });
+    root.querySelectorAll(".ce-form-builder__nav").forEach((node) => node.setAttribute("part", "nav"));
+    root.querySelectorAll(".ce-form-builder__primary").forEach((node) => node.setAttribute("part", "primary"));
+};
+const formBuilderComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-form-builder");
+        const elementId = existingWrapper?.id || `ce-form-builder-${++formBuilderId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_FORM_BUILDER_PROPS, ...props };
+        if (existingWrapper) {
+            const dataTitle = readDataAttr(existingWrapper, "title");
+            const domTitle = existingWrapper.querySelector(".ce-form-builder__title")?.textContent?.trim();
+            if (shouldUseDomValue(host, "title", dataTitle ?? domTitle)) {
+                currentProps.title = dataTitle ?? domTitle ?? DEFAULT_FORM_BUILDER_PROPS.title;
+            }
+            const dataSteps = readDataAttr(existingWrapper, "steps");
+            if (shouldUseDomValue(host, "steps", dataSteps)) {
+                try {
+                    currentProps.steps = JSON.parse(dataSteps ?? "[]");
+                }
+                catch {
+                    currentProps.steps = DEFAULT_FORM_BUILDER_PROPS.steps;
+                }
+            }
+            else {
+                const domSteps = readStepsFromDom(existingWrapper);
+                if (shouldUseDomValue(host, "steps", domSteps) && domSteps.length) {
+                    currentProps.steps = domSteps;
+                }
+            }
+            const dataCurrent = readDataAttr(existingWrapper, "current-step");
+            const domIndex = existingWrapper.querySelector(".ce-form-builder__step.is-active")?.dataset.index;
+            if (shouldUseDomValue(host, "current-step", dataCurrent ?? domIndex)) {
+                const parsed = Number(dataCurrent ?? domIndex);
+                currentProps.currentStep = Number.isFinite(parsed) ? parsed : DEFAULT_FORM_BUILDER_PROPS.currentStep;
+            }
+            const dataErrors = readDataAttr(existingWrapper, "errors");
+            if (shouldUseDomValue(host, "errors", dataErrors)) {
+                try {
+                    currentProps.errors = JSON.parse(dataErrors ?? "[]");
+                }
+                catch {
+                    currentProps.errors = DEFAULT_FORM_BUILDER_PROPS.errors;
+                }
+            }
+            else {
+                const domErrors = readErrorsFromDom(existingWrapper);
+                if (shouldUseDomValue(host, "errors", domErrors) && domErrors.length) {
+                    currentProps.errors = domErrors;
+                }
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("div");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+                if (!wrapper.classList.contains("ce-form-builder")) {
+                    wrapper.classList.add("ce-form-builder");
+                }
+            }
+            instance?.destroy?.();
+            instance = new FormBuilder({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onStepChange: (index) => on?.stepChange?.({ index }),
+                onSubmit: (values) => on?.submit?.({ values }),
+                onFieldChange: (fieldId, value) => on?.fieldChange?.({ fieldId, value }),
+            });
+            instance.init();
+            if (wrapper) {
+                applyFormBuilderParts(wrapper);
+            }
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_FORM_BUILDER_PROPS, ...(props ?? {}) };
+        const steps = merged.steps ?? [];
+        const current = merged.currentStep ?? 0;
+        const errors = merged.errors ?? [];
+        const title = escapeHtml(merged.title ?? "Form builder");
+        const dataSteps = escapeHtml(JSON.stringify(steps));
+        const dataErrors = escapeHtml(JSON.stringify(errors));
+        const stepTabs = steps
+            .map((step, index) => {
+            const active = index === current;
+            return `<button type="button" class="ce-form-builder__step${active ? " is-active" : ""}" part="step" data-step="${escapeHtml(step.id)}" data-index="${index}">${escapeHtml(step.label)}</button>`;
+        })
+            .join("");
+        const activeStep = steps[current];
+        const fieldsMarkup = activeStep
+            ? activeStep.fields.map((field) => renderField(field, errors)).join("")
+            : "";
+        const descMarkup = activeStep?.description
+            ? `<div class="ce-form-builder__step-desc" part="step-desc">${escapeHtml(activeStep.description)}</div>`
+            : "";
+        const meta = `Step ${current + 1} of ${steps.length}`;
+        return `<section class="ce-form-builder" data-ce-component="form-builder" part="base" data-title="${title}" data-steps="${dataSteps}" data-current-step="${current}" data-errors="${dataErrors}">
+  <div class="ce-form-builder__header" part="header" data-ce-slot="header">
+    <div class="ce-form-builder__title" part="title">${title}</div>
+    <div class="ce-form-builder__meta" part="meta">${escapeHtml(meta)}</div>
+  </div>
+  <div class="ce-form-builder__steps" part="steps">
+    ${stepTabs}
+  </div>
+  <form class="ce-form-builder__form" part="form">
+    <div class="ce-form-builder__step-heading" part="step-heading">
+      <div class="ce-form-builder__step-label" part="step-label">${escapeHtml(activeStep?.label ?? "")}</div>
+      ${descMarkup}
+    </div>
+    <div class="ce-form-builder__fields" part="fields">
+      ${fieldsMarkup}
+    </div>
+    <div class="ce-form-builder__footer" part="footer" data-ce-slot="footer">
+      ${current > 0 ? `<button type="button" class="ce-form-builder__nav" part="nav">Back</button>` : ""}
+      <button type="${current === steps.length - 1 ? "submit" : "button"}" class="ce-form-builder__primary" part="primary">${current === steps.length - 1 ? "Submit" : "Next"}</button>
+    </div>
+  </form>
+</section>`;
+    },
+};
+export function registerFormBuilderElement() {
+    return defineComponentElement({
+        tag: "ce-form-builder",
+        component: formBuilderComponent,
+        props: FORM_BUILDER_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_FORM_BUILDER_PROPS,
+        shadow: false,
+        events: ["stepChange", "submit", "fieldChange"],
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+const renderField = (field, errors) => {
+    const error = errors.find((entry) => entry.fieldId === field.id);
+    const errorMarkup = error
+        ? `<div class="ce-form-builder__field-error" part="field-error">${escapeHtml(error.message)}</div>`
+        : "";
+    const helpMarkup = field.helpText
+        ? `<div class="ce-form-builder__field-help" part="field-help">${escapeHtml(field.helpText)}</div>`
+        : "";
+    const errorClass = error ? " has-error" : "";
+    let controlMarkup = "";
+    if (field.type === "select") {
+        const options = field.options
+            ?.map((option) => `<option value="${escapeHtml(option.value)}"${option.value === field.value ? " selected" : ""}>${escapeHtml(option.label)}</option>`)
+            .join("") ?? "";
+        controlMarkup = `<select class="ce-form-builder__control" part="control" data-field="${escapeHtml(field.id)}">${options}</select>`;
+    }
+    else if (field.type === "textarea") {
+        controlMarkup = `<textarea class="ce-form-builder__control" part="control" data-field="${escapeHtml(field.id)}" placeholder="${escapeHtml(field.placeholder ?? "")}">${escapeHtml(field.value ?? "")}</textarea>`;
+    }
+    else if (field.type === "checkbox") {
+        controlMarkup = `<input class="ce-form-builder__checkbox" part="checkbox" data-field="${escapeHtml(field.id)}" type="checkbox"${field.value ? " checked" : ""} />`;
+    }
+    else {
+        const type = field.type === "email" ? "email" : field.type === "number" ? "number" : "text";
+        controlMarkup = `<input class="ce-form-builder__control" part="control" data-field="${escapeHtml(field.id)}" type="${type}" placeholder="${escapeHtml(field.placeholder ?? "")}" value="${escapeHtml(field.value ?? "")}" />`;
+    }
+    return `<label class="ce-form-builder__field${errorClass}" part="field">
+      <span class="ce-form-builder__field-label" part="field-label">${escapeHtml(field.label)}</span>
+      ${controlMarkup}
+      ${helpMarkup}
+      ${errorMarkup}
+    </label>`;
+};
+const readStepsFromDom = (root) => Array.from(root.querySelectorAll(".ce-form-builder__step")).map((stepEl, index) => ({
+    id: stepEl.dataset.step ?? `step-${index + 1}`,
+    label: stepEl.textContent?.trim() ?? "",
+    fields: [],
+}));
+const readErrorsFromDom = (root) => Array.from(root.querySelectorAll(".ce-form-builder__field-error")).map((errorEl) => {
+    const fieldId = errorEl.closest(".ce-form-builder__field")?.querySelector("[data-field]")
+        ?.dataset.field;
+    return {
+        fieldId: fieldId ?? "field",
+        message: errorEl.textContent?.trim() ?? "",
+    };
+});
+//# sourceMappingURL=form-builder.js.map

package/dist/components/web-components/form-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-builder.js","sourceRoot":"","sources":["../../../components/web-components/form-builder.ts"],"names":[],"mappings":"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"}

package/dist/components/web-components/form.d.ts

@@ -0,0 +1,10 @@
+import type { FormChangeDetail, FormOptions } from "../Form/Form.types.js";
+export interface FormProps extends Omit<FormOptions, "selector" | "onSubmit" | "onChange">, Record<string, unknown> {
+}
+export interface FormSubmitDetail {
+    data: Record<string, unknown>;
+}
+export interface FormChangeEventDetail extends FormChangeDetail {
+}
+export declare function registerFormElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=form.d.ts.map

package/dist/components/web-components/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../components/web-components/form.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAI3E,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAEtH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;CAAG;AAmJlE,wBAAgB,mBAAmB,IAAI,wBAAwB,GAAG,SAAS,CAU1E"}

package/dist/components/web-components/form.js

@@ -0,0 +1,187 @@
+import { Form } from "../Form/Form.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_FORM_PROPS = {
+    fields: [],
+    submitLabel: "Submit",
+    resetLabel: "Reset",
+    showReset: true,
+    disabled: false,
+    columns: 1,
+    theme: "light",
+};
+const FORM_PROP_DEFINITIONS = [
+    { attribute: "fields", prop: "fields", type: "json" },
+    { attribute: "submit-label", prop: "submitLabel" },
+    { attribute: "reset-label", prop: "resetLabel" },
+    { attribute: "show-reset", prop: "showReset", type: "boolean" },
+    { attribute: "disabled", prop: "disabled", type: "boolean" },
+    { attribute: "columns", prop: "columns", type: "number" },
+    { attribute: "theme", prop: "theme" },
+];
+let formId = 0;
+const applyFormParts = (wrapper) => {
+    const root = wrapper.matches?.(".ce-form") ? wrapper : wrapper.querySelector("form.ce-form");
+    if (!root) {
+        return;
+    }
+    root.setAttribute("data-ce-component", "form");
+    root.setAttribute("part", "base");
+    root.querySelectorAll(".ce-form__group").forEach((node) => node.setAttribute("part", "group"));
+    root.querySelectorAll(".ce-form__label").forEach((node) => node.setAttribute("part", "label"));
+    root.querySelectorAll(".ce-form__control").forEach((node) => node.setAttribute("part", "control"));
+    root.querySelectorAll(".ce-form__checkbox").forEach((node) => node.setAttribute("part", "checkbox"));
+    root
+        .querySelectorAll(".ce-form__checkbox-box")
+        .forEach((node) => node.setAttribute("part", "checkbox-box"));
+    root.querySelectorAll(".ce-form__help").forEach((node) => node.setAttribute("part", "help"));
+    root.querySelectorAll(".ce-form__error").forEach((node) => node.setAttribute("part", "error"));
+    root.querySelectorAll(".ce-form__actions").forEach((node) => { node.setAttribute("part", "actions"); node.setAttribute("data-ce-slot", "actions"); });
+    root.querySelectorAll(".ce-form__submit").forEach((node) => node.setAttribute("part", "submit"));
+    root.querySelectorAll(".ce-form__reset").forEach((node) => node.setAttribute("part", "reset"));
+};
+const formComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingForm = host.querySelector("form.ce-form");
+        const elementId = existingForm?.id || `ce-form-${++formId}`;
+        let wrapper = existingForm ?? undefined;
+        let currentProps = { ...DEFAULT_FORM_PROPS, ...props };
+        if (existingForm) {
+            const theme = existingForm.classList.contains("ce-form--dark") ? "dark" : "light";
+            if (shouldUseDomValue(host, "theme", theme)) {
+                currentProps.theme = theme;
+            }
+            const columns = existingForm.dataset.columns ? Number(existingForm.dataset.columns) : undefined;
+            if (shouldUseDomValue(host, "columns", columns)) {
+                if (Number.isFinite(columns)) {
+                    currentProps.columns = columns;
+                }
+            }
+            const submit = existingForm.querySelector(".ce-form__submit");
+            if (shouldUseDomValue(host, "submit-label", submit?.textContent?.trim())) {
+                currentProps.submitLabel = submit?.textContent?.trim() ?? "Submit";
+            }
+            const reset = existingForm.querySelector(".ce-form__reset");
+            if (shouldUseDomValue(host, "reset-label", reset?.textContent?.trim())) {
+                currentProps.resetLabel = reset?.textContent?.trim() ?? "Reset";
+            }
+            const showReset = Boolean(reset);
+            if (shouldUseDomValue(host, "show-reset", showReset)) {
+                currentProps.showReset = showReset;
+            }
+            const disabled = existingForm.classList.contains("ce-form--disabled");
+            if (shouldUseDomValue(host, "disabled", disabled)) {
+                currentProps.disabled = disabled;
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("div");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+                if (!wrapper.classList.contains("ce-form")) {
+                    wrapper.classList.add("ce-form");
+                }
+            }
+            instance?.destroy?.();
+            instance = new Form({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(existingForm),
+                onSubmit: (data) => on?.submit?.({ data }),
+                onChange: (detail) => on?.change?.(detail),
+            });
+            instance.init();
+            if (wrapper) {
+                applyFormParts(wrapper);
+            }
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingForm) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_FORM_PROPS, ...(props ?? {}) };
+        const fields = (merged.fields ?? []).map((field) => renderField(field));
+        const themeClass = merged.theme === "dark" ? " ce-form--dark" : "";
+        const disabledClass = merged.disabled ? " ce-form--disabled" : "";
+        const submitLabel = escapeHtml(merged.submitLabel ?? "Submit");
+        const resetLabel = escapeHtml(merged.resetLabel ?? "Reset");
+        const columns = merged.columns ?? 1;
+        const columnsAttr = columns !== undefined ? ` data-columns="${columns}"` : "";
+        return `<form class="ce-form${themeClass}${disabledClass}" data-ce-component="form" part="base"${columnsAttr} novalidate>${fields.join("")}<div class="ce-form__actions" part="actions" data-ce-slot="actions"><button type="submit" class="ce-form__submit" part="submit"${merged.disabled ? " disabled" : ""}>${submitLabel}</button>${merged.showReset
+            ? `<button type="reset" class="ce-form__reset" part="reset"${merged.disabled ? " disabled" : ""}>${resetLabel}</button>`
+            : ""}</div></form>`;
+    },
+};
+export function registerFormElement() {
+    return defineComponentElement({
+        tag: "ce-form",
+        component: formComponent,
+        props: FORM_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_FORM_PROPS,
+        shadow: false,
+        events: ["submit", "change"],
+        preserveLightDom: true,
+    });
+}
+const renderField = (field) => {
+    const label = escapeHtml(field.label ?? "");
+    const name = escapeHtml(field.name ?? "");
+    const placeholder = escapeHtml(field.placeholder ?? "");
+    const required = field.required ? " required" : "";
+    const disabled = field.disabled ? " disabled" : "";
+    const help = field.helper ? `<div class="ce-form__help" part="help">${escapeHtml(field.helper)}</div>` : "";
+    const error = `<div class="ce-form__error" part="error" id="${name}-error" hidden></div>`;
+    const colSpan = field.colSpan ? ` style="grid-column: span ${field.colSpan}"` : "";
+    if (field.type === "textarea") {
+        const rows = field.rows ?? 3;
+        const value = field.value != null ? escapeHtml(String(field.value)) : "";
+        return `<div class="ce-form__group" part="group"${colSpan}><label class="ce-form__label" part="label" for="${name}">${label}</label><textarea class="ce-form__control" part="control" name="${name}" id="${name}" rows="${rows}" placeholder="${placeholder}"${required}${disabled}>${value}</textarea>${help}${error}</div>`;
+    }
+    if (field.type === "select" && field.options) {
+        const options = field.options
+            .map((opt) => {
+            const selected = opt.value === field.value ? " selected" : "";
+            return `<option value="${escapeHtml(opt.value)}"${selected}>${escapeHtml(opt.label)}</option>`;
+        })
+            .join("");
+        return `<div class="ce-form__group" part="group"${colSpan}><label class="ce-form__label" part="label" for="${name}">${label}</label><select class="ce-form__control" part="control" name="${name}" id="${name}"${required}${disabled}>${options}</select>${help}${error}</div>`;
+    }
+    if (field.type === "checkbox") {
+        const checked = field.value === true || field.value === "true" ? " checked" : "";
+        const text = escapeHtml(field.placeholder ?? field.label ?? "");
+        return `<div class="ce-form__group" part="group"${colSpan}><label class="ce-form__checkbox" part="checkbox"><input class="ce-form__control" part="control" type="checkbox" name="${name}" id="${name}"${checked}${required}${disabled} /><span class="ce-form__checkbox-box" part="checkbox-box"></span><span>${text}</span></label>${help}${error}</div>`;
+    }
+    const type = escapeHtml(field.type ?? "text");
+    const value = field.value != null ? ` value="${escapeHtml(String(field.value))}"` : "";
+    const pattern = field.pattern ? ` pattern="${escapeHtml(field.pattern)}"` : "";
+    const min = field.min != null ? ` min="${field.min}"` : "";
+    const max = field.max != null ? ` max="${field.max}"` : "";
+    return `<div class="ce-form__group" part="group"${colSpan}><label class="ce-form__label" part="label" for="${name}">${label}</label><input class="ce-form__control" part="control" type="${type}" name="${name}" id="${name}" placeholder="${placeholder}"${value}${pattern}${min}${max}${required}${disabled} />${help}${error}</div>`;
+};
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+//# sourceMappingURL=form.js.map

package/dist/components/web-components/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../components/web-components/form.ts"],"names":[],"mappings":"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"}

package/dist/components/web-components/gantt.d.ts

@@ -0,0 +1,5 @@
+import type { GanttOptions } from "../Gantt/Gantt.types.js";
+export interface GanttProps extends Omit<GanttOptions, "selector">, Record<string, unknown> {
+}
+export declare function registerGanttElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=gantt.d.ts.map

package/dist/components/web-components/gantt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt.d.ts","sourceRoot":"","sources":["../../../components/web-components/gantt.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAmG9F,wBAAgB,oBAAoB,IAAI,wBAAwB,GAAG,SAAS,CAS3E"}

package/dist/components/web-components/gantt.js

@@ -0,0 +1,105 @@
+import { Gantt } from "../Gantt/Gantt.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_GANTT_PROPS = {
+    data: [],
+};
+const GANTT_PROP_DEFINITIONS = [
+    { attribute: "data", prop: "data", type: "json" },
+];
+let ganttId = 0;
+const applyGanttParts = (wrapper) => {
+    const root = wrapper.matches?.(".gantt-chart") ? wrapper : wrapper.querySelector(".gantt-chart");
+    if (!root) {
+        return;
+    }
+    root.setAttribute("data-ce-component", "gantt");
+    root.setAttribute("part", "base");
+    root.querySelectorAll(".gantt-row").forEach((node) => node.setAttribute("part", "row"));
+    root.querySelectorAll(".gantt-row > span").forEach((node) => node.setAttribute("part", "row-label"));
+};
+const ganttComponent = {
+    mount({ target, props }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".gantt-chart");
+        const elementId = existingWrapper?.id || `ce-gantt-${++ganttId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_GANTT_PROPS, ...props };
+        if (existingWrapper) {
+            const dataAttr = existingWrapper.getAttribute("data-gantt");
+            if (shouldUseDomValue(host, "data", dataAttr)) {
+                try {
+                    currentProps.data = JSON.parse(dataAttr ?? "[]");
+                }
+                catch {
+                    currentProps.data = [];
+                }
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("div");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+                if (!wrapper.classList.contains("gantt-chart")) {
+                    wrapper.classList.add("gantt-chart");
+                }
+            }
+            instance?.destroy?.();
+            instance = new Gantt({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper),
+            });
+            instance.init();
+            if (wrapper) {
+                applyGanttParts(wrapper);
+            }
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_GANTT_PROPS, ...(props ?? {}) };
+        const rows = (merged.data ?? [])
+            .map((task) => `<div class="gantt-row" part="row"><span part="row-label">${escapeHtml(task.task ?? "")}</span></div>`)
+            .join("");
+        const payload = escapeHtml(JSON.stringify(merged.data ?? []));
+        return `<div class="gantt-chart" data-ce-component="gantt" part="base" data-gantt="${payload}">${rows || "Gantt chart"}</div>`;
+    },
+};
+export function registerGanttElement() {
+    return defineComponentElement({
+        tag: "ce-gantt",
+        component: ganttComponent,
+        props: GANTT_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_GANTT_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+//# sourceMappingURL=gantt.js.map

package/dist/components/web-components/gantt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt.js","sourceRoot":"","sources":["../../../components/web-components/gantt.ts"],"names":[],"mappings":"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"}