@unidy.io/sdk 1.1.8 → 1.1.10

package/dist/components/raw-field.js

@@ -0,0 +1,318 @@
+import { h, proxyCustomElement } from '@stencil/core/internal/client';
+import { U as UnidyComponent } from './logger.js';
+import { s as state } from './profile-store.js';
+
+const Input = (props) => (h("input", { id: props.id, type: props.type, value: props.value, class: props.componentClassName, disabled: props.disabled, required: props.required, part: `input_field ${props.specificPartKey ? `input_field--${props.specificPartKey}` : ""}`, title: props.title, placeholder: props.placeholder, onChange: (e) => props.onChange(e.target.value), onBlur: (e) => props.onBlur?.(e), "aria-describedby": props.ariaDescribedBy || undefined }));
+
+const MultiSelect = (props) => {
+    if (!("options" in props)) {
+        return (h("input", { id: props.id, type: props.type, name: props.name, value: props.value, checked: props.checked, disabled: props.disabled, title: props.title, class: props.componentClassName, onChange: (e) => props.onToggle(props.value, e.target.checked), "aria-describedby": props.ariaDescribedBy || undefined }));
+    }
+    return (h("div", { part: `multi-select-group_field ${props.specificPartKey ? `multi-select-group_field--${props.specificPartKey}` : ""}`, title: props.title, "aria-describedby": props.ariaDescribedBy || undefined }, props.options.map((opt) => (h("label", { key: opt.value, htmlFor: `${props.specificPartKey}-${opt.value}`, part: `multi-select-item_label ${props.specificPartKey ? `multi-select-item_label--${props.specificPartKey}` : ""}` }, h("input", { id: `${props.specificPartKey}-${opt.value}`, type: props.type, checked: Array.isArray(props.value) && props.value.includes(opt.value), disabled: props.disabled, title: props.title, onChange: (e) => props.onToggle(opt.value, e.target.checked), part: `multi-select-item_checkbox ${props.specificPartKey ? `multi-select-item_checkbox--${props.specificPartKey}` : ""}` }), opt.label)))));
+};
+
+const RadioGroup = (props) => {
+    if (!("options" in props)) {
+        return (h("input", { type: props.type, name: props.name, required: props.required, value: String(props.value), checked: props.checked, disabled: props.disabled, title: props.title, class: props.componentClassName, onChange: () => props.onChange(String(props.value)), "aria-describedby": props.ariaDescribedBy || undefined }));
+    }
+    return (h("div", { part: `radio-group_field ${props.specificPartKey ? `radio-group_field--${props.specificPartKey}` : ""}`, title: props.title, "aria-describedby": props.ariaDescribedBy || undefined }, props.options.map((opt) => (h("label", { htmlFor: `${props.name}-${opt.value}`, key: String(opt.value), part: `radio-group-item_label ${props.specificPartKey ? `radio-group-item_label--${props.specificPartKey}` : ""} ${opt.checked ? "radio_checked" : ""}`, "data-checked": opt.checked ? "true" : "false" }, h("input", { id: `${props.name}-${opt.value}`, type: props.type, name: props.name, required: props.required, value: String(opt.value), checked: opt.checked, disabled: props.disabled, onChange: () => props.onChange(String(opt.value)), part: `radio-group-item_radio ${props.specificPartKey ? `radio-group-item_radio--${props.specificPartKey}` : ""}` }), opt.label)))));
+};
+
+const Select = (props) => {
+    const renderOptionLabel = (opt) => {
+        if (props.attr_name === "country_code" && props.countryCodeDisplayOption === "icon" && props.countryIcon) {
+            return props.countryIcon(opt.value);
+        }
+        return opt.label;
+    };
+    return (h("select", { id: props.id, name: props.name, class: props.componentClassName, "data-value": props.value, part: `select_field ${props.specificPartKey ? `select_field--${props.specificPartKey}` : ""}`, disabled: props.disabled, title: props.title, onChange: (e) => props.onChange(e.target.value), "aria-describedby": props.ariaDescribedBy || undefined }, props.emptyOption ? h("option", { value: "", selected: props.value === null || props.value === "" }) : null, props.options.map((opt) => (h("option", { key: opt.value, value: opt.value, "data-selected": opt.value === props.value ? "true" : "false", selected: opt.value === props.value, disabled: opt.value === "--" }, renderOptionLabel(opt))))));
+};
+
+const Textarea = (props) => (h("textarea", { id: props.id, value: props.value, name: props.name, class: props.componentClassName, required: props.required, part: `textarea_field ${props.specificPartKey ? `textarea_field--${props.specificPartKey}` : ""}`, disabled: props.disabled, title: props.title, onChange: (e) => props.onChange(e.target.value), onBlur: props.onBlur, "aria-describedby": props.ariaDescribedBy || undefined }));
+
+const RawField = /*@__PURE__*/ proxyCustomElement(class RawField extends UnidyComponent {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    required = false;
+    readonlyPlaceholder = "";
+    countryCodeDisplayOption = "label";
+    invalidPhoneMessage = "Please enter a valid phone number.";
+    componentClassName;
+    field;
+    value;
+    checked;
+    disabled;
+    tooltip;
+    type;
+    placeholder;
+    options;
+    emptyOption = false;
+    attrName;
+    radioOptions;
+    multiSelectOptions;
+    specificPartKey;
+    ariaDescribedBy = "";
+    pattern;
+    patternErrorMessage;
+    validationFunc;
+    get el() { return this; }
+    selected;
+    readStore(fieldName) {
+        if (!fieldName)
+            return;
+        const data = state.data;
+        if (!data)
+            return;
+        let field;
+        if (fieldName.startsWith("custom_attributes.")) {
+            const key = fieldName.replace("custom_attributes.", "");
+            field = data.custom_attributes?.[key];
+        }
+        else {
+            field = data[fieldName];
+        }
+        if (!field)
+            return;
+        if (field.radio_options) {
+            const checkedOption = field.radio_options.find((option) => option.checked);
+            const checkedValue = checkedOption?.value ?? field.value ?? "";
+            return String(checkedValue);
+        }
+        if (field.type === "checkbox") {
+            return Array.isArray(field.value) ? field.value : [];
+        }
+        return field.value;
+    }
+    writeStore(fieldName, value) {
+        if (!fieldName)
+            return;
+        const data = state.data;
+        if (!data)
+            return;
+        const isCustomAttribute = fieldName.startsWith("custom_attributes.");
+        const key = isCustomAttribute ? fieldName.replace("custom_attributes.", "") : fieldName;
+        if (isCustomAttribute) {
+            const field = data.custom_attributes?.[key];
+            state.data = {
+                ...data,
+                custom_attributes: {
+                    ...data.custom_attributes,
+                    [key]: { ...field, value },
+                },
+            };
+        }
+        else {
+            const field = data[key];
+            state.data = { ...data, [key]: { ...field, value } };
+        }
+    }
+    runExternalValidator(value) {
+        if (this.validationFunc) {
+            try {
+                return this.validationFunc(value);
+            }
+            catch (e) {
+                this.logger.error("External validator (validationFunc) threw an error:", e);
+                return null;
+            }
+        }
+    }
+    validateValue(value) {
+        // TODO: We should validate this when the component is loading.
+        if (this.required) {
+            const empty = value === undefined || value === null || value === "";
+            if (empty) {
+                return { valid: false, message: "This field is required." };
+            }
+        }
+        if (this.pattern && typeof value === "string") {
+            const regex = new RegExp(this.pattern);
+            if (!regex.test(value)) {
+                return { valid: false, message: this.patternErrorMessage || "Invalid format." };
+            }
+        }
+        const externalResult = this.runExternalValidator(value);
+        if (externalResult && !externalResult.valid) {
+            return { valid: false, message: externalResult.message || "Invalid input." };
+        }
+        if (this.type === "tel") {
+            const phonePattern = /^(?=.{4,13}$)(\+\d+|\d+)$/;
+            if (typeof value === "string" && value !== "" && !phonePattern.test(value)) {
+                return { valid: false, message: this.invalidPhoneMessage };
+            }
+        }
+        return { valid: true, message: "" };
+    }
+    getNormalizedOptions() {
+        if (Array.isArray(this.options))
+            return this.options;
+        // unidy-raw-field select-options prop can be a JSON string
+        if (typeof this.options === "string")
+            return JSON.parse(this.options);
+        return [];
+    }
+    countryIcon(countryCode, placeholder = "➖") {
+        if (!/^[A-Z]{2}$/.test(countryCode)) {
+            return placeholder;
+        }
+        return Array.from(countryCode)
+            .map((char) => String.fromCodePoint(0x1f1e6 + (char.charCodeAt(0) - "A".charCodeAt(0))))
+            .join("");
+    }
+    onMultiToggle = (optValue, checked) => {
+        const currentValues = Array.isArray(this.selected) ? this.selected : [];
+        let updatedValues;
+        if (checked) {
+            updatedValues = currentValues.includes(optValue) ? currentValues : [...currentValues, optValue];
+        }
+        else {
+            updatedValues = currentValues.filter((v) => v !== optValue);
+        }
+        this.selected = updatedValues;
+        // TODO: validate multiselect if needed
+        this.writeStore(this.field, updatedValues);
+    };
+    onBlurFieldValidation = (e) => {
+        const input = e.target;
+        const val = input.value;
+        const result = this.validateValue(val);
+        const newErrors = { ...state.errors };
+        if (result.valid) {
+            delete newErrors[this.field];
+        }
+        else {
+            newErrors[this.field] = result.message;
+        }
+        state.errors = newErrors;
+    };
+    onChangeFieldValidation = (newValue) => {
+        this.selected = newValue;
+        const result = this.validateValue(newValue);
+        const newErrors = { ...state.errors };
+        if (result.valid) {
+            delete newErrors[this.field];
+            this.writeStore(this.field, newValue);
+        }
+        else {
+            newErrors[this.field] = result.message;
+        }
+        state.errors = newErrors;
+    };
+    componentWillLoad() {
+        if (!this.field)
+            throw new Error('u-raw-field: "field" is required.');
+        if (!this.type)
+            throw new Error('u-raw-field: "type" is required.');
+        const allowed = new Set(["text", "email", "tel", "password", "number", "date", "radio", "textarea", "select", "checkbox"]);
+        if (!allowed.has(this.type)) {
+            this.type = "text";
+        }
+        const current = this.readStore(this.field);
+        const isType = this.type === "text" ||
+            this.type === "email" ||
+            this.type === "tel" ||
+            this.type === "password" ||
+            this.type === "number" ||
+            this.type === "date" ||
+            this.type === "textarea" ||
+            this.type === "select";
+        if (isType && (current === undefined || current === null) && typeof this.value === "string") {
+            this.writeStore(this.field, this.value);
+        }
+        this.selected = current;
+    }
+    componentDidRender() {
+        const errs = state.errors;
+        if (errs?.[this.field]) {
+            this.el.querySelector(`#${CSS.escape(this.field)}`)?.focus();
+        }
+    }
+    render() {
+        if (this.type === "radio") {
+            if (Array.isArray(this.radioOptions) && this.radioOptions.length) {
+                const checkedOptions = this.radioOptions.map((opt) => ({
+                    ...opt,
+                    checked: String(opt.value) === this.selected,
+                }));
+                return (h(RadioGroup, { name: this.field, disabled: this.disabled, title: this.tooltip, type: "radio", onChange: this.onChangeFieldValidation, options: checkedOptions, specificPartKey: this.specificPartKey, "aria-describedby": this.ariaDescribedBy, required: this.required }));
+            }
+            if (typeof this.value === "string") {
+                const currentValue = this.readStore(this.field);
+                const isChecked = currentValue != null && String(currentValue) === this.value;
+                return (h(RadioGroup, { name: this.field, value: this.value, checked: isChecked, disabled: this.disabled, title: this.tooltip, componentClassName: this.componentClassName, type: "radio", specificPartKey: this.specificPartKey, onChange: this.onChangeFieldValidation, "aria-describedby": this.ariaDescribedBy, required: this.required }));
+            }
+        }
+        if (this.type === "checkbox") {
+            if (Array.isArray(this.multiSelectOptions) && this.multiSelectOptions.length) {
+                const selected = Array.isArray(this.selected) ? this.selected : [];
+                return (h(MultiSelect, { value: selected, options: this.multiSelectOptions, disabled: this.disabled, title: this.tooltip, type: "checkbox", specificPartKey: this.specificPartKey, onToggle: this.onMultiToggle, "aria-describedby": this.ariaDescribedBy }));
+            }
+            if (this.value) {
+                const currentValue = this.readStore(this.field) ?? [];
+                const isChecked = currentValue?.includes(this.value);
+                return (h(MultiSelect, { id: `${this.field}-${this.value}`, name: this.field, value: this.value, checked: isChecked, disabled: this.disabled, title: this.tooltip, componentClassName: this.componentClassName, type: "checkbox", onToggle: (val, checked) => {
+                        const current = this.readStore(this.field);
+                        const updated = checked ? [...current, val] : current.filter((v) => v !== val);
+                        this.writeStore(this.field, updated);
+                    }, "aria-describedby": this.ariaDescribedBy }));
+            }
+        }
+        if (this.type === "select") {
+            const currentValue = this.readStore(this.field) ?? "";
+            const option = this.getNormalizedOptions();
+            return (h(Select, { id: this.field, name: this.field, value: currentValue, options: option, disabled: this.disabled, title: this.tooltip, emptyOption: this.emptyOption, onChange: this.onChangeFieldValidation, componentClassName: this.componentClassName, countryCodeDisplayOption: this.countryCodeDisplayOption, countryIcon: this.countryIcon, attr_name: this.attrName, specificPartKey: this.specificPartKey, "aria-describedby": this.ariaDescribedBy }));
+        }
+        if (this.type === "textarea") {
+            const currentValue = this.readStore(this.field) || "";
+            return (h(Textarea, { id: this.field, value: currentValue, required: this.required, disabled: this.disabled, title: this.tooltip, componentClassName: this.componentClassName, specificPartKey: this.specificPartKey, onChange: this.onChangeFieldValidation, onBlur: this.onBlurFieldValidation, "aria-describedby": this.ariaDescribedBy }));
+        }
+        const currentValue = this.readStore(this.field) || "";
+        return (h(Input, { id: this.field, value: currentValue, required: this.required, disabled: this.disabled, title: this.tooltip, type: this.type, componentClassName: this.componentClassName, placeholder: this.placeholder, specificPartKey: this.specificPartKey, onChange: this.onChangeFieldValidation, onBlur: this.onBlurFieldValidation, "aria-describedby": this.ariaDescribedBy }));
+    }
+}, [768, "u-raw-field", {
+        "required": [4],
+        "readonlyPlaceholder": [1, "readonly-placeholder"],
+        "countryCodeDisplayOption": [1, "country-code-display-option"],
+        "invalidPhoneMessage": [1, "invalid-phone-message"],
+        "componentClassName": [1, "class-name"],
+        "field": [1],
+        "value": [1],
+        "checked": [4],
+        "disabled": [4],
+        "tooltip": [1],
+        "type": [1],
+        "placeholder": [1],
+        "options": [1],
+        "emptyOption": [4, "empty-option"],
+        "attrName": [1, "attr-name"],
+        "radioOptions": [16],
+        "multiSelectOptions": [16],
+        "specificPartKey": [1, "specific-part-key"],
+        "ariaDescribedBy": [1, "aria-described-by"],
+        "pattern": [1],
+        "patternErrorMessage": [1, "pattern-error-message"],
+        "validationFunc": [16],
+        "selected": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-raw-field"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-raw-field":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RawField);
+            }
+            break;
+    } });
+}
+
+export { RawField as R, defineCustomElement as d };
+//# sourceMappingURL=raw-field.js.map
+
+//# sourceMappingURL=raw-field.js.map

package/dist/components/raw-field.js.map

@@ -0,0 +1 @@
+{"file":"raw-field.js","mappings":"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","names":["__stencil_proxyCustomElement","profileState"],"sources":["src/profile/components/raw-input-fields/Input.tsx","src/profile/components/raw-input-fields/MultiSelect.tsx","src/profile/components/raw-input-fields/RadioGroup.tsx","src/profile/components/raw-input-fields/Select.tsx","src/profile/components/raw-input-fields/Textarea.tsx","src/profile/components/raw-field/raw-field.tsx"],"sourcesContent":["import { type FunctionalComponent, h } from \"@stencil/core\";\n\ntype InputProps = {\n  id: string;\n  type: string;\n  value: string | undefined;\n  componentClassName?: string;\n  disabled?: boolean;\n  required?: boolean;\n  title?: string;\n  placeholder?: string;\n  specificPartKey?: string;\n  onChange: (value: string) => void;\n  onBlur?: (e: Event) => void;\n  ariaDescribedBy?: string;\n};\n\nexport const Input: FunctionalComponent<InputProps> = (props) => (\n  <input\n    id={props.id}\n    type={props.type}\n    value={props.value}\n    class={props.componentClassName}\n    disabled={props.disabled}\n    required={props.required}\n    part={`input_field ${props.specificPartKey ? `input_field--${props.specificPartKey}` : \"\"}`}\n    title={props.title}\n    placeholder={props.placeholder}\n    onChange={(e) => props.onChange((e.target as HTMLInputElement).value)}\n    onBlur={(e) => props.onBlur?.(e)}\n    aria-describedby={props.ariaDescribedBy || undefined}\n  />\n);\n","import { type FunctionalComponent, h } from \"@stencil/core\";\n\nexport type MultiSelectOption = { value: string; label: string };\n\ntype MultiSelectProps =\n  | {\n      value: string[];\n      options: MultiSelectOption[];\n      disabled?: boolean;\n      title?: string;\n      type?: string;\n      specificPartKey?: string;\n      onToggle: (optValue: string, checked: boolean) => void;\n      ariaDescribedBy?: string;\n    }\n  | {\n      id?: string;\n      name: string;\n      value: string;\n      checked: boolean;\n      componentClassName?: string;\n      disabled?: boolean;\n      title?: string;\n      type?: string;\n      onToggle: (optValue: string, checked: boolean) => void;\n      ariaDescribedBy?: string;\n    };\n\nexport const MultiSelect: FunctionalComponent<MultiSelectProps> = (props) => {\n  if (!(\"options\" in props)) {\n    return (\n      <input\n        id={props.id}\n        type={props.type}\n        name={props.name}\n        value={props.value}\n        checked={props.checked}\n        disabled={props.disabled}\n        title={props.title}\n        class={props.componentClassName}\n        onChange={(e) => props.onToggle(props.value, (e.target as HTMLInputElement).checked)}\n        aria-describedby={props.ariaDescribedBy || undefined}\n      />\n    );\n  }\n\n  return (\n    <div\n      part={`multi-select-group_field ${props.specificPartKey ? `multi-select-group_field--${props.specificPartKey}` : \"\"}`}\n      title={props.title}\n      aria-describedby={props.ariaDescribedBy || undefined}\n    >\n      {props.options.map((opt) => (\n        <label\n          key={opt.value}\n          htmlFor={`${props.specificPartKey}-${opt.value}`}\n          part={`multi-select-item_label ${props.specificPartKey ? `multi-select-item_label--${props.specificPartKey}` : \"\"}`}\n        >\n          <input\n            id={`${props.specificPartKey}-${opt.value}`}\n            type={props.type}\n            checked={Array.isArray(props.value) && props.value.includes(opt.value)}\n            disabled={props.disabled}\n            title={props.title}\n            onChange={(e) => props.onToggle(opt.value, (e.target as HTMLInputElement).checked)}\n            part={`multi-select-item_checkbox ${props.specificPartKey ? `multi-select-item_checkbox--${props.specificPartKey}` : \"\"}`}\n          />\n          {opt.label}\n        </label>\n      ))}\n    </div>\n  );\n};\n","import { type FunctionalComponent, h } from \"@stencil/core\";\n\nexport type RadioOption = { value: string; label: string; checked: boolean };\n\ntype RadioGroupProps =\n  | {\n      options: RadioOption[];\n      disabled?: boolean;\n      type?: string;\n      name?: string;\n      title?: string;\n      specificPartKey?: string;\n      onChange: (value: string) => void;\n      ariaDescribedBy?: string;\n      required?: boolean;\n    }\n  | {\n      value: string;\n      checked: boolean;\n      disabled?: boolean;\n      type?: string;\n      name: string;\n      title?: string;\n      componentClassName?: string;\n      onChange: (value: string) => void;\n      ariaDescribedBy?: string;\n      required?: boolean;\n    };\n\nexport const RadioGroup: FunctionalComponent<RadioGroupProps> = (props) => {\n  if (!(\"options\" in props)) {\n    return (\n      <input\n        type={props.type}\n        name={props.name}\n        required={props.required}\n        value={String(props.value)}\n        checked={props.checked}\n        disabled={props.disabled}\n        title={props.title}\n        class={props.componentClassName}\n        onChange={() => props.onChange(String(props.value))}\n        aria-describedby={props.ariaDescribedBy || undefined}\n      />\n    );\n  }\n\n  return (\n    <div\n      part={`radio-group_field ${props.specificPartKey ? `radio-group_field--${props.specificPartKey}` : \"\"}`}\n      title={props.title}\n      aria-describedby={props.ariaDescribedBy || undefined}\n    >\n      {props.options.map((opt) => (\n        <label\n          htmlFor={`${props.name}-${opt.value}`}\n          key={String(opt.value)}\n          part={`radio-group-item_label ${props.specificPartKey ? `radio-group-item_label--${props.specificPartKey}` : \"\"} ${opt.checked ? \"radio_checked\" : \"\"}`}\n          data-checked={opt.checked ? \"true\" : \"false\"}\n        >\n          <input\n            id={`${props.name}-${opt.value}`}\n            type={props.type}\n            name={props.name}\n            required={props.required}\n            value={String(opt.value)}\n            checked={opt.checked}\n            disabled={props.disabled}\n            onChange={() => props.onChange(String(opt.value))}\n            part={`radio-group-item_radio ${props.specificPartKey ? `radio-group-item_radio--${props.specificPartKey}` : \"\"}`}\n          />\n          {opt.label}\n        </label>\n      ))}\n    </div>\n  );\n};\n","import { type FunctionalComponent, h } from \"@stencil/core\";\n\nexport type Option = { value: string; label: string; selected?: boolean };\n\ntype SelectProps = {\n  id: string;\n  name?: string;\n  value: string | string[] | null | undefined;\n  options: Option[];\n  disabled?: boolean;\n  title?: string;\n  countryCodeDisplayOption?: string;\n  attr_name?: string;\n  componentClassName?: string;\n  emptyOption: boolean;\n  specificPartKey?: string;\n  onChange: (value: string) => void;\n  countryIcon?: (code: string) => string;\n  ariaDescribedBy?: string;\n};\n\nexport const Select: FunctionalComponent<SelectProps> = (props) => {\n  const renderOptionLabel = (opt: Option) => {\n    if (props.attr_name === \"country_code\" && props.countryCodeDisplayOption === \"icon\" && props.countryIcon) {\n      return props.countryIcon(opt.value);\n    }\n    return opt.label;\n  };\n  return (\n    <select\n      id={props.id}\n      name={props.name}\n      class={props.componentClassName}\n      data-value={props.value as string | undefined}\n      part={`select_field ${props.specificPartKey ? `select_field--${props.specificPartKey}` : \"\"}`}\n      disabled={props.disabled}\n      title={props.title}\n      onChange={(e) => props.onChange((e.target as HTMLSelectElement).value)}\n      aria-describedby={props.ariaDescribedBy || undefined}\n    >\n      {props.emptyOption ? <option value=\"\" selected={props.value === null || props.value === \"\"} /> : null}\n      {props.options.map((opt) => (\n        <option\n          key={opt.value}\n          value={opt.value}\n          data-selected={opt.value === props.value ? \"true\" : \"false\"}\n          selected={opt.value === props.value}\n          disabled={opt.value === \"--\"}\n        >\n          {renderOptionLabel(opt)}\n        </option>\n      ))}\n    </select>\n  );\n};\n","import { type FunctionalComponent, h } from \"@stencil/core\";\n\ntype TextareaProps = {\n  id: string;\n  value: string | undefined;\n  disabled?: boolean;\n  required?: boolean;\n  title?: string;\n  name?: string;\n  componentClassName?: string;\n  placeholder?: string;\n  specificPartKey?: string;\n  onChange: (value: string) => void;\n  onBlur?: (e: Event) => void;\n  ariaDescribedBy?: string;\n};\n\nexport const Textarea: FunctionalComponent<TextareaProps> = (props) => (\n  <textarea\n    id={props.id}\n    value={props.value}\n    name={props.name}\n    class={props.componentClassName}\n    required={props.required}\n    part={`textarea_field ${props.specificPartKey ? `textarea_field--${props.specificPartKey}` : \"\"}`}\n    disabled={props.disabled}\n    title={props.title}\n    onChange={(e) => props.onChange((e.target as HTMLTextAreaElement).value)}\n    onBlur={props.onBlur}\n    aria-describedby={props.ariaDescribedBy || undefined}\n  />\n);\n","import { Component, Element, h, Prop, State } from \"@stencil/core\";\nimport { UnidyComponent } from \"../../../logger\";\nimport { type ProfileNode, type ProfileRaw, state as profileState } from \"../../store/profile-store\";\nimport { Input } from \"../raw-input-fields/Input\";\nimport { MultiSelect, type MultiSelectOption } from \"../raw-input-fields/MultiSelect\";\nimport { RadioGroup, type RadioOption } from \"../raw-input-fields/RadioGroup\";\nimport { type Option, Select } from \"../raw-input-fields/Select\";\nimport { Textarea } from \"../raw-input-fields/Textarea\";\n\n@Component({\n  tag: \"u-raw-field\",\n  shadow: false,\n})\nexport class RawField extends UnidyComponent {\n  @Prop() required = false;\n  @Prop() readonlyPlaceholder = \"\";\n  @Prop() countryCodeDisplayOption?: \"icon\" | \"label\" = \"label\";\n  @Prop() invalidPhoneMessage = \"Please enter a valid phone number.\";\n  @Prop({ attribute: \"class-name\" }) componentClassName?: string;\n\n  @Prop() field!: string;\n  @Prop() value?: string | string[];\n  @Prop() checked?: boolean;\n  @Prop() disabled?: boolean;\n  @Prop() tooltip?: string;\n  @Prop() type!: string;\n  @Prop() placeholder?: string;\n  @Prop() options?: string | Option[];\n  @Prop() emptyOption = false;\n  @Prop() attrName?: string;\n  @Prop() radioOptions?: RadioOption[];\n  @Prop() multiSelectOptions?: MultiSelectOption[];\n  @Prop() specificPartKey?: string;\n  @Prop() ariaDescribedBy = \"\";\n  @Prop() pattern?: string;\n  @Prop() patternErrorMessage?: string;\n  @Prop() validationFunc?: (value: string | string[]) => { valid: boolean; message?: string };\n\n  @Element() el!: HTMLElement;\n\n  @State() selected?: string | string[];\n\n  private readStore(fieldName: string): string | undefined | string[] {\n    if (!fieldName) return;\n    const data: ProfileRaw = profileState.data;\n\n    if (!data) return;\n\n    let field: ProfileNode | undefined;\n\n    if (fieldName.startsWith(\"custom_attributes.\")) {\n      const key = fieldName.replace(\"custom_attributes.\", \"\");\n      field = data.custom_attributes?.[key];\n    } else {\n      field = data[fieldName];\n    }\n\n    if (!field) return;\n\n    if (field.radio_options) {\n      const checkedOption = field.radio_options.find((option: RadioOption) => option.checked);\n\n      const checkedValue = checkedOption?.value ?? field.value ?? \"\";\n\n      return String(checkedValue);\n    }\n\n    if (field.type === \"checkbox\") {\n      return Array.isArray(field.value) ? field.value : [];\n    }\n\n    return field.value;\n  }\n\n  private writeStore(fieldName: string, value: string | string[]) {\n    if (!fieldName) return;\n    const data: ProfileRaw = profileState.data;\n    if (!data) return;\n\n    const isCustomAttribute = fieldName.startsWith(\"custom_attributes.\");\n    const key = isCustomAttribute ? fieldName.replace(\"custom_attributes.\", \"\") : fieldName;\n\n    if (isCustomAttribute) {\n      const field = data.custom_attributes?.[key];\n      profileState.data = {\n        ...data,\n        custom_attributes: {\n          ...data.custom_attributes,\n          [key]: { ...field, value },\n        },\n      };\n    } else {\n      const field = data[key];\n      profileState.data = { ...data, [key]: { ...field, value } };\n    }\n  }\n\n  private runExternalValidator(value: string | string[]) {\n    if (this.validationFunc) {\n      try {\n        return this.validationFunc(value);\n      } catch (e) {\n        this.logger.error(\"External validator (validationFunc) threw an error:\", e);\n        return null;\n      }\n    }\n  }\n\n  private validateValue(value: string | string[]): { valid: boolean; message: string } {\n    // TODO: We should validate this when the component is loading.\n    if (this.required) {\n      const empty = value === undefined || value === null || value === \"\";\n      if (empty) {\n        return { valid: false, message: \"This field is required.\" };\n      }\n    }\n\n    if (this.pattern && typeof value === \"string\") {\n      const regex = new RegExp(this.pattern);\n      if (!regex.test(value)) {\n        return { valid: false, message: this.patternErrorMessage || \"Invalid format.\" };\n      }\n    }\n\n    const externalResult = this.runExternalValidator(value);\n\n    if (externalResult && !externalResult.valid) {\n      return { valid: false, message: externalResult.message || \"Invalid input.\" };\n    }\n\n    if (this.type === \"tel\") {\n      const phonePattern = /^(?=.{4,13}$)(\\+\\d+|\\d+)$/;\n      if (typeof value === \"string\" && value !== \"\" && !phonePattern.test(value)) {\n        return { valid: false, message: this.invalidPhoneMessage };\n      }\n    }\n\n    return { valid: true, message: \"\" };\n  }\n\n  private getNormalizedOptions(): Option[] {\n    if (Array.isArray(this.options)) return this.options;\n\n    // unidy-raw-field select-options prop can be a JSON string\n    if (typeof this.options === \"string\") return JSON.parse(this.options);\n\n    return [];\n  }\n\n  private countryIcon(countryCode: string, placeholder = \"➖\"): string {\n    if (!/^[A-Z]{2}$/.test(countryCode)) {\n      return placeholder;\n    }\n\n    return Array.from(countryCode)\n      .map((char) => String.fromCodePoint(0x1f1e6 + (char.charCodeAt(0) - \"A\".charCodeAt(0))))\n      .join(\"\");\n  }\n\n  private onMultiToggle = (optValue: string, checked: boolean) => {\n    const currentValues = Array.isArray(this.selected) ? this.selected : [];\n    let updatedValues: string[];\n    if (checked) {\n      updatedValues = currentValues.includes(optValue) ? currentValues : [...currentValues, optValue];\n    } else {\n      updatedValues = currentValues.filter((v) => v !== optValue);\n    }\n\n    this.selected = updatedValues;\n    // TODO: validate multiselect if needed\n    this.writeStore(this.field, updatedValues);\n  };\n\n  private onBlurFieldValidation = (e: Event) => {\n    const input = e.target as HTMLInputElement | HTMLTextAreaElement;\n    const val = input.value;\n\n    const result = this.validateValue(val);\n    const newErrors = { ...profileState.errors };\n\n    if (result.valid) {\n      delete newErrors[this.field];\n    } else {\n      newErrors[this.field] = result.message;\n    }\n\n    profileState.errors = newErrors;\n  };\n\n  private onChangeFieldValidation = (newValue: string) => {\n    this.selected = newValue;\n\n    const result = this.validateValue(newValue);\n    const newErrors = { ...profileState.errors };\n\n    if (result.valid) {\n      delete newErrors[this.field];\n      this.writeStore(this.field, newValue);\n    } else {\n      newErrors[this.field] = result.message;\n    }\n\n    profileState.errors = newErrors;\n  };\n\n  componentWillLoad() {\n    if (!this.field) throw new Error('u-raw-field: \"field\" is required.');\n    if (!this.type) throw new Error('u-raw-field: \"type\" is required.');\n\n    const allowed: Set<string> = new Set([\"text\", \"email\", \"tel\", \"password\", \"number\", \"date\", \"radio\", \"textarea\", \"select\", \"checkbox\"]);\n    if (!allowed.has(this.type)) {\n      this.type = \"text\";\n    }\n\n    const current = this.readStore(this.field);\n    const isType =\n      this.type === \"text\" ||\n      this.type === \"email\" ||\n      this.type === \"tel\" ||\n      this.type === \"password\" ||\n      this.type === \"number\" ||\n      this.type === \"date\" ||\n      this.type === \"textarea\" ||\n      this.type === \"select\";\n\n    if (isType && (current === undefined || current === null) && typeof this.value === \"string\") {\n      this.writeStore(this.field, this.value);\n    }\n\n    this.selected = current;\n  }\n\n  componentDidRender() {\n    const errs = profileState.errors;\n    if (errs?.[this.field]) {\n      this.el.querySelector<HTMLInputElement | HTMLTextAreaElement>(`#${CSS.escape(this.field)}`)?.focus();\n    }\n  }\n\n  render() {\n    if (this.type === \"radio\") {\n      if (Array.isArray(this.radioOptions) && this.radioOptions.length) {\n        const checkedOptions = this.radioOptions.map((opt) => ({\n          ...opt,\n          checked: String(opt.value) === this.selected,\n        }));\n        return (\n          <RadioGroup\n            name={this.field}\n            disabled={this.disabled}\n            title={this.tooltip}\n            type=\"radio\"\n            onChange={this.onChangeFieldValidation}\n            options={checkedOptions}\n            specificPartKey={this.specificPartKey}\n            aria-describedby={this.ariaDescribedBy}\n            required={this.required}\n          />\n        );\n      }\n\n      if (typeof this.value === \"string\") {\n        const currentValue = this.readStore(this.field);\n        const isChecked = currentValue != null && String(currentValue) === this.value;\n        return (\n          <RadioGroup\n            name={this.field}\n            value={this.value}\n            checked={isChecked}\n            disabled={this.disabled}\n            title={this.tooltip}\n            componentClassName={this.componentClassName}\n            type=\"radio\"\n            specificPartKey={this.specificPartKey}\n            onChange={this.onChangeFieldValidation}\n            aria-describedby={this.ariaDescribedBy}\n            required={this.required}\n          />\n        );\n      }\n    }\n\n    if (this.type === \"checkbox\") {\n      if (Array.isArray(this.multiSelectOptions) && this.multiSelectOptions.length) {\n        const selected = Array.isArray(this.selected) ? this.selected : [];\n        return (\n          <MultiSelect\n            value={selected}\n            options={this.multiSelectOptions}\n            disabled={this.disabled}\n            title={this.tooltip}\n            type=\"checkbox\"\n            specificPartKey={this.specificPartKey}\n            onToggle={this.onMultiToggle}\n            aria-describedby={this.ariaDescribedBy}\n          />\n        );\n      }\n\n      if (this.value) {\n        const currentValue = (this.readStore(this.field) as string[]) ?? [];\n        const isChecked = currentValue?.includes(this.value as string);\n        return (\n          <MultiSelect\n            id={`${this.field}-${this.value}`}\n            name={this.field}\n            value={this.value as string}\n            checked={isChecked}\n            disabled={this.disabled}\n            title={this.tooltip}\n            componentClassName={this.componentClassName}\n            type=\"checkbox\"\n            onToggle={(val, checked) => {\n              const current = this.readStore(this.field) as string[];\n              const updated = checked ? [...current, val] : current.filter((v) => v !== val);\n              this.writeStore(this.field, updated);\n            }}\n            aria-describedby={this.ariaDescribedBy}\n          />\n        );\n      }\n    }\n\n    if (this.type === \"select\") {\n      const currentValue = (this.readStore(this.field) as string) ?? \"\";\n      const option = this.getNormalizedOptions();\n      return (\n        <Select\n          id={this.field}\n          name={this.field}\n          value={currentValue}\n          options={option}\n          disabled={this.disabled}\n          title={this.tooltip}\n          emptyOption={this.emptyOption}\n          onChange={this.onChangeFieldValidation}\n          componentClassName={this.componentClassName}\n          countryCodeDisplayOption={this.countryCodeDisplayOption}\n          countryIcon={this.countryIcon}\n          attr_name={this.attrName}\n          specificPartKey={this.specificPartKey}\n          aria-describedby={this.ariaDescribedBy}\n        />\n      );\n    }\n\n    if (this.type === \"textarea\") {\n      const currentValue = (this.readStore(this.field) as string) || \"\";\n      return (\n        <Textarea\n          id={this.field}\n          value={currentValue}\n          required={this.required}\n          disabled={this.disabled}\n          title={this.tooltip}\n          componentClassName={this.componentClassName}\n          specificPartKey={this.specificPartKey}\n          onChange={this.onChangeFieldValidation}\n          onBlur={this.onBlurFieldValidation}\n          aria-describedby={this.ariaDescribedBy}\n        />\n      );\n    }\n\n    const currentValue = (this.readStore(this.field) as string) || \"\";\n    return (\n      <Input\n        id={this.field}\n        value={currentValue}\n        required={this.required}\n        disabled={this.disabled}\n        title={this.tooltip}\n        type={this.type}\n        componentClassName={this.componentClassName}\n        placeholder={this.placeholder}\n        specificPartKey={this.specificPartKey}\n        onChange={this.onChangeFieldValidation}\n        onBlur={this.onBlurFieldValidation}\n        aria-describedby={this.ariaDescribedBy}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/components/spinner.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const spinnerCss = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--u-animate-spin:spin 1s linear infinite;--u-font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.u\\:flex{display:flex}.u\\:justify-center{justify-content:center}.u\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.u\\:disabled\\:opacity-50:disabled{opacity:.5}.u\\:inline-flex{display:inline-flex}.u\\:h-\\[1em\\]{height:1em}.u\\:w-\\[1em\\]{width:1em}.u\\:animate-spin{animation:var(--u-animate-spin)}.u\\:items-center{align-items:center}.u\\:rounded-\\[50\\%\\]{border-radius:50%}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components;@layer utilities{}@keyframes spin{to{transform:rotate(1turn)}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components;@layer utilities{.u\\:justify-end{justify-content:flex-end}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{}@layer components;@layer utilities{.container{width:100%}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:host{font-size:var(--spinner-font-size,20px)}.spinner-inner{border-top:.1em solid var(--spinner-color-secondary,#ccc);border:.1em solid var(--spinner-color-secondary,#ccc);border-top-color:var(--spinner-color-primary,#333)}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}";
+
+const Spinner = /*@__PURE__*/ proxyCustomElement(class Spinner extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: '8088358576ae5597be493ff1c27b97c6fcc7b06f', class: "u:inline-flex u:items-center u:justify-center" }, h("div", { key: 'd981ee379b8d1042ada7d70b12005ff84ef66085', class: "spinner-inner u:w-[1em] u:h-[1em] u:rounded-[50%] u:animate-spin", part: "spinner", role: "status", "aria-label": "Loading" })));
+    }
+    static get style() { return spinnerCss; }
+}, [257, "u-spinner"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-spinner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-spinner":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Spinner);
+            }
+            break;
+    } });
+}
+
+export { Spinner as S, defineCustomElement as d };
+//# sourceMappingURL=spinner.js.map
+
+//# sourceMappingURL=spinner.js.map

package/dist/components/spinner.js.map

@@ -0,0 +1 @@
+{"file":"spinner.js","mappings":";;AAAA,MAAM,UAAU,GAAG,6pRAA6pR;;MCOnqR,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAA,WAAA,CAAA;;;;;;;;IAClB,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+CAA+C,EAAA,EAEzD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kEAAkE,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAY,YAAA,EAAA,SAAS,EAAG,CAAA,CAC7H;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/shared/components/spinner/spinner.css?tag=u-spinner&encapsulation=shadow","src/shared/components/spinner/spinner.tsx"],"sourcesContent":[":host {\n  font-size: var(--spinner-font-size, 20px);\n}\n\n.spinner-inner {\n  border: 0.1em solid var(--spinner-color-secondary, #ccc);\n  border-top: 0.1em solid var(--spinner-color-primary, #333);\n}\n","import { Component, Host, h } from \"@stencil/core\";\n\n@Component({\n  tag: \"u-spinner\",\n  styleUrl: \"spinner.css\",\n  shadow: true,\n})\nexport class Spinner {\n  render() {\n    return (\n      <Host class=\"u:inline-flex u:items-center u:justify-center\">\n        {/* biome-ignore lint/a11y/useSemanticElements: spinner is a visual element, output tag not appropriate */}\n        <div class=\"spinner-inner u:w-[1em] u:h-[1em] u:rounded-[50%] u:animate-spin\" part=\"spinner\" role=\"status\" aria-label=\"Loading\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}